/* V3 refines the approved V2; no new visual identity. */
.logo{padding:3px;background:#e8eaec;border:1px solid #66707a;box-shadow:0 0 0 6px #ffffff05;border-radius:3px}
.logo img{height:auto!important;aspect-ratio:992/669;object-fit:contain;max-width:100%}
.footer-logo{padding:4px;border:1px solid #68727c;border-radius:3px;box-shadow:0 0 0 8px #ffffff04;height:auto!important;aspect-ratio:992/669;object-fit:contain}
.floating-contact{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:8px}
.floating-wa{background:#147d45;color:#fff;border:1px solid #62b789;min-height:54px;padding:13px 22px;border-radius:28px;box-shadow:0 5px 25px #0004;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.floating-wa:hover,.whatsapp-cta:hover{background:#096534;color:white}.floating-call{display:none}.whatsapp-cta{background:#147d45!important;color:#fff!important;border-color:#147d45!important;grid-column:1/-1;justify-content:center;text-align:center;gap:8px;font-size:14px}
.detail-phone{display:block;margin-top:18px;font-size:14px;color:#315a79;text-decoration:underline;text-underline-offset:5px}
body:has(dialog[open]) .floating-contact{visibility:hidden}
body[data-page=home] .home-specialism .split-photo{width:100%;aspect-ratio:1792/877;object-fit:contain}
body[data-page=home] .home-service-photo{aspect-ratio:1516/1023;max-height:340px;object-fit:cover;object-position:center 60%}
body[data-page=home] .service-tiles{align-items:stretch}
body[data-page=home] .service-tile.navy{display:flex;flex-direction:column;justify-content:center;padding:50px 0}
body[data-page=home] .service-tile.navy h3{font-size:clamp(32px,3.4vw,48px);line-height:1.2}
body[data-page=stock] .stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px}
body[data-page=stock] .car-card{display:block;background:transparent;color:#f0f5f8}
body[data-page=stock] .car-image{aspect-ratio:4/3;min-height:0;background:#0e1720}
body[data-page=stock] .car-image img{object-fit:contain;width:100%;height:100%}
body[data-page=stock] .car-info{padding:20px 0 24px;border-bottom:1px solid #425563;display:block}
body[data-page=stock] .car-info h3{font-size:26px;margin-bottom:5px}
body[data-page=stock] .car-card .trim,body[data-page=stock] .car-card .spec-line{color:#adc0cf}
body[data-page=stock] .spec-line{margin:14px 0 18px;gap:7px 13px}
body[data-page=stock] .card-bottom{margin:0}.stock-grid .arrow-link{border-color:#778e9f}
body[data-page=stock] .pending-stock .car-card{background:transparent}
body[data-page=detail-example]{background:#f2f4f6}
body[data-page=detail-example] .breadcrumb{margin:25px 0;font-size:13px}
body[data-page=detail-example] .detail-top{grid-template-columns:1.5fr 1fr;gap:40px;align-items:start;padding-bottom:35px;border-bottom:1px solid #b8c7d3}
body[data-page=detail-example] .detail-summary{background:#152638;color:white;padding:32px;position:static}
body[data-page=detail-example] .detail-summary h1{font-size:42px;line-height:1.12}
body[data-page=detail-example] .detail-summary .eyebrow{color:#9dbbd2}
body[data-page=detail-example] .detail-summary .trim,body[data-page=detail-example] .price-note,body[data-page=detail-example] .key-specs dt{color:#b7c8d5}
body[data-page=detail-example] .detail-summary .price{font-size:36px;margin-top:20px}
body[data-page=detail-example] .detail-summary .key-specs{margin:18px 0 25px}
body[data-page=detail-example] .detail-summary .key-specs div{border-color:#4a6173;padding:10px 0}
body[data-page=detail-example] .detail-summary .detail-actions>.btn:first-child{background:#f3f6f8;color:#172a3c;border-color:#f3f6f8}
body[data-page=detail-example] .detail-summary .detail-actions>.btn.outline{grid-column:1/-1;min-height:44px}
body[data-page=detail-example] .detail-summary .textlink,body[data-page=detail-example] .detail-phone{color:#c7deef}
body[data-page=detail-example] .gallery-main{background:#0e1822;aspect-ratio:4/3}
body[data-page=detail-example] .gallery-thumbs{gap:12px}
body[data-page=detail-example] .gallery-thumbs button{width:calc(33.333% - 8px)}
body[data-page=detail-example] .detail-section h2{font-size:32px}
body[data-page=detail-example] .detail-content{padding-top:35px}
body[data-page=detail-example] .aside-block{background:#e0e8ef;border-left:2px solid #7396b0}
body[data-page=detail-example] .highlights li{background:#e0e8ef;padding:19px}
@media(max-width:1100px){body[data-page=stock] .stock-grid{grid-template-columns:1fr}body[data-page=stock] .car-image{aspect-ratio:3/2}body[data-page=detail-example] .detail-top{gap:25px;grid-template-columns:1.2fr 1fr}body[data-page=detail-example] .detail-summary{padding:25px}body[data-page=detail-example] .detail-summary h1{font-size:34px}}
@media(max-width:760px){.floating-contact{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px}.floating-wa{min-height:48px;padding:11px 17px;font-size:13px}.floating-call{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border-radius:24px;background:#152638;color:white;border:1px solid #8aa3b8;font-size:13px;box-shadow:0 5px 20px #0003}body:has(.sticky-mobile) .floating-contact{bottom:calc(85px + env(safe-area-inset-bottom))}footer{padding-bottom:110px}body:has(.sticky-mobile) footer{padding-bottom:175px}body[data-page=stock] .stock-grid{grid-template-columns:1fr;gap:28px}body[data-page=stock] .car-info{padding:19px 0 24px}body[data-page=stock] .car-info h3{font-size:27px}body[data-page=detail-example] .detail-top{display:flex;flex-direction:column;gap:20px}body[data-page=detail-example] .detail-summary{order:-1;padding:24px;width:100%}body[data-page=detail-example] .detail-summary h1{font-size:32px;margin-bottom:5px}body[data-page=detail-example] .detail-summary .price{font-size:32px;margin-top:13px}body[data-page=detail-example] .price-note{margin-bottom:12px}body[data-page=detail-example] .detail-summary .key-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin:10px 0 18px}body[data-page=detail-example] .key-specs dt{font-size:11px}body[data-page=detail-example] .key-specs dd{font-size:13px}body[data-page=detail-example] .detail-summary .eyebrow{font-size:11px;margin-bottom:12px}body[data-page=detail-example] .detail-actions{gap:8px}body[data-page=detail-example] .detail-actions .btn{padding:11px;min-height:46px;font-size:13px}body[data-page=detail-example] .detail-summary .textlink,body[data-page=detail-example] .detail-phone{font-size:12px;margin-top:12px}body[data-page=detail-example] .detail-gallery{width:100%}body[data-page=detail-example] .detail-top{padding-bottom:25px}body[data-page=home] .service-tile.navy{padding:35px 0}.logo{box-shadow:none}.footer-logo{width:145px}}
/* Horizontal photo rail and fullscreen gallery */
.detail-gallery{min-width:0}
.gallery-thumbs,body[data-page=detail-example] .gallery-thumbs{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:3px 0 10px;align-items:center;scrollbar-width:thin}
.gallery-thumbs button,body[data-page=detail-example] .gallery-thumbs button{flex:0 0 104px;width:104px;height:72px;min-width:104px;max-width:104px;background:#17212c;border:2px solid transparent;padding:0;overflow:hidden}
.gallery-thumbs button.active{border-color:#679abe}
.gallery-thumbs img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.gallery-thumbs .gallery-more{color:#eaf1f6;font-size:13px;line-height:1.4}
#lightbox{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:20px 28px;background:#090e14;overflow:hidden}
#lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
#lightbox .dialog-head{align-items:center;margin:0;min-height:44px}
#lightbox .lightbox-stage{min-height:0;min-width:0;display:flex;justify-content:center;align-items:center;overflow:hidden}
#lightbox .lightbox-image{position:static;transform:none;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto}
#lightbox .gallery-controls{margin:0;gap:15px;min-height:52px}
body:has(#lightbox[open]){overflow:hidden}
@media(max-width:760px){#lightbox{padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))}.gallery-thumbs button,body[data-page=detail-example] .gallery-thumbs button{width:90px;min-width:90px;max-width:90px;flex-basis:90px;height:64px}#lightbox .dialog-head>span{font-size:14px}#lightbox .gallery-controls .btn{min-width:90px;padding:10px 12px}}

/* Approved V3: detail polish and original-logo proportions. */
header{height:112px;padding:5px 4%}
.logo{width:148px;padding:0;border:0;border-radius:2px;box-shadow:none;height:auto;background:#fff}
.logo img{width:100%;height:auto!important}
.detail-content{grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding-bottom:48px}
.detail-content>div,.detail-content aside{min-width:0}
.detail-content .detail-section{padding:26px 0}
.detail-content .detail-options h2,.detail-options~.detail-section h2{font-size:29px;margin-bottom:20px}
.detail-content .options-group summary{font-size:17px;font-weight:600;padding:16px 0;color:#263d50}
.detail-content .options-group ul{font-size:16px;line-height:1.65;color:#354b5c;column-gap:28px;margin:4px 0 18px}
.detail-content .options-group li{margin-bottom:9px}
.detail-content .aside-block{padding:25px;margin-bottom:18px}
.detail-content .key-specs{margin:16px 0 0}
.detail-content .principles{margin-top:20px}
#lightbox .lightbox-stage{position:relative;padding:0 68px;touch-action:pan-y}
#lightbox .gallery-chevron{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:56px;height:80px;padding:0 0 7px;background:#17212cb3;border:1px solid #8193a855;border-radius:4px;color:#f4f7fa;font:64px/1 Arial,sans-serif}
#lightbox .gallery-chevron:hover{background:#354659;color:#fff}
#lightbox .gallery-chevron-prev{left:0}
#lightbox .gallery-chevron-next{right:0}
#lightbox .close-dialog{width:46px;height:46px}
@media(min-width:761px){#lightbox .gallery-controls{justify-content:center}#lightbox .gallery-controls .btn{display:none}}
@media(max-width:1100px){header{height:104px}.logo{width:136px}.detail-content{grid-template-columns:minmax(0,1fr) 270px;gap:30px}}
@media(max-width:760px){header{height:88px;padding:5px 5%}.logo{width:112px;height:auto}nav{top:88px}.detail-content{display:block;padding-bottom:32px}.detail-content .detail-section{padding:23px 0}.detail-content .detail-options h2,.detail-options~.detail-section h2{font-size:27px}.detail-content .options-group summary{font-size:16px;min-height:48px}.detail-content .options-group ul{font-size:16px;line-height:1.65}.detail-content .aside-block{padding:24px}#lightbox .lightbox-stage{padding:0}#lightbox .gallery-chevron{display:none}#lightbox .gallery-controls .btn{min-height:46px}}

/* KCC 0.5.7: keep the Complianz preferences control compact and clear of mobile contact CTAs. */
@media(max-width:760px){
 body[data-page] #cmplz-manage-consent .cmplz-manage-consent,
 body[data-page] .cmplz-manage-consent{
  bottom:calc(74px + env(safe-area-inset-bottom))!important;
  left:14px!important;
  right:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100vw - 28px)!important;
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:22px!important;
  font-size:12px!important;
  line-height:1.2!important;
  transform:none!important;
 }
}