/* New business pages (2026-10-23, owner-approved design business-pages-design.html; Settings -> New pages -> pages.business_v2).
   Live site font + colours: Roboto text, Oswald headings, #00A0FF, #131B5F, #F3F7FF, #13BFA6, #E82646, #5C6F93. SVG icons only.
   .bz2 = business profile pages (inside the new account menu), .bz2-pub = public business page, .bz2-signup = list your business. */
:root{--bz-blue:#00A0FF;--bz-blue-t:#0077C2;--bz-blue-bg:#E6F6FF;--bz-navy:#131B5F;--bz-bg:#F3F7FF;--bz-line:#E9EDF4;--bz-muted:#5C6F93;--bz-ink:#282F53;--bz-green:#13BFA6;--bz-green-t:#0C6C5E;--bz-green-bg:#E3F7F4;--bz-red:#E82646;--bz-amber-t:#93500A;--bz-amber-bg:#FFF6E5}

/* ---------- business profile pages ---------- */
.bz2{font-family:Roboto,Arial,sans-serif;color:var(--bz-ink)}
.bz2 h1,.bz2 h2,.bz2 .bz2-h3{font-family:Oswald,Arial,sans-serif;color:var(--bz-navy);font-weight:600;letter-spacing:.2px}
.bz2-head{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.bz2-t{display:flex;gap:10px;align-items:flex-start;min-width:0;flex:1 1 260px}
.bz2-head h1{margin:0;font-size:26px;line-height:1.2;position:static!important;padding:0!important;border:0!important;background:none!important}
.bz2-head p{margin:4px 0 0;color:var(--bz-muted);font-size:14.5px;line-height:1.45}
.bz2-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--bz-line);background:#fff;color:var(--bz-navy);flex:none}
.bz2-back:hover{border-color:var(--bz-blue);color:var(--bz-blue)}
.bz2-preview{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border-radius:999px;background:var(--bz-blue-bg);color:var(--bz-blue-t)!important;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.bz2-preview:hover{background:#d3efff}
.bz2-strength{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:2px 0 10px}
.bz2-strength b{font-size:14px;color:var(--bz-navy)}
.bz2-bar{flex:1 1 200px;height:8px;border-radius:999px;background:#dfe7f3;overflow:hidden}
.bz2-bar i{display:block;height:100%;border-radius:999px;background:var(--bz-blue)}
.bz2-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.bz2-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--bz-line);background:#fff;color:var(--bz-navy);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}
.bz2-tabs a.on{background:var(--bz-navy);border-color:var(--bz-navy);color:#fff}
.bz2-dot{width:7px;height:7px;border-radius:50%;background:#F79009;display:inline-block}
.bz2-card{background:#fff;border:1px solid var(--bz-line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.bz2-note{display:flex;gap:8px;align-items:center;border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.bz2-note.ok{background:var(--bz-green-bg);color:var(--bz-green-t)}
.bz2-note.warn{background:var(--bz-amber-bg);color:var(--bz-amber-t)}
/* old section markup inside the new card */
.bz2 .pv .btn-info,.bz2 .pv .btn-primary{background:var(--bz-blue)!important;border-color:var(--bz-blue)!important;color:#fff!important;border-radius:999px}
.bz2 .pv .btn-info:hover,.bz2 .pv .btn-primary:hover{background:var(--bz-navy)!important;border-color:var(--bz-navy)!important}
.bz2 .pv .form-control,.bz2 .pv .form-select{border-radius:10px;border-color:#d9e0ec;min-height:44px;font-size:16px}
.bz2 .pv .form-control:focus,.bz2 .pv .form-select:focus{border-color:var(--bz-blue);box-shadow:0 0 0 3px rgba(0,160,255,.15)}
.bz2 .pv a:not(.btn):not(.bz2-row):not(.bz2-step){color:var(--bz-blue-t)}
.bz2 .pv .pv-sec h2{font-family:Oswald,Arial,sans-serif;font-size:18px}
.bz2 .st-ico{vertical-align:-3px}
/* overview */
.bz2-hubtop{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.bz2-ring{--p:0;width:84px;height:84px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--bz-blue) calc(var(--p)*1%),#e3eaf5 0)}
.bz2-ring span{width:66px;height:66px;border-radius:50%;background:#fff;display:grid;place-items:center;font-family:Oswald,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--bz-navy)}
.bz2-hubtxt h2{margin:0 0 4px;font-size:20px}
.bz2-hubtxt p{margin:0;color:var(--bz-muted);font-size:14.5px}
.bz2 .bz2-h3{font-size:16px;margin:18px 0 8px}
.bz2-steps{display:flex;flex-wrap:wrap;gap:8px}
.bz2-step{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:var(--bz-blue-bg);color:var(--bz-blue-t);font-size:14px;font-weight:600;text-decoration:none}
.bz2-step b{color:var(--bz-green-t);font-weight:700}
.bz2-step:hover{background:#d3efff;color:var(--bz-blue-t)}
.bz2-list{border:1px solid var(--bz-line);border-radius:14px;overflow:hidden}
.bz2-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 16px;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--bz-line);color:inherit;text-decoration:none;min-height:56px}
.bz2-row:last-child{border-bottom:0}
.bz2-row:hover{background:#f7fbff}
.bz2-ic{width:40px;height:40px;border-radius:12px;background:var(--bz-bg);color:var(--bz-navy);display:grid;place-items:center}
.bz2-ic.ok{background:var(--bz-green-bg);color:var(--bz-green-t)}
.bz2-rt{min-width:0}
.bz2-rt b{display:block;color:var(--bz-navy);font-size:15px}
.bz2-rt small{display:block;color:var(--bz-muted);font-size:13px;line-height:1.4}
.bz2-st{font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}
.bz2-st.ok{background:var(--bz-green-bg);color:var(--bz-green-t)}
.bz2-st.warn{background:var(--bz-amber-bg);color:var(--bz-amber-t)}
.bz2-st.off{background:#EEF1F5;color:#475467}
.bz2-chev{color:#9aa6bf}
@media (max-width:767px){
  .bz2-head h1{font-size:22px}
  .bz2-preview span{display:none}.bz2-preview{width:42px;padding:0;justify-content:center}
  .bz2-card{padding:14px;border-radius:14px}
  .bz2-rt small{display:none}
  .bz2-row{grid-template-columns:36px minmax(0,1fr) auto 14px}
  .bz2-ic{width:36px;height:36px}
}

/* ---------- public business page ---------- */
.bz2-pub{font-family:Roboto,Arial,sans-serif;color:var(--bz-ink)}
.bz2-pub h1,.bz2-pub h2,.bz2-pub h3{font-family:Oswald,Arial,sans-serif;color:var(--bz-navy);font-weight:600}
.bz2-pub .bg-gray{background:var(--bz-bg)!important}
.bz2-pub .card{border:1px solid var(--bz-line);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.03)}
.bz2-pub .card.mb-5{margin-bottom:16px!important}
.bz2-pub .bisnessLogo{width:112px!important;height:112px!important;object-fit:cover;border-radius:18px!important;border:1px solid var(--bz-line);background:#fff}
.bz2-pub .biz-name{font-size:24px}
.bz2-pub .pill{border-radius:999px;background:var(--bz-bg);color:var(--bz-navy);font-weight:600}
.bz2-pub .cta-primary,.bz2-pub .btn-primary,.bz2-pub .btn-info{background:var(--bz-blue)!important;border-color:var(--bz-blue)!important;color:#fff!important;border-radius:999px!important;font-weight:700}
.bz2-pub .defaulds-btn{border-radius:999px!important;background:var(--bz-blue-bg)!important;color:var(--bz-blue-t)!important;border:0!important;font-weight:700}
.bz2-pub .text-bd,.bz2-pub a.text-primary{color:var(--bz-blue-t)!important}
.bz2-pub .breadcrumb a{color:var(--bz-blue-t)}
.bz2-pub .st-ico{vertical-align:-3px}
.bz2-pub .bz2-star{color:#F5A524}
.bz2-cta{display:none}
@media (max-width:767px){
  .bz2-pub{padding-bottom:76px}
  .bz2-cta{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:1030;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--bz-line);box-shadow:0 -4px 16px rgba(19,27,95,.08)}
  .bz2-cta-quote{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:var(--bz-blue);color:#fff!important;font-weight:700;font-size:16px;text-decoration:none}
  .bz2-cta-call{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:var(--bz-blue-bg);color:var(--bz-blue-t)}
  .bz2-pub .biz-name{font-size:22px}
}

/* ---------- list your business ---------- */
.bz2-signup{font-family:Roboto,Arial,sans-serif}
.bz2-signup h1,.bz2-signup h2,.bz2-signup h3{font-family:Oswald,Arial,sans-serif;color:var(--bz-navy)}
.bz2-shero{background:linear-gradient(135deg,#131B5F 0%,#1d3c9e 60%,#00A0FF 140%);color:#fff;padding:44px 16px 40px}
.bz2-shero-in{max-width:880px;margin:0 auto}
.bz2-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.14);padding:5px 12px;border-radius:999px}
.bz2-signup .bz2-shero h1{color:#fff;font-size:38px;line-height:1.15;margin:14px 0 10px}
.bz2-shero p{font-size:17px;line-height:1.55;max-width:640px;margin:0 0 10px;color:rgba(255,255,255,.92)}
.bz2-offer{display:inline-flex;align-items:center;gap:8px;background:rgba(19,191,166,.2);border-radius:999px;padding:6px 14px;font-weight:700}
.bz2-shero-btns{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 14px}
.bz2-btn-main,.bz2-btn-soft{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none}
.bz2-btn-main{background:#00A0FF;color:#fff!important}
.bz2-btn-main:hover{background:#0090e6}
.bz2-btn-soft{background:rgba(255,255,255,.14);color:#fff!important}
.bz2-ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}
.bz2-ticks li{display:inline-flex;align-items:center;gap:7px}
.bz2-ticks .st-ico{color:#7ee6d6}
.bz2-signup .st-ico{vertical-align:-3px}
@media (max-width:600px){.bz2-signup .bz2-shero h1{font-size:30px}.bz2-shero{padding:32px 16px}.bz2-shero-btns a{flex:1 1 auto;white-space:nowrap;padding:0 18px}}

/* the site's off-canvas phone menu sits just right of the screen: no sideways scroll on these pages (clip keeps sticky / fixed bars working) */
html:has(.bz2),html:has(.bz2-pub),html:has(.bz2-signup),body:has(.bz2),body:has(.bz2-pub),body:has(.bz2-signup){overflow-x:clip}
/* the site's own bottom menu (.mobileMenu, ~60 px) stays visible: the quote bar sits just above it */
@media (max-width:767px){body:has(.mobileMenu) .bz2-cta{bottom:60px;box-shadow:0 -2px 10px rgba(19,27,95,.06)}body:has(.mobileMenu) .bz2-pub{padding-bottom:136px}}
.bz2-more{margin-top:24px}