/* QUARZEO V7.1 — visual correction layer, PUBLIC ONLY */
:root{--q71-navy:#04152f;--q71-blue:#0769f8;--q71-cyan:#17c8ee;--q71-ink:#061a3a;--q71-line:#dce7f2}
html{scroll-padding-top:76px}
body.qz71-public{overflow-x:hidden!important}
/* Replace inherited header entirely: one row, no trust pill, no double navigation. */
body.qz71-public>.topbar{display:none!important}
.qz71-header{height:76px;position:sticky;top:0;z-index:5000;background:rgba(255,255,255,.94);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(215,227,240,.9)}
.qz71-header-inner{height:100%;width:min(1260px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr) 150px;align-items:center;gap:24px}
.qz71-brand{display:flex;align-items:center}.qz71-brand img{display:block;width:190px;height:auto;max-height:42px;object-fit:contain}
.qz71-nav{display:flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;min-width:0}.qz71-nav a{position:relative;color:#203a59;text-decoration:none;font-size:12px;font-weight:800;padding:29px 0 25px}.qz71-nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:18px;border-radius:99px;background:linear-gradient(90deg,var(--q71-blue),var(--q71-cyan));transition:.2s ease}.qz71-nav a:hover:after{right:0}
.qz71-header-cta{justify-self:end;display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:0 17px;border-radius:12px;color:#fff;text-decoration:none;font-size:12px;font-weight:900;background:linear-gradient(135deg,#06275b,#0877f4);box-shadow:0 10px 25px rgba(9,87,210,.18)}
/* Legacy full-width fixed search bar was covering every page. */
.qz71-hide-floating{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* HOME hero: fix V7 specificity bug + use a real automotive visual. */
body.qz7-public.qz71-public .homeHeroV8{padding:44px 0 46px!important;min-height:0!important;background:radial-gradient(circle at 79% 14%,rgba(31,201,244,.13),transparent 25%),linear-gradient(180deg,#fff,#f7fbff 86%,#fff)!important}
body.qz7-public.qz71-public .homeHeroV8>.shell{width:min(1180px,calc(100% - 48px))!important;margin:auto!important}
body.qz7-public.qz71-public .heroHeadlineV8{margin-bottom:22px!important}
body.qz7-public.qz71-public .heroHeadlineV8 h1{font-size:clamp(48px,5vw,72px)!important}
body.qz7-public.qz71-public .heroHeadlineV8 p{max-width:56ch!important;font-size:16px!important}
body.qz7-public.qz71-public .heroWorkbenchV8{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr)!important;gap:26px!important}
body.qz7-public.qz71-public .heroMapV8{min-height:420px!important;border-radius:28px!important;background:#051a3b!important}
body.qz7-public.qz71-public .heroMapV8>.qz7-hero-visual{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;background-image:linear-gradient(180deg,rgba(2,17,39,.02),rgba(2,18,45,.18)),url('/assets/qz-v71-hero-car.jpg?v=7.1')!important;background-size:cover!important;background-position:center!important}
body.qz7-public.qz71-public .heroMapV8>.qz7-hero-visual>*{display:block!important}
body.qz7-public.qz71-public .qz7-glass-road,body.qz7-public.qz71-public .qz7-windshield,body.qz7-public.qz71-public .qz7-roadline{display:none!important}
body.qz7-public.qz71-public .qz7-visual-copy{left:24px!important;top:24px!important;max-width:255px!important;padding:15px 16px!important;border-radius:16px!important;background:rgba(3,24,54,.68)!important;border:1px solid rgba(174,232,255,.22)!important;backdrop-filter:blur(12px)!important;text-shadow:0 1px 8px rgba(0,0,0,.16)}
body.qz7-public.qz71-public .qz7-proof-stack{left:24px!important;right:24px!important;bottom:22px!important;gap:8px!important}.qz7-proof{background:rgba(3,25,56,.72)!important;border-color:rgba(165,229,255,.24)!important}
/* Keep hero/search clear of any old bars. */
body.qz71-public .searchDeckV8{position:relative!important;z-index:5!important}
/* More compact narrative rhythm. */
body.qz71-public .qz7-story{padding:72px 0 64px!important}.qz7-choice{padding:62px 0 72px!important}.qz7-fair{padding:58px 0!important}
body.qz71-public .qz7-section-head{margin-bottom:34px!important}
/* Network: map left, two photo cards + copy right. No 500px empty cards. */
body.qz71-public .qz7-network{padding:72px 0!important}
body.qz71-public .qz7-network-grid{grid-template-columns:.9fr 1.1fr!important;grid-template-rows:auto auto!important;gap:18px 28px!important;align-items:start!important}
body.qz71-public .qz7-map{grid-column:1!important;grid-row:1/3!important;min-height:430px!important;height:100%!important;border-radius:26px!important}
body.qz71-public .qz7-cities{grid-column:2!important;grid-row:1!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-self:start!important}
body.qz71-public .qz7-cities .cityRealCardV9{height:auto!important;min-height:0!important;border-radius:22px!important;align-self:start!important;display:block!important}
body.qz71-public .qz7-cities .cityRealMediaV9{display:block!important;min-height:185px!important;height:185px!important;background-size:cover!important;background-position:center!important;position:relative!important}
body.qz71-public .qz7-cities .cityRealMediaV9 img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body.qz71-public .qz7-cities .cityRealBodyV9{padding:17px 18px!important;min-height:110px!important}
body.qz71-public .qz7-network-copy{grid-column:2!important;grid-row:2!important;margin:4px 0 0!important;align-self:start!important;padding:6px 2px!important}
body.qz71-public .qz7-network-copy h2{font-size:clamp(32px,3.5vw,48px)!important;margin-bottom:12px!important}
body.qz71-public .qz7-network-copy p{font-size:14px!important;max-width:58ch!important}
/* If the legacy city background was selector-based, keep a tasteful fallback instead of a blank white panel. */
body.qz71-public .qz71-city-perpignan .cityRealMediaV9:empty{background:linear-gradient(150deg,#0b4d85,#0a7ab0 54%,#d8eff8)!important}
body.qz71-public .qz71-city-meaux .cityRealMediaV9:empty{background:linear-gradient(150deg,#143f71,#397ca6 52%,#e6f3fa)!important}
/* Secondary PUBLIC pages: align dark/charter blocks to the same 1180px rhythm. */
body.qz71-public:not(.qz7-public) main,body.qz71-public:not(.qz7-public) .pageMain{padding-top:0!important}
body.qz71-public .qz71-contained-section{padding-left:max(24px,calc((100vw - 1180px)/2))!important;padding-right:max(24px,calc((100vw - 1180px)/2))!important}
body.qz71-public .qz71-contained-section h1,body.qz71-public .qz71-contained-section h2{max-width:720px}
body.qz71-public .siteFooter{margin-top:0!important;padding-top:42px!important;padding-bottom:22px!important;background:linear-gradient(145deg,#03142c,#062b59)!important}
body.qz71-public .siteFooter>.shell,body.qz71-public .siteFooter .shell{width:min(1180px,calc(100% - 48px))!important;margin-inline:auto!important}
/* Home B2B handoff stays at the bottom only. */
body.qz71-public .qz7-pro-bottom{padding:58px 0 62px!important}
.qz71-old-home-hide{display:none!important}
/* Clean mobile-only sticky CTA, shown only after leaving hero. */
.qz71-mobile-cta{display:none}
@media(max-width:1120px){.qz71-header-inner{grid-template-columns:180px minmax(0,1fr) 135px;gap:16px}.qz71-brand img{width:170px}.qz71-nav{gap:16px}.qz71-nav a{font-size:11px}.qz71-header-cta{padding:0 13px}}
@media(max-width:900px){.qz71-nav{gap:12px}.qz71-nav a:nth-child(3){display:none}}
@media(max-width:760px){
  html{scroll-padding-top:62px}.qz71-header{height:62px}.qz71-header-inner{width:100%;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr}.qz71-brand{grid-column:2;justify-self:center}.qz71-brand img{width:152px;max-height:34px}.qz71-nav,.qz71-header-cta{display:none!important}
  body.qz7-public.qz71-public .homeHeroV8{padding:22px 0 30px!important}.qz7-shell,body.qz7-public.qz71-public .homeHeroV8>.shell{width:min(100% - 28px,1180px)!important}.heroHeadlineV8{margin-bottom:15px!important}.heroHeadlineV8 h1{font-size:clamp(39px,12vw,50px)!important}.heroHeadlineV8 p{font-size:13px!important}
  body.qz71-public .qz7-network-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:13px!important}.qz7-map{display:none!important}.qz7-cities{grid-column:1!important;grid-row:auto!important;grid-template-columns:1fr!important}.qz7-network-copy{grid-column:1!important;grid-row:1!important;text-align:center!important;margin-bottom:10px!important}.qz7-cities .cityRealMediaV9{height:165px!important;min-height:165px!important}
  body.qz71-public .qz71-contained-section{padding-left:18px!important;padding-right:18px!important}
  body.qz71-public .siteFooter>.shell,body.qz71-public .siteFooter .shell{width:min(100% - 28px,1180px)!important}
  .qz71-mobile-cta{position:fixed;left:10px;right:10px;bottom:10px;z-index:4990;min-height:58px;border-radius:16px;padding:8px 10px 8px 15px;background:rgba(3,24,55,.94);border:1px solid rgba(79,207,246,.42);box-shadow:0 16px 40px rgba(0,22,58,.32);backdrop-filter:blur(16px);color:#fff;text-decoration:none;align-items:center;justify-content:space-between;gap:12px;transform:translateY(120%);opacity:0;pointer-events:none;transition:.25s ease}.qz71-mobile-cta.is-visible{display:flex;transform:translateY(0);opacity:1;pointer-events:auto}.qz71-mobile-cta span{font-size:10px;color:#bcd5ec}.qz71-mobile-cta b{font-size:11px;padding:11px 13px;border-radius:11px;background:linear-gradient(135deg,#0873f7,#18c5ee);white-space:nowrap}
}
@media(max-width:390px){.qz71-mobile-cta span{display:none}.qz71-mobile-cta{justify-content:center}.qz71-mobile-cta b{width:100%;text-align:center}}
