/* Representative, AI-generated unbranded vehicles. Decorative backgrounds only. */
.category-hero--wheel-technical,.article-art--wheel-technical{--vehicle-image:url('/assets/backgrounds/wheel-technical-v1.webp')}
.category-hero--wheel-design,.article-art--wheel-design{--vehicle-image:url('/assets/backgrounds/wheel-design-v1.webp')}
.category-hero--wheel-planning,.article-art--wheel-planning{--vehicle-image:url('/assets/backgrounds/wheel-planning-v1.webp')}
.category-hero--wheel-supply,.article-art--wheel-supply{--vehicle-image:url('/assets/backgrounds/wheel-supply-v1.webp')}
.article-art--pickup-truck{--vehicle-image:url('/assets/backgrounds/vehicle-pickup-truck-v1.webp')}
.article-art--suv-4x4{--vehicle-image:url('/assets/backgrounds/vehicle-suv-4x4-v1.webp')}
.article-art--passenger-car{--vehicle-image:url('/assets/backgrounds/vehicle-passenger-car-v1.webp')}
.article-art{isolation:isolate;background:#151a13}
.article-art::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#11170fba,#11170f1f),linear-gradient(0deg,#11170fe0,transparent 80%),var(--vehicle-image);background-size:cover;background-position:center}
.article-art::after{display:none}
.article-art>.eyebrow,.article-art-type,.article-arrow{text-shadow:0 2px 10px #000c}
.application-tile--pickup-truck,.category-hero--pickup-truck,.vehicle-product-detail--pickup-truck{--vehicle-image:url('/assets/backgrounds/vehicle-pickup-truck-v1.webp')}
.application-tile--suv-4x4,.category-hero--suv-4x4,.vehicle-product-detail--suv-4x4{--vehicle-image:url('/assets/backgrounds/vehicle-suv-4x4-v1.webp')}
.application-tile--passenger-car,.category-hero--passenger-car,.vehicle-product-detail--passenger-car{--vehicle-image:url('/assets/backgrounds/vehicle-passenger-car-v1.webp')}
.application-tile{position:relative;isolation:isolate;overflow:hidden;background:#151a13;min-height:295px}
.application-tile::before,.application-tile::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}
.application-tile::before{background-image:var(--vehicle-image);background-size:cover;background-position:64% center;opacity:.78;transform:scale(1.015);transition:transform .55s ease,opacity .4s ease}
.application-tile::after{background:linear-gradient(90deg,rgba(12,17,11,.94) 0%,rgba(12,17,11,.82) 34%,rgba(12,17,11,.42) 76%,rgba(12,17,11,.23)),linear-gradient(0deg,rgba(12,17,11,.88),transparent 55%)}
.application-tile h3{max-width:90%;text-shadow:0 2px 16px #0009}
.application-tile>p{color:#d6dacd;max-width:92%;text-shadow:0 1px 8px #000}
.application-tile>.eyebrow{color:#c8d0bb;text-shadow:0 1px 8px #000}
.application-tile .tile-link{color:var(--accent);text-shadow:0 1px 8px #000}
.application-tile:hover::before,.application-tile:focus-visible::before{opacity:.95;transform:scale(1.065)}
.application-tile:hover,.application-tile:focus-visible{background:#151a13}
.category-hero{position:relative;isolation:isolate;overflow:hidden;background:#11170f;min-height:465px;display:flex;flex-direction:column;justify-content:center}
.category-hero::before,.category-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.category-hero::before{background-image:var(--vehicle-image);background-size:cover;background-position:center 56%;opacity:.9}
.category-hero::after{background:linear-gradient(90deg,#10150ff5 0%,#10150fe8 25%,#10150fa8 49%,#10150f30 80%,#10150f15),linear-gradient(0deg,#10150fa1,transparent 40%)}
.category-hero>h1{max-width:76%;position:relative;text-shadow:0 2px 20px #0008}
.category-hero>p:not(.eyebrow){position:relative;max-width:610px;color:#d6dacd;text-shadow:0 1px 8px #000}
.category-hero>.eyebrow{position:relative;color:#cad1bf;text-shadow:0 1px 8px #000}
.vehicle-product-detail{position:relative;isolation:isolate;overflow:hidden;background:#11170f}
.vehicle-product-detail::before,.vehicle-product-detail::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}
.vehicle-product-detail::before{background-image:var(--vehicle-image);background-size:auto 100%;background-repeat:no-repeat;background-position:right center;opacity:.33}
.vehicle-product-detail::after{background:linear-gradient(90deg,#11170f 0%,#11170fe6 42%,#11170fb8 65%,#11170f78),linear-gradient(0deg,#11170fe6,transparent 75%)}
.vehicle-product-detail>div{position:relative}.vehicle-product-detail>div:not(.detail-gallery){text-shadow:0 1px 10px #000a}.vehicle-product-detail .detail-gallery{isolation:isolate;text-shadow:none}
@media(min-width:1600px){.category-hero::before{background-size:100% auto;background-position:center 54%}}
@media(max-width:1050px){.application-tile{min-height:285px}.category-hero>h1{max-width:90%}.category-hero::before{background-position:61% center}.category-hero::after{background:linear-gradient(90deg,#10150ff5,#10150fd1 45%,#10150f45),linear-gradient(0deg,#10150fbd,transparent 65%)}}
@media(max-width:700px){.application-tile{min-height:250px}.application-tile::before{background-position:70% 58%}.application-tile::after{background:linear-gradient(90deg,#0c110bf0 0%,#0c110bba 45%,#0c110b40),linear-gradient(0deg,#0c110bea,transparent 80%)}.application-tile h3{max-width:100%;font-size:39px}.application-tile>p{max-width:95%}.category-hero{min-height:450px}.category-hero::before{background-size:auto 100%;background-position:64% center;opacity:.82}.category-hero::after{background:linear-gradient(90deg,#10150ff0,#10150fc9 65%,#10150f82),linear-gradient(0deg,#10150fd9,transparent 85%)}.category-hero>h1{max-width:100%}.category-hero>p:not(.eyebrow){color:#e0e3d9}}
@media(prefers-reduced-motion:reduce){.application-tile::before{transition:none}.application-tile:hover::before,.application-tile:focus-visible::before{transform:none}}
