/* TELL EQUIPMENT — Mobile header phone bar + redesigned menu (2026-10-05)
   Top bar on phones: big CALL button (shows the CallRail-swapped number live) + redesigned hamburger.
   Menu drawer: bigger touch targets, clearer grouping, sticky call footer. */
@media (max-width: 1020px) {
  /* ===== TOP BAR: phone next to hamburger ===== */
  header .header-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 10px 14px !important;
  }
  header .logo-block { flex: 0 1 auto; min-width: 0; }
  header .logo-img { height: clamp(30px, 8vw, 40px) !important; width: auto !important; max-width: 44vw !important; }

  .m-top-actions { display: flex !important; align-items: center !important; gap: 8px !important; flex: 0 0 auto; }

  /* Big red call pill — number swaps live via CallRail DNI (swap target 591-7991 lives in here) */
  .m-call-bar {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 14px 0 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #c41416 0%, #af1314 70%, #8d0f10 100%);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(175, 19, 20, .38);
    border: 1px solid rgba(255, 255, 255, .22);
    font-family: Inter, Arial, sans-serif;
    flex: 0 1 auto;
    max-width: 52vw;
  }
  .m-call-bar .m-call-ic { flex: 0 0 auto; width: 20px; height: 20px; display: block; }
  .m-call-bar .m-call-num { font: 800 clamp(15px, 4vw, 17px)/1 Inter, Arial, sans-serif; letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .m-call-bar .m-call-lbl { display: none; }
  .m-call-bar:active { transform: scale(.97); }

  /* Redesigned hamburger: bordered, taller, with label */
  .nav-burger {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    width: 46px !important;
    height: 46px !important;
    padding: 9px 10px 7px !important;
    background: #0b2a66 !important;
    border: 1.5px solid rgba(255, 255, 255, .25) !important;
    border-radius: 12px !important;
    flex: 0 0 auto;
    box-shadow: 0 4px 14px rgba(7, 22, 56, .25);
  }
  .nav-burger span { display: block; height: 2.4px; width: 100%; background: #fff; border-radius: 2px; }
  .nav-burger .nav-burger-label {
    display: block !important;
    height: auto !important;
    width: auto !important;
    background: none !important;
    font: 700 9px/1 Inter, Arial, sans-serif;
    letter-spacing: .12em;
    color: #fff;
    margin-top: 2px;
  }
  .nav-burger[aria-expanded="true"] { background: #af1314 !important; }
  .nav-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .nav-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .nav-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
  .nav-burger[aria-expanded="true"] .nav-burger-label { display: none !important; }
}
@media (max-width: 400px) {
  .m-call-bar { padding: 0 10px 0 9px; gap: 6px; }
  .m-call-bar .m-call-num { font-size: 14px; }
}

/* ===== MENU DRAWER: redesigned ===== */
.mobile-menu { background: linear-gradient(180deg, #071638 0%, #0b2a66 130%) !important; }
.mobile-menu .mm-head { padding: 22px 20px 14px !important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important; }
.mobile-menu .mm-eyebrow { font: 700 11px/1 Inter, Arial, sans-serif !important; letter-spacing: .18em; color: #9fc6ff !important; margin: 0 0 4px !important; }
.mobile-menu .mm-title { font: 800 clamp(21px, 6vw, 25px)/1.15 "Barlow Condensed", Arial, sans-serif !important; color: #fff !important; margin: 0 !important; }
.mobile-menu .mm-nav { padding: 10px 12px !important; display: grid !important; gap: 8px !important; }
.mobile-menu .mm-nav a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  min-height: 58px !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  text-decoration: none !important;
  transition: background .15s ease;
}
.mobile-menu .mm-nav a:active { background: rgba(255, 255, 255, .16) !important; }
.mobile-menu .mm-item-title { display: block !important; font: 700 16.5px/1.2 Inter, Arial, sans-serif !important; color: #fff !important; margin-bottom: 3px !important; }
.mobile-menu .mm-item-help { display: block !important; font: 400 12.5px/1.35 Inter, Arial, sans-serif !important; color: #b9c9e2 !important; }
.mobile-menu .mm-nav a::after {
  content: "›"; flex: 0 0 auto;
  font: 700 22px/1 "Barlow Condensed", Arial, sans-serif;
  color: #ff7a6e;
}
.mobile-menu .mm-location-switch { margin: 4px 12px 8px !important; padding: 12px 16px !important; border-radius: 12px; background: rgba(159, 198, 255, .08) !important; border: 1px dashed rgba(159, 198, 255, .35) !important; }
.mobile-menu .mm-location-label { font: 600 11.5px/1.3 Inter, Arial, sans-serif !important; color: #9fc6ff !important; margin: 0 0 6px !important; }
.mobile-menu .mm-location-switch a { font: 700 15px/1.3 Inter, Arial, sans-serif !important; color: #fff !important; text-decoration: none !important; }
/* sticky call footer inside the drawer */
.mobile-menu .mm-call {
  position: sticky !important;
  bottom: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  margin: 8px 12px 0 !important;
  min-height: 56px;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #c41416 0%, #af1314 70%, #8d0f10 100%) !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 -6px 20px rgba(5, 11, 31, .5);
}
.mobile-menu .mm-call strong { font: 800 18px/1 Inter, Arial, sans-serif !important; color: #fff !important; }
.mobile-menu .mm-call small { font: 600 11px/1 Inter, Arial, sans-serif !important; color: #ffd9d4 !important; }

/* ===== 2026-10-05 FIX: the drawer MUST be dark on EVERY page family.
   Homepage CSS paints .mobile-menu light (247,249,252) while this sheet forces white titles
   = invisible text. Solid navy + explicit light colors for every drawer element. ===== */
.mobile-menu {
  background: #071638 !important;
  background-image: none !important;
  background-color: #071638 !important;
}
.mobile-menu, .mobile-menu * { color: #dbe5f3; }
.mobile-menu .mm-eyebrow { color: #9fc6ff !important; }
.mobile-menu .mm-title { color: #ffffff !important; }
.mobile-menu .mm-item-title { color: #ffffff !important; }
.mobile-menu .mm-item-help { color: #b9c9e2 !important; }
.mobile-menu .mm-location-label { color: #9fc6ff !important; }
.mobile-menu .mm-location-switch a { color: #ffffff !important; }
.mobile-menu .mm-call, .mobile-menu .mm-call strong { color: #ffffff !important; }
.mobile-menu .mm-call small { color: #ffd9d4 !important; }
.mobile-menu [data-menu-close] {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
}

/* ===== 2026-10-05: Zach/Brady direct-line cards + logo footer in the drawer ===== */
.mobile-menu .mm-team { margin: 12px 12px 0 !important; display: grid; gap: 8px; }
.mobile-menu .mm-team-label {
  margin: 0 0 2px !important;
  font: 700 11.5px/1 Inter, Arial, sans-serif !important;
  letter-spacing: .18em; text-transform: uppercase;
  color: #9fc6ff !important;
}
.mobile-menu .mm-person {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 10px; min-height: 60px !important; padding: 10px 14px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  text-decoration: none !important;
}
.mobile-menu .mm-person:active { background: rgba(255, 255, 255, .16) !important; }
.mobile-menu .mm-person-txt { display: grid; gap: 3px; }
.mobile-menu .mm-person-txt strong { font: 700 16px/1.1 Inter, Arial, sans-serif !important; color: #ffffff !important; }
.mobile-menu .mm-person-txt small { font: 400 12.5px/1.2 Inter, Arial, sans-serif !important; color: #b9c9e2 !important; }
.mobile-menu .mm-person-num {
  flex: 0 0 auto; font: 800 15.5px/1 Inter, Arial, sans-serif !important; color: #ff7a6e !important;
  white-space: nowrap;
}
.mobile-menu .mm-footer { display: flex; justify-content: center; padding: 18px 0 14px; }
.mobile-menu .mm-footer img { max-height: 44px; width: auto; opacity: .92; filter: brightness(0) invert(1); }
/* drawer spacing: give the sticky call button room */
.mobile-menu { padding-bottom: 8px !important; }

/* ===== 2026-10-05: HERO MAP LIVE LOCATIONS — yellow pins, pop-in one by one, tap for details ===== */
#terr-svg-wrap, .hero-terr__map { position: relative; }
.tmp-pin { cursor: pointer; opacity: 0; transform: scale(.2); transition: opacity .35s ease, transform .55s cubic-bezier(.2,1.6,.4,1); pointer-events: none; }
.tmp-pin.in { opacity: 1; transform: scale(1); pointer-events: auto; }
.tmp-dot { fill: #ffd21f; stroke: #7a1a12; stroke-width: 2.2; filter: drop-shadow(0 3px 5px rgba(0,0,0,.45)); }
.tmp-ic { font-size: 8px; pointer-events: none; }
.tmp-stem { stroke: #ffd21f; stroke-width: 2.2; stroke-linecap: round; }
.tmp-ring { fill: none; stroke: #ffd21f; stroke-width: 2; opacity: 0; transform-origin: center; }
.tmp-pin.in .tmp-ring { animation: tmp-pulse 2.6s ease-out infinite; }
.tmp-pin.in .tmp-ring.r2 { animation-delay: 1.3s; }
@keyframes tmp-pulse { 0% { r: 8; opacity: .8; } 100% { r: 22; opacity: 0; } }
.tmp-pin.on .tmp-dot { fill: #fff; stroke: #ffd21f; stroke-width: 3; }
/* detail card */
.tmp-card {
  position: absolute; z-index: 30; width: 232px;
  background: linear-gradient(160deg, #0b2a66 0%, #071638 100%);
  border: 2px solid #ffd21f; border-radius: 14px; padding: 14px 16px 16px;
  box-shadow: 0 18px 44px rgba(2, 8, 18, .6);
  opacity: 0; transform: translateY(8px) scale(.96); pointer-events: none;
  transition: opacity .22s ease, transform .28s cubic-bezier(.2,1.4,.4,1);
  font-family: Inter, Arial, sans-serif;
}
.tmp-card.show { opacity: 1; transform: none; pointer-events: auto; }
.tmp-card .tmp-x { position: absolute; top: 6px; right: 8px; background: none; border: 0; color: #ffd21f; font: 700 20px/1 Arial; cursor: pointer; }
.tmp-card .tmp-k { font: 700 10px/1 Inter, Arial, sans-serif; letter-spacing: .2em; color: #ffd21f; margin-bottom: 6px; }
.tmp-card .tmp-city { font: 800 21px/1.1 "Barlow Condensed", Arial, sans-serif; color: #fff; margin-bottom: 6px; }
.tmp-card .tmp-city span { color: #9fc6ff; font-weight: 600; margin-left: 6px; font-size: 15px; }
.tmp-card .tmp-lines { font: 400 13.5px/1.45 Inter, Arial, sans-serif; color: #dbe5f3; margin-bottom: 12px; }
.tmp-card .tmp-act { display: grid; gap: 8px; }
.tmp-card .tmp-quote { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 10px; background: #af1314; color: #fff !important; font: 700 15px Inter, Arial, sans-serif; text-decoration: none !important; cursor: pointer; }
.tmp-card .tmp-quote:active { transform: scale(.98); }
.tmp-card .tmp-tel { display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 10px; border: 1.5px solid rgba(255,255,255,.3); color: #fff !important; font: 700 14px Inter, Arial, sans-serif; text-decoration: none !important; }
@media (max-width: 1020px) { .tmp-card { width: min(232px, 78vw); } .tmp-ic { font-size: 10px; } }

/* ===== 2026-10-05: Amazon DB — cart button + drawer + checkout (old-friendly: BIG) ===== */
.tcb-btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 12px; border: 1.5px solid rgba(255,255,255,.25);
  background: #0b2a66; color: #fff; cursor: pointer; flex: 0 0 auto;
  box-shadow: 0 4px 14px rgba(7,22,56,.25);
}
.tcb-btn svg { width: 22px; height: 22px; }
.tcb-btn:hover { background: #123877; }
.tcb-badge {
  position: absolute; top: -6px; right: -6px; min-width: 21px; height: 21px; padding: 0 5px;
  border-radius: 999px; background: #ffd21f; color: #7a1a12;
  font: 800 12px/21px Inter, Arial, sans-serif; text-align: center; display: none;
  border: 2px solid #fff;
}
.tcb-btn.tcb-pulse { animation: tcb-pop .45s cubic-bezier(.2,1.6,.4,1); }
@keyframes tcb-pop { 0% { transform: scale(.7); } 60% { transform: scale(1.15); } 100% { transform: scale(1); } }

/* search result add button */
.ps-result { position: relative; }
.ps-add-cart {
  flex: 0 0 auto; margin-left: 10px; padding: 9px 13px; border-radius: 10px; border: 0;
  background: #1a7a3c; color: #fff; font: 700 13px Inter, Arial, sans-serif; cursor: pointer;
  white-space: nowrap; min-height: 38px;
}
.ps-add-cart:hover { background: #15652f; }
.ps-add-cart.added { background: #0b2a66; }

/* drawer */
.tc-ov { position: fixed; inset: 0; z-index: 10100; background: rgba(6,16,36,.62); display: none; align-items: center; justify-content: center; padding: 14px; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.tc-ov.on { display: flex; }
.tc-panel { width: min(560px,100%); max-height: calc(100dvh - 28px); overflow: auto; background: #fff; border-radius: 18px; box-shadow: 0 24px 70px rgba(0,0,0,.35); font: 16px/1.45 Inter, Arial, sans-serif; color: #0f1d33; }
.tc-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; background: linear-gradient(135deg,#071d4a,#0b2a66 60%,#b51a14 150%); border-radius: 18px 18px 0 0; }
.tc-k { margin: 0; font: 700 11px/1 Inter, Arial, sans-serif; letter-spacing: .2em; color: #9fc6ff; }
.tc-t { margin: 4px 0 0; font: 800 24px/1 "Barlow Condensed", Arial, sans-serif; color: #fff; }
.tc-x { width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; font: 700 24px/1 Arial; cursor: pointer; }
.tc-list { padding: 14px 18px 4px; display: grid; gap: 10px; }
.tc-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1.5px solid #dbe4f0; border-radius: 14px; background: #f7f9fd; }
.tc-item-info { flex: 1 1 auto; min-width: 0; }
.tc-item-name { margin: 0; font: 700 16px/1.25 Inter, Arial, sans-serif; color: #0b2a66; }
.tc-item-meta { margin: 3px 0 0; font: 400 13px/1.3 Inter, Arial, sans-serif; color: #5b6b82; }
.tc-item-meta b { color: #0b2a66; }
.tc-item-qty { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.tc-q { width: 44px; height: 44px; border-radius: 10px; border: 1.5px solid #b9c6da; background: #fff; font: 800 22px/1 Arial; color: #0b2a66; cursor: pointer; }
.tc-q:active { background: #eaf0fa; }
.tc-qty { min-width: 34px; text-align: center; font: 800 17px Inter, Arial, sans-serif; }
.tc-rm { width: 40px; height: 40px; border: 0; border-radius: 10px; background: #fff1f0; color: #b51a14; font: 700 20px/1 Arial; cursor: pointer; flex: 0 0 auto; }
.tc-empty { padding: 26px 8px; text-align: center; color: #5b6b82; }
.tc-empty p { margin: 0 0 8px; }
.tc-empty b { color: #0b2a66; }
/* checkout */
.tc-check { padding: 8px 22px 22px; display: grid; gap: 10px; }
.tc-k2 { margin: 6px 0 0; font: 700 12px/1 Inter, Arial, sans-serif; letter-spacing: .18em; color: #b51a14; }
.tc-check label { display: grid; gap: 4px; font: 700 13.5px Inter, Arial, sans-serif; color: #33445e; }
.tc-check input, .tc-check textarea { width: 100%; box-sizing: border-box; min-height: 50px; padding: 12px 14px; border: 1.5px solid #b9c6da; border-radius: 10px; font: 16px Inter, Arial, sans-serif; }
.tc-check textarea { min-height: 70px; resize: vertical; }
.tc-check input:focus, .tc-check textarea:focus { outline: 3px solid rgba(11,42,102,.25); border-color: #0b2a66; }
.tc-err { display: none; padding: 11px 13px; border-radius: 10px; background: #fff1f0; color: #9b1c14; font: 600 14.5px Inter, Arial, sans-serif; }
.tc-err.on { display: block; }
.tc-send { min-height: 58px; border: 0; border-radius: 12px; background: #b51a14; color: #fff; font: 800 18px Inter, Arial, sans-serif; cursor: pointer; }
.tc-send:active { transform: scale(.99); }
.tc-send[disabled] { opacity: .65; cursor: wait; }
.tc-promise { margin: 0; text-align: center; font: 400 14px/1.5 Inter, Arial, sans-serif; color: #4a5a72; }
.tc-promise b { color: #b51a14; }
.tc-promise a { color: #0b2a66; font-weight: 800; }
/* done */
.tc-done { padding: 40px 26px 32px; text-align: center; }
.tc-done-ic { width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 50%; background: #e9f7ef; color: #1a8a4a; font: 800 38px/72px Arial; }
.tc-done h3 { margin: 0 0 10px; font: 800 26px "Barlow Condensed", Arial, sans-serif; color: #0b2a66; }
.tc-done p { margin: 0 0 8px; font: 16px/1.5 Inter, Arial, sans-serif; color: #33445e; }
.tc-done-ref { margin-top: 12px; font: 700 14px Inter, Arial, sans-serif; color: #5b6b82; }
.tc-done-ref b { color: #0b2a66; letter-spacing: .04em; }
.tc-done-call a { color: #0b2a66; font-weight: 800; font-size: 18px; }
.tc-done-btn { margin-top: 20px; min-height: 52px; padding: 0 30px; border: 0; border-radius: 12px; background: #0b2a66; color: #fff; font: 700 16px Inter, Arial, sans-serif; cursor: pointer; }
@media (max-width:480px) {
  .tc-ov { padding: 0; align-items: flex-end; }
  .tc-panel { border-radius: 18px 18px 0 0; max-height: 96dvh; }
}
@media (min-width:1021px) {
  .tcb-btn { width: 44px; height: 44px; }
}

/* ===== 2026-10-05: OLD-PEOPLE-FIRST READABILITY — BOLD, BIG, PRECISE ===== */
/* Body text: minimum 16px, weight 500+ (was 400 — too thin for older eyes) */
body { font-size: 16.5px !important; font-weight: 500 !important; line-height: 1.6 !important; }
p, li, dd { font-size: 16.5px !important; font-weight: 500 !important; line-height: 1.62 !important; }
p.lede, .lead, .sec-sub { font-size: 18px !important; font-weight: 500 !important; }
/* All headings: heavier */
h1, h2, h3, h4, h5 { font-weight: 800 !important; letter-spacing: .01em !important; }
h3 { font-size: 20px !important; }
/* Links: never thin */
a:not([class*="btn"]):not(.nav-burger) { font-weight: 600 !important; }
/* Small text: never below 13px */
small, .cr-sub, .ps-sub { font-size: 13px !important; }
/* Meta labels: bold, not ghost-thin */
.tag, .eyebrow, .kicker, .elc-meta, .hero-terr__brands, .terr-legend { font-weight: 700 !important; }
/* Product cards: bigger name, bolder */
.oembox .ob-name, .spec-cell h3, .lane-card h3 { font-weight: 800 !important; }
.oembox .ob-sub, .spec-cell p { font-weight: 500 !important; }
/* Search results: bigger for old eyes */
.ps-r-name { font-size: 17px !important; font-weight: 700 !important; }
.ps-r-meta { font-size: 14px !important; font-weight: 600 !important; }
.ps-label { font-size: 14px !important; font-weight: 700 !important; }
/* Buttons: never thin */
.btn, .btn-red, .btn-blue, .qw-btn, .terr-btn, .hx-line-button,
.ps-add-cart, .tc-send, .tmp-quote, .m-call-bar { font-weight: 700 !important; }
/* Form labels: bold */
label, .tc-check label, .tfr label.tfr-f { font-weight: 700 !important; }
/* FAQ answers: not thin */
details p, .faq-a { font-weight: 500 !important; }

/* ===== 2026-10-05: OLD-GUY SIMPLIFICATION — huge CTAs, minimal clutter ===== */
/* Every product page gets a GIANT sticky call bar at the bottom on mobile */
@media (max-width: 1020px) {
  .sticky-cta {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500;
    display: flex;
    gap: 8px;
    padding: 10px 14px;
    background: linear-gradient(180deg, rgba(7,22,56,.92), rgba(7,22,56,.98));
    border-top: 2px solid #ffd21f;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .sticky-cta a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border-radius: 14px;
    font: 800 17px Inter, Arial, sans-serif;
    text-decoration: none;
    text-align: center;
  }
  .sticky-cta .sc-call {
    background: linear-gradient(135deg, #c41416, #af1314);
    color: #fff;
  }
  .sticky-cta .sc-quote {
    background: #0b2a66;
    color: #fff;
    border: 2px solid rgba(255,255,255,.25);
  }
  body { padding-bottom: 80px !important; }
}

/* Desktop: CTAs are bigger and bolder */
@media (min-width: 1021px) {
  .btn, .btn-red, .btn-blue, .btn-quote {
    min-height: 54px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    padding: 14px 32px !important;
    border-radius: 12px !important;
  }
  .btn-red {
    background: linear-gradient(135deg, #c41416 0%, #af1314 70%, #8d0f10 100%);
    box-shadow: 0 6px 20px rgba(175,19,20,.35);
  }
  .btn-blue {
    background: linear-gradient(135deg, #123a7a 0%, #0b2a66 70%);
    box-shadow: 0 6px 20px rgba(11,42,102,.3);
  }
}

/* Simplify: product spec tables are bigger and cleaner */
.spec-table td, .spec-table th {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
}
.spec-table th {
  font-weight: 800 !important;
  color: #0b2a66;
}

/* Make section headers much clearer for old eyes */
.sec .t, .section-title {
  font-size: clamp(24px, 4vw, 34px) !important;
  font-weight: 800 !important;
}
.sec .sub, .section-sub {
  font-size: 18px !important;
  color: #4a5a72 !important;
}

/* Cut visual noise: tone down decorative elements for cleaner scanning */
.sec-no {
  opacity: .08 !important;
}
.hbg-panel {
  opacity: .6;
}

/* "What is this?" clarity: first paragraph on product pages is emphasized */
.product-desc, .spec-cell p:first-child {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  color: #16233a !important;
}

/* ===== 2026-10-05: AI bubble must NEVER cover the Call/Quote buttons ===== */
/* On pages with the sticky CTA bar, push the AI bubble UP so both are visible */
@media (max-width: 1020px) {
  #taa-root { bottom: 96px !important; }
  #taa-fab {
    bottom: 96px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 4px !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 50% !important;
    opacity: .88;
  }
  #taa-fab .taa-fab-ava { width: 36px !important; height: 36px !important; }
  #taa-fab .taa-fab-txt { display: none !important; }
  #taa-toast { display: none !important; }
}
/* Desktop: shrink to a discreet icon so it never fights with content */
@media (min-width: 1021px) {
  #taa-fab {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 4px !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 50% !important;
    opacity: .82;
  }
  #taa-fab:hover { opacity: 1; }
  #taa-fab .taa-fab-ava { width: 40px !important; height: 40px !important; }
  #taa-fab .taa-fab-txt { display: none !important; }
}

/* ===== 2026-10-05: RESPONSIVE FIXES — every element fits every phone ===== */

/* FIX 1: Top bar fits 320px screens */
@media (max-width: 359px) {
  header .header-wrap { padding: 8px 10px !important; gap: 6px !important; }
  header .logo-img { height: 26px !important; max-width: 34vw !important; }
  .m-call-bar { padding: 0 8px 0 6px !important; min-height: 42px !important; gap: 4px !important; }
  .m-call-bar .m-call-num { font-size: 13px !important; }
  .m-call-bar .m-call-ic { width: 16px; height: 16px; }
  .tcb-btn { width: 40px !important; height: 40px !important; }
  .nav-burger { width: 40px !important; height: 40px !important; padding: 7px 8px 5px !important; }
  .m-top-actions { gap: 5px !important; }
}

/* FIX 2: any element that goes past the viewport gets clipped — blanket safety net */
img, svg, video, table, .spec-table, .ps-field, .cr-form-shell iframe {
  max-width: 100% !important;
  height: auto;
}
table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* FIX 3: headings never stretch past viewport */
h1, h2, h3, h4, h5 { max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; }

/* FIX 4: spec grids and cards collapse to single column on narrow phones */
@media (max-width: 480px) {
  .spec-grid, .boxgrid, .equip-grid, .split, .lane-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .spec-cell, .oembox { max-width: 100% !important; }
}

/* FIX 5: .m-top-actions NEVER overflows — flex with min-width 0 */
.m-top-actions { flex: 0 0 auto; max-width: 62vw; overflow: hidden; }

/* FIX 6: forms fit narrow screens */
form input[type="text"], form input[type="tel"], form input[type="email"],
form input[type="search"], form textarea, form select,
.tc-check input, .tc-check textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* FIX 7: the sticky CTA bar always fits */
.sticky-cta { max-width: 100vw; overflow: hidden; }
.sticky-cta a { min-width: 0; font-size: 15px !important; padding: 0 6px !important; }

/* FIX 8: tables inside cards scroll horizontally instead of stretching the page */
.spec-cell table, .lane-card table, .proc-row table { display: block; overflow-x: auto; max-width: 100%; }

/* FIX 9: the hero map card fits */
body.tell-homepage .hero .hero-wrap > .hero-card { max-width: 100% !important; min-width: 0 !important; }
#terr-svg-wrap { max-width: 100% !important; min-width: 0 !important; }
#terr-svg { max-width: 100% !important; }

/* FIX 10: footer fits */
footer .wrap, .foot-grid { max-width: 100% !important; min-width: 0 !important; }

/* ===== 2026-10-05: RESPONSIVE DEEP FIX — everything fits every phone ===== */

/* FIX A: cart button NOT in the top bar on phones (no room) — it lives in the sticky bar + drawer */
@media (max-width: 1020px) {
  .tcb-btn { display: none !important; }
}

/* FIX B: hero background NEVER stretches the page — clip it */
.hero, .hero-bg, .hero-wrap { max-width: 100vw; overflow-x: clip; overflow-x: hidden; }
.hero-bg { position: absolute; inset: 0; overflow: hidden; }
.hero-bg img, .hero-bg video { max-width: none; min-width: 100%; height: 100%; object-fit: cover; }

/* FIX C: territory page H3s and tables wrap */
#territory-map h3, .terr-parts-lane h3, .terr-tab { 
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}
#territory-map table, .terr-lane table {
  display: block !important;
  overflow-x: auto !important;
  max-width: 100% !important;
  -webkit-overflow-scrolling: touch;
}

/* FIX D: ALL sections never wider than viewport */
section, .wrap, .sec, .spec-grid, .boxgrid, .equip-grid,
.oembox, .spec-cell, .lane-card, .proc-row, .hbg-panel {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* FIX E: the m-top-actions bar itself — flex-shrink to fit */
.m-top-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 90px) !important; /* leave room for logo */
  overflow: hidden !important;
}

/* FIX F: mobile vframe/product containers */
.vframe { max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
.vframe img, .vframe video { max-width: 100% !important; height: auto; }

/* FIX G: BLANKET — nothing non-fixed goes past the right edge of the screen */
@media (max-width: 1020px) {
  body { overflow-x: hidden !important; }
  html { overflow-x: hidden !important; }
}

/* ===== 2026-10-05: RESPONSIVE DEEP FIX v2 — nothing exceeds its container ===== */

/* A: iframes fit */
iframe { max-width: 100% !important; width: 100%; }

/* B: ALL images everywhere fit their container */
img { max-width: 100% !important; height: auto; }

/* C: ALL tables scroll, don't stretch — works everywhere, not just specific sections */
table {
  display: block !important;
  overflow-x: auto !important;
  max-width: 100% !important;
  -webkit-overflow-scrolling: touch;
}
table td, table th { max-width: 280px; overflow-wrap: break-word; }

/* D: Bluestar injected images: constrained inside any parent */
img[style*="max-width:600px"] {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* E: H3s inside spec cells/tables never stretch past their parent */
.spec-cell h3, .lane-card h3, .proc-row h3, td h3, th h3 {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto;
}

/* F: the hero-bg is decorative (intentionally wider) — not a bug, but confirm it's clipped */
.hero-bg, .hbg-vignette { position: absolute !important; overflow: hidden !important; }

/* G: SPAN elements (chip labels etc.) wrap on narrow screens */
span.chip, .chip, .ps-chip, .elc-meta, .hx-map-summary {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: break-word !important;
}

/* FINAL: force ALL children of .wrap to fit */
.wrap > * { max-width: 100% !important; box-sizing: border-box !important; }
.vframe { max-width: 100% !important; width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
.vframe iframe { max-width: 100% !important; width: 100% !important; }

/* FINAL RESPONSIVE PASS: every last element fits */
.lead, .lede, .sec-sub, p.lede { max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: break-word !important; }
.terr-inset-box, .terr-inset-cap { max-width: 150px !important; }
.vframe { margin: 0 auto !important; }
.quote-side { max-width: 100% !important; box-sizing: border-box !important; }
* { box-sizing: border-box; }

/* ===== 2026-10-07: STAT DESCRIPTORS + minor contrast polish ===== */
/* Stat card labels were 11px — too small for old eyes */
.hstat .num, .stat-num { font-size: 42px !important; font-weight: 800 !important; }
.hstat .lbl, .stat-lbl, .hero-facts small, .hero-facts span {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #dbe5f3 !important;
  letter-spacing: .02em !important;
}

/* "WHERE WE SELL" label — was too thin */
.hero-terr__head .k, .home-coverage-card .hc-label {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ff7a6e !important;
}

/* hero subtext slightly brighter */
.hero p, .hero .sec-sub { color: #dbe5f3 !important; }

/* Bluestar "CLOSED" text brighter */
.oembox .ob-sub { color: #c9d6e6 !important; }

/* ===== 2026-10-07: TERRITORY MAP SECTION — all text readable on dark navy ===== */

/* Non-active tab: was dark text (rgb 16,30,52) on dark bg = INVISIBLE. Now light. */
.terr-tab:not(.on) {
  color: #9fc6ff !important;
  background: rgba(255,255,255,.08) !important;
  border: 1.5px solid rgba(255,255,255,.25) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.terr-tab:not(.on):hover {
  background: rgba(255,255,255,.15) !important;
  color: #ffffff !important;
}

/* Active tab: clear white on red */
.terr-tab.on {
  color: #ffffff !important;
  background: linear-gradient(135deg, #c41416, #af1314) !important;
  border: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.4);
}

/* Line selector buttons: brighter text */
.terr-btn:not(.on) {
  color: #dbe5f3 !important;
  background: rgba(9,25,45,.92) !important;
  border: 1.5px solid rgba(255,255,255,.2) !important;
}
.terr-btn:not(.on):hover {
  color: #ffffff !important;
  border-color: #ff7a6e !important;
}
.terr-btn.on {
  color: #ffffff !important;
  background: linear-gradient(135deg, #c41416, #af1314) !important;
}

/* Map section instructional text: brighter */
.terr-intro, .terr-sub, #territory-map p:not(.terr-tip) {
  color: #dbe5f3 !important;
}

/* Map section headings: white */
#territory-map h2, #territory-map h3 {
  color: #ffffff !important;
}

/* Legend text: brighter */
.terr-legend, .terr-legend span {
  color: #c9d6e6 !important;
}

/* Texas inset caption: brighter */
.terr-inset-cap {
  color: #c9d6e6 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* The map tooltip: readable */
.terr-tip {
  color: #fff !important;
  background: rgba(7,22,56,.95) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}
.terr-tip b { color: #ffffff !important; }
.terr-tip span { color: #9fc6ff !important; }

/* ===== 2026-10-07: SECTION-WIDE COLOUR LOCK — entire dark sections get light text, PERIOD =====
   No more element-by-element whack-a-mole. These sections are DARK (navy gradient). 
   EVERY text inside them gets light colours. No exceptions. */

/* TERRITORY MAP section (dark navy) */
#territory-map, #territory-map * {
  color: #dbe5f3 !important;
}
#territory-map h2, #territory-map h3, #territory-map strong, #territory-map b {
  color: #ffffff !important;
}
#territory-map em, #territory-map .accent {
  color: #ff7a6e !important;
}
#territory-map a:not(.btn):not(.btn-red):not(.btn-blue) {
  color: #9fc6ff !important;
}
#territory-map .terr-btn:not(.on) {
  color: #dbe5f3 !important;
  background: rgba(9,25,45,.92) !important;
  border: 1.5px solid rgba(255,255,255,.2) !important;
}
#territory-map .terr-btn.on {
  color: #ffffff !important;
  background: linear-gradient(135deg,#c41416,#af1314) !important;
}
#territory-map .terr-tab:not(.on) {
  color: #9fc6ff !important;
  background: rgba(255,255,255,.08) !important;
  border: 1.5px solid rgba(255,255,255,.25) !important;
}
#territory-map .terr-tab.on {
  color: #ffffff !important;
  background: linear-gradient(135deg,#c41416,#af1314) !important;
}
#territory-map .terr-tip {
  color: #fff !important;
  background: rgba(7,22,56,.95) !important;
}
#territory-map .terr-legend { color: #c9d6e6 !important; }
#territory-map .terr-inset-cap { color: #c9d6e6 !important; }

/* LOCATIONS section (dark navy) — "Two Home Bases" */
#locations, .terr-locations, #locations * {
  color: #dbe5f3 !important;
}
#locations h2, .terr-locations h2 {
  color: #ffffff !important;
}
#locations h3, .terr-locations h3, #locations strong, .terr-locations strong {
  color: #ffffff !important;
}
#locations em, .terr-locations em {
  color: #ff7a6e !important;
}
#locations a, .terr-locations a {
  color: #9fc6ff !important;
}
#locations .loc-phone, #locations .loc-num, .terr-locations .loc-phone {
  color: #ff7a6e !important;
}
#locations .loc-hours, #locations .loc-addr, .terr-locations .loc-hours {
  color: #b9c9e2 !important;
}

/* PARTS LANE section (dark navy) */
#parts-lane, .terr-parts-lane, #parts-lane * {
  color: #dbe5f3 !important;
}
#parts-lane h2, .terr-parts-lane h2 { color: #ffffff !important; }
#parts-lane h3, .terr-parts-lane h3 { color: #ffffff !important; }
#parts-lane .lane-steps { color: #8fe6a3 !important; }
#parts-lane .btn-red { color: #ffffff !important; }

/* TERR-LOOKUP section */
#terr-lookup, #terr-lookup * { color: #dbe5f3 !important; }
#terr-lookup h2, #terr-lookup h3 { color: #ffffff !important; }
#terr-lookup .tq-chip { color: #9fc6ff !important; }
#terr-lookup button { color: #ffffff !important; }

/* TERR-STATS section */
.terr-stats-band, .terr-stats-band * { color: #dbe5f3 !important; }
.terr-stats-band b, .terr-stats-band strong { color: #ffffff !important; }

/* HERO section (dark) */
.hero, .hero * { color: #dbe5f3 !important; }
.hero h1, .hero h2 { color: #ffffff !important; }
.hero h1 em, .hero h2 em { color: #ff7a6e !important; }
.hero .btn-red { color: #ffffff !important; }
.hero .btn-blue { color: #ffffff !important; }
.hero .m-call-bar { color: #ffffff !important; }

/* ===== 2026-10-07: FONT COLOUR HUNT RESULTS — all patterns fixed at once ===== */

/* FIX 1: <em> accent on dark sections — coral too dim, use bright warm red */
section em, .sec em, .hero em, #territory-map em, #locations em, .about-hero em,
.terr-locations em, #parts-lane em, .about-sections em {
  color: #ff9a8e !important;
}
/* on dark backgrounds, the accent must be very bright */
section[style*="navy"] em, section[style*="#09225c"] em, section[style*="#071638"] em,
.bg-navy em, .bg-navy-deep em, .ab-hero em, #top em {
  color: #ffa399 !important;
  text-shadow: 0 0 12px rgba(255,122,110,.4);
}

/* FIX 2: .ct / .cm (category card labels) — they sit on LIGHT cards, need DARK text */
.ct { color: #0b2a66 !important; }
.cm { color: #4a5a72 !important; }
/* but if inside a dark section, they need light text */
section[style*="navy"] .ct, .bg-navy .ct, .dark-section .ct { color: #ffffff !important; }
section[style*="navy"] .cm, .bg-navy .cm, .dark-section .cm { color: #c9d6e6 !important; }

/* FIX 3: territory map internal light-pink background — force the section truly dark */
#territory-map .terr-map {
  background: linear-gradient(180deg, #071638 0%, #09225c 100%) !important;
}
#territory-map .terr-map * { color: #dbe5f3 !important; }
#territory-map .terr-map strong { color: #ffffff !important; }
#territory-map .terr-tip {
  color: #ffffff !important;
  background: rgba(7,22,56,.95) !important;
}

/* FIX 4: chips on dark backgrounds */
.chip.ne { color: #9fc6ff !important; background: rgba(15,63,168,.3) !important; border: 1px solid rgba(159,198,255,.4) !important; }
.chip.netx { color: #ff9a8e !important; background: rgba(175,19,20,.25) !important; border: 1px solid rgba(255,154,142,.4) !important; }
.chips { color: #dbe5f3 !important; }

/* FIX 5: terr-stats-band — white on salmon needs darker text */
.terr-stats-band b { color: #0b2a66 !important; text-shadow: none; }
.terr-stats-band { color: #16233a !important; }

/* FIX 6: about page kicker/badges on dark */
.ab-kick { color: #ffa399 !important; }
.txteam__badge { color: #ff9a8e !important; }
.txteam__sub { color: #c9d6e6 !important; }

/* FIX 7: section ghost numbers — decorative, make them properly invisible (not accidentally visible) */
.sec-no i, .sec-no .ghost { color: transparent !important; -webkit-text-stroke: 1px rgba(255,255,255,.15); }

/* ========================================================================
   2026-10-08: MOBILE-FIRST RESPONSIVE SYSTEM — every breakpoint optimized
   Phones → Foldables → iPad → Laptop → PC, step by step
   Goal: Google Core Web Vitals green, #1 on mobile search
   ======================================================================== */

/* ===== BREAKPOINT 1: SMALLEST PHONE (280-359px) ===== */
@media (max-width: 359px) {
  /* Hero: single column, map first */
  body.tell-homepage .hero .hero-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  body.tell-homepage .hero .hero-wrap > .hero-card { order: -1 !important; width: 100% !important; }

  /* Cards: 1 per row, tight but readable */
  .boxgrid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .spec-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
  .oembox { border-radius: 14px !important; }
  .spec-cell { border-radius: 14px !important; padding: 14px !important; }

  /* Buttons: full width, 48px+ touch targets */
  .btn, .btn-red, .btn-blue { width: 100% !important; min-height: 48px !important; }
  .sticky-cta { padding: 8px 10px !important; }
  .sticky-cta a { min-height: 50px !important; font-size: 15px !important; }

  /* Stats: stack */
  .hero-facts, .hstat-row { display: flex !important; flex-direction: column !important; gap: 8px !important; }
}

/* ===== BREAKPOINT 2: STANDARD PHONE (360-479px) ===== */
@media (min-width: 360px) and (max-width: 479px) {
  /* Hero: single column flex — map below text */
  body.tell-homepage .hero .hero-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  body.tell-homepage .hero .hero-wrap > .hero-card {
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Cards: 1 per row, comfortable */
  .boxgrid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .spec-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .oembox { border-radius: 16px !important; }
  .spec-cell { border-radius: 16px !important; padding: 16px !important; }

  /* Buttons: side-by-side if they fit, 52px touch targets */
  .btn, .btn-red, .btn-blue { min-height: 52px !important; font-size: 16px !important; }

  /* Cart: drawer is bottom sheet */
  .tc-ov { align-items: flex-end !important; padding: 0 !important; }
  .tc-panel { border-radius: 18px 18px 0 0 !important; max-height: 92dvh !important; }
}

/* ===== BREAKPOINT 3: LARGE PHONE (480-672px) ===== */
@media (min-width: 480px) and (max-width: 672px) {
  .boxgrid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .spec-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  body.tell-homepage .hero .hero-wrap {
    display: flex !important;
    flex-direction: column !important;
  }
  body.tell-homepage .hero .hero-wrap > .hero-card { order: -1 !important; }
}

/* ===== BREAKPOINT 4: FOLDABLE UNFOLDED / SMALL TABLET (673-767px) ===== */
@media (min-width: 673px) and (max-width: 767px) {
  .boxgrid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
  .spec-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  /* Hero: map side by side, but wider map */
  body.tell-homepage .hero .hero-wrap {
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) !important;
  }
}

/* ===== BREAKPOINT 5: TABLET (768-1023px) ===== */
@media (min-width: 768px) and (max-width: 1023px) {
  .boxgrid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
  .spec-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
  .btn { min-height: 54px !important; }
}

/* ===== BREAKPOINT 6: DESKTOP / LAPTOP (1024px+) ===== */
@media (min-width: 1024px) {
  .boxgrid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 16px !important; }
  .spec-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 16px !important; }
}

/* ===== STICKY CTA: also on homepage (was only on product pages) ===== */
@media (max-width: 1020px) {
  .sticky-cta { display: flex !important; }
  body { padding-bottom: 82px !important; }
}

/* ===== CARD POLISH: consistent outlines at every size ===== */
.oembox {
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 2px 12px rgba(0,0,0,.15);
  overflow: hidden;
}
.spec-cell {
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 1px 8px rgba(0,0,0,.06);
  overflow: hidden;
}
.lane-card {
  border: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
}

/* ===== BUTTON POLISH: crisp outlines, no blur ===== */
.btn, .btn-red, .btn-blue {
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
.btn:active, .btn-red:active, .btn-blue:active {
  transform: scale(.97);
  transition: transform .08s ease;
}
.sticky-cta a {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  border: none;
}
.sticky-cta .sc-call { border-right: 2px solid rgba(255,255,255,.15); }

/* ===== SVG/ICON POLISH: crisp at every DPI ===== */
svg { shape-rendering: auto; }
.nav-burger span { border-radius: 2px; }
.tcb-badge { border: 2px solid #fff; }

/* ===== CORE WEB VITALS: prevent layout shift ===== */
.oembox, .spec-cell, .lane-card {
  contain: layout style;
}
.hero-wrap { contain: layout; }
img, video { aspect-ratio: auto; }
.hero-bg img, .hero-bg video { aspect-ratio: auto; }

/* ===== SMOOTH SCROLLING ===== */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}