/* core\static\css\base.css */
.motor-card-new {border-radius: 16px; box-shadow: 0 0 0 2px rgba(13, 61, 171, .55), 0 12px 24px -10px rgba(13, 61, 171, .30) !important; transition: box-shadow .2s ease, transform .2s ease;}
.motor-card-new:hover {box-shadow: 0 0 0 3px rgba(13, 71, 161, .75), 0 18px 36px -12px rgba(13, 71, 161, .35) !important; transform: translateY(-2px);}
.motor-card-used {border-radius: 16px; box-shadow: 0 0 0 2px rgba(25, 135, 84, .55), 0 12px 24px -10px rgba(25, 135, 84, .28) !important; transition: box-shadow .2s ease, transform .2s ease;}
.motor-card-used:hover {box-shadow: 0 0 0 3px rgba(25, 135, 84, .75), 0 18px 36px -12px rgba(25, 135, 84, .35) !important; transform: translateY(-2px);}
.object-fit-contain {object-fit: contain;}
.object-fit-contain {object-fit: contain;}
.gallery-nav {position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(0, 0, 0, .12); z-index: 5; pointer-events: auto;}
.gallery-prev {left: .5rem; right: auto;}
.gallery-next {right: .5rem; left: auto;}
.side-card.sticky-top {top: 90px;}
.price-lg {font-weight: 700; font-size: 1.25rem;}
.phone-btn {background: #007bff; color: #f8f40f; border: none; border-radius: 999px; padding: .9rem 1.25rem; font-weight: 700; width: 100%;}
.chip {display: flex; align-items: center; gap: .5rem; padding: .65rem .75rem; border: 1px solid #eaeaea; border-radius: 12px; background: #fff; font-size: .8rem;}
.chip .bi {font-size: 1.1rem; border: 1px solid #eee; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.verify-badge {background: #f4f8ff; border: 1px solid #e5efff; color: #264f9e; border-radius: 8px; padding: .6rem .75rem; font-size: .9rem;}
.meta-label {color: #6b7280; min-width: 90px;}
.spec-grid .col {margin-bottom: .75rem;}
.thumb {border-radius: 12px;}
.thumb.border-primary {box-shadow: 0 0 0 2px #0d6efd inset;}
.spec-wrap {overflow: hidden;}
.spec-columns {margin-right: 0 !important; margin-left: 0 !important;}
.spec-item {text-align: right;}
.spec-label {font-weight: 700; font-size: 0.95rem; color: #000;}
.spec-value {font-size: 0.9rem; color: #555;}
#thumbStrip {flex-wrap: wrap; min-width: 0;}
.time-box {padding: 6px 12px; border: 1px solid #ccc; border-radius: 5px; min-width: 65px; text-align: center; cursor: pointer; background-color: #f8f9fa;}
.time-box.selectable:hover {background-color: #e0f7fa;}
.time-box.selected {background-color: #80deea; font-weight: bold;}
.time-box.booked {background-color: #eee; color: #aaa; text-decoration: line-through; pointer-events: none;}
.service-card {cursor: pointer; border: 2px solid transparent; transition: all 0.2s ease-in-out;}
.service-card:hover {border-color: #00bcd4;}
.service-card.selected {border-color: #007bff; box-shadow: 0 0 12px rgba(0, 123, 255, 0.5); background-color: #570a58; color: #fff; font-size: 13px; text-shadow: 1px 1px 6px #570a58, 0 0 1em blue, 0 0 0.2em blue; font-weight: 800;}
.disabled-service {opacity: 0.4; cursor: not-allowed !important; border: 2px dashed #aaa;}
.disabled-service:hover {border-color: #aaa; box-shadow: none;}
.media-box {position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #f7f7f7; border-radius: .5rem;}
.media-box.is-sold img {filter: grayscale(100%) contrast(.9) brightness(.95)}
.media-box.is-sold::after {content: "فروخته شد"; position: absolute; top: 14px; left: -28px; transform: rotate(-12deg); padding: 8px 26px; font-weight: 800; letter-spacing: .3px; background: rgba(220, 53, 69, .92); color: #fff; border: 2px dashed rgba(255, 255, 255, .85); border-radius: 8px; box-shadow: 0 8px 24px rgba(220, 53, 69, .35); pointer-events: none;}
.phone-btn[disabled] {cursor: not-allowed; opacity: .6; pointer-events: none}
.media-box>img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.media-box.ar-4x3 {padding-top: 75%; height: 0;}
.media-box.ar-4x3>img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.thumb {width: 100px; height: 100px; object-fit: cover;}
.time-box {padding: .6rem .8rem; border: 1px solid #ddd; border-radius: .5rem; cursor: default; min-width: 140px; text-align: center;}
.time-box.selectable {cursor: pointer;}
.time-box.booked {background: #f7f7f7; color: #999;}
.time-box.selected {outline: 2px solid #0d6efd;}
@font-face {
    font-family: 'IranSansXV';
    src: url("../fonts/IRANSans-Edit.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'IranSansXVB';
    src: url("../fonts/IRANSansBold-Edit.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}
body {font-family: 'IranSansXV', 'IranSansXVB', sans-serif; background-color: #f8f9fa;}
.timer {color: red; font-weight: bold; margin-top: 0.5rem;}
.hidden {display: none;}
.btn-filter {border: 1px solid #ccc; transition: all 0.3s ease;}
.btn-filter:hover {border-color: #FFD700; color: #007bff;}
.btn-clear-filters {border: 1px solid #ccc; transition: all 0.3s ease;}
.btn-clear-filters:hover {border-color: #dc3545; color: #dc3545;}
.btn-sparkle-burst {position: relative; background-color: #0d57f7; color: #FFD700; border: none; padding: 6px 18px; font-weight: bold; font-size: 16px; border-radius: 10px; cursor: pointer; overflow: hidden; z-index: 1; box-shadow: 0 0 15px #FFD700; transition: transform 0.3s ease-in-out;}
.btn-sparkle-burst:hover {transform: scale(1.05);}
.btn-sparkle-burst span.spark {position: absolute; width: 6px; height: 6px; background: white; border-radius: 50%; pointer-events: none; opacity: 0; animation: spark-explode 1.5s infinite;}
.btn-sparkle-burst span.spark:nth-child(1) {top: 10%; left: 50%; animation-delay: 0s;}
.btn-sparkle-burst span.spark:nth-child(2) {top: 30%; left: 20%; animation-delay: 0.3s;}
.btn-sparkle-burst span.spark:nth-child(3) {top: 70%; left: 60%; animation-delay: 0.6s;}
.btn-sparkle-burst span.spark:nth-child(4) {top: 40%; left: 80%; animation-delay: 0.9s;}
.btn-sparkle-burst span.spark:nth-child(5) {top: 20%; left: 70%; animation-delay: 1.2s;}
@keyframes spark-explode {
    0% {transform: scale(0.5); opacity: 0; box-shadow: 0 0 2px white;}
    30% {opacity: 1; transform: scale(1.5); box-shadow: 0 0 10px #ffffffaa;}
    60% {transform: scale(2); opacity: 0.5;}
    100% {transform: scale(0.5); opacity: 0;}
}
.installment-box {--inst-rgb: 23, 81, 126; --inst-bg-alpha: .15; --inst-border-alpha: .25; --inst-item-bg-alpha: .70; --inst-item-border-alpha: .25; background-color: rgba(var(--inst-rgb), var(--inst-bg-alpha)); border: 1px solid rgba(var(--inst-rgb), var(--inst-border-alpha)); border-radius: 16px; padding: 16px;}
.installment-item {background-color: rgba(255, 255, 255, var(--inst-item-bg-alpha)); border: 1px dashed rgba(var(--inst-rgb), var(--inst-item-border-alpha)); border-radius: 12px;}
.installment-box.is-violet {--inst-rgb: 88, 28, 135;}
.kav-footer {position: relative; border-top: 0 !important; isolation: isolate; z-index: 20;}
.kav-footer>hr {display: none !important;}
.kav-footer::before {content: ""; position: absolute; left: 0; right: 0; top: -56px; height: 80px; background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 21;}
.footer-fade {height: 80px; background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); margin-bottom: -80px; pointer-events: none;}
.car-card {position: relative; border-radius: 16px; overflow: hidden;}
.car-card .media-box img {width: 100%; height: 260px; object-fit: cover; display: block;}
.car-card.is-sold .media-box img {filter: grayscale(100%) contrast(.9) brightness(.95);}
.car-card.is-sold::after {content: "فروخته شد"; position: absolute; top: 14px; left: -28px; transform: rotate(-12deg); padding: 8px 26px; font-weight: 800; letter-spacing: .3px; background: rgba(220, 53, 69, .92); color: #fff; border: 2px dashed rgba(255, 255, 255, .85); border-radius: 8px; box-shadow: 0 8px 24px rgba(220, 53, 69, .35); pointer-events: none;}
.car-card.is-sold .btn {pointer-events: none; opacity: .6;}
.k-topchips {position: sticky; top: calc(var(--header-h, 4px)); z-index: 1030; background: #fff; padding: .5rem 0; transition: padding .25s ease, box-shadow .25s ease, background .25s ease;}
.chips-scroll {display: flex; gap: .6rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; padding-bottom: .25rem;}
.chips-scroll::-webkit-scrollbar {height: 6px;}
.chips-scroll::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .12); border-radius: 999px;}
.chip2 {scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 96px; padding: .55rem .6rem; border: 1px solid #e5e7eb; border-radius: 14px; background: #f6efdf; text-align: center; gap: .45rem; font-weight: 800; transition: all .2s ease; color: #111827; margin-top: 1rem;}
.chip2:hover {transform: translateY(-1px); border-color: #ffc107;}
.tile-icon-box {width: 64px; height: 64px; border-radius: 12px; background: #f6efdf; display: flex; align-items: center; justify-content: center; border: 1px solid #eef0f2; transition: all .2s ease;}
.chip2 img.tile-icon {width: 64px; height: 64px; object-fit: contain; display: block; border-radius: 14px}
.chip2 span {line-height: 1; font-size: .8rem;}
.chip2.is-active {background: var(--chip-bg, #fef5e6); color: #fff; border-color: transparent;}
.chip2.is-active .tile-icon-box {background: rgba(255, 255, 255, .10); border-color: rgba(254, 245, 230, 0.117);}
.k-topchips.compact {padding: .25rem 0; box-shadow: 0 6px 18px rgba(0, 0, 0, .06);}
.k-topchips.compact .chip2 .tile-icon-box {width: 0; height: 0; margin: 0; padding: 0; opacity: 0; border-width: 0;}
.k-topchips.compact .chip2 {background: #fff; color: #111827;}
.k-topchips.compact .chip2.is-active {background: var(--chip-bg, #fef5e6); color: #fff;}
#preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f6efdf; display: flex; justify-content: center; align-items: center; z-index: 9999;}
#preloader img {width: 120px; height: 120px; border-radius: 14px;}
:root{ --radius:.9rem; --shadow:0 12px 32px rgba(20,27,45,.12);}
.k-container{max-width:1160px;margin:auto;padding:1.25rem}
.hero{position:relative;background:#000;border-radius:18px;overflow:hidden; box-shadow:0 12px 32px rgba(20,27,45,.12);height:330px}
.hero__track{direction:ltr; display:flex;height:100%; overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.hero__track::-webkit-scrollbar{width:0;height:0;display:none}
.hero__slide{min-width:100%;height:100%;scroll-snap-align:start;position:relative}
.hero__slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero__nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero__btn{pointer-events:auto; background:#fff;border:0;width:42px;height:42px;border-radius:999px; display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.16);opacity:.95;transition:.2s}
.hero__btn:hover{transform:translateY(-2px)}
.hero__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center}
.hero__dot{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.55);transition:.2s}
.hero__dot.is-active{width:18px;background:#fff}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.chip{border:1px solid #e6e6e6;border-radius:999px;padding:.4rem .8rem;font-size:.9rem;background:#fff; cursor:pointer;transition:.2s;}
.chip:hover{transform:translateY(-3px);box-shadow:0 3px 12px rgba(0,0,0,.06)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}
@media (max-width: 992px){ .grid{grid-template-columns:repeat(6,1fr)} }
@media (max-width: 576px){ .grid{grid-template-columns:repeat(2,1fr)} }
.cat-card{border-radius: 14px;grid-column:span 4;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.cat-media{aspect-ratio:16/9;display:block;position:relative;overflow:hidden; background: var(--surface-1);border-radius: inherit;}
.cat-media img{width:100%;height:100%;object-fit:contain;border-radius: inherit;display:block;transform:scale(1);transition:transform .3s}
.cat-card:hover .cat-media img{transform:scale(1.04)}
.cat-body{padding:.8rem 1rem 1rem}
.cat-title{font-weight:600;margin:0 0 .5rem}
.cat-meta{font-size:.85rem;color:#6b7280}
.badge{position:absolute;top:.6rem;left:.6rem;background:#111827;color:#fff;border-radius:999px;font-size:.75rem; padding:.25rem .55rem;opacity:.9}
.cta{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #e5e7eb;border-radius:999px;padding:.45rem .85rem; font-size:.9rem;margin-top:.6rem;transition:.2s}
.cta:hover{background:#111827;color:#fff;border-color:#111827}
.promos{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.25rem 0}
@media (max-width: 576px){ .promos{grid-template-columns:1fr} }
.promo{border-radius:var(--radius);padding:1rem 1.25rem;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.promo--blue{background:linear-gradient(135deg,#1e3a8a,#2563eb)}
.promo--amber{background:linear-gradient(135deg,#92400e,#f59e0b)}
.promo h4{margin:0 0 .25rem;font-weight:700}
.promo p{margin:0;opacity:.9}
.float-btn{position:fixed;right:1rem;bottom:1rem;z-index:50;border:0;border-radius:999px;background:#10b981;color:#fff; padding:.75rem 1rem;box-shadow:0 10px 24px rgba(16,185,129,.35);font-weight:600}
body.theme-dark-navy{
--bg: #0b1220;
--bg-2: #0e1629;
--surface-1: #121d33;
--surface-2: #15223b;
--border: rgba(255,255,255,.08);
--text: #e6eef6;
--muted: #9fb2c7;
--accent: #3BA3FF;
--accent-2: #00D4FF;
--shadow: 0 10px 28px rgba(255,255,255,.38);
color: var(--text);
background: radial-gradient(1100px 520px at 85% -220px, rgba(59,163,255,.18), transparent 60%), linear-gradient(180deg, var(--bg), var(--bg-2));
}
body.theme-dark-navy a{ color: var(--accent); }
body.theme-dark-navy .text-dark{ color: var(--text)!important; }
body.theme-dark-navy hr{ border-color: var(--border)!important; }
body.theme-dark-navy .k-topchips{background: rgba(10,16,28,.75); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border);}
body.theme-dark-navy .chip2{background: var(--surface-2); border-color: var(--border); color: var(--text);}
body.theme-dark-navy .chip2:hover{ border-color: var(--accent); }
body.theme-dark-navy .chip2.is-active{background: linear-gradient(180deg, rgba(59,163,255,.20), rgba(0,212,255,.12)); color: var(--text);}
body.theme-dark-navy .chip2 .tile-icon-box{background: rgba(255,255,255,.04); border-color: var(--border);}
body.theme-dark-navy .hero{background:#000; border-radius:18px; box-shadow: var(--shadow);}
body.theme-dark-navy .hero__btn{background:#fff; color:#0b1220; box-shadow:0 10px 24px rgba(0,0,0,.5);}
body.theme-dark-navy .hero__dot{ background: rgba(255,255,255,.5); }
body.theme-dark-navy .hero__dot.is-active{ background:#fff; }
body.theme-dark-navy .chips .chip{background: var(--surface-1); border-color: var(--border); color: var(--text); box-shadow: 0 12px 32px rgba(0,0,0,.35);}
body.theme-dark-navy .chips .chip:hover{transform: translateY(-1px); box-shadow: 0 16px 36px rgba(0,0,0,.5);}
body.theme-dark-navy .cat-card{background: var(--surface-1); box-shadow: var(--shadow); border: 1px solid var(--border);}
body.theme-dark-navy .cat-meta{ color: var(--muted); }
body.theme-dark-navy .cta{border-color: var(--border); color: var(--text); background: transparent;}
body.theme-dark-navy .cta:hover{background: var(--accent); color:#051225; border-color: var(--accent);}
body.theme-dark-navy .promo--blue{background: linear-gradient(135deg, #0b2a6b, #3BA3FF);}
body.theme-dark-navy .promo--amber{background: linear-gradient(135deg, #1f2937, #3BA3FF);}
body.theme-dark-navy #preloader{ background: var(--bg); }
body.theme-dark-navy .kav-footer::before{background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%);}
.k-consult-modal{background: var(--surface-1); color: var(--text); border-radius: 16px; box-shadow: var(--shadow); padding-top: 1.25rem;}
.k-consult-modal .swal2-title{font-weight: 800; color: var(--text);}
.k-consult-body{ text-align: right; }
.k-actions{display: grid; gap: .6rem; margin: .8rem 0 0;}
.k-btn{display: flex; align-items: center; gap: .5rem; padding: .75rem .9rem; border-radius: 12px; text-decoration: none; background: var(--surface-2); border: 1px solid var(--border); color: var(--text); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.k-btn:hover{transform: translateY(-1px); border-color: var(--accent); box-shadow: 0 10px 24px rgba(0,0,0,.35);}
.k-btn i{ font-size: 1.1rem; }
.k-note{margin-top: .75rem; font-size: .85rem; color: var(--muted);}
:root{
    --bg:#0f1115; --panel:#171a21; --muted:#9aa3af; --text:#e6e6e6;
    --stroke:#222834; --up:#22c55e; --down:#ef4444; --flat:#9ca3af; --chip:#0b1017;
    --chip-b:#2b3242; --btn:#1f2430; --btn-b:#2a3141; --focus:#3b82f6;
}
.k-dark{background:var(--bg); color:var(--text);}
.k-wrap{max-width:1100px; margin-inline:auto; padding:24px 16px;}
.k-panel{background:var(--panel); border:1px solid var(--stroke); border-radius:14px;}
.k-head{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px;}
.k-title{font-size:20px; font-weight:700;}
.k-sub{font-size:12px; color:var(--muted);}
.k-toolbar{display:flex; flex-direction:column; align-items:center; gap:14px; padding:14px 16px; border-top:1px solid var(--stroke);}
.k-toolbar .k-chips{justify-content:center; flex-wrap:wrap; width:100%; max-width:1100px; row-gap:8px;}
.k-toolbar .k-search{width:100%; max-width:740px; display:flex; gap:8px;}
.k-toolbar .k-search input{ width:100%; }
@media (max-width: 540px){
.k-chip{ padding:7px 10px; font-size:12px; }
.k-search input{ padding:9px 10px; font-size:14px; }}
@media (max-width: 640px){
.k-head{flex-direction: column; align-items: stretch; gap:8px;}
.k-tabs{width:100%; justify-content: space-between;}
}
.k-tabs{display:flex; gap:8px; padding:8px; background:var(--chip); border:1px solid var(--chip-b); border-radius:12px;}
.k-tab{padding:8px 14px; font-weight:600; border-radius:10px; color:var(--text); text-decoration:none; background:transparent; border:1px solid transparent}
.k-tab.is-active{background:var(--text); border-color:var(--btn-b); color:var(--btn);}
.k-search{flex:1; min-width:220px; display:flex; gap:8px;}
.k-search input{flex:1; background:var(--chip); border:1px solid var(--chip-b); color:var(--text); border-radius:10px; padding:10px 12px; outline:none}
.k-search input:focus{border-color:var(--focus)}
.k-search button{background:var(--btn); border:1px solid var(--btn-b); color:var(--text); border-radius:10px; padding:0 14px}
.k-chips{display:flex; gap:8px; overflow:auto; padding-bottom:4px;}
.k-chip{white-space:nowrap; padding:8px 12px; border-radius:999px; border:1px solid var(--chip-b); background:var(--chip); color:var(--text); text-decoration:none; font-size:13px}
.k-chip.is-active{background:var(--text); border-color:var(--btn-b); color:var(--btn);}
.k-sec{margin-top:18px;}
.k-sechead{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--stroke)}
.k-sec h3{font-size:16px; margin:0}
.k-link{font-size:13px; color:#93c5fd; text-decoration:none}
.k-list{display:flex; flex-direction:column}
.k-row{display:grid; grid-template-columns: 1.2fr .9fr .6fr .6fr .5fr; gap:12px; align-items:center; padding:14px 18px; border-bottom:1px solid var(--stroke)}
.k-row:last-child{border-bottom:none}
.k-car{display:flex; flex-direction:column; gap:2px}
.k-car .brand{color:var(--muted); font-size:12px}
.k-price{font-weight:700}
.k-badge{font-size:12px; color:var(--muted)}
.k-change{display:flex; align-items:center; gap:6px; font-weight:700}
.k-change.up{color:var(--up)}
.k-change.down{color:var(--down)}
.k-change.flat{color:var(--flat)}
.k-ads a{font-size:13px; color:#a3e635; text-decoration:none}
@media (max-width: 900px) {
    .k-row {grid-template-columns:1.4fr .9fr .7fr .6fr; grid-template-areas: "car price change ads" "car meta meta meta"; row-gap:6px}
    .k-row .k-meta{grid-area:meta}
    .k-row .k-car{grid-area:car}
    .k-row .k-price{grid-area:price}
    .k-row .k-change{grid-area:change}
    .k-row .k-ads{grid-area:ads; justify-self:end}
    .k-badge{font-size:12px;text-align: left;}
}
.k-row{display:grid; grid-template-columns: 1.4fr .9fr .7fr .7fr; gap:12px; align-items:center; padding:14px 18px; border-bottom:1px solid var(--stroke);}
.k-row:last-child{border-bottom:none}
.k-modelhead{display:flex; align-items:center; justify-content:space-between; padding:12px 18px; background:var(--panel); border:1px solid var(--stroke); border-radius:12px; margin-top:16px;}
.k-modelhead .t{display:flex; align-items:center; gap:10px; font-weight:700;}
.k-modelhead img{ width:28px; height:28px; object-fit:contain }
@media (max-width: 900px){
    .k-row{grid-template-columns:1.4fr .9fr .7fr; grid-template-areas: "car price change" "car meta meta"; row-gap:6px}
    .k-row .k-meta{grid-area:meta}
    .k-row .k-car{grid-area:car}
    .k-row .k-price{grid-area:price}
    .k-row .k-change{grid-area:change}
}
@media (max-width: 768px) {
.k-row{display: grid !important; grid-template-columns: 1fr auto 1fr; grid-template-rows: auto auto; grid-template-areas: "car   change price" "car   change meta"; column-gap: 12px; row-gap: 4px; align-items: center; padding: 12px 14px; width: 100%;}
.k-row .k-car{grid-area: car; text-align: right;}
.k-row .k-meta{ grid-area: meta; text-align: right; font-size: .85rem; opacity: .8;}
.k-row .k-meta .recent {text-align: left;}
.k-row .k-change{grid-area: change; justify-self: center; align-self: center; text-align: center; white-space: nowrap; font-weight: 700;}
.k-row .k-price{grid-area: price; text-align: left;}
.k-row .k-price .k-badge{ margin-inline-start: 6px; }
.k-row .k-change svg{ vertical-align: middle; margin-inline-end: 6px; }
.k-row .k-badge.k-meta{ background: transparent; padding: 0; }
}
:root{
    --gap:20px;
    --radius:14px;
    --border:#1a2733;
    --text:#e9edf1;
    --muted:#9fb1c6;
    --accent:#3BA3FF;
    --heroH: 480px;
}
.cn-container{ padding:20px clamp(12px,4vw,32px); max-width:1200px; margin-inline:auto; }
.cn-hero{display:grid; grid-template-columns:2fr 1fr; gap:var(--gap); margin-bottom:24px; align-items:stretch;}
.cn-hero .hero-right{display:grid; grid-template-rows:1fr 1fr; gap:16px; min-height:var(--heroH);}
.cn-hero .hero-main{ display:flex; flex-direction:column; min-height:var(--heroH); background:transparent; box-shadow:none; }
.cn-hero .hero-sm{ display:flex; flex-direction:column; background:transparent; box-shadow:none; min-height:0; }
.img-wrap, .thumb-wrap{ display:block; border-radius:var(--radius); overflow:hidden; }
.img-wrap img, .thumb-wrap img{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.img-wrap:hover img, .thumb-wrap:hover img{ transform:scale(1.05); }
.hero-main .img-wrap, .hero-sm .img-wrap{ flex:1 1 auto; min-height:0; }
.hero-title-below{ margin:10px 6px 0; font-weight:700; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.hero-title-below a{ color:#fff !important; text-decoration:none; }
.hero-title-below a:hover{ color:var(--accent); }
.cn-grid{ display:grid; grid-template-columns:3fr 1fr; gap:24px; }
.cn-section-hd{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.cn-filter-tags{ display:flex; gap:8px; flex-wrap:wrap; }
.cn-tag{ background:#16202b; border:1px solid #203142; padding:4px 10px; border-radius:999px; font-size:12px; color:var(--text); }
.cn-list{ display:grid; gap:var(--gap); grid-template-columns:repeat(2,1fr); }
.cn-card{display:grid; grid-template-columns:1fr; background:transparent; border:1px solid var(--border); border-radius:var(--radius); box-shadow:none;}
.cn-thumb{ height:220px; border-radius:var(--radius); object-fit:cover; display:block; }
.cn-title{ margin:10px 12px 6px; font-size:16px; }
.cn-title a{ color:#fff !important; text-decoration:none; }
.cn-title a:hover{ color:var(--accent); }
.cn-meta{ color:var(--muted); font-size:12px; margin:0 12px 6px; }
.cn-topics{ color:#cdd8e5; font-size:13px; margin:0 12px 12px; }
.cn-sidebar{ display:grid; gap:12px; align-content:start; }
.cn-sidebar section{ margin:0; padding:0; }
.cn-sidebar h3{ margin:0 0 8px; font-size:16px; }
.cn-sidebar .cn-side-list{ display:grid; gap:10px; }
.cn-sidebar .cn-side-item{display:grid; grid-template-columns:80px 1fr; gap:10px; align-items:center; text-decoration:none;}
.cn-sidebar .cn-side-thumb{width:72px; height:56px; object-fit:cover; border-radius:10px; transition:transform .3s ease;}
.cn-sidebar .cn-side-item:hover .cn-side-thumb{ transform:scale(1.05); }
.cn-sidebar .cn-side-title{margin:0; font-size:13px; line-height:1.6; color:var(--text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
#cn-search-form{ margin:0; }
#cn-search-input{ background:#ebe7e7; color:#0b1220; border-radius:10px; width:100%; margin:0; }
#cn-search-form button{ border-radius:10px; }
.cn-pagination{ display:flex; gap:8px; align-items:center; justify-content:center; margin-top:12px; }
.cn-pagination button{ background:#16202b; color:var(--text); border:1px solid #274055; padding:8px 12px; border-radius:10px; cursor:pointer; }
.cn-pagination button[disabled]{ opacity:.5; cursor:not-allowed; }
@media (max-width:1200px){:root{ --heroH: 420px;}}
@media (max-width:1024px){
    .cn-hero{ grid-template-columns:1fr; }
    .cn-grid{ grid-template-columns:1fr; }
    .cn-list{ grid-template-columns:1fr; }
    :root{ --heroH: 360px;}}
@media (max-width:600px){
    :root{ --heroH: 300px; }
    .cn-thumb{ height:180px; }}
:root{
    --gap:20px;
    --radius:14px;
    --border:#1a2733;
    --text:#e9edf1;
    --muted:#9fb1c6;
    --accent:#3BA3FF;
    --shadow:0 6px 18px rgba(0,0,0,.08);
}
.cn-detail-grid{ display:grid; grid-template-columns:3fr 1fr; gap:24px; }
.cn-article { max-width: 100%; margin: 0 0 28px; }
.cn-hero-wrap { border-radius: 16px; overflow: hidden; background:#0f1318; border:1px solid var(--border); box-shadow: var(--shadow); }
.cn-hero-img { width:100%; height: min(56vw, 480px); object-fit: cover; display:block; }
.cn-article-title { margin:16px 0 8px; font-size: clamp(20px, 4vw, 28px); }
.cn-article-meta { color:var(--muted); display:flex; gap:8px; flex-wrap:wrap; margin-bottom: 16px; }
.cn-topics { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.cn-topics .cn-tag{ background:#16202b; border:1px solid #203142; padding:4px 10px; border-radius:999px; font-size:12px; color:var(--text); text-decoration:none; }
.cn-article-body { background:#0f1318; border:1px solid var(--border); border-radius:16px; padding:18px; line-height:1.95; color:#e9edf1; box-shadow: var(--shadow); }
.cn-article-body img { max-width:100%; height:auto; border-radius:12px; }
.cn-article-body h2, .cn-article-body h3 { margin-top:1.2em; }
.cn-sidebar{ display:grid; gap:12px; align-content:start; }
.cn-sidebar section{ margin:0; padding:0; }
.cn-sidebar h3{ margin:0 0 8px; font-size:16px; }
.cn-side-list{display:grid; gap:10px; }
.cn-side-item{display:grid; grid-template-columns:80px 1fr; gap:10px; align-items:center; text-decoration:none;}
.cn-side-thumb{width:72px; height:56px; object-fit:cover; border-radius:10px; transition:transform .3s ease; background:#0b0d10; }
.cn-side-item:hover .cn-side-thumb{ transform:scale(1.05); }
.cn-side-title{margin:0; font-size:13px; line-height:1.6; color:var(--text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cn-related { margin-top: 28px; }
.cn-comments { margin-top: 28px; }
.cn-comments-list { display:grid; gap:14px; }
.cn-comment { background:#0f1318; border:1px solid var(--border); border-radius:14px; padding:12px 14px; }
.cn-comment .cn-cmeta { font-size:12px; color:var(--muted); margin-bottom:6px; }
.cn-cform { display:grid; gap:10px; max-width: 720px; }
.cn-cform input, .cn-cform textarea {background:#0f1318; border:1px solid #274055; color:#e9edf1; border-radius:10px; padding:10px 12px;}
.cn-cform button { background:#1e88e5; color:#fff; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; }
.cn-help { color:var(--muted); }
.cn-msg { margin-top:4px; font-size:13px; }
.cn-msg.ok { color:#6fca6b; }
.cn-msg.err { color:#ff8a80; }
@media (max-width:1024px){.cn-detail-grid{ grid-template-columns:1fr; }}
body.theme-dark-navy{background:var(--bg); color:var(--text)}
.landing .k-container{max-width:1280px; margin-inline:auto; padding:24px 16px}
.landing .k-grid{display:grid; gap:16px}
.landing .k-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow)}
.landing .k-card:hover{box-shadow:0 16px 30px -12px rgba(13,61,171,.35)}
.landing .k-section{margin-block:24px}
.landing .k-section-hd{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px}
.landing .k-section-hd h2{font-size:1.25rem; font-weight:700}
.landing .k-link{ color:var(--muted); text-decoration:none; }
.landing .k-chip{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:var(--surface-2); border:1px solid var(--border); font-size:.85rem}
.landing .hp-hero{grid-template-rows:auto}
.landing .hp-hero-news{grid-column:1 / span 8; min-height:380px; overflow:hidden; position:relative}
.landing .hp-hero-news img{width:100%; height:100%; object-fit:cover; filter:brightness(.8)}
.landing .hp-hero-news .hp-hero-overlay{position:absolute; inset:auto 0 0 0; padding:16px; background:linear-gradient(to top, rgba(11,18,32,.9), rgba(11,18,32,0));}
.landing .hp-hero-news .hp-hero-title{text-shadow: #ffb93b  .5px .5px .5px; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); line-height: 2.6rem;font-size:1.6rem; font-weight:800; background-color: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 4px; color:#eebf50}
.landing .hp-hero-side{grid-column:9 / span 4; display:grid; gap:16px}
.landing .hp-price-mini,.hp-qs-cta{padding:16px}
.landing .hp-price-mini h3{font-weight:700; margin-bottom:8px}
.landing .hp-price-mini .row{display:flex; justify-content:space-between; border-top:1px dashed var(--border); padding-top:8px; margin-top:8px; color:var(--muted)}
.landing .hp-qs-cta{background:linear-gradient(135deg, var(--surface-2), rgba(13,61,171,.25)); border:1px solid var(--border)}
.landing .hp-qs-cta h3{font-size:1.2rem; font-weight:800}
.landing .hp-qs-cta .cta{margin-top:12px; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; background:var(--accent); color:#0b1220; font-weight:800}
.landing .hp-news-list{grid-column:1 / span 8}
.landing .hp-news-list .list{display:grid; grid-template-columns:1fr; gap:12px}
.landing .hp-news-item{display:grid; grid-template-columns:160px 1fr; gap:12px; padding:12px; border-radius:12px}
.landing .hp-news-item img{width:100%; height:120px; object-fit:cover; border-radius:10px}
.landing .hp-news-item h6{font-weight:700; margin:4px 0}
.landing .hp-news-item p{color:var(--muted); font-size:.9rem; line-height:1.7}
.hp-price-table{grid-column:9 / span 4}
.hp-price-table table{width:100%; height: 100%; border-collapse:collapse}
.hp-price-table th,.hp-price-table td{border-bottom:1px solid var(--border); padding:10px; font-size:.80rem}
.hp-price-table th{color:var(--muted); font-weight:600; text-align:right}
.hp-diff.up{color:#22c55e}
.hp-diff.down{color:#ef4444}
.landing .hp-options .grid{display:grid; gap:12px; grid-template-columns:repeat(6, minmax(0,1fr)) !important;}
.landing .hp-opt-card{display:flex; flex-direction: column; align-items:center; justify-content:flex-start; gap:10px; padding:14px; border-radius:12px; text-align:center; min-height:120px; min-width:120px; border-radius:12px}
.landing .hp-opt-card img{width:100%; max-width:170px; height:170px; object-fit:cover; border-radius:10px;}
.landing .hp-opt-card span{display:block; margin-top:4px; font-weight:600; white-space:normal; overflow:visible; text-overflow:clip;}
.landing .k-card .grid{grid-template-columns: repeat(5, 1fr);}
.landing .hp-motor .grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
.landing .hp-car-card{overflow:hidden}
.landing .hp-car-card img{width:100%; height:160px; object-fit:cover}
.landing .hp-car-card .meta{padding:10px; color:var(--muted); display:flex; justify-content:space-between}
.landing .hp-qs-wide{padding:18px; display:flex; align-items:center; justify-content:space-between}
.landing .hp-qs-steps{display:flex; gap:10px; color:var(--muted)}
.landing .hp-qs-wide .cta{padding:12px 18px; border-radius:12px; background:var(--accent); color:#0b1220; font-weight:800}
.landing .hp-brands .track{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; align-items:center}
.landing .hp-brands img{width:100%; height:90px; object-fit:contain; filter:grayscale(100%); opacity:.9}

body.theme-dark-navy .kav-footer{--r:16px; width: min(1280px, calc(100% - 32px));  margin: 24px auto 18px; padding: 28px 22px; border-radius: var(--r); border: 1px solid var(--border); background-image: var(--bs-gradient); background-color: transparent; box-shadow: 0 20px 44px -20px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset; overflow: hidden; isolation: isolate;}
body.theme-dark-navy .kav-footer::before{content:""; position:absolute; left:0; right:0; top:0; height:28px; border-radius: inherit; box-shadow: inset 0 12px 24px rgba(255,255,255,.06); pointer-events:none;}
body.theme-dark-navy .footer-fade{ display:none !important; }
body.opt-detail #k-topchips{ position: fixed; left:0; right:0; top:0; z-index: 5000; }
body.opt-detail #content{ padding-top: var(--k-topchips-h, 64px); }
#h1-title {clip-path: inset(50%) !important; white-space: nowrap !important; border-width: 0 !important; width: 1px !important; height: 1px !important; position: absolute !important; overflow: hidden !important;}
@media (min-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1180px !important;}}
@media (max-width:1024px){
    .landing .hp-hero-news{grid-column:1 / -1}
    .landing .hp-hero-side{grid-column:1 / -1; grid-template-columns:repeat(2,1fr)}
    .landing .hp-news-list{grid-column:1 / -1}
    .landing .hp-price-table{grid-column:1 / -1}
    .landing .hp-options .grid{grid-template-columns:repeat(3,1fr)}
    .landing .hp-motor .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
    .landing .k-container{padding:16px 12px}
    .landing .hp-hero-news{min-height:260px}
    .landing .hp-hero-title{font-size:1.25rem}
    .landing .hp-hero-side{grid-template-columns:1fr}
    .landing .hp-news-item{grid-template-columns:1fr}
    .landing .hp-options .grid{grid-template-columns:repeat(2,1fr) !important;}
    .landing .hp-opt-card img{max-width:136px; height:136px;}
    .landing .hp-motor .grid{grid-template-columns:1fr}
    .landing .hp-car-card img {height: 190px;}
    .landing .hp-qs-steps{flex-wrap:wrap}
    .landing .hp-hero-news .hp-hero-title {font-weight: 700; border-radius: 10px; padding: 4px;line-height: 1.6;font-size: .85rem;}
    .landing .hp-hero-news .hp-hero-overlay {padding:7px}
    body.theme-dark-navy .kav-footer{padding: 28px 1px;}
    #footer-address{font-size: 0.8rem !important;}
}