/* TireHelp unified visual system — homepage-derived, loaded after legacy CSS. */
:root{
  --th-bg:#f3f1eb;--th-surface:#fff;--th-surface-alt:#e7e6e1;--th-dark:#071827;
  --th-text:#07111f;--th-text-muted:#687682;--th-accent:#ff5a1f;--th-accent-hover:#ff713d;
  --th-action:#0e65d8;--th-danger:#d93824;--th-border:#dbe0e3;
  --th-container:1280px;--th-section-space:clamp(58px,6vw,82px);--th-page-padding:clamp(20px,6vw,96px);
  --th-radius-sm:0;--th-radius-md:0;--th-radius-lg:0;
  --th-shadow-sm:0 10px 30px rgba(7,17,31,.08);--th-shadow-md:0 20px 60px rgba(7,17,31,.14);
  --th-heading-font:"Barlow Condensed",Arial,sans-serif;--th-body-font:Manrope,Arial,sans-serif;--th-header-height:118px;
}
html{background:var(--th-bg)}body{font-family:var(--th-body-font);background:var(--th-bg);color:var(--th-text)}
body:not(.home-v2) main{overflow:hidden}body:not(.home-v2) main>*,.seo-breadcrumb{min-width:0}
.display-heading,.page-heading,.section-heading,.card-heading,h1,h2,h3{font-family:var(--th-heading-font)}
.eyebrow,.kicker,[class$="-hero"]>span,[class*="-hero "]>span{color:var(--th-accent);font:800 10px/1.3 var(--th-body-font);letter-spacing:2.4px;text-transform:uppercase}

/* One page-hero language across families. Image heroes retain their image layer. */
body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero){
  box-sizing:border-box;min-height:clamp(410px,43vw,570px);height:auto;padding:clamp(76px,8vw,112px) var(--th-page-padding) clamp(66px,7vw,94px);color:#fff;background-color:var(--th-dark);background-image:radial-gradient(circle at 84% 50%,transparent 0 6rem,rgba(255,90,31,.92) 6.08rem 6.62rem,rgba(255,255,255,.06) 6.7rem 9rem,transparent 9.1rem),repeating-linear-gradient(115deg,transparent 0 42px,rgba(255,255,255,.026) 43px 45px),linear-gradient(118deg,#050d16,#10263a);position:relative;overflow:hidden;isolation:isolate
}
body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero) h1{
  position:relative;z-index:2;max-width:950px;margin:22px 0 20px;font:italic 900 clamp(52px,6.2vw,80px)/.86 var(--th-heading-font);letter-spacing:-1.8px;text-transform:uppercase
}
body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero) p{position:relative;z-index:2;max-width:720px;margin:0;color:#bdc8d2;font-size:14px;line-height:1.8}
body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero)>div:not([class*=shade]):not([class*=media]){position:relative;z-index:2}
.tire-shop-copy,.about-hero>article,.emergency-hero article{position:relative;z-index:2;max-width:760px;margin:0;padding:0}
.about-hero>div,.tire-shop-shade,.emergency-shade{z-index:0}.about-hero>img,.tire-shop-hero picture,.emergency-hero>picture{z-index:-2}
.service-image-hero{background-image:none!important}.service-image-hero:after{z-index:-1}.service-image-hero .service-hero-media{z-index:-2}
.emergency-page .emergency-hero{background-color:#07111f}.emergency-page .emergency-call,.emergency-page .mobile-sticky-cta a:first-child{background:var(--th-danger)}
.seo-breadcrumb{padding:16px var(--th-page-padding);background:#fff;border-bottom:1px solid var(--th-border);color:#6b7883;font-size:10px}.seo-breadcrumb a{color:var(--th-action);font-weight:700}

/* Consistent homepage-derived content width and vertical rhythm. */
:is(.page-content,.decision-content,.seo-main,.data-body,.article-body,.quote-shell){width:min(100%,var(--th-container));margin-inline:auto;padding:var(--th-section-space) var(--th-page-padding)}
.article-body{max-width:980px}.seo-main{max-width:var(--th-container)}
:is(.seo-intro,.data-lead,.page-content .lead){max-width:900px;color:#455460;font-size:clamp(16px,1.5vw,19px);line-height:1.8}
:is(.seo-main,.data-body,.article-body,.decision-content,.page-content)>h2,:is(.seo-main,.data-body,.article-body,.decision-content,.page-content)>section>h2{font:800 clamp(30px,3vw,42px)/1 var(--th-heading-font);text-transform:uppercase}

/* Unified cards. */
:is(.seo-grid article,.answer-grid article,.factor-grid article,.journey-grid article,.metric-grid>div,.data-directory a,.blog-card,.city-links a,.location-grid article,.detail-grid article,.season-shop article,.values-grid article,.conversion-trust div){
  border:1px solid var(--th-border);border-top:3px solid var(--th-accent);background:var(--th-surface);box-shadow:var(--th-shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
:is(.seo-grid article,.answer-grid article,.factor-grid article,.journey-grid article,.metric-grid>div,.data-directory a,.blog-card,.city-links a,.location-grid article,.detail-grid article,.season-shop article,.values-grid article):hover{transform:translateY(-4px);box-shadow:var(--th-shadow-md);border-top-color:var(--th-accent-hover)}
:is(.seo-grid,.answer-grid,.factor-grid,.journey-grid,.metric-grid,.blog-grid,.city-links,.detail-grid,.location-grid,.season-shop,.values-grid){gap:14px}
.blog-card{overflow:hidden}.blog-card img{aspect-ratio:4/3;min-height:220px;object-fit:cover}.blog-card div{padding:26px}.blog-card h2{font-size:29px}.city-links a{min-height:74px;display:flex;align-items:center;padding:20px;color:#183047;border-left:1px solid var(--th-border)}
.data-directory a{border-left:1px solid var(--th-border)}

/* One CTA and button vocabulary. */
:is(.btn,.seo-actions a,.conversion-hero-actions a,.quote-box>a,.decision-cta>a,.seo-cta>a,.context-cta>a,.tool-panel button,.quote-actions button,.availability-form button,.form-submit,.tire-quote button){
  box-sizing:border-box;min-height:52px;padding:0 21px;border:1px solid transparent;border-radius:var(--th-radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 10px/1.1 var(--th-body-font);letter-spacing:.9px;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s
}
:is(.btn-primary,.seo-actions a:first-child,.conversion-hero-actions a:first-child,.quote-box>a,.decision-cta>a,.quote-next,.quote-submit,.availability-form button,.form-submit,.tool-panel button){background:var(--th-accent);color:#fff;box-shadow:0 9px 28px rgba(255,90,31,.22)}
:is(.btn-primary,.seo-actions a:first-child,.conversion-hero-actions a:first-child,.quote-box>a,.decision-cta>a,.quote-next,.quote-submit,.availability-form button,.form-submit,.tool-panel button):hover{background:var(--th-accent-hover);transform:translateY(-2px)}
:is(.btn-ghost,.seo-actions a:last-child,.conversion-hero-actions a:last-child){border-color:rgba(255,255,255,.4);background:#fff;color:var(--th-dark)}
:is(.seo-cta,.context-cta){width:min(calc(100% - 2 * var(--th-page-padding)),var(--th-container));margin:clamp(36px,5vw,64px) auto;padding:clamp(30px,4vw,46px);background:var(--th-action);box-shadow:var(--th-shadow-sm)}
:is(.seo-cta,.context-cta) h2{font:italic 900 clamp(30px,3vw,42px)/.95 var(--th-heading-font);text-transform:uppercase}

/* Unified inputs and quote experience. */
:is(input,select,textarea){font-family:var(--th-body-font)}
:is(.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea,.availability-form select,.availability-form input,.tool-panel input,.tire-quote input,.tire-quote select,.inventory-request textarea,.hero-quick select,.hero-quick input){min-height:50px;border:1px solid #ccd4da;padding:13px 14px;font-size:12px;transition:border-color .2s,box-shadow .2s}
:is(.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea,.availability-form select,.availability-form input,.tool-panel input,.tire-quote input,.tire-quote select,.inventory-request textarea):focus{border-color:var(--th-accent);box-shadow:0 0 0 3px rgba(255,90,31,.14);outline:0}
.quote-header{text-align:left;max-width:760px;margin:0 auto 30px}.quote-card{border-top:4px solid var(--th-accent);box-shadow:var(--th-shadow-md)}.quote-progress{height:6px}.choice-grid label{min-height:60px;background:#fff}.choice-grid label:has(input:checked){border-color:var(--th-accent);background:#fff4ef;box-shadow:inset 4px 0 var(--th-accent)}

/* One accordion treatment. */
:is(.seo-faq,.decision-faq,.faq-list,.home-faq-list) details{background:#fff;border:0;border-top:1px solid var(--th-border);padding:0 23px}
:is(.seo-faq,.decision-faq,.faq-list,.home-faq-list) details:last-child{border-bottom:1px solid var(--th-border)}
:is(.seo-faq,.decision-faq,.faq-list,.home-faq-list) summary{min-height:60px;padding:19px 0;display:flex;align-items:center;cursor:pointer;font:700 14px/1.4 var(--th-body-font);color:var(--th-text)}
:is(.seo-faq,.decision-faq,.faq-list,.home-faq-list) details[open]{box-shadow:inset 3px 0 var(--th-accent)}
:is(.seo-faq,.decision-faq,.faq-list,.home-faq-list) details p{padding:0 0 21px;margin:0;color:var(--th-text-muted);font-size:12px;line-height:1.8}

/* Tables and callouts. */
.table-scroll{overflow:auto;border:1px solid var(--th-border);box-shadow:var(--th-shadow-sm);background:#fff}.result-table{min-width:560px}.result-table th{background:var(--th-dark);color:#fff}.result-table td,.result-table th{padding:15px 18px}
:is(.safety-callout,.safety-panel,.seo-note,.local-search-context){border:1px solid #ffd2c3;border-left:4px solid var(--th-accent);background:#fff3ee;padding:clamp(22px,3vw,32px);box-shadow:var(--th-shadow-sm)}
:is(.related-links,.seo-related-services,.quote-box,.decision-cta,.tool-panel,.tire-quote){background:var(--th-dark);color:#fff;box-shadow:var(--th-shadow-sm)}

/* Template-specific rhythm without creating new brands. */
body[data-page-template="guide"] .article-image{width:min(100% - 2 * var(--th-page-padding),var(--th-container));margin:var(--th-section-space) auto 0;max-height:650px;aspect-ratio:16/8;object-fit:cover;box-shadow:var(--th-shadow-md)}
body[data-page-template="legal"] .article-body{background:#fff;margin-top:var(--th-section-space);margin-bottom:var(--th-section-space);box-shadow:var(--th-shadow-sm)}
body[data-page-template="error"] main{min-height:55vh}
body[data-page-template="quote"]{background:linear-gradient(180deg,#e7e6e1,#f3f1eb 38%)}

@media(max-width:850px){:root{--th-page-padding:6vw}.seo-grid,.blog-grid,.factor-grid,.season-shop,.values-grid{grid-template-columns:1fr 1fr}.journey-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
  :root{--th-section-space:52px;--th-header-height:106px}
  body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero){min-height:390px;padding-top:58px;padding-bottom:58px;background-image:radial-gradient(circle at 88% 20%,transparent 0 3.3rem,rgba(255,90,31,.78) 3.36rem 3.72rem,transparent 3.78rem),linear-gradient(135deg,#050d16,#10263a)}
  body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero) h1{font-size:clamp(43px,14vw,58px);letter-spacing:-1px}
  .service-image-hero{min-height:620px!important;padding-top:250px!important;background-image:none!important}
  .seo-grid,.blog-grid,.factor-grid,.journey-grid,.season-shop,.values-grid,.answer-grid{grid-template-columns:1fr}
  .blog-card img{min-height:210px}.seo-actions,.conversion-hero-actions{display:grid!important;grid-template-columns:1fr;width:100%}.seo-actions a,.conversion-hero-actions a{width:100%}
  :is(.seo-cta,.context-cta){width:calc(100% - 12vw);align-items:stretch}.quote-shell{padding-inline:4vw}.quote-header{padding-inline:3vw}.quote-step{padding:27px 20px}
}
@media(prefers-reduced-motion:reduce){:is(.seo-grid article,.answer-grid article,.factor-grid article,.journey-grid article,.metric-grid>div,.data-directory a,.blog-card,.city-links a){transition:none}}

/* Production-wide CTA hardening. Covers generated service, local, guide,
   quote and emergency templates without changing their links or hierarchy. */
:is(
  .btn,.seo-actions a,.conversion-hero-actions a,.quote-box>a,.decision-cta>a,
  .seo-cta>a,.context-cta>a,.tool-panel button,.quote-actions button,
  .availability-form button,.form-submit,.tire-quote button,.inventory-request button,
  .emergency-call,.emergency-message,.emergency-request>a,.quote-next,.quote-back,.quote-submit
){
  min-width:0;
  max-width:100%;
  min-height:52px;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
  font-size:11px;
  line-height:1.25;
  border-radius:8px;
}

:is(
  .btn,.seo-actions a,.conversion-hero-actions a,.quote-box>a,.decision-cta>a,
  .seo-cta>a,.context-cta>a,.tool-panel button,.quote-actions button,
  .availability-form button,.form-submit,.tire-quote button,.inventory-request button,
  .emergency-call,.emergency-message,.emergency-request>a,.quote-next,.quote-back,.quote-submit
):is(:hover,:focus-visible){box-shadow:0 14px 30px rgba(7,24,39,.22);transform:translateY(-2px)}

.quote-back{border:1px solid var(--th-border);background:#fff;color:var(--th-dark)}
.quote-next,.quote-submit{border:1px solid #ff7b4c;background:linear-gradient(135deg,#ff6d35,#ef4317);color:#fff}

@media(max-width:600px){
  :is(.seo-actions a,.conversion-hero-actions a,.quote-box>a,.decision-cta>a,.seo-cta>a,.context-cta>a,.emergency-call,.emergency-message,.emergency-request>a){width:100%}
  .quote-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .quote-actions :is(button,a){width:100%;min-width:0;min-height:52px}
}

@media(max-width:360px){
  .quote-actions{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  :is(.btn,.seo-actions a,.conversion-hero-actions a,.quote-box>a,.decision-cta>a,.seo-cta>a,.context-cta>a,.tool-panel button,.quote-actions button,.availability-form button,.form-submit,.tire-quote button,.inventory-request button,.emergency-call,.emergency-message,.emergency-request>a,.quote-next,.quote-back,.quote-submit){transition:none}
}

/* Optional tire-photo helper in quote step 3. */
.field-hint{display:block;margin-top:6px;color:#71808c;font-size:8px;font-weight:600;letter-spacing:0;line-height:1.45}
.quote-step-intro{margin:-12px 0 20px;color:#687682;font-size:11px;line-height:1.6}.tire-type-choices label>span{display:flex;min-width:0;flex-direction:column;gap:4px}.tire-type-choices label strong{color:#172a39;font-size:12px}.tire-type-choices label small{color:#71808c;font-size:8px;font-weight:600;letter-spacing:0;line-height:1.4}.tire-type-choices label:has(input:checked) strong{color:#c83a16}
.emergency-tire-quantity{margin-top:24px;padding-top:22px;border-top:1px solid #e0e6ea}.emergency-tire-quantity[hidden]{display:none}.emergency-tire-quantity h3{margin:0 0 13px;color:#172a39;font:800 22px/1.1 "Barlow Condensed",Arial,sans-serif}.quantity-choice-grid{grid-template-columns:repeat(4,1fr)}.quantity-choice-grid label{justify-content:center;text-align:center}@media(max-width:600px){.quantity-choice-grid{grid-template-columns:repeat(2,1fr)}}
.service-question{min-width:0;margin:0 0 23px;padding:0;border:0}.service-question[hidden]{display:none}.service-question legend{width:100%;margin:0 0 11px;color:#172a39;font:800 19px/1.15 "Barlow Condensed",Arial,sans-serif}.service-question .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-question label{border-radius:7px;transition:border-color .2s,background .2s,box-shadow .2s}.service-question label span{min-width:0;line-height:1.4}.tire-shop-prompt{margin-top:7px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:center;border:1px solid #ffd1c1;border-radius:8px;background:#fff3ed}.tire-shop-prompt[hidden]{display:none}.tire-shop-prompt strong{color:#c83a16;font-size:9px;letter-spacing:1px}.tire-shop-prompt span{color:#173c5a;font-size:9px}.tire-shop-prompt a{grid-column:2;grid-row:1/3;padding:12px 15px;border-radius:6px;background:#071827;color:#fff;font-size:8px;font-weight:900}@media(max-width:600px){.service-question .choice-grid{grid-template-columns:1fr}.tire-shop-prompt{grid-template-columns:1fr}.tire-shop-prompt a{grid-column:auto;grid-row:auto;text-align:center}}
.conversion-page .quote-progress i{width:14.2857%}
.optional-label{margin-left:6px;color:#8795a0;font-size:7px;letter-spacing:1px}.tire-photo-drop{position:relative;min-height:112px;margin-top:7px;padding:18px;display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:13px;border:1px dashed #aab7c1;border-radius:9px;background:linear-gradient(135deg,#f8fafb,#f1f5f7);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.tire-photo-drop:hover,.tire-photo-drop:focus-within{border-color:#ff5a1f;background:#fff7f3;box-shadow:0 0 0 3px #ff5a1f15}.tire-photo-drop input{position:absolute!important;width:100%!important;height:100%!important;min-height:0!important;inset:0;margin:0!important;padding:0!important;opacity:0;cursor:pointer}.tire-photo-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#071827;color:#fff;font-size:25px;font-weight:400}.tire-photo-drop strong{color:#172a39;font-size:10px;letter-spacing:.65px}.tire-photo-drop small{margin-top:5px;color:#71808c;font-size:9px;letter-spacing:0;line-height:1.5}.tire-photo-preview{margin-top:10px;padding:10px;display:flex;align-items:center;gap:12px;border:1px solid #d5dde2;border-radius:9px;background:#fff}.tire-photo-preview[hidden]{display:none}.tire-photo-preview img{width:76px;height:62px;flex:0 0 76px;border-radius:7px;object-fit:cover}.tire-photo-preview>span{min-width:0;display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px}.tire-photo-preview strong{min-width:0;color:#263947;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tire-photo-preview button{min-height:38px;padding:0 11px;border:1px solid #d7dfe4;border-radius:7px;background:#fff;color:#a12d26;font-size:8px;font-weight:800;cursor:pointer}
@media(max-width:480px){.tire-photo-drop{grid-template-columns:36px 1fr;padding:15px;column-gap:10px}.tire-photo-icon{width:36px;height:36px}.tire-photo-preview>span{align-items:flex-start;flex-direction:column}.tire-photo-preview button{width:100%}}

/* Mobile service-call policy: compact, trustworthy, and visually consistent. */
.quote-stage-notice,.quote-dispatch-policy,.request-policy-note,.service-policy-compact,.emergency-dispatch-note{border:1px solid #d8e0e5;border-left:4px solid var(--th-accent);border-radius:8px;background:#fff;color:var(--th-text);box-shadow:0 8px 22px rgba(7,24,39,.08)}
.quote-stage-notice{margin:11px 0 0;padding:10px 12px;color:#becbd6;border-color:#ffffff26;border-left-color:#ff7653;background:#0a1d2e;font-size:8px;line-height:1.55}.quote-stage-notice strong{display:block;margin-bottom:3px;color:#ff8d68;font-size:7px;letter-spacing:1.2px}.quote-dispatch-policy{margin:0 0 18px;padding:17px}.quote-dispatch-policy strong,.request-policy-note strong,.service-policy-compact strong,.emergency-dispatch-note strong{font-size:9px;letter-spacing:1.1px}.quote-dispatch-policy p,.request-policy-note p,.service-policy-compact p{margin:7px 0;color:#53636f;font-size:10px;line-height:1.65}.quote-dispatch-policy small{color:#7b512f;font-size:8px}.request-policy-note{grid-column:1/-1;padding:15px}.service-policy-compact{position:relative;z-index:2;max-width:710px;margin:17px 0 0;padding:15px 17px;background:rgba(255,255,255,.96)}.service-policy-compact a{display:inline-block;margin-top:3px;color:#0e65d8;font-size:8px;font-weight:900}.emergency-dispatch-note{max-width:590px;margin-top:14px;padding:11px 13px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.95)}.emergency-dispatch-note strong{flex:none;color:#b22b24}.emergency-dispatch-note span{color:#465966;font-size:9px;line-height:1.5}.home-policy{background:#e7e6e1}.service-call-policy{overflow:hidden;border:1px solid #d5dce1;border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(7,24,39,.1)}.service-call-policy summary{min-height:82px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer}.service-call-policy summary span{color:#ef4317;font-size:9px;font-weight:900;letter-spacing:1.5px}.service-call-policy summary strong{font:800 clamp(21px,2.4vw,31px)/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}.service-call-policy>div{padding:0 22px 24px;border-top:1px solid #e1e6e9}.service-call-policy p{max-width:940px;color:#50606c;font-size:12px;line-height:1.75}.service-call-policy small{display:block;color:#84512f;font-size:9px;font-weight:800}.service-call-policy .policy-distinction{padding:13px 15px;border-radius:7px;background:#f1f5f7;color:#203545}.dispatch-confirm-page{min-height:70vh;padding:clamp(44px,7vw,86px) 6vw;background:linear-gradient(145deg,#e7e6e1,#f7f6f2)}.dispatch-confirm-card{width:min(100%,820px);margin:auto;padding:clamp(25px,5vw,52px);border-top:4px solid var(--th-accent);border-radius:10px;background:#fff;box-shadow:var(--th-shadow-md)}.dispatch-confirm-card h1{margin:15px 0;font:italic 900 clamp(44px,7vw,72px)/.88 var(--th-heading-font)}.dispatch-lead{color:#52626e;line-height:1.75}.dispatch-policy-full{margin:27px 0;padding:22px;border-radius:9px;background:#f3f5f6}.dispatch-policy-full h2{font:800 27px var(--th-heading-font)}.dispatch-policy-full p{color:#4d5e69;font-size:11px;line-height:1.7}.dispatch-policy-full small{color:#82502e;font-size:9px;font-weight:800}.dispatch-confirm-form>label:first-child{display:block;color:#63727f;font-size:8px;font-weight:800;letter-spacing:1px}.dispatch-confirm-form>label:first-child span{color:#8a969f}.dispatch-confirm-form input[type=text],.dispatch-confirm-form input:not([type]){width:100%;min-height:50px;margin-top:7px;padding:13px;border:1px solid #ccd4da;border-radius:7px}.dispatch-ack{margin:18px 0;padding:17px;display:flex;align-items:flex-start;gap:12px;border:1px solid #ffc4ae;border-radius:9px;background:#fff7f3;cursor:pointer}.dispatch-ack input{width:20px;height:20px;flex:0 0 20px;accent-color:#ff5a1f}.dispatch-ack span{display:flex;flex-direction:column;gap:5px}.dispatch-ack strong{font-size:11px;line-height:1.55}.dispatch-ack small{color:#697984;font-size:9px;line-height:1.5}.dispatch-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:9px}.dispatch-actions :is(button,a){min-height:54px;padding:12px 18px;display:flex;align-items:center;justify-content:center;border:1px solid #ff7653;border-radius:8px;font-size:10px;font-weight:900;text-align:center}.dispatch-actions button{background:linear-gradient(135deg,#ff6d35,#ef4317);color:#fff;cursor:pointer}.dispatch-actions a{border-color:#cfd7dd;background:#fff;color:#071827}.dispatch-help{margin:17px 0 0;color:#6b7984;font-size:10px}.dispatch-help a{color:#0e65d8;font-weight:800}
@media(max-width:600px){.emergency-dispatch-note{align-items:flex-start;flex-direction:column;gap:5px}.service-call-policy summary{align-items:flex-start;flex-direction:column;gap:7px}.dispatch-actions{grid-template-columns:1fr}.dispatch-confirm-page{padding-inline:4vw}.dispatch-confirm-card{padding:25px 20px}}

/* Quote-stage dispatch pricing: visible and reassuring without resembling a warning. */
.quote-dispatch-policy{position:relative;overflow:hidden;padding:20px;border:1px solid #dce3e7;border-left:0;background:linear-gradient(145deg,#fff 0%,#f7f9fa 100%);box-shadow:0 14px 32px rgba(7,24,39,.1)}
.quote-dispatch-policy::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#ff7d4d,#ef4317)}
.quote-policy-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #e2e7ea}
.quote-policy-heading>strong{color:#071827;font-size:10px;letter-spacing:1.4px}
.quote-policy-heading>span{min-width:145px;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;background:#071827;color:#fff;box-shadow:0 8px 18px rgba(7,24,39,.16)}
.quote-policy-heading>span b{color:#ff7547;font:italic 900 28px/1 "Barlow Condensed",Arial,sans-serif}
.quote-policy-heading>span small{color:#fff;font-size:7px;font-weight:900;line-height:1.25;letter-spacing:.9px}
.quote-dispatch-policy>p{margin:14px 0 10px;color:#445762;font-size:10px;line-height:1.7}
.quote-dispatch-policy>p b{color:#172a39}
.quote-dispatch-policy>small{display:block;padding:9px 11px;border-radius:6px;background:#fff2eb;color:#7b431f;font-size:8px;font-weight:800;line-height:1.5}
@media(max-width:520px){.quote-dispatch-policy{padding:16px}.quote-policy-heading{align-items:stretch;flex-direction:column;gap:10px}.quote-policy-heading>span{width:100%;min-width:0}.quote-dispatch-policy>p{font-size:9px}}

/* Global premium hero image unification.
   Uses the new Tire Help tire/rim hero on every non-homepage hero family, while
   keeping the page copy, buttons and existing structure untouched. */
body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero){
  min-height:clamp(360px,34vw,500px);
  background-color:#071827;
  background-image:
    linear-gradient(90deg, rgba(2,8,15,.98) 0%, rgba(2,8,15,.90) 34%, rgba(2,8,15,.48) 62%, rgba(2,8,15,.14) 100%),
    linear-gradient(0deg, rgba(2,8,15,.54), transparent 52%),
    url("/assets/premium-tire-hero-v2.jpg?v=3");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}

body:not(.home-v2) :is(.service-image-hero,.tire-shop-hero,.emergency-hero,.about-hero){
  background-image:
    linear-gradient(90deg, rgba(2,8,15,.98) 0%, rgba(2,8,15,.91) 33%, rgba(2,8,15,.48) 62%, rgba(2,8,15,.12) 100%),
    linear-gradient(0deg, rgba(2,8,15,.58), transparent 52%),
    url("/assets/premium-tire-hero-v2.jpg?v=3")!important;
}

body:not(.home-v2) :is(.service-image-hero .service-hero-media,.tire-shop-hero > picture,.emergency-hero > picture,.about-hero > img){
  opacity:0;
}

body:not(.home-v2) .service-image-hero::after,
body:not(.home-v2) .emergency-hero.service-image-hero::after{
  background:linear-gradient(90deg, rgba(2,8,15,.98) 0%, rgba(2,8,15,.86) 36%, rgba(2,8,15,.40) 66%, rgba(2,8,15,.10) 100%);
}

@media(max-width:700px){
  body:not(.home-v2) .service-image-hero{
    display:block;
    justify-content:initial;
  }
}

@media(max-width:600px){
  body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero){
    min-height:auto!important;
    padding-top:44px;
    padding-bottom:48px;
    background-image:
      linear-gradient(90deg, rgba(2,8,15,.98) 0%, rgba(2,8,15,.86) 69%, rgba(2,8,15,.54) 100%),
      linear-gradient(0deg, rgba(2,8,15,.68), transparent 56%),
      url("/assets/premium-tire-hero-v2.jpg?v=3")!important;
    background-position:60% center;
  }

  body:not(.home-v2) .service-image-hero{
    min-height:auto!important;
    padding-top:44px!important;
  }

  body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero) h1{
    margin-top:16px;
    margin-bottom:14px;
    font-size:clamp(38px,12.5vw,52px);
    line-height:.88;
  }

  body:not(.home-v2) :is(.page-hero,.decision-hero,.conversion-hero,.local-hero,.article-hero,.data-hero,.about-hero,.tire-shop-hero,.emergency-hero) p{
    font-size:12px;
    line-height:1.65;
  }

  .home-v2 .hero{
    height:auto!important;
    min-height:calc(100svh - 106px);
    padding-bottom:24px;
  }
}