/* Salehi Mercedes — image-led automotive flagship experience. */
.lx-site {
  --lx-bg: #f4f4f4; --lx-surface: #fff; --lx-surface-2: #e9e9e9; --lx-panel: #fff;
  --lx-text: #101114; --lx-muted: #595b61; --lx-soft: #777a80;
  --lx-line: rgba(16,17,20,.14); --lx-line-strong: rgba(16,17,20,.28);
  --lx-ink: #fff; --lx-glass: rgba(255,255,255,.55); --lx-shadow: 0 24px 70px rgba(8,9,12,.14); --lx-radius: 32px;
  --font-iransans: "Vazirmatn", Tahoma, sans-serif;
  --lx-gold: #b8934f;
  --lx-silver: #6c7178;
  min-height: 100dvh; overflow-x: clip; color: var(--lx-text);
  background-color: var(--lx-bg);
  background-image:
    radial-gradient(ellipse 900px 700px at 100% 0%, rgba(184,147,79,.10), transparent 60%),
    radial-gradient(ellipse 800px 640px at 0% 100%, rgba(184,147,79,.07), transparent 60%);
  background-repeat: no-repeat;
  font-family: var(--font-iransans);
}
.lx-site *, .lx-site *::before, .lx-site *::after { font-family: var(--font-iransans); }

html { scroll-behavior: smooth; scroll-padding-top: 82px; }

/* PHP hosting package refinements */
[hidden] { display: none !important; }
.skip-link { position: fixed; z-index: 9999; top: 10px; right: 10px; padding: 10px 14px; border-radius: 8px; background: #fff; color: #111; transform: translateY(-160%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.lx-alert { width: 100%; margin: 0 0 18px; padding: 14px 16px; border: 1px solid; border-radius: 10px; font: 500 14px/1.8 "Vazirmatn",sans-serif; }
.lx-alert-success { border-color: rgba(77,181,117,.42); background: rgba(29,115,65,.15); color: #b9efca; }
.lx-alert-error { border-color: rgba(222,83,71,.42); background: rgba(128,35,28,.16); color: #ffc4be; }
.lx-product-select { display: inline-flex; min-height: 48px; padding: 0 18px; align-items: center; justify-content: center; gap: 28px; border-radius: 8px; background: var(--lx-text); color: var(--lx-bg); font: 600 12px "Vazirmatn",sans-serif; transition: transform .2s ease,opacity .2s ease; }
.lx-product-select:hover { transform: translateY(-2px); opacity: .88; }
.lx-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.lx-submit:disabled { cursor: wait; opacity: .65; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
html[data-theme="dark"] .lx-site {
  --lx-bg: #0d0e10; --lx-surface: #151619; --lx-surface-2: #202125; --lx-panel: #18191c;
  --lx-text: #f5f5f6; --lx-muted: #b2b4b9; --lx-soft: #8d9097;
  --lx-line: rgba(255,255,255,.14); --lx-line-strong: rgba(255,255,255,.28);
  --lx-ink: #111215; --lx-shadow: 0 24px 80px rgba(0,0,0,.32);
  --lx-gold: #d7b76c;
  --lx-silver: #d4d6da;
  --lx-glass: rgba(21,22,25,.55);
  background-image:
    radial-gradient(ellipse 900px 700px at 100% 0%, rgba(215,183,108,.12), transparent 60%),
    radial-gradient(ellipse 800px 640px at 0% 100%, rgba(215,183,108,.08), transparent 60%);
}
.lx-site *, .lx-site *::before, .lx-site *::after { box-sizing: border-box; }
.lx-site a, .lx-site button { touch-action: manipulation; }
.lx-site a { text-decoration: none; }
.lx-site button { cursor: pointer; font: inherit; }
.lx-site img { max-width: 100%; }
.lx-container { width: min(1280px, calc(100% - clamp(48px,11.2vw,160px))); margin-inline: auto; }
.theme-image-light { display: none !important; }
html[data-theme="light"] .theme-image-dark { display: none !important; }
html[data-theme="light"] .theme-image-light { display: block !important; }
.lx-site :focus-visible { outline: 3px solid #9eb7d4; outline-offset: 4px; }
.skip-link { position: fixed; z-index: 500; top: 10px; right: 10px; padding: 12px 16px; border-radius: 8px; background: #fff; color: #111; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }

/* Navigation */
.lx-nav-shell { position: fixed; z-index: 100; inset: 0 0 auto; height: 78px; pointer-events: none; }
.lx-nav { position: relative; width: 100%; min-height: 78px; padding-inline: clamp(24px,4.4vw,72px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; background: linear-gradient(180deg,rgba(0,0,0,.68),transparent); pointer-events: auto; }
.lx-wordmark { position: absolute; left: 50%; display: grid; justify-items: center; gap: 2px; transform: translateX(-50%); direction: ltr; }
.lx-wordmark span { color: #fff; font: 600 14px/1.2 Georgia,"Times New Roman",serif; letter-spacing: .17em; white-space: nowrap; }
.lx-wordmark small { color: rgba(255,255,255,.7); font-size: 12px; }
.lx-nav-links { grid-column: 1; display: flex; align-items: center; justify-self: start; gap: 3px; }
.lx-nav-links > a { min-height: 46px; padding: 0 15px; display: inline-flex; align-items: center; gap: 8px; border-radius: 9px; color: rgba(255,255,255,.84); font-size: 13px; font-weight: 500; transition: background-color .2s ease,color .2s ease; }
.lx-nav-links > a small { display: none; }
.lx-nav-links > a:hover, .lx-nav-links > a[aria-current="page"] { background: rgba(255,255,255,.14); color: #fff; }
.lx-nav-actions { grid-column: 3; display: flex; align-items: center; justify-self: end; gap: 6px; }
.lx-menu-toggle { min-width: 46px; min-height: 46px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 9px; background: rgba(255,255,255,.1); color: #fff; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: background-color .2s ease; }
.lx-menu-toggle:hover { background: rgba(255,255,255,.2); }
.lx-nav-contact { min-height: 46px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: rgba(255,255,255,.92); color: #111215; font-size: 12px; font-weight: 650; transition: background-color .2s ease,transform .2s ease; }
.lx-nav-contact:hover { background: #fff; transform: translateY(-1px); }
.lx-menu-toggle, .lx-mobile-menu-head, .lx-menu-backdrop { display: none; }

/* Shared type and controls */
.lx-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--lx-muted); font-size: 13px; font-weight: 600; }
.lx-kicker::before { width: 24px; height: 1px; content: ""; background: currentColor; }
.lx-section-head { margin-bottom: clamp(40px,5vw,72px); display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.55fr); align-items: end; gap: clamp(36px,8vw,110px); }
.lx-section-head h2, .lx-intro h2, .lx-about-copy h2, .lx-contact-copy h2, .lx-catalog-hero h1, .lx-listings-head h2, .lx-catalog-toolbar h2, .lx-catalog-cta h2, .lx-inquiry-copy h2, .lx-not-found h1 { margin: 18px 0 0; color: var(--lx-silver); font-family: "Noto Naskh Arabic","Vazirmatn",serif; font-weight: 600; letter-spacing: 0; text-wrap: balance; }
.lx-hero-copy-v2 h1::after, .lx-section-head h2::after, .lx-intro h2::after, .lx-about-copy h2::after, .lx-contact-copy h2::after, .lx-catalog-hero h1::after, .lx-listings-head h2::after, .lx-catalog-toolbar h2::after, .lx-catalog-cta h2::after, .lx-inquiry-copy h2::after { display: block; width: 72px; height: 2px; margin-top: 24px; border-radius: 2px; background: linear-gradient(to left, var(--lx-gold), transparent); content: ""; }
.lx-section-head h2 { font-size: clamp(54px,6vw,82px); line-height: 1.14; }
.lx-section-head > p { margin: 0; color: var(--lx-muted); font-size: 16px; line-height: 2; }
.lx-featured-copy > a, .lx-parts-head > a, .lx-submit, .lx-catalog-cta a, .lx-empty-action, .lx-vehicle-action a, .lx-product-action button { min-height: 52px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; border: 0; border-radius: 10px; background: var(--lx-text); color: var(--lx-ink); font-size: 12px; font-weight: 650; white-space: nowrap; transition: opacity .2s ease,transform .2s ease; }
.lx-featured-copy > a:hover, .lx-parts-head > a:hover, .lx-submit:hover, .lx-catalog-cta a:hover, .lx-empty-action:hover, .lx-vehicle-action a:hover, .lx-product-action button:hover { opacity: .84; transform: translateY(-1px); }

/* Home hero */
.lx-hero { position: relative; min-height: max(720px,100svh); isolation: isolate; overflow: hidden; background: #07080a; }
.lx-hero-media { position: absolute; inset: 0; }
.lx-hero-media > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 56%; }
.lx-hero-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.06) 28%,rgba(0,0,0,.82) 100%); }
/* Repaint of the car cut from the same photo, laid over the headline so the
   sign reads as fixed to the wall behind it. Identical pixels, so the only
   visible effect is the occlusion. */
.lx-hero-car { position: absolute; z-index: 3; inset: 0; pointer-events: none;
  background-image: linear-gradient(180deg,rgba(0,0,0,.06) 28%,rgba(0,0,0,.82) 100%), url("../../images/model-cls500-wide.webp");
  background-size: 100% 100%, cover; background-position: center, center 56%; background-repeat: no-repeat, no-repeat;
  -webkit-mask-image: url("../../images/hero-car-mask.svg"); mask-image: url("../../images/hero-car-mask.svg");
  -webkit-mask-size: cover; mask-size: cover;
  -webkit-mask-position: center 56%; mask-position: center 56%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
html[data-theme="light"] .lx-hero-car { background-image: linear-gradient(180deg,rgba(0,0,0,.06) 28%,rgba(0,0,0,.82) 100%), url("../../images/day/model-cls500-wide-day.webp"); }
/* No z-index here on purpose: the block must not create a stacking context, so
   the headline can sit under the car repaint while the copy and CTA stay above it. */
.lx-hero-copy-v2 { position: absolute; right: clamp(30px,16vw,300px); top: clamp(130px,20vh,236px); width: min(600px,calc(100% - 60px)); color: #fff; }
.lx-hero-copy-v2 > span, .lx-hero-copy-v2 p, .lx-hero-copy-v2 > a { position: relative; z-index: 4; }
.lx-hero-copy-v2 > span { display: block; margin-bottom: 14px; font: 600 13px/1.4 Georgia,serif; letter-spacing: .18em; }
.lx-hero-copy-v2 h1 { position: relative; z-index: 2; margin: 0; font: 600 clamp(44px,5.2vw,76px)/1.18 "Noto Naskh Arabic","Vazirmatn",serif; letter-spacing: 0; text-wrap: balance; color: #ffe0a8; animation: lx-neon-sign 7s infinite; }
@keyframes lx-neon-sign {
  0%, 40%, 42.4%, 44%, 46.4%, 70%, 72.4%, 100% { color: #ffe0a8; text-shadow: 0 0 6px rgba(255,206,130,.95), 0 0 18px rgba(255,183,84,.82), 0 0 44px rgba(255,159,46,.6), 0 0 88px rgba(255,140,20,.4); }
  41.2%, 45.2%, 71.2% { color: #6d5836; text-shadow: 0 0 6px rgba(255,183,84,.12); }
}
.lx-hero-copy-v2 p { margin: 22px 0 0; color: rgba(255,255,255,.78); font-size: clamp(15px,1.25vw,18px); }
.lx-hero-copy-v2 a, .lx-catalog-hero-copy > a { width: fit-content; min-height: 56px; margin-top: 28px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: space-between; gap: 42px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.16); color: #fff; font-size: 14px; font-weight: 600; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: background-color .22s ease,color .22s ease; }
.lx-hero-copy-v2 a:hover, .lx-catalog-hero-copy > a:hover { background: #fff; color: #111215; }
.lx-hero-status { position: absolute; z-index: 2; bottom: 28px; left: clamp(28px,4.5vw,72px); display: flex; align-items: center; color: rgba(255,255,255,.76); font-size: 12px; }
.lx-hero-status span { padding-inline: 18px; white-space: nowrap; }
.lx-hero-status span:first-child { padding-left: 0; }
.lx-hero-status span + span { border-right: 1px solid rgba(255,255,255,.28); }

/* Journey / quick paths */
.lx-intro { padding-block: clamp(92px,10vw,150px); }
.lx-intro-copy { max-width: 980px; }
.lx-intro h2 { font-size: clamp(58px,6.5vw,92px); line-height: 1.12; }
.lx-intro-copy p { max-width: 620px; margin: 14px 0 0; color: var(--lx-muted); font-size: 17px; line-height: 2; }
.lx-about-copy p, .lx-contact-copy p { margin-top: 14px; }
.lx-paths { margin-top: clamp(48px,6vw,82px); display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.lx-paths > a { position: relative; min-height: 310px; overflow: hidden; border-radius: 26px; background: #111; color: #fff; box-shadow: var(--lx-shadow); }
.lx-path-media, .lx-path-media > img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.lx-path-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.82)); }
.lx-path-copy { position: absolute; z-index: 1; inset: auto 24px 24px; display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; }
.lx-path-copy small { color: rgba(255,255,255,.72); font: 12px/1.5 Georgia,serif; }
.lx-path-copy strong { grid-column: 1; font: 600 clamp(25px,2.2vw,34px)/1.35 "Noto Naskh Arabic","Vazirmatn",serif; }
.lx-path-copy em { grid-column: 1; color: rgba(255,255,255,.72); font-size: 12px; font-style: normal; }
.lx-path-copy b { grid-column: 2; grid-row: 1/4; align-self: end; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.16); font-size: 20px; font-weight: 400; backdrop-filter: blur(12px); }
.lx-paths > a img { transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.lx-paths > a:hover img { transform: scale(1.035); }
.lx-paths > a:hover .lx-path-copy b { background: #fff; color: #111; }

/* Service cards */
.lx-services { padding-block: clamp(92px,10vw,150px); }
.lx-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.lx-service-grid article { position: relative; min-height: 610px; overflow: hidden; border-radius: var(--lx-radius); background: #08090b; color: #fff; box-shadow: var(--lx-shadow); }
.lx-service-media, .lx-service-media img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.lx-service-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,rgba(0,0,0,.08) 30%,rgba(0,0,0,.9)); }
.lx-service-copy { position: absolute; z-index: 1; inset: auto clamp(24px,3vw,42px) clamp(24px,3vw,40px); display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 10px 18px; }
.lx-service-copy small { grid-row: 1/3; align-self: start; color: rgba(255,255,255,.58); font: 12px Georgia,serif; }
.lx-service-copy h3 { margin: 0; color: var(--lx-silver); font: 600 clamp(34px,3.4vw,50px)/1.25 "Noto Naskh Arabic","Vazirmatn",serif; }
.lx-service-copy p { grid-column: 2; max-width: 480px; margin: 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.9; }
.lx-service-copy a { grid-column: 2; width: fit-content; min-height: 48px; margin-top: 8px; padding: 0 17px; display: inline-flex; align-items: center; gap: 26px; border-radius: 10px; background: rgba(255,255,255,.14); color: #fff; font-size: 13px; font-weight: 600; backdrop-filter: blur(14px); }
.lx-service-copy a:hover { background: #fff; color: #111; }
.lx-service-grid article img { transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.lx-service-grid article:hover img { transform: scale(1.025); }

/* Vehicles and parts preview */
.lx-showcase { padding-block: clamp(94px,10vw,152px); }
.lx-showcase-grid { display: grid; grid-template-columns: minmax(0,1.06fr) minmax(380px,.94fr); gap: 28px; }
.lx-featured-vehicle, .lx-parts-preview { overflow: hidden; border-radius: var(--lx-radius); background: var(--lx-glass); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid var(--lx-line); box-shadow: var(--lx-shadow); }
.lx-featured-media { position: relative; min-height: 520px; overflow: hidden; background: #090a0c; }
.lx-featured-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,rgba(0,0,0,.02) 50%,rgba(0,0,0,.56)); }
.lx-featured-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.lx-featured-vehicle:hover img { transform: scale(1.025); }
.lx-featured-media > span, .lx-vehicle-media > span, .lx-product-media > span { position: absolute; z-index: 2; top: 18px; right: 18px; min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; border-radius: 999px; background: rgba(16,17,20,.58); color: #fff; font-size: 12px; backdrop-filter: blur(14px); }
.lx-featured-copy { padding: 28px 30px 30px; display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.lx-featured-copy small { color: var(--lx-soft); font-size: 12px; }
.lx-featured-copy h3 { margin: 6px 0 4px; color: var(--lx-silver); font: 600 clamp(31px,3vw,44px)/1.2 "Noto Naskh Arabic","Vazirmatn",serif; letter-spacing: 0; }
.lx-featured-copy p { margin: 0; color: var(--lx-muted); font-size: 13px; }
.lx-parts-preview { padding: 34px; }
.lx-parts-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lx-parts-head small { color: var(--lx-soft); font-size: 12px; }
.lx-parts-head h3 { margin: 5px 0 0; color: var(--lx-silver); font: 600 clamp(30px,3vw,42px)/1.3 "Noto Naskh Arabic","Vazirmatn",serif; }
.lx-parts-head > a { min-height: 44px; padding-inline: 15px; }
.lx-part-rows { margin-top: 26px; border-top: 1px solid var(--lx-line); }
.lx-part-rows > a { min-height: 112px; padding-block: 14px; display: grid; grid-template-columns: 104px 1fr 38px; align-items: center; gap: 16px; border-bottom: 1px solid var(--lx-line); color: var(--lx-text); }
.lx-part-rows img { width: 104px; height: 82px; border-radius: 12px; object-fit: cover; }
.lx-part-rows span { display: grid; gap: 3px; }
.lx-part-rows small { color: var(--lx-soft); font-size: 12px; }
.lx-part-rows strong { font: 600 20px/1.4 "Noto Naskh Arabic","Vazirmatn",serif; }
.lx-part-rows em { color: var(--lx-muted); font-size: 12px; font-style: normal; }
.lx-part-rows b { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; background: var(--lx-surface-2); font-weight: 400; }
.lx-parts-note { margin: 22px 0 0; color: var(--lx-soft); font-size: 12px; line-height: 1.8; }

/* About and contact */
.lx-about { width: min(1280px,calc(100% - clamp(48px,11.2vw,160px))); margin-inline: auto; padding-bottom: clamp(94px,10vw,152px); display: grid; grid-template-columns: 1.08fr .92fr; }
.lx-about-media, .lx-about-copy { min-height: 680px; }
.lx-about-media { position: relative; overflow: hidden; border-radius: 0 var(--lx-radius) var(--lx-radius) 0; background: #0b0c0e; }
.lx-about-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lx-about-copy { padding: clamp(44px,6vw,84px); display: flex; flex-direction: column; justify-content: center; border-radius: var(--lx-radius) 0 0 var(--lx-radius); background: var(--lx-glass); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.lx-about-copy h2 { font-size: clamp(54px,5vw,76px); line-height: 1.17; }
.lx-about-copy > p { margin: 30px 0 0; color: var(--lx-muted); font-size: 16px; line-height: 2.1; }
.lx-manager { margin-top: 44px; padding-top: 28px; display: flex; align-items: center; gap: 16px; border-top: 1px solid var(--lx-line); }
.lx-manager > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--lx-text); color: var(--lx-ink); font: 600 12px Georgia,serif; }
.lx-manager div { display: grid; gap: 4px; }
.lx-manager small { color: var(--lx-soft); font-size: 12px; }
.lx-manager strong { color: var(--lx-text); font-size: 15px; }
.lx-contact { padding-block: clamp(94px,10vw,152px); scroll-margin-top: 84px; }
.lx-contact-grid, .lx-inquiry-grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(520px,1.22fr); align-items: start; gap: clamp(48px,8vw,112px); }
.lx-contact-copy h2 { font-size: clamp(54px,5.5vw,80px); line-height: 1.16; }
.lx-contact-copy > p, .lx-inquiry-copy > p:last-child { margin: 28px 0 0; color: var(--lx-muted); font-size: 16px; line-height: 2.05; }
.lx-contact-copy ul { margin: 34px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; }
.lx-contact-copy li { display: flex; align-items: center; gap: 12px; color: var(--lx-muted); font-size: 13px; }
.lx-contact-copy li::before { width: 7px; height: 7px; content: ""; border-radius: 50%; background: var(--lx-text); }
.lx-form-panel { padding: clamp(26px,4vw,48px); border-radius: var(--lx-radius); background: var(--lx-glass); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid var(--lx-line); box-shadow: var(--lx-shadow); }
.lx-form-panel form { display: grid; gap: 20px; }
.lx-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.lx-field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.lx-form-panel label { min-width: 0; display: grid; gap: 8px; color: var(--lx-muted); font-size: 12px; font-weight: 600; }
.lx-form-panel input, .lx-form-panel select, .lx-form-panel textarea { width: 100%; min-height: 56px; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; outline: 0; background: var(--lx-surface); color: var(--lx-text); font: 400 16px/1.7 "Vazirmatn",sans-serif; transition: border-color .2s ease,box-shadow .2s ease; }
.lx-form-panel textarea { min-height: 126px; padding-block: 14px; resize: vertical; }
.lx-form-panel input:focus, .lx-form-panel select:focus, .lx-form-panel textarea:focus { border-color: var(--lx-line-strong); box-shadow: 0 0 0 3px color-mix(in srgb,var(--lx-text) 9%,transparent); }
.lx-submit { width: 100%; min-height: 58px; margin-top: 4px; }
.lx-submit:disabled { cursor: wait; opacity: .58; }
.lx-privacy { color: var(--lx-soft); font-size: 12px; line-height: 1.8; text-align: center; }
.lx-intent-note { margin: 0 0 20px; padding: 13px 15px; border-radius: 10px; background: var(--lx-surface-2); color: var(--lx-text); font-size: 12px; }
.lx-form-error { margin: 0; color: #cf4e4e; font-size: 12px; }
.lx-success { min-height: 360px; display: grid; place-content: center; justify-items: center; text-align: center; }
.lx-success > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: var(--lx-text); color: var(--lx-ink); font-size: 24px; }
.lx-success h3 { margin: 18px 0 0; color: var(--lx-silver); font: 600 30px/1.4 "Noto Naskh Arabic","Vazirmatn",serif; }
.lx-success p { color: var(--lx-muted); }
.lx-success button { min-height: 46px; padding: 0 16px; border: 1px solid var(--lx-line); border-radius: 9px; background: transparent; color: var(--lx-text); }

/* Footer */
.lx-footer { padding-block: clamp(72px,8vw,116px) 32px; background: #0c0d0f; color: #f5f5f6; }
.lx-footer-intro { padding-bottom: clamp(56px,7vw,92px); display: flex; align-items: end; justify-content: space-between; gap: 36px; border-bottom: 1px solid rgba(255,255,255,.16); }
.lx-footer-intro p { max-width: 760px; margin: 0; font: 600 clamp(48px,6vw,86px)/1.2 "Noto Naskh Arabic","Vazirmatn",serif; letter-spacing: 0; }
.lx-footer-intro a { min-height: 54px; padding: 0 20px; display: inline-flex; align-items: center; gap: 28px; border-radius: 10px; background: #f5f5f6; color: #101114; font-size: 13px; font-weight: 650; white-space: nowrap; }
.lx-footer-main { padding-block: 48px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.lx-footer-brand { display: flex; align-items: center; gap: 18px; }
.lx-footer-brand img { width: 84px; height: 84px; object-fit: contain; }
.lx-footer-brand div { display: grid; gap: 5px; }
.lx-footer-brand strong { font: 600 15px Georgia,serif; letter-spacing: .15em; }
.lx-footer-brand span { color: rgba(255,255,255,.68); font-size: 12px; }
.lx-footer-contact { display: grid; gap: 7px; max-width: 340px; font-style: normal; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.9; }
.lx-footer-contact a { color: rgba(255,255,255,.72); }
.lx-footer-contact a:hover { color: #fff; }
.lx-footer nav { display: flex; flex-wrap: wrap; gap: 8px; }
.lx-footer nav a { min-height: 42px; padding: 0 13px; display: inline-flex; align-items: center; border-radius: 8px; color: rgba(255,255,255,.72); font-size: 12px; }
.lx-footer nav a:hover { background: rgba(255,255,255,.1); color: #fff; }
.lx-footer-meta { padding-top: 28px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.58); font-size: 12px; }
.lx-footer-meta p { margin: 0; }

/* Catalogue heroes */
.lx-catalog-hero { position: relative; min-height: max(680px,86svh); display: flex; align-items: end; isolation: isolate; overflow: hidden; background: #08090b; }
.lx-catalog-hero-media, .lx-catalog-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.lx-catalog-hero-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.08) 24%,rgba(0,0,0,.86)); }
.lx-parts-hero .lx-catalog-hero-shade { background: linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.88)); }
.lx-catalog-hero-copy { position: relative; z-index: 2; padding-block: 150px 84px; color: #fff; }
.lx-catalog-hero-copy .lx-kicker { color: rgba(255,255,255,.7); }
.lx-catalog-hero h1 { max-width: 980px; color: #d4d6da; font-size: clamp(64px,7vw,102px); line-height: 1.1; }
.lx-catalog-hero h1 em { color: inherit; font-style: normal; }
.lx-catalog-hero-copy > p { max-width: 620px; margin: 14px 0 0; color: rgba(255,255,255,.72); font-size: 16px; line-height: 2; }

/* Vehicle catalogue */
.lx-listings, .lx-parts-catalog, .lx-inquiry { padding-block: clamp(92px,10vw,150px); scroll-margin-top: 82px; }
.lx-listings-head, .lx-catalog-toolbar { margin-bottom: clamp(42px,5vw,70px); display: flex; align-items: end; justify-content: space-between; gap: 42px; }
.lx-listings-head h2, .lx-catalog-toolbar h2 { max-width: 820px; font-size: clamp(50px,5.5vw,78px); line-height: 1.16; }
.lx-listings-head p, .lx-catalog-toolbar p { margin: 8px 0 0; color: var(--lx-muted); font-size: 13px; }
.lx-filters, .lx-category-filters { padding: 5px; display: flex; flex-wrap: wrap; gap: 5px; border-radius: 12px; background: var(--lx-surface-2); }
.lx-filters button, .lx-category-filters button { min-height: 46px; padding: 0 17px; border: 0; border-radius: 9px; background: transparent; color: var(--lx-muted); font-size: 12px; font-weight: 600; transition: background-color .2s ease,color .2s ease; }
.lx-filters button:hover, .lx-category-filters button:hover { color: var(--lx-text); }
.lx-filters button[aria-pressed="true"], .lx-category-filters button[aria-pressed="true"] { background: var(--lx-text); color: var(--lx-ink); }
.lx-vehicle-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.lx-vehicle-card { position: relative; min-height: 650px; overflow: hidden; border-radius: var(--lx-radius); background: #08090b; box-shadow: var(--lx-shadow); }
.lx-vehicle-media, .lx-vehicle-media img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.lx-vehicle-card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.92)); }
.lx-vehicle-content { position: absolute; z-index: 2; inset: auto clamp(24px,3vw,40px) clamp(28px,3vw,40px); color: #fff; }
.lx-vehicle-content > small { color: rgba(255,255,255,.7); font-size: 12px; }
.lx-vehicle-content h3 { margin: 6px 0; color: #d4d6da; font: 600 clamp(38px,3.5vw,52px)/1.25 "Noto Naskh Arabic",serif; letter-spacing: 0; text-align: right; }
.lx-vehicle-content > p { margin: 0; color: rgba(255,255,255,.72); font-size: 13px; }
.lx-vehicle-content dl { margin: 24px 0 0; display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid rgba(255,255,255,.2); }
.lx-vehicle-content dl > div { padding: 14px 0; }
.lx-vehicle-content dl > div + div { padding-right: 15px; border-right: 1px solid rgba(255,255,255,.2); }
.lx-vehicle-content dt { color: rgba(255,255,255,.66); font-size: 12px; }
.lx-vehicle-content dd { margin: 4px 0 0; color: #fff; font-size: 12px; }
.lx-vehicle-action { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.lx-vehicle-action strong { font-size: 12px; }
.lx-vehicle-action a { background: rgba(255,255,255,.16); color: #fff; backdrop-filter: blur(14px); }
.lx-vehicle-card img { transition: transform .7s ease; }
.lx-vehicle-card:hover img { transform: scale(1.025); }
.lx-catalog-cta { padding-block: clamp(92px,10vw,150px); }
.lx-catalog-cta h2 { max-width: 920px; font-size: clamp(54px,6vw,86px); line-height: 1.15; }
.lx-catalog-cta p { max-width: 610px; margin: 26px 0 0; color: var(--lx-muted); font-size: 16px; line-height: 2; }
.lx-catalog-cta a { margin-top: 26px; }

/* Parts catalogue */
.lx-search { min-width: min(380px,100%); display: grid; gap: 8px; color: var(--lx-muted); font-size: 12px; font-weight: 600; }
.lx-search input { min-height: 56px; padding: 0 17px; border: 0; border-radius: 10px; outline: 0; background: var(--lx-surface-2); color: var(--lx-text); font-size: 16px; }
.lx-search input:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb,var(--lx-text) 14%,transparent); }
.lx-category-filters { margin-bottom: 48px; width: fit-content; }
.lx-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(60px,7vw,100px) 30px; }
.lx-product-card { min-width: 0; }
.lx-product-media { position: relative; aspect-ratio: 1.25; overflow: hidden; border-radius: var(--lx-radius); background: var(--lx-surface-2); box-shadow: var(--lx-shadow); }
.lx-product-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .65s ease; }
.lx-product-card:hover .lx-product-media img { transform: scale(1.025); }
.lx-product-content { padding: 26px 8px 0; }
.lx-product-content > small { color: var(--lx-soft); font-size: 12px; }
.lx-product-content h3 { margin: 7px 0 8px; color: var(--lx-silver); font: 600 clamp(31px,3vw,43px)/1.35 "Noto Naskh Arabic",serif; letter-spacing: 0; }
.lx-product-content > p { min-height: 58px; margin: 0; color: var(--lx-muted); font-size: 14px; line-height: 1.95; }
.lx-product-content dl { margin: 22px 0 0; border-top: 1px solid var(--lx-line); }
.lx-product-content dl > div { min-height: 46px; padding: 11px 0; display: grid; grid-template-columns: 120px 1fr; gap: 16px; border-bottom: 1px solid var(--lx-line); }
.lx-product-content dt { color: var(--lx-soft); font-size: 12px; }
.lx-product-content dd { margin: 0; color: var(--lx-text); font-size: 12px; }
.lx-product-action { margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.lx-product-action strong { color: var(--lx-text); font-size: 13px; }
.lx-inquiry-copy h2 { font-size: clamp(48px,5vw,72px); line-height: 1.18; }
.lx-selected-label { margin: 34px 0 0; color: var(--lx-soft); font-size: 12px; }
.lx-form-panel label span small { color: var(--lx-soft); font-size: 12px; font-weight: 400; }
.lx-empty { padding: 80px 24px; display: grid; justify-items: center; text-align: center; }
.lx-empty h3 { margin: 0; color: var(--lx-silver); font: 600 30px/1.4 "Noto Naskh Arabic","Vazirmatn",serif; }
.lx-empty p { max-width: 560px; margin: 12px 0 0; color: var(--lx-muted); line-height: 1.9; }
.lx-empty-action { width: fit-content; margin-top: 22px; }

/* Not found */
.lx-not-found > main { min-height: 84dvh; padding: 140px 24px 100px; display: grid; place-items: center; background: var(--lx-bg); }
.lx-not-found > main > section { width: min(720px,100%); display: grid; justify-items: center; text-align: center; }
.lx-not-found > main img { width: 112px; height: 112px; object-fit: contain; }
.lx-not-found h1 { font-size: clamp(54px,7vw,84px); }
.lx-not-found main p { max-width: 560px; margin: 20px 0 0; color: var(--lx-muted); line-height: 2; }
.lx-not-found main nav { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 8px; }
.lx-not-found main nav a { min-height: 48px; padding: 0 17px; display: inline-flex; align-items: center; border-radius: 9px; background: var(--lx-surface-2); color: var(--lx-text); font-size: 12px; }
.lx-not-found main nav a:first-child { background: var(--lx-text); color: var(--lx-ink); }

@media (max-width:1024px) {
  .lx-nav-links > a { padding-inline: 11px; }
  .lx-nav-contact { padding-inline: 14px; }
  .lx-paths { grid-template-columns: repeat(2,1fr); }
  .lx-paths > a:first-child { grid-column: 1/-1; min-height: 400px; }
  .lx-showcase-grid, .lx-contact-grid, .lx-inquiry-grid { grid-template-columns: 1fr; }
  .lx-parts-preview { padding: 28px; }
  .lx-about { grid-template-columns: 1fr; }
  .lx-about-media { min-height: 620px; border-radius: var(--lx-radius) var(--lx-radius) 0 0; }
  .lx-about-copy { min-height: 0; border-radius: 0 0 var(--lx-radius) var(--lx-radius); }
  .lx-listings-head, .lx-catalog-toolbar { align-items: stretch; flex-direction: column; }
}

@media (max-width:900px) {
  html.lx-menu-open { overflow: hidden; }
  .lx-container, .lx-about { width: calc(100% - 32px); }
  .lx-nav-shell { height: 66px; }
  .lx-nav { min-height: 66px; padding-inline: max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right)); grid-template-columns: 52px 1fr 52px; gap: 8px; }
  .lx-menu-toggle { grid-column: 1; display: inline-grid; place-items: center; justify-self: start; padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(10,12,15,.58); box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.2); backdrop-filter: blur(18px) saturate(125%); -webkit-backdrop-filter: blur(18px) saturate(125%); }
  .lx-menu-toggle svg, .lx-mobile-menu-head svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
  .lx-wordmark span { font-size: 12px; letter-spacing: .13em; }
  .lx-wordmark small { display: none; }
  .lx-nav-actions { justify-self: end; }
  .lx-nav-contact { width: 50px; padding: 0; overflow: hidden; font-size: 0; }
  .lx-nav-contact::after { content: "تماس"; font-size: 12px; }
  .lx-nav-links { position: fixed; z-index: 4; top: 0; right: 0; width: min(88vw,400px); height: 100dvh; padding: max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 20px; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; overflow-y: auto; overscroll-behavior: contain; border-left: 1px solid rgba(255,255,255,.14); background: linear-gradient(145deg,rgba(20,22,26,.82),rgba(8,9,12,.72)); box-shadow: -28px 0 90px rgba(0,0,0,.46),inset 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(30px) saturate(130%); -webkit-backdrop-filter: blur(30px) saturate(130%); transform: translateX(104%); visibility: hidden; pointer-events: none; transition: transform .3s cubic-bezier(.2,.7,.2,1),visibility .3s ease; }
  .lx-nav-links.is-open { transform: translateX(0); visibility: visible; pointer-events: auto; }
  .lx-mobile-menu-head { min-height: 54px; margin-bottom: clamp(18px,4vh,30px); display: flex; align-items: center; justify-content: space-between; color: #fff; font: 600 12px Georgia,serif; letter-spacing: .13em; direction: ltr; }
  .lx-mobile-menu-head button { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.08); box-shadow: inset 0 1px rgba(255,255,255,.1); color: #fff; }
  .lx-nav-links > a { position: relative; min-height: 72px; padding: 0 54px; display: grid; place-items: center; justify-content: stretch; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.055); box-shadow: inset 0 1px rgba(255,255,255,.08); color: #fff; text-align: center; font: 600 clamp(24px,6.4vw,28px)/1.35 "Noto Naskh Arabic","Vazirmatn",serif; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
  .lx-nav-links > a small { position: absolute; left: 18px; display: inline; color: rgba(255,255,255,.46); font: 11px Georgia,serif; }
  .lx-nav-links > a:hover, .lx-nav-links > a[aria-current="page"] { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.14); color: #fff; }
  .lx-menu-backdrop { position: fixed; z-index: 1; inset: 0; display: block; border: 0; background: rgba(0,0,0,.58); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); pointer-events: auto; }
  .lx-hero { min-height: 100dvh; }
  .lx-home .lx-hero-media > img { object-position: 12% center; }
  /* the occluder must track the photo's crop exactly, or the repaint shows a seam */
  .lx-home .lx-hero-car { background-position: center, 12% center; -webkit-mask-position: 12% center; mask-position: 12% center; }
  .lx-hero-copy-v2 { right: 28px; bottom: 96px; width: calc(100% - 56px); }
  .lx-hero-copy-v2 > span { margin-bottom: 10px; font-size: 12px; }
  .lx-hero-copy-v2 h1 { font-size: clamp(34px,9vw,46px); line-height: 1.25; letter-spacing: 0; }
  .lx-hero-copy-v2 p { margin-top: 14px; font-size: 14px; line-height: 1.75; }
  .lx-hero-copy-v2 a, .lx-catalog-hero-copy > a { width: 100%; min-height: 58px; margin-top: 20px; }
  .lx-hero-status { display: none; }
  .lx-intro { padding-block: 86px; }
  .lx-intro h2 { font-size: clamp(44px,12vw,58px); line-height: 1.2; }
  .lx-intro-copy p, .lx-section-head > p { font-size: 15px; }
  .lx-paths { margin-top: 46px; grid-template-columns: 1fr; gap: 16px; }
  .lx-paths > a, .lx-paths > a:first-child { grid-column: auto; min-height: 340px; }
  .lx-path-copy { inset: auto 22px 22px; }
  .lx-path-copy strong { font-size: 29px; }
  .lx-services, .lx-showcase, .lx-contact, .lx-listings, .lx-parts-catalog, .lx-inquiry, .lx-catalog-cta { padding-block: 84px; }
  .lx-section-head { grid-template-columns: 1fr; gap: 14px; margin-bottom: 40px; }
  .lx-section-head h2 { font-size: clamp(44px,12vw,58px); }
  .lx-service-grid, .lx-vehicle-grid, .lx-product-grid { grid-template-columns: 1fr; gap: 18px; }
  .lx-service-grid article { min-height: 560px; }
  .lx-service-copy { inset: auto 24px 26px; }
  .lx-service-copy h3 { font-size: 34px; }
  .lx-service-copy p { font-size: 13px; }
  .lx-showcase-grid { grid-template-columns: 1fr; gap: 18px; }
  .lx-featured-media { min-height: 430px; }
  .lx-featured-copy { padding: 24px; align-items: stretch; flex-direction: column; }
  .lx-featured-copy > a { width: 100%; }
  .lx-parts-preview { padding: 24px 18px; }
  .lx-part-rows > a { grid-template-columns: 88px 1fr 38px; gap: 12px; }
  .lx-part-rows img { width: 88px; height: 74px; }
  .lx-part-rows strong { font-size: 18px; }
  .lx-about { padding-bottom: 84px; }
  .lx-about-media { min-height: 500px; }
  .lx-about-copy { padding: 48px 24px 56px; }
  .lx-about-copy h2, .lx-contact-copy h2 { font-size: clamp(45px,12vw,58px); }
  .lx-contact-grid, .lx-inquiry-grid { gap: 38px; }
  .lx-form-panel { padding: 24px 18px; border-radius: 22px; }
  .lx-field-row { grid-template-columns: 1fr; }
  .lx-footer-intro { align-items: stretch; flex-direction: column; }
  .lx-footer-intro p { font-size: clamp(44px,12vw,58px); }
  .lx-footer-intro a { width: 100%; justify-content: space-between; }
  .lx-footer-main { align-items: flex-start; flex-direction: column; }
  .lx-footer-meta { flex-direction: column; }
  .lx-catalog-hero { min-height: 100dvh; }
  .lx-catalog-hero-media img { object-position: 58% center; }
  .lx-parts-hero .lx-catalog-hero-media img { object-position: center; }
  .lx-catalog-hero-copy { padding-block: 132px 60px; }
  .lx-catalog-hero h1 { font-size: clamp(48px,13vw,64px); line-height: 1.2; }
  .lx-catalog-hero-copy > p { font-size: 14px; }
  .lx-listings-head, .lx-catalog-toolbar { margin-bottom: 38px; gap: 26px; }
  .lx-listings-head h2, .lx-catalog-toolbar h2, .lx-catalog-cta h2, .lx-inquiry-copy h2 { font-size: clamp(44px,11.5vw,58px); }
  .lx-filters { width: 100%; display: grid; grid-template-columns: repeat(4,1fr); }
  .lx-filters button { padding-inline: 5px; }
  .lx-vehicle-card { min-height: 590px; }
  .lx-vehicle-content { inset: auto 24px 26px; }
  .lx-vehicle-content h3 { font-size: 38px; }
  .lx-vehicle-action, .lx-product-action { align-items: stretch; flex-direction: column; }
  .lx-vehicle-action a, .lx-product-action button { width: 100%; }
  .lx-category-filters { width: calc(100% + 32px); margin-right: -16px; margin-left: -16px; padding-inline: 16px; flex-wrap: nowrap; overflow-x: auto; border-radius: 0; scrollbar-width: none; }
  .lx-category-filters button { flex: 0 0 auto; }
  .lx-product-grid { gap: 64px; }
  .lx-product-media { border-radius: 24px; }
  .lx-product-content { padding-inline: 2px; }
  .lx-product-content > p { min-height: 0; }
  .lx-product-content dl > div { grid-template-columns: 104px 1fr; }
}
@media (max-width:520px) {
  .lx-nav-contact { display: none; }
  .lx-nav-links { width: min(90vw,380px); }
}
@media (max-width:900px) and (max-height:560px) and (orientation:landscape) {
  .lx-nav-links { padding-block: 12px; }
  .lx-mobile-menu-head { margin-bottom: 8px; }
  .lx-nav-links > a { min-height: 56px; font-size: 24px; }
  .lx-hero-copy-v2 { bottom: 28px; }
  .lx-hero-copy-v2 > span, .lx-hero-copy-v2 p { display: none; }
  .lx-hero-copy-v2 h1 { font-size: clamp(26px,4.6vw,34px); line-height: 1.22; }
  .lx-hero-copy-v2 a, .lx-catalog-hero-copy > a { min-height: 50px; margin-top: 14px; }
  .lx-catalog-hero { min-height: 520px; }
  .lx-catalog-hero-copy { padding-block: 96px 28px; }
  .lx-catalog-hero h1 { font-size: clamp(38px,6vw,50px); line-height: 1.12; }
}
@media (max-width:390px) {
  .lx-hero-copy-v2 { right: 22px; width: calc(100% - 44px); }
  .lx-hero-copy-v2 h1 { font-size: 30px; }
  .lx-service-grid article, .lx-vehicle-card { min-height: 540px; }
  .lx-product-content h3 { font-size: 31px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto !important; }
  .lx-site *, .lx-site *::before, .lx-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Private dashboard stays independently dark. */
.admin-root { --page-bg:#050403; --text:#f4f0e8; --heading:#f8f3ea; --muted:#bdb5aa; --subtle:rgba(255,255,255,.64); --champagne:#c6a15b; --champagne-light:#e2c782; --line:rgba(226,199,130,.2); min-height:100dvh; color-scheme:dark; background:#050403; }
.admin-root :focus-visible { outline:3px solid #e2c782; outline-offset:3px; }
.admin-root .admin-switch input:focus-visible + span { box-shadow:0 0 0 3px rgba(226,199,130,.42); }