/* Luxury Motors — rebuilt to match the existing brand. Tokens sampled from the live site. */

@font-face{font-family:Poppins;src:url(../fonts/poppins-300.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/poppins-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/poppins-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/poppins-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(../fonts/poppins-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Cinzel;src:url(../fonts/cinzel-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cinzel;src:url(../fonts/cinzel-600.woff2) format('woff2');font-weight:600;font-display:swap}

:root{
  --ink:#1a1a1a; --ink-2:#2b2b2b;
  --gold:#d9b67e; --gold-dark:#a68951;
  /* الذهبي أعلاه للخلفيات فقط: على الأبيض يقرأ 1.92. هذا للنص. */
  --gold-text:#7a5f30;
  --red:#be272d; --green:#157f33;
  --text:#333; --muted:#6b6b6b; --line:#e3e3e3;
  --wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:clip}
body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--text);background:#fff;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.lmc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.lmc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Hidden by clipping, not by left:-9999px: in a right-to-left document the
   scroll origin flips and that offset becomes 9999px of real scrollable width. */
.lmc-skip{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;
          clip-path:inset(50%);white-space:nowrap}
.lmc-skip:focus{position:fixed;width:auto;height:auto;margin:0;overflow:visible;
                clip-path:none;left:12px;top:12px;background:#fff;padding:10px 16px;z-index:200}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---------- Header ---------- */
.lmc-header{background:var(--ink);border-bottom:1px solid var(--gold)}
.lmc-header__inner{display:flex;align-items:center;gap:26px;min-height:92px}
.lmc-brand{flex:none;display:block}
.lmc-brand__logo{height:54px;width:auto;max-height:54px;object-fit:contain}
.lmc-brand__name{font-family:Cinzel,serif;color:var(--gold);font-size:22px;letter-spacing:.12em}
.lmc-nav{margin-left:auto}
.lmc-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.lmc-menu a{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.02em;padding:6px 0;
            border-bottom:2px solid transparent;display:block;white-space:nowrap}
.lmc-menu a:hover,.lmc-menu .current-menu-item>a,.lmc-menu .current_page_item>a{border-bottom-color:var(--gold)}
/* Dark text on every gold surface. White measured 1.92 against the gold,
   far under the 4.5 AA needs, and these are the main calls to action:
   the booking pill, the fleet buttons and the price panels. */
.lmc-header__cta{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--ink);flex:none;
                 padding:12px 26px;border-radius:999px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;
                 font-weight:500;white-space:nowrap}
.lmc-header__cta:hover{filter:brightness(1.06)}
.lmc-lang{display:inline-block;color:#fff;font-size:13px;letter-spacing:.06em;
          padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;
          white-space:nowrap;transition:border-color .15s,color .15s}
.lmc-lang:hover{border-color:var(--gold);color:var(--gold)}
.lmc-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;margin-left:auto}
.lmc-burger__bar{width:24px;height:2px;background:var(--gold);display:block}
/* كان display:none مع hidden، فلم يكن بالإمكان فتح القائمة بلوحة المفاتيح.
   يُخفى بصرياً ويبقى قابلاً للتركيز، وعلى الشاشات الكبيرة يُزال كلياً
   لأن زر القائمة نفسه غير معروض هناك. */
.lmc-nav-toggle{display:none}
@media (max-width:860px){
  .lmc-nav-toggle{display:block;position:absolute;width:1px;height:1px;
                  margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .lmc-nav-toggle:focus-visible+.lmc-burger{outline:2px solid var(--gold);outline-offset:3px}
}

/* ---------- Section heading ---------- */
.lmc-sechead{text-align:center;margin:0 0 42px}
.lmc-sechead h2{font-size:35px;font-weight:300;color:inherit;margin:0 0 14px;line-height:1.25}
.lmc-sechead::after{content:"";display:block;width:70px;height:3px;background:var(--gold);margin:0 auto}
.lmc-dark{background:var(--ink);color:#fff}
.lmc-dark .lmc-sechead h2{color:#fff}
.lmc-section{padding:74px 0}

/* ---------- Car card ---------- */
.lmc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:26px}
.lmc-card{background:#fff;display:flex;flex-direction:column;overflow:hidden;color:var(--text)}
.lmc-card__media{display:block;aspect-ratio:4/3;background:#f2f2f2;overflow:hidden}
.lmc-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.lmc-card:hover .lmc-card__media img{transform:scale(1.04)}
.lmc-card__noimg{display:grid;place-items:center;height:100%;color:var(--muted);font-size:13px}

.lmc-card__head{display:grid;grid-template-columns:1fr auto;align-items:stretch;border-bottom:1px solid var(--line)}
.lmc-card__name{padding:11px 14px;min-width:0}
.lmc-card__brand{display:block;font-weight:700;font-size:15px;color:var(--ink);line-height:1.3;
                 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmc-card__model{display:block;font-size:14px;color:var(--text);line-height:1.3;
                 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmc-card__price{background:var(--gold);color:var(--ink);padding:11px 18px;text-align:center;display:flex;
                 flex-direction:column;justify-content:center;min-width:132px}
.lmc-card__price span{font-size:11px;letter-spacing:.04em;line-height:1.3;opacity:.95}
.lmc-card__price strong{font-size:20px;font-weight:600;line-height:1.25}

.lmc-card__specs{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;
                 border-bottom:1px solid var(--line)}
.lmc-card__specs li{padding:9px 5px;text-align:center;border-left:1px solid var(--line);min-width:0;
                    display:flex;flex-direction:column;justify-content:center}
.lmc-card__specs li:first-child{border-left:none}
.lmc-card__specs span{display:block;font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;line-height:1.4}
.lmc-card__specs strong{display:block;font-size:11.5px;font-weight:600;color:var(--ink);text-transform:uppercase;
                        line-height:1.35;overflow-wrap:anywhere;hyphens:auto}

.lmc-card__cta{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}
.lmc-card__cta a{padding:13px 8px;text-align:center;color:#fff;font-style:italic;font-weight:500;font-size:14px;
                 display:flex;align-items:center;justify-content:center;gap:7px}
.lmc-card__cta a:hover{filter:brightness(1.08)}
.lmc-act--enquire{background:var(--red)}
.lmc-act--wa{background:var(--green)}
.lmc-act--wa svg{width:16px;height:16px;fill:currentColor;flex:none}

/* ---------- Buttons ---------- */
.lmc-btn{display:inline-block;padding:14px 32px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;
         font-weight:500;border-radius:999px}
.lmc-btn--gold{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--ink)}
.lmc-btn--wa{background:var(--green);color:#fff}
.lmc-btn--ghost{border:1px solid var(--gold);color:var(--gold)}
.lmc-btn:hover{filter:brightness(1.07)}

/* ---------- Page head, filters ---------- */
.lmc-pagehead{text-align:center;padding:52px 0 8px}
.lmc-pagehead h1{font-family:Cinzel,serif;font-weight:400;font-size:clamp(26px,3.6vw,40px);text-transform:uppercase;
                 letter-spacing:.06em;margin:0 0 10px;color:var(--ink)}
.lmc-pagehead p{color:var(--muted);margin:0;font-size:14px}
.lmc-filters{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:26px 0 36px}
.lmc-chip{font-size:13px;padding:8px 17px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.lmc-chip:hover{border-color:var(--gold);color:var(--ink)}
.lmc-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.lmc-chip__n{opacity:.55;font-size:11px}

/* ---------- Single car ---------- */
.lmc-crumbs{font-size:13px;color:var(--muted);padding:22px 0 0}
.lmc-crumbs a:hover{color:var(--gold)}
.lmc-crumbs i{font-style:normal;margin:0 8px;opacity:.5}
.lmc-car__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:start;padding:26px 0 70px}
.lmc-car__media img{width:100%}
.lmc-car__noimg{aspect-ratio:4/3;display:grid;place-items:center;background:#f2f2f2;color:var(--muted)}
.lmc-car__title{font-family:Cinzel,serif;font-weight:400;font-size:clamp(24px,3vw,36px);text-transform:uppercase;
                letter-spacing:.05em;margin:0 0 18px;color:var(--ink);line-height:1.25}
.lmc-car__pricebar{background:var(--gold);color:var(--ink);padding:15px 22px;display:flex;align-items:baseline;gap:10px;
                   flex-wrap:wrap;margin:0 0 24px}
.lmc-car__pricebar span{font-size:12px;letter-spacing:.05em}
.lmc-car__pricebar strong{font-size:27px;font-weight:600}
.lmc-car__specs{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);margin:0 0 26px}
.lmc-car__specs>div{padding:13px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.lmc-car__specs>div:nth-child(2n){border-right:none}
.lmc-car__specs>div:nth-last-child(-n+2){border-bottom:none}
.lmc-car__specs dt{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 3px}
.lmc-car__specs dd{margin:0;font-size:15px;font-weight:600;color:var(--ink);text-transform:uppercase}
.lmc-car__cta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.lmc-car__cta .lmc-btn{flex:1 1 210px;text-align:center}
.lmc-car__ref{font-size:12px;color:var(--muted);margin:0}
.lmc-car__desc{border-top:1px solid var(--line);padding-top:26px;margin-top:34px;max-width:70ch;line-height:1.85}

/* ---------- Pagination ---------- */
.page-numbers{list-style:none;display:flex;gap:7px;padding:0;margin:40px 0 0;justify-content:center;flex-wrap:wrap}
.page-numbers a,.page-numbers span{display:block;padding:9px 15px;border:1px solid var(--line);font-size:14px}
.page-numbers .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.lmc-empty{text-align:center;color:var(--muted);padding:40px 0}

/* ---------- Floating contact ---------- */
.lmc-float{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:12px;z-index:90}
.lmc-float a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;
             box-shadow:0 4px 14px rgba(0,0,0,.25)}
.lmc-float svg{width:24px;height:24px;fill:currentColor}
.lmc-float__call{background:var(--gold)}
.lmc-float__wa{background:var(--green)}

/* ---------- Content pages ---------- */
.lmc-prose{max-width:70ch;margin:0 auto;padding:10px 0 70px;line-height:1.85}
.lmc-prose h2{font-family:Cinzel,serif;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:24px;margin:34px 0 12px}
.lmc-prose h3{font-size:19px;font-weight:600;margin:26px 0 8px}

@media (max-width:980px){
  .lmc-footer__inner{grid-template-columns:1fr;gap:28px}
  .lmc-car__grid{grid-template-columns:1fr;gap:28px;padding-bottom:50px}
}
@media (max-width:860px){
  .lmc-burger{display:flex}
  .lmc-nav{order:3;flex-basis:100%;display:none;margin-left:0}
  .lmc-nav-toggle:checked ~ .lmc-nav{display:block}
  .lmc-menu{flex-direction:column;gap:0;padding:6px 0 14px}
  .lmc-menu a{padding:12px 0;border-bottom:1px solid #333}
  .lmc-header__inner{flex-wrap:wrap;gap:14px;padding-top:12px;padding-bottom:12px}
  .lmc-header__cta{order:2;padding:10px 20px}
  .lmc-section{padding:48px 0}
  .lmc-sechead h2{font-size:27px}
  .lmc-footer__menu{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.lmc-wrap > .lmc-grid{margin-bottom:70px}
.lmc-pagehead + .lmc-filters{margin-top:22px}

/* ---------- Hero ---------- */
.lmc-hero{position:relative;background:var(--hero) center/cover no-repeat,var(--ink);
          min-height:clamp(380px,58vh,560px);display:grid;align-items:center;isolation:isolate}
/* Phones get a 960px banner instead of the 1920px one. --hero-sm is only set
   when that file exists, so the fallback keeps the full image. */
@media (max-width:768px){
  .lmc-hero{background:var(--hero-sm,var(--hero)) center/cover no-repeat,var(--ink)}
}
.lmc-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35) 45%,rgba(0,0,0,.65));z-index:-1}
.lmc-hero__inner{text-align:center;padding:70px 24px}
.lmc-hero__title{font-family:Cinzel,serif;font-weight:400;font-size:clamp(28px,4.6vw,52px);line-height:1.22;
                 letter-spacing:.07em;margin:0 auto 26px;max-width:16ch;text-transform:uppercase;color:#fff;
                 text-shadow:0 2px 18px rgba(0,0,0,.5)}
.lmc-hero__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- Brand strip ---------- */
.lmc-brandstrip{background:#fff;padding:34px 0 36px;border-bottom:1px solid var(--line);
                overflow:hidden;max-width:100%}
.lmc-brandstrip__viewport{display:flex;width:max-content;animation:lmc-marquee 46s linear infinite}
.lmc-brandstrip:hover .lmc-brandstrip__viewport{animation-play-state:paused}
.lmc-brandstrip__track{display:flex;align-items:center;gap:14px;list-style:none;margin:0;padding:0 7px}
.lmc-brandstrip__item{flex:none;width:118px;height:76px;border:1px solid var(--line);border-radius:6px;
                      display:grid;place-items:center;padding:12px;background:#fff}
.lmc-brandstrip__item img{max-height:100%;max-width:100%;width:auto;object-fit:contain;
                          filter:grayscale(1);opacity:.7;transition:filter .25s,opacity .25s}
.lmc-brandstrip__item:hover img{filter:none;opacity:1}
@keyframes lmc-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){
  .lmc-brandstrip__viewport{animation:none;width:100%;overflow-x:auto;scrollbar-width:none}
  .lmc-brandstrip__viewport::-webkit-scrollbar{display:none}
}

/* ---------- Process steps ---------- */
.lmc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center;counter-reset:none}
.lmc-step img{width:62px;height:62px;object-fit:contain;margin:0 auto 14px}
.lmc-step h3{font-size:14px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px;color:var(--ink);font-weight:600}
.lmc-step p{margin:0;font-size:14px;color:#5d5d5d;line-height:1.7}

/* ---------- Split sections ---------- */
.lmc-tint{background:#faf8f5}
.lmc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:46px;align-items:center}
.lmc-split--rev .lmc-split__media{order:2}
.lmc-split__media img{width:100%;border-radius:4px}
.lmc-split__body h2{font-family:Cinzel,serif;font-weight:400;text-transform:uppercase;letter-spacing:.05em;
                    font-size:clamp(21px,2.6vw,30px);margin:0 0 18px;color:var(--ink);line-height:1.3}
.lmc-split__body h2::after{content:"";display:block;width:62px;height:3px;background:var(--gold);margin-top:12px}
.lmc-lede{font-size:14px;line-height:1.85;color:#5d5d5d;margin:0 0 22px}
.lmc-ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.lmc-ticks li{position:relative;padding-left:24px;font-size:15px;line-height:1.6}
.lmc-ticks li::before{content:"";position:absolute;left:0;top:.52em;width:9px;height:9px;border:2px solid var(--gold);
                      border-top:0;border-left:0;transform:rotate(45deg) translateY(-2px)}
.lmc-reqs{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.lmc-reqs h3{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold-text);margin:0 0 12px;font-weight:600}

/* ---------- Services ---------- */
.lmc-services{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lmc-services article{background:#fff;border:1px solid var(--line);padding:28px 26px}
.lmc-services h3{font-size:17px;margin:0 0 10px;color:var(--ink);font-weight:600}
.lmc-services p{margin:0;font-size:14px;color:#5d5d5d;line-height:1.75}
.lmc-center{text-align:center;margin:40px 0 0}

/* ---------- Footer ---------- */
.lmc-footer{background:#243746;color:#cfd8de;padding:48px 0 40px}
.lmc-footer__inner{display:grid;grid-template-columns:1.25fr 1.5fr .75fr;gap:44px;align-items:start}
.lmc-footer__logo{max-height:52px;width:auto;margin-bottom:16px}
.lmc-footer p{margin:0 0 6px;font-size:14px;line-height:1.7}
.lmc-footer__co{font-weight:600;letter-spacing:.06em;color:#fff;font-size:13px}
.lmc-footer a{color:#cfd8de}
.lmc-footer a:hover{color:var(--gold)}
.lmc-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);margin:0 0 16px;font-weight:600}
.lmc-footer__menu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px 18px}
.lmc-footer__menu a{font-size:14px}
.lmc-footer__social ul{list-style:none;margin:0;padding:0;display:flex;gap:11px;flex-wrap:wrap}
.lmc-footer__social img{width:34px;height:34px;object-fit:contain}
/* Dark text, not white: white reads at 1.92 against the light end of this
   gradient and 2.90 against the dark end, so it failed at both. Ink reads 9.07
   and 5.24, clearing AA across the whole bar. */
.lmc-copyright{background:linear-gradient(90deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--ink);
               text-align:center;font-size:13px;padding:17px 0;letter-spacing:.02em}

@media (max-width:980px){
  .lmc-steps{grid-template-columns:repeat(2,1fr);gap:32px}
  .lmc-services{grid-template-columns:1fr}
  .lmc-split,.lmc-split--rev{grid-template-columns:1fr;gap:28px}
  .lmc-split--rev .lmc-split__media{order:0}
  .lmc-footer__inner{grid-template-columns:1fr;gap:30px}
}
@media (max-width:640px){
  .lmc-steps{grid-template-columns:1fr}
  .lmc-reqs{grid-template-columns:1fr}
  .lmc-footer__menu{grid-template-columns:repeat(2,1fr)}
}