/* FixMove commercial fit-out page skin - 20260827
   These pages shipped with the page-level stylesheet missing, so the hero,
   Why Us, FAQ and bottom CTA rendered as raw browser defaults and the legacy
   .topbar looked like broken markup. Scoped to the classes those pages use;
   this file is linked only from the commercial fit-out pages. */

.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1160px;margin:0 auto;padding:10px 20px 12px;border-bottom:1px solid #e2e8f0}
.topbar .logo{font-size:14px;font-weight:800;color:#64748b;letter-spacing:-.01em;text-decoration:none}
.topbar .lang-switch{display:flex;gap:6px;margin-left:auto}
.topbar .lang-switch a{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;font-weight:700;color:#475569;text-decoration:none}
.topbar .lang-switch a.active{background:#eef4fb;color:#0f4c81;border-color:#cbd9e8}
.topbar .cta-whatsapp{display:inline-flex;align-items:center;min-height:32px;padding:6px 13px;border-radius:999px;background:#166534;color:#fff;font-size:12px;font-weight:800;text-decoration:none}

main#main{max-width:1160px;margin:0 auto;padding:0 20px 44px}

.hero{padding:32px 0 26px;border-bottom:1px solid #e2e8f0}
.hero h1{margin:0 0 10px;font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-.02em}
.hero .hero-sub{margin:0 0 14px;font-size:17px;font-weight:700}
.hero p{margin:0 0 14px;font-size:16px;line-height:1.72;max-width:76ch}
.hero .fm-fuel-surcharge{padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;max-width:76ch}
.hero .btn-primary{display:inline-flex;box-sizing:border-box;max-width:100%;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;background:#166534;color:#fff;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 10px 22px rgba(22,101,52,.18)}
.hero .btn-primary:hover{background:#14532d}

.why-us,.faq,.cta-bottom{margin:26px 0;padding:22px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.why-us h2,.faq h2,.cta-bottom h2{margin:0 0 12px;font-size:clamp(22px,2.6vw,28px);line-height:1.2}
.why-us ul{margin:0;padding-left:20px}
.why-us li{margin:9px 0;line-height:1.68}

.faq details{border-top:1px solid #e2e8f0;padding:12px 0}
.faq details:first-of-type{border-top:0;padding-top:0}
.faq summary{cursor:pointer;font-weight:800;line-height:1.5;min-height:32px;padding:4px 0}
.faq details p{margin:8px 0 0;line-height:1.72;max-width:80ch}

.cta-bottom p{line-height:1.72;max-width:76ch}
.cta-bottom a[href*="wa.me"],.cta-bottom a[href^="tel:"]{display:inline-flex;box-sizing:border-box;max-width:100%;align-items:center;justify-content:center;min-height:48px;margin:6px 10px 0 0;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none}
.cta-bottom a[href*="wa.me"]{background:#166534;color:#fff}
.cta-bottom a[href^="tel:"]{background:#0f172a;color:#fff}

@media (max-width:720px){
  .topbar{padding:8px 16px 10px}
  .topbar .lang-switch{margin-left:0;width:100%;order:3}
  main#main{padding:0 16px 36px}
  .why-us,.faq,.cta-bottom{margin:20px 0;padding:18px 16px;border-radius:14px}
  .hero{padding:24px 0 20px}
  .hero .btn-primary{width:100%}
}