/* AKN MOTORS — five structurally distinct responsive visitor themes */
html[data-theme]{--theme-accent:#ed1728;--theme-dark:#0b0d10;--theme-surface:#fff;--theme-radius:14px}
html[data-theme] body{overflow-x:hidden}

/* 01 ATELIER: balanced workshop layout (baseline refined) */
html[data-theme="atelier"]{--red:#ed1728;--red-dark:#bd0e1b}
html[data-theme="atelier"] .hero-inner{grid-template-columns:minmax(300px,.92fr) minmax(360px,1.1fr) minmax(280px,.72fr)}
html[data-theme="atelier"] .hero-car{transform:translateY(10px)}
html[data-theme="atelier"] .service-card,html[data-theme="atelier"] .vehicle-card{border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(14,18,25,.08)}

/* 02 SHOWROOM: cinematic full-bleed hero, floating reservation deck */
html[data-theme="showroom"]{--red:#ff2639;--red-dark:#ca0f20}
html[data-theme="showroom"] .page-home .topbar{position:absolute;z-index:30;width:100%;background:rgba(0,0,0,.42);backdrop-filter:blur(10px)}
html[data-theme="showroom"] .page-home .nav{position:absolute;z-index:29;top:37px;width:100%;background:linear-gradient(#070707dd,transparent);border:0;color:#fff}
html[data-theme="showroom"] .nav-logo img{filter:brightness(0) invert(1)}
html[data-theme="showroom"] .nav-menu a,html[data-theme="showroom"] .nav-call-text strong{color:#fff}
html[data-theme="showroom"] .hero{min-height:820px;padding-top:125px;background:#060708}
html[data-theme="showroom"] .hero-media{display:block;opacity:1}html[data-theme="showroom"] .hero-media img{width:100%;height:100%;object-fit:cover}
html[data-theme="showroom"] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.45) 48%,rgba(0,0,0,.18)),linear-gradient(0deg,#08090b 0%,transparent 44%)}
html[data-theme="showroom"] .hero-inner{position:relative;z-index:2;grid-template-columns:minmax(320px,650px) 1fr;align-items:center;min-height:555px;padding-bottom:115px}
html[data-theme="showroom"] .hero-left{align-self:center}html[data-theme="showroom"] .hero-title{font-size:clamp(46px,6vw,82px);max-width:760px}
html[data-theme="showroom"] .hero-car{display:none}
html[data-theme="showroom"] .hero-booking-cta{position:absolute;right:0;bottom:110px;width:min(440px,38vw);padding:22px;border-radius:20px;background:rgba(15,17,20,.94);backdrop-filter:blur(20px);box-shadow:0 30px 80px #0008}
html[data-theme="showroom"] .hero-features{position:absolute;z-index:3;bottom:0;width:100%;background:rgba(7,8,9,.82);backdrop-filter:blur(14px)}
html[data-theme="showroom"] main>.section:first-of-type{padding-top:80px}
html[data-theme="showroom"] .services-grid{grid-template-columns:repeat(2,1fr)}html[data-theme="showroom"] .service-card{display:grid;grid-template-columns:46% 1fr;min-height:230px;border-radius:4px}
html[data-theme="showroom"] .service-media{height:100%}
html[data-theme="showroom"] .about-grid{grid-template-columns:1.25fr .75fr}html[data-theme="showroom"] .about-media{min-height:560px}

/* 03 EXECUTIVE: fixed desktop side navigation and compact corporate canvas */
@media(min-width:1101px){
html[data-theme="executive"] body{padding-left:270px;background:#eef1f5}
html[data-theme="executive"] .topbar{position:fixed;z-index:55;left:0;top:0;width:270px;height:42px;background:#101827}html[data-theme="executive"] .topbar-inner{min-width:0}
html[data-theme="executive"] .topbar-info{display:none}html[data-theme="executive"] .topbar-social{margin:auto}
html[data-theme="executive"] .nav{position:fixed;z-index:54;left:0;top:42px;bottom:0;width:270px;background:#111a29;border:0;color:#fff}
html[data-theme="executive"] .nav-inner{height:100%;padding:30px 22px;display:flex;flex-direction:column;align-items:stretch;gap:25px}
html[data-theme="executive"] .nav-logo{padding:0 8px 24px;border-bottom:1px solid #ffffff18}html[data-theme="executive"] .nav-logo img{filter:brightness(0) invert(1)}
html[data-theme="executive"] .nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:5px}html[data-theme="executive"] .nav-item a{display:flex;padding:11px 12px;border-radius:8px;color:#cbd3df;font-size:12px}
html[data-theme="executive"] .nav-item.active a,html[data-theme="executive"] .nav-item a:hover{background:#ffffff0f;color:#fff}
html[data-theme="executive"] .nav-call{margin-top:auto;padding:14px;border:1px solid #ffffff1c;border-radius:12px}html[data-theme="executive"] .nav-call-text strong{color:#fff}
html[data-theme="executive"] .hero{min-height:650px;background:#111927}html[data-theme="executive"] .hero-inner{grid-template-columns:1fr 1fr;gap:25px;min-height:580px}
html[data-theme="executive"] .hero-car{grid-column:2;grid-row:1}html[data-theme="executive"] .hero-car img{height:430px!important;border-radius:3px!important}
html[data-theme="executive"] .hero-left{grid-column:1;grid-row:1}html[data-theme="executive"] .hero-booking-cta{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr) 190px;grid-template-rows:auto auto;align-items:center;gap:2px 16px;padding:18px 22px;border-radius:6px}
html[data-theme="executive"] .hero-booking-icon{grid-column:1;grid-row:1/3}html[data-theme="executive"] .hero-booking-cta small{grid-column:2;grid-row:1}html[data-theme="executive"] .hero-booking-cta h3{grid-column:2;grid-row:2;margin:2px 0 0}html[data-theme="executive"] .hero-booking-button{grid-column:3;grid-row:1/3}
html[data-theme="executive"] .hero-booking-cta ul,html[data-theme="executive"] .hero-booking-cta p{display:none}html[data-theme="executive"] .hero-booking-button{width:190px}
html[data-theme="executive"] .hero-features{display:none}html[data-theme="executive"] .section{padding:74px 0}
html[data-theme="executive"] .services-grid{grid-template-columns:repeat(3,1fr)}html[data-theme="executive"] .service-card{border-radius:5px}
html[data-theme="executive"] .footer{margin-left:0}
}

/* 04 EDITORIAL: light asymmetric magazine composition */
html[data-theme="editorial"]{--red:#bd3c2d;--red-dark:#8c291f;--gray-bg:#f1eee8;--text:#1e1d1a}
html[data-theme="editorial"] body{font-family:Poppins,sans-serif;background:#f6f3ed}
html[data-theme="editorial"] .topbar{background:#e8e2d7;color:#333}html[data-theme="editorial"] .topbar i{color:#a33b2f}
html[data-theme="editorial"] .nav{background:#f7f4ee;border-bottom:1px solid #d8d0c2}html[data-theme="editorial"] .nav-inner{height:92px}
html[data-theme="editorial"] .hero{background:#f1ede5;color:#1c1b19;min-height:690px}html[data-theme="editorial"] .hero-media{display:none}
html[data-theme="editorial"] .hero-inner{grid-template-columns:1fr 1.25fr;grid-template-rows:auto auto;gap:24px 34px;padding-top:38px;padding-bottom:38px}
html[data-theme="editorial"] .hero-left{padding-left:2vw}html[data-theme="editorial"] .hero-title{color:#181714;font-size:clamp(42px,4.4vw,62px);line-height:1.02;font-family:Georgia,serif;font-weight:500;letter-spacing:-2px}
html[data-theme="editorial"] .hero-desc{color:#5b574f}html[data-theme="editorial"] .hero-car img{height:410px!important;border-radius:80px 4px 4px 4px!important;filter:saturate(.72)}
html[data-theme="editorial"] .hero-booking-cta{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr) 190px;grid-template-rows:auto auto;align-items:center;gap:2px 16px;border-radius:0;background:#25231f;padding:18px 26px}
html[data-theme="editorial"] .hero-booking-icon{grid-column:1;grid-row:1/3}html[data-theme="editorial"] .hero-booking-cta small{grid-column:2;grid-row:1}html[data-theme="editorial"] .hero-booking-cta h3{grid-column:2;grid-row:2;margin:2px 0 0}html[data-theme="editorial"] .hero-booking-button{grid-column:3;grid-row:1/3}
html[data-theme="editorial"] .hero-booking-cta ul,html[data-theme="editorial"] .hero-booking-cta p{display:none}html[data-theme="editorial"] .hero-booking-button{width:190px;background:#bd3c2d}
html[data-theme="editorial"] .hero-features{background:#e7e0d5;color:#25221e}html[data-theme="editorial"] .hero-feature small{color:#777064}
html[data-theme="editorial"] .section{background:#f6f3ed}html[data-theme="editorial"] .section.gray{background:#ebe6dd}
html[data-theme="editorial"] .section.dark{background:#28241f;color:#fff}html[data-theme="editorial"] .section.dark .sec-title{color:#fff}
html[data-theme="editorial"] .sec-title{font-family:Georgia,serif;font-weight:500;font-size:clamp(34px,4vw,52px)}
html[data-theme="editorial"] .services-grid{grid-template-columns:repeat(2,1fr);gap:28px}html[data-theme="editorial"] .service-card{display:grid;grid-template-columns:1fr 1fr;border:0;border-radius:0;background:#fff}html[data-theme="editorial"] .service-media{height:100%;min-height:260px}
html[data-theme="editorial"] .about-grid{grid-template-columns:.8fr 1.2fr}html[data-theme="editorial"] .about-content{padding:9vw}
html[data-theme="editorial"] .vehicle-card{border-radius:0;border:0}

/* 05 MOTORSPORT: angular, compact and kinetic */
html[data-theme="motorsport"]{--red:#f20f22;--red-dark:#b60010}
html[data-theme="motorsport"] .topbar{background:#050505;border-bottom:1px solid #242424}
html[data-theme="motorsport"] .nav{background:#0b0b0c;border-bottom:3px solid #f20f22}html[data-theme="motorsport"] .nav-logo img{filter:brightness(0) invert(1)}html[data-theme="motorsport"] .nav-menu a{font-style:italic;font-weight:800;color:#fff}html[data-theme="motorsport"] .nav-call-text strong{color:#fff}
html[data-theme="motorsport"] .hero{min-height:720px;background:#080809}html[data-theme="motorsport"] .hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 120px,#ffffff05 121px 123px)}
html[data-theme="motorsport"] .hero-inner{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.2fr) minmax(300px,.72fr);gap:18px}html[data-theme="motorsport"] .hero-title{text-transform:uppercase;font-style:italic;font-size:clamp(38px,4.2vw,62px);line-height:.96}
html[data-theme="motorsport"] .hero-car img,html[data-theme="motorsport"] .hero-booking-cta,html[data-theme="motorsport"] .service-card,html[data-theme="motorsport"] .vehicle-card{border-radius:0!important;clip-path:polygon(7% 0,100% 0,100% 92%,93% 100%,0 100%,0 8%)}
html[data-theme="motorsport"] .hero-booking-cta{border-left:4px solid #f20f22;background:#151517}html[data-theme="motorsport"] .hero-booking-button,.motorsport .btn{border-radius:0}
html[data-theme="motorsport"] .hero-features{background:#111;border-top:1px solid #2a2a2a}html[data-theme="motorsport"] .hero-feature{transform:skewX(-7deg)}
html[data-theme="motorsport"] .sec-badge,html[data-theme="motorsport"] .sec-title{text-transform:uppercase;font-style:italic}
html[data-theme="motorsport"] .services-grid{gap:10px}html[data-theme="motorsport"] .service-card{background:#121214;color:#fff;border:0}html[data-theme="motorsport"] .service-body p{color:#aaa}
html[data-theme="motorsport"] .page-home main>.section:first-of-type{background:linear-gradient(135deg,#101012,#1b1b1e);color:#fff}html[data-theme="motorsport"] .page-home main>.section:first-of-type .sec-title{color:#fff}
html[data-theme="motorsport"] .about-grid{clip-path:polygon(0 0,97% 0,100% 8%,100% 100%,3% 100%,0 92%)}

/* universal responsive safety: designs remain distinct but usable */
@media(max-width:1100px){
html[data-theme] .hero-inner{grid-template-columns:1fr 1fr;gap:22px}html[data-theme] .hero-booking-cta{grid-column:1/-1;position:static;width:auto}
html[data-theme="showroom"] .hero{min-height:760px}html[data-theme="showroom"] .hero-booking-cta{position:static;width:auto}
html[data-theme="editorial"] .hero-inner{grid-template-columns:1fr 1.1fr}
}
@media(max-width:760px){
html[data-theme] body{padding-left:0}html[data-theme] .topbar{position:static;width:auto;height:auto}html[data-theme] .nav{position:sticky;top:0;left:auto;bottom:auto;width:auto;background:#fff;border-bottom:1px solid #eee;color:#111}
html[data-theme] .nav-inner{height:72px;padding:0 16px;display:flex;flex-direction:row;align-items:center}html[data-theme] .nav-logo{padding:0;border:0}html[data-theme] .nav-logo img{filter:none}
html[data-theme] .nav-menu{position:fixed;display:flex;flex-direction:column}html[data-theme] .nav-menu a{color:#222;font-style:normal}
html[data-theme] .hero{min-height:auto;padding:0;background-image:var(--mobile-bg);background-size:cover;background-position:center}html[data-theme] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505ef,#050505a8)}
html[data-theme] .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr!important;grid-template-rows:auto;gap:18px;padding:55px 18px 34px;min-height:660px}
html[data-theme] .hero-left,html[data-theme] .hero-car,html[data-theme] .hero-booking-cta{grid-column:1!important;grid-row:auto!important;padding-left:0}html[data-theme] .hero-car{display:none}
html[data-theme] .hero-title{color:#fff!important;font-family:Poppins,sans-serif!important;font-size:clamp(36px,11vw,51px);letter-spacing:-1px}html[data-theme] .hero-desc{color:#d3d3d3}
html[data-theme] .hero-booking-cta{display:block;clip-path:none!important;border-radius:14px!important;padding:20px;background:#111d}html[data-theme] .hero-booking-cta p,html[data-theme] .hero-booking-cta ul{display:none}
html[data-theme] .hero-booking-cta small,html[data-theme] .hero-booking-cta h3,html[data-theme] .hero-booking-icon,html[data-theme] .hero-booking-button{grid-column:auto;grid-row:auto}
html[data-theme] .hero-booking-button{width:100%}html[data-theme] .hero-features{position:relative;bottom:auto}html[data-theme] .hero-features .container{grid-template-columns:1fr 1fr}
html[data-theme] main>.section:first-of-type{padding-top:55px}html[data-theme] .services-grid,html[data-theme] .vehicles-grid{grid-template-columns:1fr!important;gap:14px}
html[data-theme] .service-card{display:block;grid-template-columns:1fr;clip-path:none!important;border-radius:12px!important}html[data-theme] .service-media{height:210px;min-height:0}
html[data-theme] .about-grid{grid-template-columns:1fr;clip-path:none}html[data-theme] .about-content{padding:40px 20px}html[data-theme] .about-media{min-height:300px}
html[data-theme] .local-seo-grid,html[data-theme] .contact-split{grid-template-columns:1fr}
}
@media(max-width:430px){html[data-theme] .hero-features .container{grid-template-columns:1fr}html[data-theme] .hero-feature{transform:none}html[data-theme] .section{padding:48px 0}}