.warranty-hero{background:linear-gradient(125deg,#102a43,#17435c);color:#fff;padding:4.5rem 0}
.warranty-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem;align-items:center}
.warranty-layout h1{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.05em}
.warranty-layout>div>p{color:#c5d5e0;max-width:650px}
.warranty-search{display:flex;align-items:end;gap:.7rem;max-width:650px;margin:1.5rem 0 .6rem}
.warranty-search label{display:grid;gap:.35rem;flex:1}
.warranty-search .form-control{padding:.8rem}
.warranty-art{border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:2rem;display:grid;gap:.7rem}
.warranty-art i{font-size:3rem;color:#79d3d9}
.warranty-art span{color:#c5d5e0;font-size:.82rem}
.warranty-list{display:grid;gap:.75rem}
.warranty-list article{display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;border:1px solid #dce5eb;border-radius:12px;padding:1rem 1.2rem;background:#fff}
.warranty-status{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#e9f5f5;color:#087f8c;font-size:1.25rem}
.warranty-status.expired{background:#fff0ee;color:#b42318}
.warranty-status.none{background:#f0f3f5;color:#718096}
.warranty-list h3{font-size:1rem;margin:0 0 .2rem}
.warranty-list article>div:nth-child(2)>span,.warranty-list article>div:nth-child(2)>small{display:block;color:#617386;font-size:.82rem}
.warranty-dates{min-width:190px;text-align:right}
.warranty-dates span{display:block;color:#617386;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.warranty-dates strong{display:block;color:#147d64}
.warranty-status.expired~.warranty-dates strong{color:#b42318}
.warranty-empty{padding:2.5rem;border:1px dashed #b9c8d3;border-radius:14px;text-align:center;color:#617386;background:#f8fafb}
@media(max-width:991px){.warranty-layout{grid-template-columns:1fr;gap:2rem}.warranty-art{max-width:420px}}
@media(max-width:575px){.warranty-hero{padding:3rem 0}.warranty-search{display:grid}.warranty-list article{grid-template-columns:42px 1fr}.warranty-dates{grid-column:2;text-align:left}}