/* Home banner and shared tire-fitment slider: uses the same card proportions as tires.html */
.north-brand-banner{width:100%;margin:0;padding:0;overflow:hidden;background:#03070a;line-height:0}
.north-brand-banner img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center;}
.home-fitments{padding-top:24px;padding-bottom:20px}
.home-fitments .tf-products-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:4px 15px 10px}
.home-fitments .tf-products-heading h2{font-size:clamp(17px,1.55vw,22px);line-height:1.1;font-weight:900;margin:0;color:#101820}
.home-fitments .tf-products-heading p{font-size:12px;color:#64717b;margin:5px 0 0}
.home-fitments .tf-red-line{display:block;width:36px;height:3px;background:#ed1727;margin:6px 0 4px}
.home-fitments .tf-slider{position:relative;padding:0}
.home-fitments .tf-slider-viewport{overflow:hidden;padding:2px 1px 10px}
.home-fitments .tf-slider-track{display:flex;gap:12px;align-items:stretch;transition:transform .45s ease;will-change:transform}
.home-fitments .tf-fit-card{flex:0 0 calc((100% - 36px)/4);min-width:0;background:#fff;border:1px solid #dfe5e9;border-radius:5px;box-shadow:0 2px 6px #1020300c;overflow:hidden;display:flex;flex-direction:column;height:auto}
.home-fitments .tf-fit-card-photo{height:130px;position:relative;background:#edf1f3;overflow:hidden}
.home-fitments .tf-fit-card-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}
.home-fitments .tf-fit-card:hover .tf-fit-card-photo img{transform:scale(1.04)}
.home-fitments .tf-fit-card-photo span{position:absolute;left:8px;top:8px;background:#ed1727;color:#fff;border-radius:3px;padding:4px 6px;font-size:8px;font-weight:800}
.home-fitments .tf-fit-card-body{padding:11px 11px 12px;display:flex;flex-direction:column;flex:1}
.home-fitments .tf-fit-make{font-size:10px;text-transform:uppercase;color:#e21a29;font-weight:900;letter-spacing:.4px}
.home-fitments .tf-fit-card h3{font-size:14px;font-weight:900;margin:3px 0 7px;color:#101820}
.home-fitments .tf-fit-label{font-size:10px;color:#66737c;font-weight:700;margin-bottom:6px}
.home-fitments .tf-size-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;align-content:start}
.home-fitments .tf-size-chip{background:#f2f5f7;border:1px solid #e1e7eb;color:#263641;padding:4px 5px;border-radius:3px;font-size:10px;line-height:1.2}
.home-fitments .tf-fit-card .tf-red-btn{margin-top:auto;width:100%;padding:9px 4px;font-size:9px;display:flex;align-items:center;justify-content:center}
.home-fitments .tf-slider-arrow{position:absolute;z-index:2;top:42%;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #d8dfe3;color:#111c24;box-shadow:0 2px 6px #0002;font-size:26px;line-height:1;cursor:pointer}
.home-fitments .tf-prev{left:-15px}.home-fitments .tf-next{right:-15px}
.home-fitments .tf-slider-arrow:hover:not(:disabled){background:#ed1727;color:#fff;border-color:#ed1727}
.home-fitments .tf-slider-arrow:disabled{opacity:.35;cursor:default}
.home-fitments .tf-slider-status{display:flex;align-items:center;gap:12px;color:#7a858c;font-size:10px;margin:0 0 10px}
.home-fitments .tf-progress{height:3px;background:#e1e6e9;flex:1;border-radius:5px;overflow:hidden}
.home-fitments .tf-progress span{display:block;height:100%;width:10%;background:#ed1727;transition:width .3s}
@media(max-width:1100px){.home-fitments .tf-fit-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:760px){.north-brand-banner img{width:100%;height:auto}.home-fitments{padding:18px 14px 16px}.home-fitments .tf-products-heading{align-items:flex-start;margin:0 0 10px;flex-wrap:wrap}.home-fitments .tf-products-heading p{font-size:11px}.home-fitments .tf-fit-card{flex-basis:calc((100% - 12px)/2)}.home-fitments .tf-fit-card-photo{height:116px}.home-fitments .tf-slider-arrow{width:30px;height:30px;font-size:23px}.home-fitments .tf-prev{left:-9px}.home-fitments .tf-next{right:-9px}}
@media(max-width:420px){.home-fitments .tf-fit-card{flex-basis:100%}.home-fitments .tf-fit-card-photo{height:165px}.home-fitments .tf-products-heading h2{font-size:17px}.home-fitments .tf-products-heading>a{font-size:9px}}


/* FIX: make homepage Tire Fitment CALL FOR PRICE actions visibly red.
   The Tires page has its own inline .tf-red-btn styles; this homepage needs its own base style. */
.home-fitments .tf-fit-card a.tf-red-btn.tf-call-price-btn{
  background:#ed1727 !important;
  color:#fff !important;
  border:1px solid #ed1727 !important;
  border-radius:4px;
  text-decoration:none !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100%;
  min-height:48px;
  margin-top:auto;
  padding:7px 5px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  line-height:1.1;
  text-align:center;
  white-space:normal;
  box-sizing:border-box;
  position:relative;
  z-index:1;
}
.home-fitments .tf-fit-card a.tf-red-btn.tf-call-price-btn:hover,
.home-fitments .tf-fit-card a.tf-red-btn.tf-call-price-btn:focus-visible{
  background:#c90f1c !important;
  border-color:#c90f1c !important;
  color:#fff !important;
}
.home-fitments .tf-call-price-btn .tf-call-label{display:block;color:#fff !important;font-size:8px;font-weight:900;letter-spacing:.1px;}
.home-fitments .tf-call-price-btn .tf-call-number{display:block;color:#fff !important;font-size:12px;font-weight:900;line-height:1.15;white-space:nowrap;}
.home-fitments .tf-call-price-btn .tf-call-arrow{display:none;}
@media(max-width:420px){.home-fitments .tf-call-price-btn .tf-call-number{font-size:11px;}}