/* Jetcar Kromh V11 — shared premium design system */
:root{
  --jk-midnight:#06101d;--jk-midnight-2:#0b1828;--jk-graphite:#182026;
  --jk-pearl:#f4f0e7;--jk-porcelain:#fbfaf6;--jk-sand:#d8c9af;
  --jk-sapphire:#2339e8;--jk-cyan:#91e4ea;--jk-silver:#aab4bc;
  --jk-hairline:rgba(6,16,29,.16);--jk-hairline-light:rgba(255,255,255,.2);
  --jk-display:'Cormorant Garamond',Georgia,serif;--jk-body:'Manrope',system-ui,sans-serif;
  --jk-container:min(1460px,calc(100vw - 96px));--jk-ease:cubic-bezier(.2,.72,.18,1);
  --jk-fast:220ms;--jk-medium:480ms;--jk-slow:900ms;--jk-shadow:0 32px 90px rgba(3,12,22,.14);
  --header-h:76px;--container:var(--jk-container);--paper:var(--jk-pearl);--ink:var(--jk-midnight);
  --blue:var(--jk-sapphire);--line:var(--jk-hairline)
}
html{background:var(--jk-pearl);scroll-padding-top:var(--header-h)}
body{font-family:var(--jk-body);background:var(--jk-pearl);color:var(--jk-midnight)}
html:not([dir="rtl"]) :is(.display,.h1,.h2,.h3,.inner-hero h1,.product-title,.jk-hero h1,.jk-statement,.jk-showroom h2,.jk-model-detail h3,.jk-commission h2,.jk-engineering h2,.jk-craft h2,.jk-global h2,.jk-final h2,.jk-footer-title,.model-card h3,.config-head h1,.contact-form-card h2,.leader-copy h3){
  font-family:var(--jk-display);font-weight:600;letter-spacing:-.045em
}
html[dir="rtl"] :is(.display,.h1,.h2,.h3,.inner-hero h1,.product-title,.jk-hero h1,.jk-statement,.jk-showroom h2,.jk-model-detail h3,.jk-commission h2,.jk-engineering h2,.jk-craft h2,.jk-global h2,.jk-final h2,.jk-footer-title,.model-card h3,.config-head h1,.contact-form-card h2,.leader-copy h3){
  font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.035em
}
.container{width:var(--jk-container)}
.section{padding:clamp(96px,10vw,170px) 0}.section-tight{padding:clamp(70px,7vw,110px) 0}
.eyebrow,.jk-kicker,.jk-chapter{font-family:var(--jk-body);font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.2em;text-transform:uppercase}
.jk-chapter{display:inline-flex;gap:12px;align-items:center;color:rgba(6,16,29,.46)}.jk-chapter b{font-weight:800}
.lead{font-size:clamp(17px,1.45vw,22px);line-height:1.7}
.button{min-height:54px;padding:0 26px;border-radius:2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:transform var(--jk-fast) var(--jk-ease),background var(--jk-fast),color var(--jk-fast),border-color var(--jk-fast),box-shadow var(--jk-fast)}
.button-primary{background:var(--jk-sapphire);box-shadow:none}.button-primary:hover{background:#172bd7;box-shadow:0 12px 34px rgba(35,57,232,.26)}
.button-light{background:var(--jk-porcelain)}.button-dark{background:var(--jk-midnight)}.button-outline{border-color:currentColor}
.button:focus-visible,.model-tab:focus-visible,.choice-card:focus-visible,.color-choice:focus-visible,.lang-toggle:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--jk-cyan);outline-offset:4px}
.jk-text-link{display:inline-flex;align-items:center;gap:18px;padding-block:10px;color:#fff;border-bottom:1px solid rgba(255,255,255,.38);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jk-text-link span{font-size:19px;transition:transform var(--jk-fast) var(--jk-ease)}.jk-text-link:hover span{transform:translate(4px,-4px)}
.jk-text-link.dark{color:var(--jk-midnight);border-color:rgba(6,16,29,.28)}html[dir="rtl"] .jk-text-link:hover span{transform:translate(-4px,-4px)}

/* Precision navigation */
.site-header{height:var(--header-h);border-bottom:1px solid var(--jk-hairline-light);background:transparent;color:#fff}
.site-header.scrolled,.site-header.header-light{color:var(--jk-midnight);background:rgba(244,240,231,.96);backdrop-filter:blur(12px);border-color:var(--jk-hairline)}
.header-inner{width:calc(100vw - 48px);gap:34px}.brand{gap:13px}.brand-mark{width:31px;height:31px}.brand-name{font-size:11px;letter-spacing:.24em}
.main-nav{gap:clamp(18px,2vw,36px)}.main-nav a{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.main-nav a::after{bottom:-10px}
.header-actions{gap:4px}.header-catalog{margin-inline-end:10px;padding-inline-end:16px;border-inline-end:1px solid currentColor;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.lang-toggle{min-width:43px;font-size:10px;letter-spacing:.14em}.header-build{min-height:42px;border-radius:1px;padding-inline:17px}
.mobile-menu{background:var(--jk-midnight);color:#fff;padding:calc(var(--header-h) + 42px) 30px 40px}
.mobile-menu::before{content:"";position:absolute;inset:10% -25% auto auto;width:75vw;aspect-ratio:1;border:1px solid rgba(145,228,234,.12);transform:rotate(45deg)}
.mobile-menu-head{display:none;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:22px}.mobile-menu-head span{font-size:11px;font-weight:800;letter-spacing:.2em}.mobile-menu-head small{opacity:.55}
.mobile-menu nav,.mobile-actions{position:relative;z-index:1}

/* Inner page opening chapter */
body:not(.home-v11){padding-top:var(--header-h)}
body:not(.home-v11) .inner-hero{position:relative;min-height:620px;display:flex;align-items:end;padding:90px 0 72px;background:var(--jk-midnight);color:#fff;overflow:hidden}
body:not(.home-v11) .inner-hero::before{content:"";position:absolute;right:-12vw;top:-35%;width:min(58vw,860px);aspect-ratio:1;border:1px solid rgba(145,228,234,.14);transform:rotate(45deg)}
body:not(.home-v11) .inner-hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:end}
body:not(.home-v11) .inner-hero .eyebrow{color:var(--jk-cyan)!important}
body:not(.home-v11) .inner-hero .h1{max-width:980px;font-size:clamp(62px,7.2vw,118px);line-height:.8}
body:not(.home-v11) .inner-hero .lead{color:rgba(255,255,255,.62);font-size:16px;max-width:720px}
.inner-kpis,.inner-kpi{border-color:rgba(255,255,255,.18)!important}.inner-kpi strong{font-family:var(--jk-display);font-size:34px}.inner-kpi span{color:rgba(255,255,255,.54)}

/* Signature footer */
.jk-footer,.site-footer{position:relative;background:#040b13;color:#fff;overflow:hidden}
.jk-footer{padding:0 0 26px}.jk-footer::before,.site-footer::before{content:"";position:absolute;right:-12%;top:-42%;width:52vw;aspect-ratio:1;border:1px solid rgba(145,228,234,.08);transform:rotate(45deg)}
.jk-footer>.container,.site-footer>.container{position:relative;z-index:1}
.jk-footer-title{display:grid;padding:72px 0 56px;border-bottom:1px solid rgba(255,255,255,.15);font-size:clamp(60px,9vw,150px);line-height:.65}
.jk-footer-title strong{color:var(--jk-cyan);margin-inline-start:12%}
.jk-footer .footer-grid,.site-footer .footer-grid{padding:55px 0 65px;border-bottom:1px solid rgba(255,255,255,.15);grid-template-columns:1.45fr repeat(3,.62fr)}
.jk-footer .footer-brand p,.site-footer .footer-brand p{max-width:380px;color:rgba(255,255,255,.52)}
.jk-footer .footer-col h4,.site-footer .footer-col h4{font-size:8px;letter-spacing:.18em;color:var(--jk-cyan)}
.jk-footer .footer-col a,.site-footer .footer-col a{font-size:11px}
.jk-footer .footer-bottom,.site-footer .footer-bottom{padding-top:24px;border:0;color:rgba(255,255,255,.42);font-size:9px}
.jk-advisor{border-radius:2px;box-shadow:0 12px 40px rgba(5,14,27,.24)}

@media(max-width:1200px){
  :root{--jk-container:min(100% - 56px,1280px)}.header-catalog{display:none}.main-nav{gap:18px}
}
@media(max-width:980px){
  :root{--jk-container:calc(100% - 40px)}.header-inner{width:calc(100% - 32px)}.main-nav,.header-build{display:none}.menu-toggle{display:flex}
  .mobile-menu-head{display:flex;justify-content:space-between;align-items:end}
  .mobile-menu nav a{font-family:var(--jk-display);font-size:clamp(36px,8vw,58px);font-weight:600;letter-spacing:-.035em;text-transform:none}
  html[dir="rtl"] .mobile-menu nav a{font-family:'IBM Plex Sans Arabic',sans-serif}
  body:not(.home-v11) .inner-hero-grid{grid-template-columns:1fr}body:not(.home-v11) .inner-kpis{margin-top:40px}
}
@media(max-width:767px){
  :root{--header-h:68px;--jk-container:calc(100% - 30px)}.section{padding:84px 0}.header-inner{width:calc(100% - 24px)}
  .brand-name{font-size:9px;letter-spacing:.18em}.brand-mark{width:27px;height:27px}
  body:not(.home-v11){padding-top:var(--header-h)}body:not(.home-v11) .inner-hero{min-height:530px;padding:70px 0 45px}
  body:not(.home-v11) .inner-hero .h1{font-size:clamp(54px,15vw,78px)}body:not(.home-v11) .inner-hero .lead{font-size:13px}.inner-kpis{grid-template-columns:1fr 1fr}
  .jk-footer-title{padding:58px 0 45px;font-size:clamp(55px,18vw,90px)}
  .jk-footer .footer-grid,.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:40px 25px;padding:45px 0}
  .jk-footer .footer-brand,.site-footer .footer-brand{grid-column:1/-1}.jk-footer .footer-bottom,.site-footer .footer-bottom{display:grid;gap:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
