.warranty-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;padding-block:60px 45px}.warranty-hero h1{font-size:clamp(2.3rem,4vw,3.6rem);font-weight:600;letter-spacing:-.045em}.warranty-hero p{font-size:.94rem}.warranty-emblem{display:flex;flex-direction:column;align-items:center;gap:20px;color:#0081ad}.warranty-emblem svg{width:190px;height:190px;filter:drop-shadow(0 0 20px #0091bb25)}.warranty-emblem span{font:500 .6rem Consolas,monospace;letter-spacing:.15em}.warranty-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.lookup-panel{background:#f3fbff;border:1px solid #8fc6e1;border-radius:10px;padding:35px;box-shadow:0 15px 45px #006c9312}.lookup-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.lookup-heading .eyebrow{font-size:.6rem;margin:0}.lookup-chip{color:#007291;font-size:.65rem;padding:5px 12px;background:#dcf5ff;border:1px solid #8dccdf;border-radius:4px}.lookup-panel h2{font-size:1.5rem}.lookup-panel>p{font-size:.85rem}.lookup-panel label{display:block;font-size:.8rem;font-weight:600;margin:25px 0 8px}.lookup-input-row{display:flex;gap:10px}.lookup-input-row input{flex:1;min-width:0;padding:14px 15px;background:#fff;border:1px solid #8dbed7;border-radius:5px;font-family:Consolas,'Noto Sans Thai',sans-serif;font-size:1rem;color:#174f70}.lookup-input-row button{white-space:nowrap;gap:10px}.lookup-panel .lookup-help{font-size:.72rem;color:#56778e;margin-top:12px}.lookup-aside{padding:25px;background:linear-gradient(145deg,#d8f3ff,#c2e7fc);border:1px solid #8fc6e1;border-radius:10px}.lookup-aside .eyebrow{font-size:.59rem}.lookup-aside h3{font-size:1rem;margin-top:25px}.lookup-aside p{font-size:.82rem}.lookup-aside .button{width:100%;font-size:.8rem;padding:12px}.serial-sticker{padding:18px;background:#f5fcff;border:1px solid #a2cddd;border-radius:4px;color:#164d6c;transform:rotate(-3deg)}.serial-sticker>span{font:500 .56rem Consolas,monospace}.serial-sticker strong{font:600 .75rem Consolas,monospace}.serial-barcode{height:35px;margin:14px 0 10px;background:repeating-linear-gradient(90deg,#164d6c 0 2px,transparent 2px 4px,#164d6c 4px 5px,transparent 5px 8px,#164d6c 8px 12px,transparent 12px 15px)}.lookup-loading{display:flex;gap:12px;align-items:center;padding:24px 0;font-size:.85rem;color:#215c7b}.lookup-spinner{width:20px;height:20px;border:2px solid #bdddea;border-top-color:#0079a7;border-radius:50%;animation:lookup-spin .8s linear infinite}@keyframes lookup-spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.button:disabled{opacity:.65;cursor:wait;transform:none}.warranty-result{margin-top:28px;background:#eaf7ff;border:1px solid #8cc1de;border-radius:7px;padding:25px}.warranty-result.valid{border-color:#75bca8;background:#edf9f4}.warranty-result.expired{border-color:#d4ae94;background:#fff6ee}.result-kicker{font:500 .58rem Consolas,monospace;color:#4b738c;letter-spacing:.1em}.warranty-status{display:flex;justify-content:space-between;gap:20px}.warranty-result h3{font-size:1.3rem;margin:12px 0 8px;color:#15516f}.warranty-result p{font-size:.82rem}.warranty-result.valid h3{color:#096a4c}.warranty-result.expired h3{color:#995022}.status-mark{display:grid;place-items:center;height:44px;width:44px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;color:#277697;font-size:1.3rem;margin-top:15px}.valid .status-mark{color:#128064}.expired .status-mark{color:#a76835}.warranty-details{margin:20px 0 0}.warranty-details>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:15px;padding:12px 0;border-top:1px solid #9ec4d550;font-size:.81rem}.warranty-details dt{color:#4a7087}.warranty-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}.warranty-timeline{margin-top:22px}.warranty-timeline>div{display:flex;justify-content:space-between;font-size:.75rem;color:#366e85}.warranty-timeline progress{display:block;width:100%;height:8px;margin-top:10px;border:0;border-radius:20px;overflow:hidden;accent-color:#0b88ac}.warranty-timeline progress::-webkit-progress-bar{background:#b4d7e4}.warranty-timeline progress::-webkit-progress-value{background:#0788ac}.warranty-timeline progress::-moz-progress-bar{background:#0788ac}.warranty-timeline p,.warranty-result .result-footnote{font-size:.7rem;color:#52778b;margin-top:12px}.warranty-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.warranty-info-grid article{padding:27px;background:#f1fbff;border:1px solid #93c7e1;border-radius:7px}.warranty-info-grid article>span{font:500 .56rem Consolas,monospace;color:#08789e;letter-spacing:.07em}.warranty-info-grid h3{font-size:1.05rem;margin-top:24px}.warranty-info-grid p{font-size:.84rem;margin-bottom:0}.warranty-info-grid .text-link{margin-top:20px;font-size:.78rem}
@media(max-width:1060px){.warranty-workspace{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.lookup-panel{padding:25px}.lookup-input-row{flex-direction:column}.lookup-input-row button{align-self:flex-start}.warranty-info-grid article{padding:22px}}
@media(max-width:760px){.warranty-hero{grid-template-columns:1fr;gap:25px;padding-block:40px}.warranty-hero p br{display:none}.warranty-emblem{flex-direction:row;justify-content:center;gap:25px}.warranty-emblem svg{width:110px;height:110px}.warranty-emblem span{font-size:.5rem}.warranty-workspace{grid-template-columns:1fr}.lookup-input-row{flex-direction:row}.lookup-input-row button{align-self:stretch}.warranty-info-grid{grid-template-columns:1fr}.lookup-aside{display:grid;grid-template-columns:150px 1fr;gap:0 25px}.lookup-aside .eyebrow{grid-column:1/-1}.serial-sticker{grid-row:2/6;align-self:center}.lookup-aside h3{margin-top:0}.lookup-aside .button{grid-column:2}.warranty-result{padding:20px}}
@media(max-width:480px){.warranty-hero h1{font-size:2.4rem}.lookup-panel{padding:22px}.lookup-heading{flex-wrap:wrap}.lookup-panel h2{font-size:1.25rem}.lookup-input-row{flex-direction:column}.lookup-input-row button{align-self:stretch}.lookup-aside{display:block}.lookup-aside h3{margin-top:25px}.serial-sticker{max-width:240px;margin:auto}.warranty-details>div{grid-template-columns:1fr;gap:5px}.warranty-status{gap:10px}.warranty-result h3{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.lookup-spinner{animation:none}}
