/* MC Tow OC — shared brand tokens + sticky mobile Call CTA
   Design pack polish (safe-area + --radius-card). Do NOT rename CSS variables. */
:root{
  --night:#100303;
  --roast:#2C0A04;
  --dusk:#7A1808;
  --crimson:#B82208;
  --burn:#E03C10;
  --coral:#F06420;
  --gold:#F5A010;
  --sunlit:#FFCC00;
  --paleGold:#FFE878;
  --bone:#FDF5E0;
  --hair:rgba(224,60,16,.28);
  --font-d:"Archivo",system-ui,sans-serif;
  --font-m:"Space Mono",ui-monospace,monospace;
  --phone-display:(855) TOW-BIKE;
  --phone-digits:(855) 869-2453;
  --space-section:clamp(72px,11vh,140px);
  --space-gutter:clamp(18px,4.5vw,56px);
  --type-h1:clamp(2.15rem,5.6vw,4.4rem);
  --type-h2:clamp(1.75rem,4vw,3.1rem);
  --type-body:1.05rem;
  --radius-btn:3px;
  --radius-card:7px;
  --mobile-bar-h:64px;
}

/* Sticky Call pill — coral → sunlit. Pill radius ONLY here. */
.mobile-call-bar{
  display:none;
  position:fixed;
  left:12px;right:12px;
  bottom:max(12px,env(safe-area-inset-bottom,0px));
  z-index:300;
  align-items:center;justify-content:center;gap:10px;
  min-height:52px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none!important;
  border:1px solid rgba(255,204,0,.45)!important;
  background:linear-gradient(100deg,var(--coral),var(--sunlit));
  color:var(--night)!important;
  font-family:var(--font-d);
  font-weight:800;
  font-stretch:112%;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.92rem;
  box-shadow:0 10px 32px rgba(16,3,3,.55),0 0 0 1px rgba(255,204,0,.15);
  -webkit-tap-highlight-color:transparent;
}
.mobile-call-bar:hover,
.mobile-call-bar:focus-visible{
  filter:brightness(1.06);
  outline:2px solid var(--paleGold);
  outline-offset:2px;
}
.mobile-call-bar .mcb-icon{
  display:inline-flex;width:22px;height:22px;flex:none;
}
.mobile-call-bar .mcb-label{
  font-stretch:112%;
}
.mobile-call-bar .mcb-num{
  font-family:var(--font-m);
  letter-spacing:.04em;
  font-size:.78rem;
  font-weight:700;
}
@media (max-width:900px){
  .mobile-call-bar{display:flex}
  body{padding-bottom:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom,0px))}
}
@media (min-width:901px){
  .mobile-call-bar{display:none!important}
}