/* ===================== Vehicle details (src/pages/car.mjs) ===================== */
.cd-crumbs{padding-top:clamp(20px,3vw,32px)}
.cd-crumbs .breadcrumbs{margin-bottom:clamp(14px,2vw,22px)}
.cd-top{position:relative;padding-bottom:clamp(28px,4vw,48px)}
.cd-top::before{content:"";position:absolute;inset:-120px 0 auto;height:620px;background:radial-gradient(45% 60% at 30% 30%,rgba(59,130,246,.22),transparent 70%),radial-gradient(40% 50% at 85% 20%,rgba(124,58,237,.18),transparent 70%);z-index:-1;pointer-events:none}
.cd-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
@media (min-width:1000px){
	.cd-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"media panel" "body panel";column-gap:clamp(28px,3vw,44px);row-gap:clamp(32px,4vw,48px)}
	.cd-media{grid-area:media}
	.cd-panel{grid-area:panel}
	.cd-body{grid-area:body}
}

/* Photo in a glass frame */
.cd-media__frame{position:relative;aspect-ratio:16/10;border-radius:clamp(20px,2.4vw,28px);overflow:hidden;isolation:isolate;background:#0b1224;border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 110px -45px rgba(0,0,0,.95),0 26px 70px -34px rgba(59,130,246,.5)}
.cd-media__frame .kc-photo{position:absolute;inset:0}
.cd-media__frame .kc-photo__img{object-position:50% 58%;filter:saturate(.96) contrast(1.05)}
.cd-media__frame::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,19,.45),transparent 26%,transparent 70%,rgba(5,8,19,.55)),linear-gradient(115deg,rgba(37,99,235,.18),transparent 40%,transparent 64%,rgba(124,58,237,.2))}
.cd-media__frame::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.cd-media__glare{position:absolute;inset:-30% -60%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.14) 48.5%,rgba(255,255,255,.04) 51.5%,transparent 58%);transform:translate3d(-45%,0,0);animation:cd-glare 10s ease-in-out 1.8s infinite}
@keyframes cd-glare{0%{transform:translate3d(-45%,0,0)}26%,100%{transform:translate3d(45%,0,0)}}
@media (prefers-reduced-motion:reduce){.cd-media__glare{animation:none;display:none}}
.cd-media__hud{position:absolute;z-index:4;left:16px;top:16px}
.cd-media__credit{margin:10px 4px 0;font-size:.74rem;line-height:1.45;color:var(--dim)}

/* Booking panel */
.vehicle-gallery{min-width:0}
.vehicle-gallery__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:.8rem}
.vehicle-gallery__heading p{margin:0}
.vehicle-gallery__notice{margin:0 0 14px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(59,130,246,.06)}
.vehicle-gallery__stage{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:#070b14;box-shadow:0 26px 70px -36px rgba(59,130,246,.5)}
.vehicle-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-4px}
.vehicle-gallery__track::-webkit-scrollbar{display:none}
.vehicle-gallery__slide{position:relative;display:block;flex:0 0 100%;min-width:0;aspect-ratio:3/2;scroll-snap-align:center;scroll-snap-stop:always;cursor:zoom-in}
.vehicle-gallery__slide>img{display:block;width:100%;height:100%;object-fit:contain}
.vehicle-gallery__slide:focus-visible{outline-offset:-5px}
.vehicle-gallery__enlarge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:rgba(6,10,20,.85);color:#fff;font-size:.78rem;border:1px solid rgba(255,255,255,.25)}
.vehicle-gallery__enlarge .kc-icon{width:16px;height:16px}
.vehicle-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(6,10,20,.85);color:#fff;cursor:pointer}
.vehicle-gallery__arrow[hidden]{display:none}
.vehicle-gallery__arrow--prev{left:12px}.vehicle-gallery__arrow--next{right:12px}
.vehicle-gallery__caption{margin:12px 2px;color:var(--text-2);font-size:.88rem;min-height:1.5em}
.vehicle-gallery__thumbs{position:relative;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:var(--blue-2) transparent}
.vehicle-gallery__thumb{flex:0 0 112px;overflow:hidden;border:2px solid var(--border);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.035);transition:border-color .2s;color:var(--muted)}
.vehicle-gallery__thumb img{display:block;width:100%;height:72px;object-fit:cover}
.vehicle-gallery__thumb span{display:block;padding:7px 8px;font-size:.72rem;line-height:1.3}
.vehicle-gallery__thumb[aria-current=true]{border-color:var(--blue-2);color:#fff;background:rgba(59,130,246,.12)}
.vehicle-gallery__thumb:hover{border-color:#fff;color:#fff}
.gallery-lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;border:0;padding:clamp(12px,3vw,28px);background:rgba(4,7,15,.98);color:#fff;overflow:auto}
.gallery-lightbox:not([open]){display:none}
.gallery-lightbox[open]{display:flex;flex-direction:column;gap:12px}
.gallery-lightbox::backdrop{background:rgba(0,0,0,.9)}
.gallery-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding-top:env(safe-area-inset-top)}
.gallery-lightbox__toolbar p{margin:0;font-size:.9rem}
.gallery-lightbox button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.35);border-radius:12px;color:#fff;background:#17233c;cursor:pointer}
.gallery-lightbox button:hover{background:#243a60}
.gallery-lightbox__close{flex-shrink:0}
.gallery-lightbox__notice{margin:0;flex-shrink:0;color:#cbd5e1}
.gallery-lightbox__image{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;touch-action:pan-y pinch-zoom}
.gallery-lightbox__image img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-lightbox__navigation{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,32px);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}
.gallery-lightbox__navigation>span{font-size:.8rem;color:var(--muted)}
@media(max-width:600px){.vehicle-gallery__stage{border-radius:18px}.vehicle-gallery__thumb{flex-basis:96px}.vehicle-gallery__thumb img{height:64px}.gallery-lightbox__navigation>span{display:none}.vehicle-gallery__arrow{width:40px;height:44px}}

.cd-panel{padding:clamp(20px,2.6vw,28px);display:flex;flex-direction:column;gap:14px;background:radial-gradient(120% 90% at 100% 0%,rgba(91,76,240,.2),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
/* Pinned only on screens tall enough to show its WhatsApp button; shorter laptops scroll it with the page. */
@media (min-width:1000px) and (min-height:980px),(min-width:1100px) and (min-height:860px){.cd-panel{position:sticky;top:calc(var(--header-h) + 18px)}}
.cd-panel__status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:.84rem;color:var(--muted)}
.cd-panel h1{margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem);letter-spacing:-.025em}
.cd-panel__sub{margin:-8px 0 0;color:var(--muted)}
.cd-price{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;border:1px solid rgba(96,165,250,.28);background:rgba(59,130,246,.08)}
.cd-price strong{font:600 1.15rem/1.25 var(--font-display);color:#fff}
.cd-price span{font-size:.85rem;color:var(--muted)}
.cd-panel__more{display:inline-flex;align-items:center;gap:8px;align-self:center;min-height:44px;color:var(--blue-3);font-weight:600;font-size:.92rem;text-decoration:none}
.cd-panel__more:hover{color:#fff}
.cd-panel__more .kc-icon{width:16px;height:16px}

/* Body sections */
.cd-body{display:grid;gap:clamp(28px,4vw,44px);min-width:0;padding-top:clamp(8px,2vw,16px)}
.cd-sec h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-bottom:.6em}
.cd-sec>p{color:var(--text-2);max-width:720px}
.cd-features{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:520px){.cd-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cd-features li{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-2);font-size:.94rem}
.cd-features .kc-icon{flex:none;width:20px;height:20px;color:var(--blue-2)}
.cd-specs{margin:0;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.02)}
@media (min-width:640px) and (max-width:999px){.cd-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cd-specs div{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}
@media (min-width:640px) and (max-width:999px){.cd-specs div:nth-child(odd){border-right:1px solid var(--border)}}
.cd-specs dt{flex:0 0 42%;color:var(--muted);font-size:.9rem}
.cd-specs dd{flex:1;margin:0;color:#fff;font-weight:600;font-size:.93rem;text-align:right;text-wrap:balance}
@media (min-width:640px) and (max-width:999px){.cd-specs div:last-child:nth-child(odd){grid-column:1/-1;border-right:0}}
.cd-info,.cd-terms{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.cd-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cd-info li,.cd-terms li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.cd-info .kc-icon,.cd-terms .kc-icon{flex:none;width:22px;height:22px;margin-top:2px;color:var(--blue-2)}
.cd-info h3,.cd-terms h3{font-size:1rem;margin:0 0 4px}
.cd-info p,.cd-terms p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
.cd-sec__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media (max-width:519px){.cd-sec__actions .kc-btn{flex:1 1 100%}}