/* KG AUTO · owner-approved ice blue theme, 2026-11-04. */
:root{--ink:#12334b;--muted:#4d6b80;--paper:#f7fcff;--line:#c8e4f1;--lime:#096b98;--blue:#096b98;--blue-dark:#075477;--ice:#e7f5fc;--crystal:#69c8ee;--glass:rgba(255,255,255,.86);--ice-shadow:0 10px 30px rgba(33,117,156,.09)}
body{background:radial-gradient(ellipse at 85% 5%,#d8f2ff 0,transparent 45%),linear-gradient(155deg,#f7fcff,#edf9ff 55%,#f7fcff);color:var(--ink)}
.header{background:rgba(247,252,255,.94);border-color:#d3eaf5;box-shadow:0 3px 22px #287fa012;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.preview,.market-line{background:linear-gradient(110deg,#e7f5fc,#d4effc,#f3fbff);color:var(--ink);border-bottom:1px solid #c6e6f5}
.market-line>span:first-child{color:var(--ink)}
.kg-header-logo .logo-mark{background:linear-gradient(140deg,#1898c6,#08658e);color:white;box-shadow:inset 0 1px 0 #ffffff9c,0 5px 16px #278db22a;border:1px solid #d0f2ff;border-radius:12px}
.hero{background:radial-gradient(ellipse at 80% 20%,#d1efff,transparent 65%),linear-gradient(135deg,#f7fcff,#e7f5fc)}
.hero-copy{background:linear-gradient(130deg,#ffffffb8,#e7f5fc5c)}
.hero-visual{background:linear-gradient(145deg,#f2fbff,#dceefa);border:1px solid #ffffff;border-radius:22px;margin:22px 5% 22px 0;box-shadow:inset 0 1px 0 #fff,var(--ice-shadow)}
html[dir=rtl] .hero-visual{margin:22px 0 22px 5%}
.hero-visual:after{background:linear-gradient(transparent,rgba(13,49,72,.92))}
.hero-visual>img,.car-picture img,.detail-image,.gallery-thumb img{filter:none}
.button,.vehicle-wa,.details,.customer-tabs button{border-radius:10px}
.button.primary,.primary,.floating-wa,.customer-tabs button[aria-selected=true],.heart.active{background:linear-gradient(145deg,#1688bd,#09658e);color:#fff;border:1px solid #117aa6;box-shadow:inset 0 1px 0 #ffffff5c,0 5px 16px #2188b326}
.primary:hover,.floating-wa:hover,.customer-tabs button[aria-selected=true]:hover{background:linear-gradient(145deg,#1179a9,#075477)}
.secondary,.vehicle-wa,.customer-tabs button{background:#f4fbff;color:#09658e;border-color:#b3d9eb}
.secondary:hover,.vehicle-wa:hover,.customer-tabs button:hover{background:#e1f3fc}
.customer-tools,.business-section,.fob-section{background:linear-gradient(120deg,#e7f5fc,#f7fcff);border-block:1px solid #d2eaf5}
.filters,.customer-tools .filters,.card,.detail-layout,.inspection-visual,.inspection-step,.inspection-check,.inspection-report-document,.inspection-report-link,.inspection-home,.inspection-detail-entry{background:var(--glass);border:1px solid #cce5f2;border-radius:16px;box-shadow:inset 0 1px 0 #fff,var(--ice-shadow)}
.filters,.customer-tools .filters{background:linear-gradient(125deg,#ffffffed,#ecf8ffed);padding:18px}
.card{overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}
.card:hover{box-shadow:0 12px 32px #24799f24;border-color:#91cce5}
.car-picture,.detail-image,.inspection-check img{background:#edf7fc}
input,select,textarea,.filters input,.filters select,.inspection-language,#detailLanguage,.gallery-tools button,#copyLink{background:#fbfeff;border:1px solid #b9d9e9;border-radius:8px;color:var(--ink)}
.tools select{background:#f5fbff;border:1px solid #c8e4f1;border-radius:8px;padding:8px}
.price-row strong,.detail-price,.inspection-evidence strong,.inspection-report-brand{color:#09658e}
.badge{background:#f4fcfff2;color:#125273;border:1px solid #d0eaf6;border-radius:6px}
.heart{background:#fbfefff2;color:#125273;border:1px solid #d4e9f3}
.text-link{border-color:#93bfd5}.eyebrow{color:#296079}
.inquiry,.customer-tools .inquiry,.inspection-request{background:linear-gradient(125deg,#e2f3fc,#f4fbff);color:var(--ink);border:1px solid #bfdfee;border-radius:16px;box-shadow:inset 0 1px 0 #fff,var(--ice-shadow)}
.inquiry .eyebrow,.inquiry-intro>p,.inquiry label>span,.draft-note,#formStatus,#shortlistSummary,.inspection-request h2,.inspection-request p{color:var(--ink)}
.inquiry input,.inquiry select,.inquiry textarea,.inspection-request input,.inspection-request textarea{background:#fbfeff;color:var(--ink);border-color:#accfdf}
.inquiry select option{background:#fff;color:var(--ink)}
.draft-note{border-color:#68bbde}.inquiry a:not(.button){color:#095f88}.inquiry input::placeholder,.inquiry textarea::placeholder{color:#587386;opacity:1}
.inspection-report-grid,.inspection-selected,.quote-box{background:linear-gradient(125deg,#e1f3fd,#f1faff);border:1px solid #c4e3f2;border-radius:16px;color:var(--ink)}
.inspection-step>span{background:#dcf2fc;color:#09658e}.inspection-report-status{background:#fbfeff;border-color:#1688bd}.inspection-report-document{border-top:4px solid #69c8ee}
.inspection-lead,.inspection-intro,.inspection-step p,.inspection-check p,.inspection-faq p,.inspection-home p,.inspection-detail-entry p{color:var(--muted)}
.inspection-evidence,.inspection-faq details,.inspection-report-fields li{border-color:#cde4ef}
footer{background:#f9fdff;border-top:1px solid #d5eaf4}
.floating-wa{border-radius:28px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#09658e}
dialog{background:#f7fcff;border:1px solid #c5e2ef;box-shadow:0 20px 70px #12334b30}
body.privacy-page{background:linear-gradient(135deg,#f7fcff,#e7f5fc);color:#12334b}
.privacy-page section{background:#ffffffed;border:1px solid #c8e4f1;border-radius:16px;box-shadow:var(--ice-shadow)}
.privacy-page a{color:#09658e}
.hero-actions>.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 21px;border:1px solid #9acde5;border-radius:10px;background:linear-gradient(145deg,#ffffffeb,#e0f3ff);color:#095c83;box-shadow:inset 0 1px 0 #fff,0 5px 16px #2188b31c;font-weight:700}
select,.filters select,.inquiry select,.inspection-language,#detailLanguage,.tools select,.privacy-page select{background-color:#f5fbff;background-image:linear-gradient(155deg,#ffffff,#e6f5fd);border:1px solid #a8cee2;border-block-end:2px solid #85b7d0;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 4px 10px #19699112;min-height:42px;max-width:100%;transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease;cursor:pointer}
select:focus-visible,.filters select:focus-visible,.inquiry select:focus-visible,.tools select:focus-visible{border-color:#1688bd;box-shadow:0 0 0 4px #69c8ee30,0 6px 15px #1969911f;outline:2px solid #09658e;outline-offset:2px}
select option{background:#f7fcff;color:#12334b}
@media(hover:hover) and (pointer:fine){select:hover,.filters select:hover,.inquiry select:hover,.tools select:hover{border-color:#389cc5;box-shadow:inset 0 1px 0 #fff,0 7px 16px #19699124}.hero-actions>a:hover{box-shadow:inset 0 1px 0 #fff,0 8px 20px #2188b330;transform:translateY(-2px)}}
.hero-actions>a{transition:transform .18s ease,box-shadow .18s ease}
@media(max-width:760px){.hero-visual,html[dir=rtl] .hero-visual{margin:0 5% 20px;border-radius:16px}.filters,.customer-tools .filters{padding:13px}.header{backdrop-filter:none;-webkit-backdrop-filter:none}.card{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.card,select,.filters select,.inquiry select,.tools select,.hero-actions>a{transition:none}.hero-actions>a:hover{transform:none}}
@media(forced-colors:active){.button,.card,.filters,.header,.inspection-request{border:1px solid CanvasText;box-shadow:none}}