/* Maps hub: visual language aligned with sellers-marketplaces.html. */
body .maps-hub { background:#f8fafc; }
body .maps-hub #hero {
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;
  color:#fff!important;
  padding:clamp(64px,8vw,112px) 0!important;
}
body .maps-hub #hero .hero-data-bg { opacity:.18; }
body .maps-hub #hero .jq-blob { display:block; }
body .maps-hub #hero h1,
body .maps-hub #hero h1 span { color:#fff!important; }
body .maps-hub #hero h1 span { background:none!important; padding:0; }
body .maps-hub #hero h1 span:before,body .maps-hub #hero h1 span:after { display:none; }
body .maps-hub #hero p { color:#e2e8f0!important; font-weight:700; line-height:1.6; }
body .maps-hub #hero .jq-chip { background:#fff!important; color:#0f172a!important; border:2px solid #0f172a; box-shadow:3px 3px 0 var(--jq-lime); font-weight:800; }
body .maps-hub #hero .jq-btn { min-height:52px; box-shadow:4px 4px 0 #0f172a!important; }
body .maps-hub #hero .jq-btn-coral { background:var(--jq-coral)!important; border-color:#0f172a!important; }
body .maps-hub #hero .jq-btn-coral:hover { background:#ff7048!important; }
body .maps-hub #hero .jq-btn-light { background:#fff!important; border:2px solid #0f172a!important; color:#0f172a!important; }
body .maps-hub #hero .jq-btn > span[style] { display:flex!important; }
body .maps-hub .table-mockup { transform:rotate(1deg)!important; border:3px solid #0f172a!important; border-radius:16px; box-shadow:8px 8px 0 var(--jq-coral)!important; }
body .maps-hub .table-mockup:before { content:"ПРИМЕР ВЫГРУЗКИ"; display:block; padding:10px 16px 0; color:#64748b; font-size:10px; font-weight:900; letter-spacing:.14em; }
body .maps-hub .table-mockup-header { margin-top:4px; }
body .maps-hub .table-mockup-body { max-height:330px; overflow:auto; }
body .maps-hub .trust-bar { margin-top:-8px; padding:20px 24px; border:2px solid #0f172a; border-top:0; border-radius:0 0 16px 16px; background:#fff; box-shadow:5px 5px 0 var(--jq-lime); }
body .maps-hub .trust-bar-item { color:#475569; font-weight:700; }
body .maps-hub #maps-section { background:#fff; padding:80px 0!important; scroll-margin-top:84px; }
body .maps-hub #maps-section article { border:2px solid #0f172a!important; border-radius:16px!important; box-shadow:6px 6px 0 var(--jq-lime)!important; }
body .maps-hub #maps-section article:hover { border-color:#0f172a!important; transform:translateY(-4px); box-shadow:9px 9px 0 var(--jq-coral)!important; }
body .maps-hub #maps-section .jq-mp-top { min-height:155px; display:flex; align-items:center; justify-content:center; padding:20px; }
body .maps-hub #maps-section .jq-mp-logo { width:auto; height:44px; max-width:80%; filter:drop-shadow(0 3px 6px rgb(15 23 42 / .18)); }
body .maps-hub #maps-section article:nth-child(1) .jq-mp-top { background:linear-gradient(135deg,#fff7e8,#ffe7c8)!important; }
body .maps-hub #maps-section article:nth-child(2) .jq-mp-top { background:linear-gradient(135deg,#eefaf0,#d8f3dd)!important; }
body .maps-hub #maps-section article h3 { color:#0f172a; font-size:24px; }
body .maps-hub #maps-section article .p-6 { padding:24px; }
body .maps-hub #maps-section .jq-btn { min-height:44px; box-shadow:3px 3px 0 #0f172a!important; }
body .maps-hub #maps-section .jq-btn-coral { background:var(--jq-coral)!important; border-color:#0f172a!important; }
body .maps-hub #maps-section .jq-btn-light { border:2px solid #0f172a!important; }
body .maps-hub #maps-section > div > .jq-card { background:#0f172a!important; border:2px solid #0f172a!important; border-radius:16px!important; box-shadow:8px 8px 0 var(--jq-coral)!important; }
body .maps-hub #maps-section > div > .jq-card h3 { color:#fff!important; }
body .maps-hub #maps-section > div > .jq-card .text-slate-300 { color:#cbd5e1!important; }
body .maps-hub #maps-section > div > .jq-card .jq-btn-light { color:#0f172a!important; background:#fff!important; }
body .maps-hub > section.bg-slate-900 { background:#0f172a!important; }
body .maps-hub > section.bg-slate-900 .jq-section-title { color:#fff!important; }
body .maps-hub > section.bg-slate-900 .text-slate-300 { color:#cbd5e1!important; }
body .maps-hub > section.bg-slate-900 .num { text-shadow:2px 2px 0 #020617; }
body .maps-hub :is(a,button):focus-visible { outline:3px solid var(--jq-yellow); outline-offset:4px; }
@media(max-width:767px) {
  body .maps-hub #hero { padding:52px 0 70px!important; }
  body .maps-hub #hero h1 { font-size:2.55rem!important; }
  body .maps-hub #hero .relative.z-10 { gap:38px; }
  body .maps-hub .table-mockup { transform:none!important; max-width:calc(100vw - 32px); }
  body .maps-hub .trust-bar { border-radius:0; box-shadow:none; padding:18px 16px; }
  body .maps-hub #maps-section { padding:56px 0!important; }
}
@media(prefers-reduced-motion:reduce) { body .maps-hub *,body .maps-hub *:before { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }