/* Friends Motors design system - Step 1 */
:root{
  --fm-ink:#14110A; --fm-ink-2:#1E1910;
  --fm-gold:#D4A82A; --fm-gold-light:#F1D26B; --fm-gold-deep:#B88A12;
  --fm-gold-ink:#7A5C00; --fm-gold-on-dark:#E3BC4B;
  --fm-ground:#F5F4F0; --fm-surface:#FFFFFF; --fm-line:#DAD8D1;
  --fm-text:#11181C; --fm-muted:#4B5560;
  --fm-head:'Archivo','Inter',system-ui,sans-serif; --fm-body:'Inter',system-ui,sans-serif;
}
body.fm-site{background:var(--fm-ground);color:var(--fm-text);font-family:var(--fm-body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
.fm-site h1,.fm-site h2,.fm-site h3,.fm-site h4{font-family:var(--fm-head);font-weight:800;letter-spacing:-.02em;color:var(--fm-ink);line-height:1.12}
.fm-site h1{font-size:clamp(40px,5.2vw,72px)}
.fm-site h2{font-size:clamp(30px,3.4vw,44px)}
.fm-site h3{font-size:20px;font-weight:700}
.fm-site a{color:inherit}
.fm-site h1 a,.fm-site h2 a,.fm-site h3 a{color:var(--fm-ink);text-decoration:none}
.fm-site h1 a:hover,.fm-site h2 a:hover,.fm-site h3 a:hover{color:var(--fm-gold-ink)}
.fm-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.fm-muted{color:var(--fm-muted)}
.fm-todo{color:var(--fm-gold-on-dark);font-weight:600}
.fm-skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:10px 14px;z-index:1000}
.fm-skip:focus{left:8px;top:8px}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--fm-gold);outline-offset:3px}

/* Hide the default Hello Elementor header/footer (replaced by ours) */
.fm-site #site-header,.fm-site #site-footer{display:none!important}

/* Buttons */
.fm-btn-gold{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border:0;border-radius:10px;font-weight:600;color:#1A1405!important;text-decoration:none!important;cursor:pointer;
  background:linear-gradient(180deg,#F1D26B 0%,#D4A82A 48%,#B88A12 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 20px rgba(184,138,18,.28);
  transition:transform .2s ease,box-shadow .2s ease}
.fm-btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 28px rgba(184,138,18,.38)}
.fm-btn-gold::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);opacity:0}
@media (prefers-reduced-motion:no-preference){.fm-btn-gold:hover::after{opacity:1;left:130%;transition:left .7s ease}}
.fm-btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:10px;border:1.5px solid var(--fm-gold-deep);color:var(--fm-ink)!important;font-weight:600;text-decoration:none!important;background:transparent;transition:background .2s ease}
.fm-btn-outline:hover{background:rgba(212,168,42,.12)}
.fm-sg--dark .fm-btn-outline,.fm-footer .fm-btn-outline{color:var(--fm-gold-on-dark)!important;border-color:var(--fm-gold-on-dark)}

/* Top bar */
.fm-topbar{background:var(--fm-ink);color:#E9E4D4;font-size:13px}
.fm-topbar .fm-wrap{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}

/* Header */
.fm-header{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--fm-line);transition:box-shadow .2s ease}
.fm-header.is-stuck{box-shadow:0 6px 24px rgba(20,17,10,.12)}
.admin-bar .fm-header{top:32px}
.fm-header__row{display:flex;align-items:center;gap:28px;min-height:84px}
.fm-nav{display:flex;gap:26px;margin-left:auto}
.fm-nav a{font-weight:500;text-decoration:none;color:var(--fm-ink);padding:10px 2px;border-bottom:2px solid transparent;transition:border-color .2s}
.fm-nav a:hover{border-color:var(--fm-gold)}
.fm-header__cta{min-height:44px;padding:0 20px;white-space:nowrap}

/* Text logo (until the real logo file is set as Site Logo) */
.fm-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important}
.fm-logo__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font-family:var(--fm-head);font-weight:800;color:#1A1405;
  background:linear-gradient(180deg,#F1D26B 0%,#D4A82A 48%,#B88A12 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.fm-logo__text{display:flex;flex-direction:column;line-height:1.15}
.fm-logo__text strong{font-family:var(--fm-head);font-size:20px;color:var(--fm-ink)}
.fm-logo__text em{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fm-gold-ink)}
.fm-footer .fm-logo__text strong{color:#fff}
.fm-footer .fm-logo__text em{color:var(--fm-gold-on-dark)}
.fm-logo--footer .fm-logo__mark{width:56px;height:56px}
.fm-header .custom-logo-link img,.fm-header .custom-logo{height:62px;width:auto;max-height:62px;display:block}
.fm-footer .custom-logo-link img,.fm-footer .custom-logo{height:96px;width:auto;max-height:96px;display:block}

/* Burger */
.fm-site button.fm-burger{display:none;margin-left:auto;width:44px;height:44px;padding:0;border:1px solid var(--fm-line);border-radius:10px;background:#fff;color:var(--fm-ink);cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.fm-site button.fm-burger:hover,.fm-site button.fm-burger:focus{background:#fff;border-color:var(--fm-gold)}
.fm-burger span{width:20px;height:2px;background:var(--fm-ink);display:block}

/* Footer */
.fm-footer{background:var(--fm-ink);color:#D9D3C0;margin-top:80px;padding:64px 0 28px;position:relative;
  background-image:radial-gradient(600px 260px at 100% 0%,rgba(212,168,42,.14),transparent 70%)}
.fm-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(241,210,107,.6),transparent)}
.fm-footer h3{color:#fff;font-size:16px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em}
.fm-footer a{text-decoration:none}.fm-footer a:hover{color:var(--fm-gold-on-dark)}
.fm-footer ul{list-style:none;margin:0;padding:0}.fm-footer li{margin:0 0 8px}
.fm-footer p{margin:0 0 8px}
.fm-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.fm-footer__about{margin-top:16px;max-width:300px}
.fm-footer__bar{margin-top:44px;padding-top:22px;border-top:1px solid rgba(227,188,75,.22);display:grid;gap:8px;font-size:14px;color:#BDB79F}

/* Floating WhatsApp */
.fm-wa-float{position:fixed;right:20px;bottom:20px;z-index:950;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#1A1405;text-decoration:none;
  background:linear-gradient(180deg,#F1D26B 0%,#D4A82A 48%,#B88A12 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(20,17,10,.3);transition:transform .2s}
.fm-wa-float:hover{transform:translateY(-3px)}

/* Cards, glass, chips */
.fm-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:16px 0 40px}
.fm-vcard{background:var(--fm-surface);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,17,10,.06),0 12px 30px rgba(20,17,10,.08);transition:transform .25s ease,box-shadow .25s ease}
.fm-vcard:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,17,10,.08),0 20px 44px rgba(20,17,10,.14)}
.fm-vcard__img{position:relative;aspect-ratio:16/10;background:#E9E6DC;overflow:hidden}
.fm-vcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.fm-vcard:hover .fm-vcard__img img{transform:scale(1.04)}
.fm-vcard__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--fm-muted)}
.fm-chip{position:absolute;top:12px;left:12px;z-index:2;background:var(--fm-ink);color:var(--fm-gold-on-dark);font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}
.fm-chip--b{top:46px;background:#fff;color:var(--fm-gold-ink)}
.fm-vcard__body{padding:20px}
.fm-vcard__body h3{margin:0 0 6px}
.fm-price{font-family:var(--fm-head);font-weight:800;font-size:22px;color:var(--fm-ink);margin:10px 0 8px}
.fm-vcard__emi{background:rgba(212,168,42,.14);color:var(--fm-gold-ink);font-weight:600;padding:8px 12px;border-radius:10px;margin:0 0 16px}
.fm-sg{padding:56px 0}
.fm-sg--dark{background:var(--fm-ink);color:#E9E4D4;background-image:radial-gradient(520px 240px at 100% 0%,rgba(212,168,42,.16),transparent 70%)}
.fm-sg--dark h2{color:#fff}
.fm-glass{max-width:420px;padding:28px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(227,188,75,.25);backdrop-filter:blur(10px)}
.fm-glass__num{font-family:var(--fm-head);font-size:40px;font-weight:800;color:var(--fm-gold-on-dark);margin:0 0 6px}

@media (prefers-reduced-motion:no-preference){.fm-vcard,.fm-wa-float,.fm-header{transition-duration:.25s}}

@media (max-width:900px){
  .fm-footer__grid{grid-template-columns:1fr 1fr}
  .fm-site button.fm-burger{display:flex}
  .fm-header__cta{margin-left:0}
  .fm-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--fm-line);padding:8px 24px 16px;margin:0}
  .fm-nav.is-open{display:flex}
  .fm-nav a{padding:14px 2px;border-bottom:1px solid var(--fm-line)}
  .fm-header__row{gap:12px}
}
@media (max-width:600px){
  .fm-footer__grid{grid-template-columns:1fr}
  .fm-topbar .fm-wrap{flex-direction:column;gap:4px}
  .fm-header__cta{padding:0 14px;font-size:14px}
  .fm-logo__text em{display:none}
  .admin-bar .fm-header{top:46px}
}