.home-trucks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:24px;align-items:stretch}
.truck-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius);background:#142335;color:#fff;min-height:500px;padding:26px 22px}
.truck-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 54%;z-index:-2}
.truck-banner-image--on{opacity:0;transition:opacity .28s ease}
.truck-banner.is-lit .truck-banner-image--on{opacity:1}
@media(prefers-reduced-motion:reduce){.truck-banner-image--on{opacity:1;transition:none}}
.truck-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07142180,transparent 40%,transparent 70%,#07142150);z-index:-1;pointer-events:none}
.truck-banner-copy .eyebrow{font-size:11px;color:#fff;letter-spacing:1.7px;margin-bottom:12px}
.truck-banner-copy h3{font-size:30px;line-height:1.12;letter-spacing:-.5px;max-width:250px;text-wrap:wrap}
.truck-products{min-width:0;display:flex;flex-direction:column}
.truck-products>.section-head{align-items:center;gap:20px;margin-bottom:22px;min-height:44px}
.truck-products>.section-head h2{font-size:32px;line-height:1.14;letter-spacing:-.5px}
.truck-products>.section-head .text-link{gap:9px}
.truck-product-carousel{--carousel-visible:3;min-width:0}
.truck-product-carousel .product h3{height:4.05em;min-height:4.05em;line-height:1.35;-webkit-line-clamp:3;line-clamp:3}
.truck-product-carousel .product .product-visual{height:220px;flex-basis:220px}
@media(min-width:900px) and (max-width:1100px){.home-trucks{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr)}.truck-product-carousel{--carousel-gap:12px}.truck-product-carousel .product-info{padding:12px}.truck-banner{padding:24px 16px;min-height:470px}.truck-banner-copy h3{font-size:26px}.truck-products>.section-head h2{font-size:27px}.truck-products>.section-head{gap:12px}.truck-product-carousel .cart-add{font-size:12px;padding-inline:6px;gap:5px}.truck-product-carousel .product .product-visual{height:185px;flex-basis:185px}}
@media(min-width:600px) and (max-width:899px){.home-trucks{grid-template-columns:1fr;gap:24px}.truck-banner{min-height:360px;padding:32px;background:#142b48}.truck-banner-image{left:auto;right:0;width:55%;object-position:center 56%}.truck-banner:after{background:linear-gradient(90deg,#142b48 40%,#142b4800 64%)}.truck-banner-copy{max-width:42%}.truck-banner-copy h3{font-size:30px}.truck-products>.section-head h2{font-size:29px}.truck-product-carousel .product .product-visual{height:185px;flex-basis:185px}.truck-product-carousel .product-info{padding:12px}.truck-product-carousel .product h3{font-size:13px}.truck-product-carousel .cart-add{font-size:12px;padding-inline:5px;gap:5px}.truck-product-carousel .cart-add .icon{width:14px;height:14px}}
@media(max-width:599px){.home-trucks{grid-template-columns:1fr;gap:0}.truck-banner{min-height:0;aspect-ratio:4/5;padding:24px;margin-bottom:30px}.truck-banner-image{object-position:center 55%}.truck-banner-copy h3{font-size:30px;max-width:220px}.truck-products>.section-head{align-items:flex-start;gap:12px;margin-bottom:10px;min-height:0}.truck-products>.section-head h2{font-size:27px;max-width:220px}.truck-products>.section-head .text-link{font-size:13px;white-space:nowrap;gap:5px}.truck-product-carousel{--carousel-visible:2}.truck-product-carousel .product .product-visual{height:176px;flex-basis:176px}}
@media(max-width:450px){.truck-product-carousel .product .product-visual{height:148px;flex-basis:148px}}

.truck-banner-cta{display:none}
.truck-products>.tabs{margin-bottom:14px;max-width:100%}
.truck-products>[role=tabpanel]{min-width:0}
@media(max-width:599px){
 .truck-banner:after{background:linear-gradient(180deg,rgba(4,12,20,.7) 0%,rgba(4,12,20,.28) 34%,rgba(4,12,20,.04) 70%)}
 .truck-banner-cta{display:inline-flex;position:absolute;left:24px;bottom:24px;gap:8px}
 .truck-products>.section-head h2{font-size:clamp(22px,6.4vw,25px);max-width:none;width:100%}
}

@media(max-width:599px){.truck-products>.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.truck-products>.tabs>[role=tab]{flex:0 0 auto;white-space:nowrap}}
