.hero{position:relative;background:var(--color-dark);color:var(--color-dark-fg);overflow:hidden;display:grid}.hero--sm{--hero-h:420px}.hero--md{--hero-h:560px}.hero--lg{--hero-h:700px}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__img{width:100%;height:100%;object-fit:cover;object-position:70% center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgb(18 18 18 / calc(var(--hero-shade) * .55)),rgb(18 18 18 / calc(var(--hero-shade) * .85)))}@media(min-width:768px){.hero:after{background:linear-gradient(90deg,rgb(18 18 18 / var(--hero-shade)),rgb(18 18 18 / calc(var(--hero-shade) * .73)) 30%,rgb(18 18 18 / calc(var(--hero-shade) * .07)) 68%)}}.hero__inner,.hero__foot{position:relative;z-index:1}.hero__inner{min-height:var(--hero-h);display:flex;align-items:center;padding-block:56px 72px}.hero__content{display:grid;gap:20px;max-width:560px;justify-items:start}.hero__title{font-family:var(--font-heading);font-weight:700;font-size:calc(clamp(46px,8vw,74px) * var(--heading-scale));line-height:.98}.hero__accent{color:var(--color-primary)}.hero__text{color:#d5d6d8;font-size:15px;max-width:44ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero__foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;padding-block:16px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d5d6d8}.hero__foot p{display:flex;align-items:center;gap:8px}.hero .dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}@media(max-width:640px){.hero__foot .hero__foot-right{display:none}}.brand-strip{border-bottom:1px solid var(--color-border)}.brand-strip__inner{display:grid;gap:14px;padding-block:22px;align-items:center;justify-items:center;text-align:center}.brand-strip__label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);max-width:22ch}.brand-strip__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;list-style:none}.brand-strip__brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-strip__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid var(--color-fg);border-radius:50%;font-size:10px;font-weight:800}.brand-strip__logo{width:auto;height:34px}.brand-strip__name{font-family:var(--font-heading);font-weight:600;font-size:24px}a.brand-strip__brand:hover .brand-strip__name{color:var(--color-primary-text)}@media(min-width:1024px){.brand-strip__inner{grid-template-columns:1fr auto 1fr;text-align:left;justify-items:start}.brand-strip__label--right{text-align:right;justify-self:end}}.category-cards__head{display:grid;gap:16px;margin-bottom:32px;align-items:end}.category-cards__intro{color:var(--color-muted);max-width:36ch;font-size:14px}@media(min-width:768px){.category-cards__head{grid-template-columns:1fr auto}}.category-cards__grid{display:grid;gap:20px;grid-template-columns:1fr;list-style:none}@media(min-width:640px){.category-cards__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.category-cards__grid--3{grid-template-columns:repeat(3,1fr)}.category-cards__grid--4{grid-template-columns:repeat(4,1fr)}.category-cards__grid--2{grid-template-columns:repeat(2,1fr)}}.category-cards__foot{margin-top:28px;text-align:center;font-size:13px;color:var(--color-muted);display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.category-card{display:block;overflow:hidden;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);text-decoration:none;transition:transform .25s,border-color .25s;height:100%}.category-card:hover{border-color:var(--color-primary);transform:translateY(-5px)}.category-card__media{position:relative;aspect-ratio:1;background:var(--color-secondary)}.category-card__img{width:100%;height:100%;object-fit:cover}.category-card__img.placeholder{fill:var(--color-border)}.category-card__index,.category-card__tag{position:absolute;top:14px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.category-card__index{left:16px;font-family:var(--font-heading);font-size:14px}.category-card__tag{right:16px}.category-card__body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.category-card__title{font-family:var(--font-heading);font-weight:600;font-size:calc(26px * var(--heading-scale));line-height:1.1}.category-card__text{font-size:12px;color:var(--color-muted);margin-top:4px}.category-card__go{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:50%}.category-card:hover .category-card__go{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-fg)}@media(prefers-reduced-motion:reduce){.category-card:hover{transform:none}}.vehicle-selector--dark{background:var(--color-dark);color:var(--color-dark-fg)}.vehicle-selector--light{background:var(--color-secondary)}.vehicle-selector__inner{display:grid;gap:32px;align-items:center}@media(min-width:1024px){.vehicle-selector__inner{grid-template-columns:1fr 1.15fr;gap:64px}}.vehicle-selector__intro{display:grid;gap:16px;justify-items:start}.vehicle-selector__form{display:grid;gap:16px}.vehicle-selector__grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:640px){.vehicle-selector__grid{grid-template-columns:1fr 1fr}}.vehicle-selector--dark .field__label{color:var(--color-dark-fg)}.vehicle-selector--dark .select{background-color:var(--color-bg);color:var(--color-fg)}.vehicle-selector__status{font-size:13px;min-height:1.2em}.vehicle-selector__note{font-size:12px;color:var(--color-muted)}.vehicle-selector--dark .vehicle-selector__note{color:#b9bbbf}.vehicle-selector__note a{text-decoration:underline}.vehicle-selector__fallback{display:none;font-size:14px}.vehicle-selector__fallback ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:12px}.vehicle-selector__fallback a{display:inline-flex;padding:10px 16px;border:1px solid currentColor;border-radius:var(--radius-control);text-decoration:none;font-weight:600}.no-js .vehicle-selector__form{display:none}.no-js .vehicle-selector__fallback{display:block}.trust-row{border-block:1px solid var(--color-border)}.trust-row__list{display:grid;gap:24px;padding-block:28px;list-style:none}@media(min-width:768px){.trust-row__list{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.trust-row__list:has(li:nth-child(4)){grid-template-columns:repeat(4,1fr)}}.trust-row__item{display:flex;gap:14px;align-items:flex-start}.trust-row__icon{color:var(--color-primary-text);flex:none}.trust-row__title{font-weight:700;font-size:13px}.trust-row__text{font-size:12px;color:var(--color-muted);margin-top:2px}.fitment-reassurance__inner{display:grid;gap:32px}@media(min-width:1024px){.fitment-reassurance__inner{grid-template-columns:1fr 1fr;gap:64px;align-items:center}}.fitment-reassurance__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.fitment-steps{list-style:none;display:grid;gap:12px}.fitment-steps__item{display:flex;gap:16px;padding:18px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card)}.fitment-steps__num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-primary-text);font-family:var(--font-heading);font-weight:700;font-size:18px}.fitment-steps__title{font-family:var(--font-heading);font-size:20px;font-weight:600}.fitment-steps__item p{font-size:14px;color:var(--color-muted)}.promo-banner__box{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--color-dark);color:var(--color-dark-fg);min-height:280px;display:flex;align-items:center}.promo-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55}.promo-banner__content{position:relative;display:grid;gap:14px;justify-items:start;padding:40px 24px;max-width:560px}.promo-banner__box--center{justify-content:center;text-align:center}.promo-banner__box--center .promo-banner__content{justify-items:center}.promo-banner__title{font-family:var(--font-heading);font-weight:700;font-size:calc(clamp(30px,4vw,48px) * var(--heading-scale));line-height:1.05}@media(min-width:768px){.promo-banner__content{padding:56px}}.image-with-text__inner{display:grid;gap:28px;align-items:center}@media(min-width:768px){.image-with-text__inner{grid-template-columns:1fr 1fr;gap:56px}.image-with-text--right .image-with-text__media{order:2}}.image-with-text__media img,.image-with-text__media .placeholder{width:100%;border-radius:var(--radius-card);aspect-ratio:4/3;object-fit:cover;background:var(--color-secondary)}.image-with-text__content{display:grid;gap:20px;justify-items:start}.rich-text--center{text-align:center}.rich-text--center .section-heading{margin-inline:auto}.featured-collection__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}.related-products .section-heading,.recently-viewed .section-heading{margin-bottom:24px}.newsletter__inner{display:grid;gap:24px;align-items:center}@media(min-width:768px){.newsletter__inner{grid-template-columns:1fr 1fr;gap:48px}}.newsletter__form{display:flex;gap:10px;flex-wrap:wrap}.newsletter__form .input{flex:1 1 220px;background:var(--color-bg);color:var(--color-fg)}.newsletter__form .form-status{flex:1 1 100%}.service-info{background:var(--color-secondary);padding-block:28px}.service-info__inner{display:grid;gap:16px}@media(min-width:1024px){.service-info__inner{grid-template-columns:auto 1fr;align-items:center;gap:40px}}.service-info__title{font-family:var(--font-heading);font-size:26px;font-weight:600}.service-info__list{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none;font-size:14px}.service-info__list li{display:flex;align-items:center;gap:10px}.service-info__list .icon{color:var(--color-primary-text)}.service-info__list a{text-decoration:none;font-weight:600}.service-info__list a:hover{text-decoration:underline}.fitment-enquiry{background:var(--color-secondary)}.fitment-enquiry .form{margin-top:24px}.fitment-enquiry .input{background:var(--color-card)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sections.css.map */