
/* Commercial tires: readable three-column options and custom icons.
   Scope exclusively to this page so the locked homepage/other pages stay intact. */
@media (min-width: 1051px) {
 body.truck-tires-icons-page .editorial-overview > .wrap {
   grid-template-columns: minmax(290px, .7fr) minmax(0, 1.65fr) !important;
   gap: clamp(34px, 4vw, 74px) !important;
 }
}
body.truck-tires-icons-page .editorial-overview .feature-grid {
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 align-items:stretch !important;
 gap:14px !important;
 border:0 !important;
 margin:0 !important;
}
body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature {
 display:flex !important;
 flex-direction:column !important;
 align-items:stretch !important;
 min-width:0 !important;
 min-height:350px !important;
 padding:26px 22px 22px !important;
 border:1px solid #e1e2df !important;
 background:#fff !important;
 box-shadow:none !important;
 transform:none !important;
 gap:0 !important;
 transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature:hover,
body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature:focus-within {
 background:#fff6f7 !important;
 border-color:#dc9da9 !important;
 box-shadow:0 12px 30px rgba(27,27,27,.045) !important;
 padding:26px 22px 22px !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-top {
 display:flex !important;flex-direction:row !important;justify-content:space-between !important;
 align-items:center !important;gap:10px !important;margin:0 0 23px !important;
 width:100% !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-top .number {
 color:#bb0029 !important;margin:0 !important; font-size:13px !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-icon {
 background:#fff6f7 !important;border:1px solid #f1e0e3 !important;
 width:68px !important;height:68px !important;flex:none !important;
 display:flex !important;align-items:center !important;justify-content:center !important;
 padding:7px !important;color:#bb0029 !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature .option-custom-icon {
 display:block !important;width:100% !important;height:100% !important;object-fit:contain !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-overline {
 display:block !important;margin:0 0 11px !important;color:#bb0029 !important;
 font-size:10px !important;line-height:1.5 !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature h3 {
 display:block !important;margin:0 0 13px !important;
 font-size:clamp(19px,1.5vw,24px) !important;line-height:1.22 !important;
 overflow-wrap:normal !important;word-break:normal !important;
 color:#181b19 !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature p {
 display:block !important;margin:0 0 24px !important;
 font-size:13px !important;line-height:1.7 !important;
 max-width:none !important;color:#626a65 !important;
 overflow-wrap:normal !important;word-break:normal !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-cta {
 display:flex !important;justify-content:space-between !important;align-items:center !important;
 align-self:stretch !important;gap:8px !important;
 margin-top:auto !important;padding-top:14px !important;
 border-top:1px solid #e1e2df !important;
 border-bottom:0 !important;white-space:normal !important;
 color:#bb0029 !important;font-size:10px !important;line-height:1.45 !important;
 text-decoration:none !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature:hover :is(.feature-top,.feature-top *, .feature-overline,h3,p,.feature-cta),
body.truck-tires-icons-page .editorial-overview .editorial-feature:focus-within :is(.feature-top,.feature-top *, .feature-overline,h3,p,.feature-cta) {
 color:inherit !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature:hover :is(.feature-top .number,.feature-overline,.feature-cta),
body.truck-tires-icons-page .editorial-overview .editorial-feature:focus-within :is(.feature-top .number,.feature-overline,.feature-cta) {
 color:#bb0029 !important;
}
body.truck-tires-icons-page .editorial-overview .editorial-feature:hover h3,
body.truck-tires-icons-page .editorial-overview .editorial-feature:focus-within h3 {color:#181b19 !important;}
body.truck-tires-icons-page .editorial-overview .editorial-feature:hover p,
body.truck-tires-icons-page .editorial-overview .editorial-feature:focus-within p {color:#626a65 !important;}
@media(max-width:1250px) and (min-width:1051px){
 body.truck-tires-icons-page .editorial-overview > .wrap{grid-template-columns:minmax(255px,.55fr) minmax(0,1.5fr) !important;gap:26px !important;}
 body.truck-tires-icons-page .editorial-overview .feature-grid{gap:10px !important;}
 body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature {padding:20px 15px !important;}
 body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature:hover {padding:20px 15px !important;}
}
@media(max-width:1050px) {
 body.truck-tires-icons-page .editorial-overview .feature-grid {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:760px) {
 body.truck-tires-icons-page .editorial-overview .feature-grid {grid-template-columns:1fr !important;gap:12px !important;}
 body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature,
 body.truck-tires-icons-page .editorial-overview .feature-grid > .editorial-feature:hover {
  min-height:0 !important;padding:22px !important;
 }
 body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-top{margin-bottom:15px !important;}
 body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-icon {height:56px !important;width:56px !important;}
 body.truck-tires-icons-page .editorial-overview .editorial-feature p {margin-bottom:20px !important;}
}
@media(prefers-reduced-motion:reduce){
 body.truck-tires-icons-page .editorial-overview .editorial-feature{transition:none !important;}
}

/* New purpose-made service option artwork (only the three commercial tire cards). */
body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-icon {width:82px!important;height:82px!important;background:#fff7f8!important;border:1px solid #f3e3e7!important;padding:6px!important;}
body.truck-tires-icons-page .editorial-overview .editorial-feature .option-custom-icon {width:100%!important;height:100%!important;object-fit:contain!important;}
@media(max-width:760px){body.truck-tires-icons-page .editorial-overview .editorial-feature .feature-icon{width:68px!important;height:68px!important}}
