/* ========================================================================== 
   QUALITY AUTO V23 — AUTHORITATIVE VISUAL FIXES
   Purpose: neutralize legacy high-specificity !important rules and make the
   redesigned interface render consistently even when opened directly via file://.
   ========================================================================== */
:root{
  --qa23-ink:#102826;
  --qa23-ink-2:#173936;
  --qa23-teal:#13766d;
  --qa23-teal-dark:#0d5c55;
  --qa23-paper:#f3f0e7;
  --qa23-paper-2:#e9e3d7;
  --qa23-card:#fffdf8;
  --qa23-text:#253532;
  --qa23-muted:#687672;
  --qa23-line:rgba(16,40,38,.14);
  --qa23-gold:#d8ac42;
  --qa23-gold-soft:#fff6da;
  --qa23-red:#b83b35;
  --qa23-shadow:0 18px 48px rgba(16,40,38,.10),0 3px 12px rgba(16,40,38,.05);
  --qa23-display:"Barlow Condensed",sans-serif;
  --qa23-body:"IBM Plex Sans",sans-serif;
}

/* --- Kill old cinematic/reveal states that can leave content nearly invisible --- */
html body.qa19-page main#main-content .offer-hero,
html body.qa19-page main#main-content .offer-card,
html body.qa19-page main#main-content .price-card,
html body.qa19-page main#main-content .price-hero,
html body.qa19-page main#main-content .complete-price-board-wrap,
html body.qa19-page main#main-content .detail-hero,
html body.qa19-page main#main-content .offer-detail-hero,
html body.qa19-page main#main-content .reveal-on-scroll,
html body.qa19-page footer.footer-rich{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition-property:transform,box-shadow,border-color,background,color!important;
}

/* --- Header: force readable brand text and stable layout on every internal page --- */
html body.qa19-internal-page header.site-header.qa19-header{
  background:rgba(243,240,231,.98)!important;
  border-bottom:1px solid var(--qa23-line)!important;
  box-shadow:0 10px 28px rgba(16,40,38,.045)!important;
  color:var(--qa23-ink)!important;
}
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link,
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link *{
  text-shadow:none!important;
}
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link .brand b,
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link .brand strong,
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link>span b{
  color:var(--qa23-ink)!important;
  opacity:1!important;
}
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link .brand span,
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link small,
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link>span small{
  color:#68736f!important;
  opacity:1!important;
}
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-logo{
  background:#fff7f9!important;
  border:1px solid rgba(242,13,115,.14)!important;
  border-radius:14px!important;
  padding:4px!important;
  box-shadow:0 8px 20px rgba(242,13,115,.10)!important;
}

/* --- Utility strip --- */
html body.qa19-internal-page .utility-strip{
  background:#17312f!important;
  border:0!important;
}
html body.qa19-internal-page .utility-strip .utility-strip-inner span{
  color:#e2e8e6!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* --- Breadcrumbs --- */
html body.qa19-internal-page main#main-content .breadcrumbs,
html body.qa19-internal-page main#main-content .offer-breadcrumbs{
  background:#fff!important;
  color:#65716e!important;
  border:1px solid var(--qa23-line)!important;
  box-shadow:0 8px 26px rgba(16,40,38,.05)!important;
}
html body.qa19-internal-page main#main-content .breadcrumbs a,
html body.qa19-internal-page main#main-content .offer-breadcrumbs a{
  color:var(--qa23-ink)!important;
}

/* ========================================================================== 
   OFFERS PAGE
   ========================================================================== */
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero.card.offer-hero{
  display:block!important;
  min-height:0!important;
  padding:clamp(42px,6vw,72px)!important;
  background:linear-gradient(132deg,#0c2724 0%,#123a36 62%,#1e5d56 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  box-shadow:0 22px 54px rgba(16,40,38,.16)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  overflow:hidden!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero.card.offer-hero::before{
  content:""!important;
  display:block!important;
  width:76px!important;
  height:4px!important;
  margin:0 0 24px!important;
  border-radius:999px!important;
  background:var(--qa23-gold)!important;
  box-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero .offers-hero-eyebrow,
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero .eyebrow{
  display:inline-flex!important;
  width:auto!important;
  background:rgba(255,255,255,.07)!important;
  color:#f4d77c!important;
  border:1px solid rgba(244,215,124,.24)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font:800 11px var(--qa23-body)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  opacity:1!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero h1.offers-hero-title{
  color:#fff!important;
  font:800 clamp(62px,8vw,102px)/.86 var(--qa23-display)!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  margin:24px 0 16px!important;
  max-width:9ch!important;
  opacity:1!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero p.offers-hero-copy,
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero p.muted{
  color:#cfdbd7!important;
  font-size:17px!important;
  line-height:1.65!important;
  max-width:62ch!important;
  text-shadow:none!important;
  opacity:1!important;
}

html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid.price-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card.price-card{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  padding:26px!important;
  background:#fff!important;
  color:var(--qa23-text)!important;
  border:1px solid var(--qa23-line)!important;
  border-top:4px solid var(--qa23-teal)!important;
  border-radius:22px!important;
  box-shadow:var(--qa23-shadow)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card::before{
  content:none!important;
  display:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card::after{
  content:none!important;
  display:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card>*{
  position:relative!important;
  z-index:1!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card h3{
  color:var(--qa23-ink)!important;
  font:800 clamp(30px,3vw,42px)/.98 var(--qa23-display)!important;
  letter-spacing:-.025em!important;
  text-shadow:none!important;
  margin:18px 0 10px!important;
  opacity:1!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .price-amount{
  color:var(--qa23-teal)!important;
  font:800 clamp(48px,5vw,68px)/.9 var(--qa23-display)!important;
  text-shadow:none!important;
  margin:0 0 12px!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .price-subtitle,
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .price-note{
  color:#54625f!important;
  font-size:15.5px!important;
  font-weight:500!important;
  line-height:1.65!important;
  text-shadow:none!important;
  opacity:1!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-expiry{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  background:var(--qa23-gold-soft)!important;
  color:#705814!important;
  border:1px solid #ead386!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font:800 11px var(--qa23-body)!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-countdown{
  margin:10px 0 6px!important;
  padding:10px 12px!important;
  background:#f7f3ea!important;
  color:#53605d!important;
  border:1px solid #e6dfd2!important;
  border-radius:12px!important;
  font-weight:700!important;
  text-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-countdown.is-urgent{
  background:#fff1ec!important;
  color:#9d4034!important;
  border-color:#efc3b8!important;
  animation:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-countdown.is-expired{
  background:#f3f1ec!important;
  color:#737b78!important;
  border-color:#ddd7cb!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .eyebrow-small{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  background:#edf7f5!important;
  color:var(--qa23-teal)!important;
  border:1px solid rgba(19,118,109,.18)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font:800 11px var(--qa23-body)!important;
  letter-spacing:.08em!important;
  text-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .price-divider{
  height:1px!important;
  background:#e8e2d7!important;
  border:0!important;
  margin:18px 0!important;
  box-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card img.price-media{
  width:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
  margin:0 0 18px!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-card-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:auto!important;
  padding-top:4px!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-card-actions .btn.primary{
  background:var(--qa23-teal)!important;
  border-color:var(--qa23-teal)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-card-actions .btn.gold{
  background:var(--qa23-ink)!important;
  border-color:var(--qa23-ink)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card a.offer-more-link{
  display:inline-flex!important;
  width:max-content!important;
  margin:14px 0 0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--qa23-teal)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* ========================================================================== 
   TIRE SHOP
   ========================================================================== */
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero.card.offer-hero{
  padding:clamp(42px,6vw,72px)!important;
  background:linear-gradient(132deg,#0c2724 0%,#123a36 62%,#1e5d56 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  box-shadow:0 22px 54px rgba(16,40,38,.16)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero::before{
  content:""!important;
  display:block!important;
  width:76px!important;
  height:4px!important;
  margin:0 0 24px!important;
  border-radius:999px!important;
  background:var(--qa23-gold)!important;
  box-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero .offers-hero-eyebrow{
  display:inline-flex!important;
  background:rgba(255,255,255,.07)!important;
  color:#f4d77c!important;
  border:1px solid rgba(244,215,124,.24)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font:800 11px var(--qa23-body)!important;
  letter-spacing:.13em!important;
  text-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero h1.offers-hero-title{
  color:#fff!important;
  font:800 clamp(62px,8vw,100px)/.86 var(--qa23-display)!important;
  text-shadow:none!important;
  margin:24px 0 16px!important;
}
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero p.offers-hero-copy,
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero p.muted{
  color:#cfdbd7!important;
  font-size:17px!important;
  line-height:1.65!important;
  max-width:62ch!important;
  text-shadow:none!important;
  opacity:1!important;
}

html body.tire-shop-page main#main-content.wrap section#tire-size-finder.tire-size-finder{
  background:#fff!important;
  border:1px solid var(--qa23-line)!important;
  border-radius:24px!important;
  box-shadow:var(--qa23-shadow)!important;
  overflow:hidden!important;
  color:var(--qa23-text)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-glow{
  display:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-layout{
  display:grid!important;
  grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr)!important;
  gap:0!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy{
  background:linear-gradient(150deg,#0d2b28 0%,#123b37 100%)!important;
  color:#fff!important;
  padding:clamp(34px,4vw,54px)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy h2,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy h3,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy strong{
  color:#fff!important;
  text-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy p,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy span,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy small{
  color:#c8d5d2!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-badge{
  color:#8fe3d7!important;
  border-color:rgba(143,227,215,.34)!important;
  background:rgba(143,227,215,.07)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel.tire-size-search-panel{
  background:#fff!important;
  color:var(--qa23-text)!important;
  padding:clamp(34px,4vw,54px)!important;
  border:0!important;
  box-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel *{
  text-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel h2,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel h3,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel label,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel strong,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel b{
  color:var(--qa23-ink)!important;
  opacity:1!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel p,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel span,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel small,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-search-hint,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-chip-group p{
  color:#6a7774!important;
  opacity:1!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-input-shell{
  background:#fff!important;
  border:2px solid rgba(16,40,38,.16)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-input-shell:focus-within{
  border-color:var(--qa23-teal)!important;
  box-shadow:0 0 0 4px rgba(19,118,109,.10)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel input,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel select,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel textarea{
  color:var(--qa23-ink)!important;
  background:#fff!important;
  caret-color:var(--qa23-teal)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel input::placeholder{
  color:#84918e!important;
  opacity:1!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-submit,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-primary-button{
  background:var(--qa23-teal)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-scan-button,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-scan-button{
  background:#f2f7f6!important;
  color:var(--qa23-ink)!important;
  border:1px solid var(--qa23-line)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-examples{
  color:#6a7774!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-examples button,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-chip-list button,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-chip-list a{
  background:#f4f8f7!important;
  color:var(--qa23-ink)!important;
  border:1px solid rgba(19,118,109,.18)!important;
  box-shadow:none!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-examples button:hover,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-chip-list button:hover,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .qa-chip-list a:hover{
  background:#e9f5f2!important;
  border-color:var(--qa23-teal)!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-status{
  color:#0f6f67!important;
  font-weight:700!important;
  opacity:1!important;
}
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .tire-size-status.is-error,
html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel .error{
  color:#a53f37!important;
}

/* Preserve sticky information without covering content: turn it into an in-flow CTA */
html body.tire-shop-page main#main-content.wrap .qa23-tire-cta-bar{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-height:74px!important;
  margin:18px 0 0!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:#102826!important;
  color:#fff!important;
  border:1px solid rgba(127,209,197,.18)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  z-index:auto!important;
}
html body.tire-shop-page main#main-content.wrap .qa23-tire-cta-bar b{color:#fff!important;font-size:16px!important}
html body.tire-shop-page main#main-content.wrap .qa23-tire-cta-bar span{display:block!important;color:#b7c7c3!important;font-size:12px!important;margin-top:2px!important}
html body.tire-shop-page main#main-content.wrap .qa23-tire-cta-bar .btn{background:var(--qa23-teal)!important;color:#fff!important;border-color:var(--qa23-teal)!important;border-radius:12px!important;box-shadow:none!important;white-space:nowrap!important}

/* Tire offer cards: same coherent white-card system */
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card.price-card{
  background:#fff!important;
  color:var(--qa23-text)!important;
  border:1px solid var(--qa23-line)!important;
  border-top:4px solid var(--qa23-teal)!important;
  border-radius:22px!important;
  box-shadow:var(--qa23-shadow)!important;
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card.price-card::before,
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card.price-card::after{content:none!important;display:none!important}
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card h3{color:var(--qa23-ink)!important;text-shadow:none!important}
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card .price-amount{color:var(--qa23-teal)!important;text-shadow:none!important}
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card .price-subtitle,
html body.tire-shop-page main#main-content.wrap section.price-grid article.offer-card .price-note{color:#566461!important;text-shadow:none!important}

/* ========================================================================== 
   PRICE DETAIL + SERVICE DETAILS + FINANCING + BRANDS + QR
   ========================================================================== */
html body.price-detail-page main#main-content.wrap section.price-detail-shell.card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.price-detail-page main#main-content.wrap section.price-detail-shell article.price-detail-card,
html body.price-detail-page main#main-content.wrap section.price-detail-shell .price-detail-empty{
  background:#fff!important;
  color:var(--qa23-text)!important;
  border:1px solid var(--qa23-line)!important;
  box-shadow:var(--qa23-shadow)!important;
  border-radius:22px!important;
}
html body.price-detail-page main#main-content.wrap .price-detail-card h1,
html body.price-detail-page main#main-content.wrap .price-detail-empty h1{color:var(--qa23-ink)!important;text-shadow:none!important}
html body.price-detail-page main#main-content.wrap .price-detail-card .price-detail-script,
html body.price-detail-page main#main-content.wrap .price-detail-card .price-detail-note{color:#53615e!important}

html body.service-detail-page main#main-content.wrap .detail-hero strong,
html body.service-detail-page main#main-content.wrap .detail-hero b,
html body.state-inspection-page main#main-content.wrap .detail-hero strong,
html body.state-inspection-page main#main-content.wrap .detail-hero b,
html body.state-inspection-page main#main-content.wrap section.card.section-pad:first-of-type strong,
html body.service-detail-page main#main-content.wrap section.card.section-pad:first-of-type strong{
  color:#fff!important;
  text-shadow:none!important;
}

html body.financing-page main#main-content.wrap #qa23-finance-panel.standalone-finance{
  display:block!important;
  margin-top:28px!important;
  padding:30px!important;
  background:#fff!important;
  color:var(--qa23-text)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(3,18,17,.18)!important;
}
html body.financing-page main#main-content.wrap #qa23-finance-panel.standalone-finance::after{content:none!important;display:none!important}
html body.financing-page main#main-content.wrap #qa23-finance-panel.standalone-finance h2{color:var(--qa23-ink)!important;text-shadow:none!important}
html body.financing-page main#main-content.wrap #qa23-finance-panel.standalone-finance .finance-points li{
  background:#f3f8f6!important;
  color:#465451!important;
  border:1px solid rgba(19,118,109,.10)!important;
  text-shadow:none!important;
}

html body.brands-page main#main-content.wrap .brand-logo-item span,
html body.brands-page main#main-content.wrap .brand-logo-item small,
html body.brands-page main#main-content.wrap .brand-logo-item p{
  color:#60706c!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body.qr-page main#main-content.wrap .qr-card span,
html body.qr-page main#main-content.wrap .qr-feature-card span{
  color:#5f6d69!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body.qr-page main#main-content.wrap .qr-card .eyebrow,
html body.qr-page main#main-content.wrap .qr-feature-card .eyebrow,
html body.qr-page main#main-content.wrap .qr-card .eyebrow-small,
html body.qr-page main#main-content.wrap .qr-feature-card .eyebrow-small{
  color:var(--qa23-teal)!important;
  background:#edf7f5!important;
}

/* Offer detail pages */
html body.offer-detail-page main#main-content.wrap a.back-link{color:var(--qa23-teal)!important;text-shadow:none!important;font-weight:800!important}
html body.offer-detail-page main#main-content.wrap #qa23-offer-detail-hero.offer-detail-hero{
  background:#102826!important;
  color:#fff!important;
  border:0!important;
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}
html body.offer-detail-page main#main-content.wrap #qa23-offer-detail-hero.offer-detail-hero h1,
html body.offer-detail-page main#main-content.wrap #qa23-offer-detail-hero.offer-detail-hero h2{color:#fff!important;text-shadow:none!important}
html body.offer-detail-page main#main-content.wrap #qa23-offer-detail-hero.offer-detail-hero p,
html body.offer-detail-page main#main-content.wrap #qa23-offer-detail-hero.offer-detail-hero span:not(.btn):not(.offer-badge){color:#c7d3d0!important;text-shadow:none!important}
html body.offer-detail-page main#main-content.wrap .offer-icon{
  color:#fff!important;
  background:var(--qa23-teal)!important;
  border:0!important;
}
html body.offer-detail-page main#main-content.wrap a.offer-related-card,
html body.offer-detail-page main#main-content.wrap .offer-related-card{
  background:#fff!important;
  color:var(--qa23-text)!important;
  border:1px solid var(--qa23-line)!important;
}
html body.offer-detail-page main#main-content.wrap .offer-related-card b,
html body.offer-detail-page main#main-content.wrap .offer-related-card strong,
html body.offer-detail-page main#main-content.wrap .offer-related-card h3{color:var(--qa23-ink)!important}
html body.offer-detail-page main#main-content.wrap .offer-related-card span,
html body.offer-detail-page main#main-content.wrap .offer-related-card small,
html body.offer-detail-page main#main-content.wrap .offer-related-card p{color:#5e6b68!important}

/* --- Footer contrast --- */
html body.qa19-page footer.footer-rich,
html body.qa19-page footer.footer-note.footer-rich{
  background:#081a18!important;
  color:#dce7e4!important;
}
html body.qa19-page footer.footer-rich h3,
html body.qa19-page footer.footer-note.footer-rich h3{color:#9eb1ad!important}
html body.qa19-page footer.footer-rich p,
html body.qa19-page footer.footer-rich span,
html body.qa19-page footer.footer-note.footer-rich p,
html body.qa19-page footer.footer-note.footer-rich span{color:#d0dad7!important;text-shadow:none!important}
html body.qa19-page footer.footer-rich a,
html body.qa19-page footer.footer-note.footer-rich a{color:#dce7e4!important;text-shadow:none!important}
html body.qa19-page footer.footer-rich .qa-review-badge,
html body.qa19-page footer.footer-note.footer-rich .qa-review-badge{
  background:rgba(216,172,66,.10)!important;
  border:1px solid rgba(216,172,66,.30)!important;
  color:#f0d47c!important;
}
html body.qa19-page footer.footer-rich .qa-trust-stack span,
html body.qa19-page footer.footer-note.footer-rich .qa-trust-stack span{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dce7e4!important;
}

/* --- Floating actions: separate zones, no collision --- */
html body.qa19-page .floating-actions{
  right:18px!important;
  left:auto!important;
  bottom:18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  z-index:95!important;
}
html body.qa19-page .floating-actions .float-btn{
  min-width:132px!important;
  min-height:48px!important;
  border-radius:14px!important;
  box-shadow:0 12px 26px rgba(16,40,38,.18)!important;
}

/* ========================================================================== 
   RESPONSIVE
   ========================================================================== */
@media(max-width:980px){
  html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid.price-grid{grid-template-columns:1fr!important}
  html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-layout{grid-template-columns:1fr!important}
  html body.tire-shop-page main#main-content.wrap .qa23-tire-cta-bar{align-items:flex-start!important;flex-direction:column!important}
  html body.tire-shop-page main#main-content.wrap .qa23-tire-cta-bar .btn{width:100%!important}
}
@media(max-width:640px){
  html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero.card.offer-hero,
  html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero.card.offer-hero{padding:34px 22px!important;border-radius:18px!important}
  html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero h1.offers-hero-title,
  html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero h1.offers-hero-title{font-size:58px!important}
  html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card.price-card{padding:20px!important;border-radius:18px!important}
  html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-grid article.offer-card .offer-card-actions{grid-template-columns:1fr!important}
  html body.tire-shop-page main#main-content.wrap section#tire-size-finder .tire-size-finder-copy,
  html body.tire-shop-page main#main-content.wrap section#tire-size-finder #qa23-tire-search-panel.tire-size-search-panel{padding:28px 20px!important}
  html body.qa19-page .floating-actions{left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;background:#102826!important}
  html body.qa19-page .floating-actions .float-btn{min-width:0!important;border-radius:0!important;box-shadow:none!important}
}

/* --- Compact consistent internal brand --- */
html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-link{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important}
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy b{color:var(--qa23-ink)!important;font:800 22px/1 var(--qa23-display)!important;text-transform:uppercase!important;letter-spacing:.01em!important;white-space:nowrap!important;text-shadow:none!important}
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy small{margin-top:6px!important;color:#6b7773!important;font:700 10px/1.1 var(--qa23-body)!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:nowrap!important;text-shadow:none!important}

/* Hero CTA color system: no unrelated legacy red/blue */
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero .btn.primary,
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero .btn.primary{
  background:var(--qa23-gold)!important;
  border-color:var(--qa23-gold)!important;
  color:#102826!important;
  box-shadow:none!important;
}
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero .btn:not(.primary),
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero .btn:not(.primary){
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:none!important;
}

@media(max-width:640px){
  html body.qa19-internal-page header.site-header.qa19-header .topbar.qa19-header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;min-height:70px!important}
  html body.qa19-internal-page header.site-header.qa19-header .qa19-header-actions{min-width:0!important}
  html body.qa19-internal-page header.site-header.qa19-header .qa19-header-actions .qa19-live,
  html body.qa19-internal-page header.site-header.qa19-header .qa19-header-actions .header-live-status,
  html body.qa19-internal-page header.site-header.qa19-header .qa19-header-actions .qa19-call{display:none!important}
  html body.qa19-internal-page header.site-header.qa19-header .qa19-brand-logo{width:40px!important;height:40px!important;flex:0 0 40px!important}
  html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy b{font-size:18px!important}
  html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy small{font-size:8.5px!important;letter-spacing:.07em!important}
  html body.qa19-internal-page .utility-strip{overflow:hidden!important}
  html body.qa19-internal-page .utility-strip .utility-strip-inner{display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;gap:0!important;white-space:nowrap!important;padding:0 12px!important;scrollbar-width:none!important}
  html body.qa19-internal-page .utility-strip .utility-strip-inner::-webkit-scrollbar{display:none!important}
  html body.qa19-internal-page .utility-strip .utility-strip-inner span{display:inline-flex!important;flex:0 0 auto!important;padding:0 12px!important;min-height:36px!important;align-items:center!important;font-size:9.5px!important}
}

/* Final mobile/header isolation from legacy pseudo-brand rules */
html body.qa19-internal-page header.site-header.qa19-header a.qa19-brand-link{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy::before,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy::after,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy b::before,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy b::after,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy small::before,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy small::after{
  content:none!important;
  display:none!important;
}
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy b::first-letter,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy b::first-line,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy small::first-letter,
html body.qa19-internal-page header.site-header.qa19-header .qa23-brand-copy small::first-line{
  color:inherit!important;
}
html body.qa19-internal-page .utility-strip .utility-strip-inner{
  flex-wrap:nowrap!important;
}
@media(max-width:640px){
  html body.qa19-internal-page header.site-header.qa19-header .topbar.qa19-header-inner{min-height:68px!important}
  html body.qa19-internal-page header.site-header.qa19-header a.qa19-brand-link{height:68px!important}
  html body.qa19-internal-page .utility-strip .utility-strip-inner{min-height:36px!important;height:36px!important;flex-wrap:nowrap!important}
}
html body.qa19-internal-page .qa23-brand-context{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

/* Unified internal CTA colors */
html body.qa19-internal-page .btn.primary{
  background:var(--qa23-teal)!important;
  border-color:var(--qa23-teal)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:0 10px 22px rgba(19,118,109,.15)!important;
}
html body.qa19-internal-page .btn.primary:hover{
  background:var(--qa23-teal-dark)!important;
  border-color:var(--qa23-teal-dark)!important;
}
html body.qa19-internal-page .btn.gold{
  background:var(--qa23-ink)!important;
  border-color:var(--qa23-ink)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html body.qa19-internal-page .btn:not(.primary):not(.gold){
  background:#fff!important;
  border-color:var(--qa23-line)!important;
  color:var(--qa23-ink)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
/* retain the deliberate gold primary inside dark offer/tire heroes */
html body.offers-page:not(.tire-shop-page) main#main-content.wrap section#qa23-offers-hero .btn.primary,
html body.tire-shop-page main#main-content.wrap section#qa23-tire-hero .btn.primary{
  background:var(--qa23-gold)!important;
  border-color:var(--qa23-gold)!important;
  color:#102826!important;
  box-shadow:none!important;
}

/* Price-detail authoritative palette */
html body.price-detail-page main#main-content.wrap section.price-detail-shell article.price-detail-card .eyebrow{
  background:#edf7f5!important;
  color:var(--qa23-teal)!important;
  border:1px solid rgba(19,118,109,.16)!important;
}
html body.price-detail-page main#main-content.wrap section.price-detail-shell article.price-detail-card .price-detail-actions a.btn.primary{
  background:var(--qa23-teal)!important;
  border-color:var(--qa23-teal)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(19,118,109,.16)!important;
}
html body.price-detail-page main#main-content.wrap section.price-detail-shell article.price-detail-card .price-detail-actions a.btn:not(.primary){
  background:#fff!important;
  border:1px solid var(--qa23-line)!important;
  color:var(--qa23-ink)!important;
  box-shadow:none!important;
}