/* check-warranty.html (2026-10-31) */
.cw{background:#f4f5f7;padding:1rem 0 2.5rem}
.cw-bc{margin:0 0 1rem}
.cw-hero{display:flex;align-items:center;gap:1.25rem;background:#1c1d20;color:#fff;border-radius:14px;padding:1.5rem 1.75rem;margin-bottom:1.25rem}
.cw-hero h1{margin:0;color:#fff;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.1}
.cw-hero p{margin:.35rem 0 0;color:#d4d4d8}
.cw-hero__ico{flex:none}
.cw-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
.cw-card{background:#fff;border:1px solid #e4e6ea;border-radius:14px;padding:1.5rem;min-width:0}
.cw-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.cw-card h2{margin:0;font-size:1.5rem}
.cw-chip{font-size:.78rem;font-weight:600;padding:.3rem .7rem;border-radius:6px;background:#e7f6ec;color:#17803d;white-space:nowrap}
.cw-chip--blue{background:#e6efff;color:#1d4ed8}.cw-chip--red{background:#fde8e8;color:#b42318}.cw-chip--amber{background:#fff4d6;color:#a15c00}
.cw-sub{color:#555;margin:.5rem 0 1rem}
.cw-find label{display:block;font-weight:600;margin:.9rem 0 .4rem}
.cw-find input{width:100%;box-sizing:border-box;height:48px;border:1px solid #d6d9de;border-radius:8px;background:#f7f8fa;padding:0 .9rem;font:inherit;font-size:1rem}
.cw-find input:focus{outline:2px solid #ffd200;border-color:#e0b400;background:#fff}
.cw-find input[aria-invalid=true]{border-color:#d92d20}
.cw-help{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:.75rem 0 1rem}
.cw-help details{font-size:.9rem}
.cw-help summary{cursor:pointer;color:#1d4ed8;display:inline-flex;align-items:center;gap:.4rem;text-decoration:underline}
.cw-help details p{margin:.4rem 0 0;color:#444;max-width:40ch}
.cw-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:52px;border:0;border-radius:10px;background:#ffd200;color:#111;font:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none}
.cw-btn:hover{background:#f5c400}.cw-btn[disabled]{opacity:.6;cursor:wait}
.cw-note{text-align:center;color:#666;font-size:.85rem;margin:.75rem 0 0}
.cw-acct{display:flex;gap:.9rem;align-items:center;border-top:1px solid #eceef1;margin-top:1.25rem;padding-top:1.25rem}
.cw-acct__ico,.cw-mini__ico{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #d6d9de;display:grid;place-items:center;color:#333}
.cw-acct strong{display:block}.cw-acct a,.cw-mini a{color:#1d4ed8;font-weight:500}
.cw-empty{text-align:center;padding:2.5rem 1rem;color:#555}
.cw-empty h3{margin:1rem 0 .5rem;color:#111}.cw-empty p{max-width:46ch;margin:0 auto}
.cw-dev{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center;margin:1.25rem 0}
.cw-dev__img{width:200px;height:160px;object-fit:contain;background:#fff;border-radius:8px}
.cw-dev__ph{width:200px;height:160px;border-radius:8px;background:#f2f3f5;display:grid;place-items:center;color:#9aa0a6}
.cw-dev h3{margin:0 0 .6rem;font-size:1.25rem}
.cw-dl{display:grid;grid-template-columns:auto 1fr;margin:0}
.cw-dl dt,.cw-dl dd{margin:0;padding:.45rem 0;border-bottom:1px solid #eceef1;font-size:.92rem}
.cw-dl dt{color:#666;padding-right:1.5rem}.cw-dl dd{font-weight:500;overflow-wrap:anywhere}
.cw-boxes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.cw-box{display:flex;gap:.75rem;border-radius:10px;padding:1rem;font-size:.9rem}
.cw-box p{margin:.25rem 0 0;color:#444}
.cw-box--ok{background:#ecf8f0;border:1px solid #cdebd8}.cw-box--ok b{color:#17803d}
.cw-box--warn{background:#fff7e6;border:1px solid #fbe3b0}.cw-box--warn b{color:#b26a00}
.cw-box--bad{background:#fdecec;border:1px solid #f6caca}.cw-box--bad b{color:#b42318}
.cw-box__ico{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}
.cw-box--ok .cw-box__ico{background:#17803d}.cw-box--warn .cw-box__ico{background:#e08a00}.cw-box--bad .cw-box__ico{background:#d92d20}
.cw-signin{text-align:center;font-size:.85rem;color:#666;margin:.75rem 0 0}
.cw-miss{padding:1.25rem 0}.cw-miss h3{margin:0 0 .5rem}
.cw-miss .cw-acts{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.cw-miss .cw-acts a{flex:1 1 180px}
.cw-btn--ghost{background:#fff;border:1px solid #d6d9de}
.cw-side{display:grid;gap:1rem;background:#fff;border:1px solid #e4e6ea;border-radius:14px;padding:1.25rem 1.5rem}
.cw-mini{display:flex;gap:.9rem;align-items:flex-start}
.cw-mini p{margin:.2rem 0;color:#555;font-size:.9rem}.cw-mini p a{color:#b26a00;font-weight:600}
.cw-how ol{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:s}
.cw-how li{counter-increment:s;display:grid;grid-template-columns:32px 1fr;column-gap:.6rem;font-size:.85rem}
.cw-how li::before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:#eceef1;display:grid;place-items:center;font-weight:600}
.cw-how li span{color:#666}
@media (min-width:1024px){
 .cw-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .cw-side{grid-column:1/-1;grid-template-columns:1fr 1fr 1.6fr;align-items:center}
 .cw-mini+.cw-mini,.cw-how{border-left:1px solid #eceef1;padding-left:1.5rem}
}
@media (min-width:1800px){
 .cw-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(0,3fr)}
 .cw-side{grid-column:auto;grid-template-columns:1fr;align-items:start;align-content:start}
 .cw-mini+.cw-mini,.cw-how{border-left:0;padding-left:0;border-top:1px solid #eceef1;padding-top:1rem}
 .cw-how ol{grid-template-columns:1fr}
 .cw-dev{grid-template-columns:260px 1fr}.cw-dev__img,.cw-dev__ph{width:260px;height:200px}
}
@media (max-width:640px){
 .cw-hero{padding:1.1rem;gap:.8rem}.cw-hero__ico{width:40px;height:40px}
 .cw-card{padding:1.1rem}.cw-card h2{font-size:1.25rem}
 .cw-dev{grid-template-columns:1fr;justify-items:center;text-align:left}.cw-dev>div{width:100%}
 .cw-boxes{grid-template-columns:1fr}
 .cw-how ol{grid-template-columns:1fr}
 .cw-btn{font-size:1rem}
}
.cw-acct a,.cw-mini a{white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}
/* 2026-10-31 cwadd: result actions + Add to my Account modal */
.cw-acts--res{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.cw-acts--res>.cw-btn{flex:1 1 220px;width:auto}
.cw-btn--ghost{border:2px solid #111;color:#111}
.cw-btn--ghost:hover{background:#fff8d6}
.cw-modal{position:fixed;inset:0;z-index:9999;background:rgba(17,17,17,.55);display:flex;align-items:center;justify-content:center;padding:1rem}
.cw-modal[hidden]{display:none}
.cw-modal__card{position:relative;width:100%;max-width:440px;background:#fff;border-radius:14px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.cw-modal__card h3{margin:0 0 .5rem;font-size:1.3rem}
.cw-modal__x{position:absolute;top:.5rem;right:.6rem;border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:#555}
.cw-modal label{display:block;font-weight:600;margin:.75rem 0 .35rem}
.cw-modal input{width:100%;height:52px;border:1px solid #c9ccd1;border-radius:10px;padding:0 .9rem;font:inherit;font-size:1.1rem;box-sizing:border-box}
.cw-modal input:focus{outline:2px solid #ffd200;border-color:#111}
.cw-m-code{letter-spacing:.5em;text-align:center;font-size:1.4rem!important}
.cw-m-sub{color:#333;margin:0 0 .25rem;line-height:1.5}
.cw-m-err{color:#c62828;min-height:1.3em;margin:.4rem 0 .6rem;font-size:.95rem}
.cw-m-link{display:block;margin:.8rem auto 0;border:0;background:none;color:#0b57d0;font:inherit;cursor:pointer;text-decoration:underline}
.cw-m-ok{background:#eef8f0;border:1px solid #bfe3c7;border-radius:10px;padding:.9rem 1rem;margin:.5rem 0 1rem;line-height:1.5}
.cw-m-ok p{margin:.25rem 0}
.cw-m-small{font-size:.9rem;color:#555;margin:.75rem 0 0;word-break:break-all}
html.cw-lock{overflow:hidden}