body:has(.otk-shop-all){--otk-shop-all-background: #070707;--otk-shop-all-background-alt: #0c0c0d;--otk-shop-all-panel: #111214;--otk-shop-all-yellow: #f5b800;--otk-shop-all-yellow-bright: #ffd33b;--otk-shop-all-white: #ffffff;--otk-shop-all-muted: #9b9ba0;--otk-shop-all-line: #2c2c30;background:var(--otk-shop-all-page-background, var(--otk-shop-all-background))}body:has(.otk-shop-all) :is(.page-wrapper,main[data-template^=collection]){background:var(--otk-shop-all-page-background, var(--otk-shop-all-background))}body:has(.otk-shop-all) main[data-template^=collection]{position:relative;--otk-shop-all-background: var(--otk-shop-all-page-background, #070707);--otk-shop-all-white: var(--otk-shop-all-page-primary, #ffffff);--otk-shop-all-yellow: var(--otk-shop-all-page-accent, #f5b800)}body:has(.otk-shop-all) main[data-template^=collection]:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at 88% 0%,rgb(245 184 0 / 6.5%),transparent 30%),linear-gradient(#080808,#060606)}body:has(.otk-shop-all) main[data-template^=collection]>*{position:relative;z-index:1}body:has(.otk-shop-all) :is(#header-group,footer){--color: var(--otk-shop-all-white);--color-rgb: 255, 255, 255;--color-background: var(--otk-shop-all-background);--color-background-rgb: 7, 7, 7;--color-foreground: var(--otk-shop-all-white);--color-foreground-rgb: 255, 255, 255;--color-border: var(--otk-shop-all-line);--color-border-rgb: 44, 44, 48;background:var(--otk-shop-all-background);color:var(--otk-shop-all-white)}body:has(.otk-shop-all) .otk-shop-all-inner{width:min(var(--otk-shop-all-content-max-width, 1460px),calc(100% - (var(--otk-shop-all-content-padding-desktop, 24px) * 2)));margin:0 auto}body:has(.otk-shop-all) .otk-shop-all-eyebrow{margin:0;color:var(--otk-shop-all-yellow);font-size:.7rem;font-weight:900;letter-spacing:.17em;line-height:1.25;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-hero{padding:64px 0 34px}body:has(.otk-shop-all) .otk-shop-all-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}body:has(.otk-shop-all) .otk-shop-all-hero__right{display:grid;align-self:end;gap:16px;min-width:0}body:has(.otk-shop-all) .otk-shop-all-hero__right--with-image{width:min(680px,100%)}body:has(.otk-shop-all) .otk-shop-all-hero__visual{aspect-ratio:2.2 / 1;overflow:hidden;border-radius:12px;background:var(--otk-shop-all-background-alt)}body:has(.otk-shop-all) .otk-shop-all-hero__image{display:block;width:100%;height:100%;object-fit:cover}body:has(.otk-shop-all) .otk-shop-all-hero h1{margin:10px 0 19px;color:var(--otk-shop-all-white);font-family:var(--font-heading--family);font-size:var(--otk-shop-all-hero-title-size-desktop, clamp(4.2rem, 7vw, 7.8rem));font-style:italic;font-weight:var(--font-heading--weight);letter-spacing:-.06em;line-height:.78;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-hero h1 span{display:block}body:has(.otk-shop-all) .otk-shop-all-hero__accent{color:var(--otk-shop-all-yellow)}body:has(.otk-shop-all) .otk-shop-all-hero__text{max-width:700px;color:var(--otk-shop-all-page-secondary, #b7b7bb);font-size:.98rem}body:has(.otk-shop-all) .otk-shop-all-hero__button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;margin-top:18px;border:1px solid var(--otk-shop-all-yellow);border-radius:8px;background:var(--otk-shop-all-yellow);color:#080808;font-size:.68rem;font-weight:900;padding:0 16px;text-decoration:none;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-hero__button--disabled{cursor:default;opacity:.72}body:has(.otk-shop-all) .otk-shop-all-hero__text :first-child{margin-top:0}body:has(.otk-shop-all) .otk-shop-all-hero__text :last-child{margin-bottom:0}body:has(.otk-shop-all) .otk-shop-all-hero__side{min-width:300px;border-left:1px solid #313135;color:#8e8e93;font-size:.78rem;padding-left:24px}body:has(.otk-shop-all) .otk-shop-all-hero__side b{display:block;margin-bottom:4px;color:var(--otk-shop-all-white);font-size:.87rem}body:has(.otk-shop-all) .otk-shop-all-hero__side p{margin:0}body:has(.otk-shop-all) .otk-shop-all-format-nav{position:sticky;z-index:20;top:var(--header-group-height, 76px);border-top:1px solid #222226;border-bottom:1px solid #2b2b2f;background:#0a0a0bf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body:has(.otk-shop-all) .otk-shop-all-format-nav__inner{display:flex;height:var(--otk-shop-all-format-nav-height, 58px);align-items:center;gap:var(--otk-shop-all-format-nav-gap, 28px);overflow-x:auto;scrollbar-width:none}body:has(.otk-shop-all) .otk-shop-all-format-nav__inner::-webkit-scrollbar{display:none}body:has(.otk-shop-all) .otk-shop-all-format-nav :is(a,span){position:relative;display:inline-flex;height:100%;align-items:center;flex:0 0 auto;color:#96969b;font-size:.78rem;font-weight:850;text-decoration:none;white-space:nowrap}body:has(.otk-shop-all) .otk-shop-all-format-nav a:hover,body:has(.otk-shop-all) .otk-shop-all-format-nav a.is-active{color:var(--otk-shop-all-white)}body:has(.otk-shop-all) .otk-shop-all-format-nav a.is-active:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--otk-shop-all-yellow);content:""}body:has(.otk-shop-all) .otk-shop-all-format-nav--text a.is-active:after{display:none}body:has(.otk-shop-all) .otk-shop-all-format-nav--text a.is-active{color:var(--otk-shop-all-yellow)}body:has(.otk-shop-all) .otk-shop-all-format-row{border-bottom:1px solid #1d1d20;padding:var(--otk-shop-all-section-spacing-desktop, 68px 0 74px);scroll-margin-top:calc(var(--header-group-height, 76px) + 70px)}body:has(.otk-shop-all) .otk-shop-all-format-row__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin-bottom:22px}body:has(.otk-shop-all) .otk-shop-all-format-row h2{margin:7px 0 8px;color:var(--otk-shop-all-white);font-family:var(--font-heading--family);font-size:var(--otk-shop-all-format-title-size-desktop, clamp(2rem, 3.7vw, 4rem));font-style:italic;font-weight:var(--font-heading--weight);letter-spacing:-.045em;line-height:.9;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-format-row__description{max-width:850px;margin:0;color:#9a9a9f;font-size:.84rem}body:has(.otk-shop-all) .otk-shop-all-format-row__meta{min-width:140px;color:#747479;font-size:.72rem;text-align:right}body:has(.otk-shop-all) .otk-shop-all-format-row__meta b{display:block;margin-bottom:3px;color:var(--otk-shop-all-yellow);font-size:.76rem}body:has(.otk-shop-all) .otk-shop-all-format-row__cards{display:flex;gap:15px;overflow-x:auto;padding:2px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin}body:has(.otk-shop-all) .otk-shop-all-format-card{display:flex;min-width:280px;min-height:470px;flex:0 0 calc((100% - 45px)/4);flex-direction:column;overflow:hidden;border:1px solid #e4e4e6;border-radius:19px;background:#fff;box-shadow:0 20px 45px #0000002b,inset 0 1px #ffffff59;color:#1b1a18;padding:20px;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}body:has(.otk-shop-all) .otk-shop-all-format-row--mainline .otk-shop-all-format-card,body:has(.otk-shop-all) .otk-shop-all-format-row--premium .otk-shop-all-format-card{min-height:490px}body:has(.otk-shop-all) .otk-shop-all-format-card:hover{border-color:#fff;box-shadow:0 26px 60px #0000003b,0 0 0 1px #f5b8000a,inset 0 1px #ffffff6b;transform:translateY(-5px)}body:has(.otk-shop-all) .otk-shop-all-format-card--featured{border-color:#f5b800bf;box-shadow:0 18px 44px #f5b80014,inset 0 1px #ffffff59}body:has(.otk-shop-all) .otk-shop-all-format-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}body:has(.otk-shop-all) .otk-shop-all-format-card__series{margin:0;color:#6f6f75;font-size:.61rem;font-weight:850;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-format-card h3{margin:13px 0 5px;color:#1b1a18;font-family:var(--font-heading--family);font-size:var(--otk-shop-all-product-card-title-size, 1.35rem);font-weight:var(--font-heading--weight);line-height:1.06;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-format-card__badge{flex:0 0 auto;border:1px solid rgb(0 0 0 / 9%);border-radius:999px;background:#fff;color:#222327;font-size:.62rem;font-weight:850;line-height:1;padding:5px 8px;white-space:nowrap}body:has(.otk-shop-all) .otk-shop-all-format-card--featured .otk-shop-all-format-card__badge{border-color:#f5b8008c;background:#f5b80024;color:#6b5200}body:has(.otk-shop-all) .otk-shop-all-format-card__subtitle{min-height:42px;margin:0;color:#6f6b63;font-size:var(--otk-shop-all-product-card-body-size, .76rem);line-height:1.45}body:has(.otk-shop-all) .otk-shop-all-format-card__image{position:relative;display:grid;min-height:245px;flex:1;place-items:center;padding:17px 5px 8px}body:has(.otk-shop-all) .otk-shop-all-format-card__image:after{position:absolute;right:13%;bottom:12px;left:13%;height:1px;background:linear-gradient(90deg,transparent,rgb(245 184 0 / 58%),transparent);box-shadow:0 0 15px #f5b80030;content:""}body:has(.otk-shop-all) .otk-shop-all-format-card__image-placeholder{z-index:1;width:100%;height:100%}body:has(.otk-shop-all) .otk-shop-all-format-card__image img{position:relative;z-index:1;width:auto;max-width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 28px rgb(0 0 0 / 28%));transition:transform .22s ease}body:has(.otk-shop-all) .otk-shop-all-format-row--team-transport .otk-shop-all-format-card__image img,body:has(.otk-shop-all) .otk-shop-all-format-row--two-car-pack .otk-shop-all-format-card__image img{max-height:205px}body:has(.otk-shop-all) .otk-shop-all-format-card:hover .otk-shop-all-format-card__image img{transform:translateY(-5px) scale(1.015)}body:has(.otk-shop-all) .otk-shop-all-format-card__bottom{margin-top:auto}body:has(.otk-shop-all) .otk-shop-all-format-card__fits{margin:0 0 10px;color:#6f6b63;font-size:.69rem}body:has(.otk-shop-all) .otk-shop-all-format-card__fits strong{color:#22201d;font-weight:800}body:has(.otk-shop-all) .otk-shop-all-format-card__action{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;border-top:1px solid rgb(0 0 0 / 8%);padding-top:13px}body:has(.otk-shop-all) .otk-shop-all-format-card__action>div>span{display:block;color:#7d786f;font-size:.56rem;font-weight:850;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-format-card__action>div>b{display:block;min-height:25px;color:#211f1c;font-size:1.13rem;font-weight:950}body:has(.otk-shop-all) .otk-shop-all-format-card__button{display:inline-flex;height:38px;align-items:center;justify-content:center;border:1px solid var(--otk-shop-all-yellow);border-radius:8px;background:var(--otk-shop-all-yellow);color:#080808;font-size:.67rem;font-weight:900;padding:0 13px;text-decoration:none;text-transform:uppercase;white-space:nowrap}body:has(.otk-shop-all) .otk-shop-all-format-card__button:hover{background:var(--otk-shop-all-yellow-bright);color:#080808}body:has(.otk-shop-all) .otk-shop-all-format-card__button--disabled{cursor:default;opacity:.72}body:has(.otk-shop-all) .otk-shop-all-fit-cta{padding:54px 0}body:has(.otk-shop-all) .otk-shop-all-fit-cta__box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;border:1px solid #514200;border-radius:20px;background:linear-gradient(110deg,#16130b,#0e0f10 58%);padding:34px}body:has(.otk-shop-all) .otk-shop-all-fit-cta h2{margin:6px 0 8px;color:var(--otk-shop-all-white);font-family:var(--font-heading--family);font-size:var(--otk-shop-all-fit-cta-title-size, 2rem);font-style:italic;font-weight:var(--font-heading--weight);line-height:1;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-fit-cta__text{color:#96969b;font-size:.84rem}body:has(.otk-shop-all) .otk-shop-all-fit-cta__text :first-child{margin-top:0}body:has(.otk-shop-all) .otk-shop-all-fit-cta__text :last-child{margin-bottom:0}body:has(.otk-shop-all) .otk-shop-all-fit-cta__button{display:inline-flex;height:44px;align-items:center;justify-content:center;border:1px solid var(--otk-shop-all-yellow);border-radius:8px;background:var(--otk-shop-all-yellow);color:#080808;font-size:.78rem;font-weight:900;padding:0 18px;text-decoration:none;text-transform:uppercase}body:has(.otk-shop-all) .otk-shop-all-fit-cta__button--disabled{cursor:default;opacity:.72}body:has(.otk-shop-all-preview-mode) .product-grid-container{display:none}body:has(.otk-shop-all):not(:has(.otk-shop-all-preview-mode)) :is(.otk-shop-all-format-row-section,.otk-shop-all-fit-cta-section){display:none}@media screen and (max-width:1200px){body:has(.otk-shop-all) .otk-shop-all-format-card{flex-basis:calc((100% - 30px) / 3)}}@media screen and (max-width:900px){body:has(.otk-shop-all) .otk-shop-all-hero__grid,body:has(.otk-shop-all) .otk-shop-all-fit-cta__box{grid-template-columns:1fr}body:has(.otk-shop-all) .otk-shop-all-hero__side{min-width:0;border-top:1px solid #313135;border-left:0;padding:17px 0 0}body:has(.otk-shop-all) .otk-shop-all-hero__right--with-image{width:100%}body:has(.otk-shop-all) .otk-shop-all-format-row__head{grid-template-columns:1fr}body:has(.otk-shop-all) .otk-shop-all-format-row__meta{text-align:left}body:has(.otk-shop-all) .otk-shop-all-format-card{flex-basis:46%}}@media screen and (max-width:700px){body:has(.otk-shop-all) .otk-shop-all-inner{width:calc(100% - (var(--otk-shop-all-content-padding-mobile, 14px) * 2))}body:has(.otk-shop-all) #header-group .header-section{min-height:64px}body:has(.otk-shop-all) .otk-shop-all-hero{padding:44px 0 25px}body:has(.otk-shop-all) .otk-shop-all-hero h1{font-size:var(--otk-shop-all-hero-title-size-mobile, 4.15rem)}body:has(.otk-shop-all) .otk-shop-all-format-row h2{font-size:var(--otk-shop-all-format-title-size-mobile, 2rem)}body:has(.otk-shop-all) .otk-shop-all-format-nav__inner{height:53px;gap:22px}body:has(.otk-shop-all) .otk-shop-all-format-row{padding:var(--otk-shop-all-section-spacing-mobile, 52px 0 58px)}body:has(.otk-shop-all) .otk-shop-all-format-row__cards{gap:11px;margin-right:-14px;padding-right:14px}body:has(.otk-shop-all) .otk-shop-all-format-card{min-width:275px;min-height:445px;flex-basis:84%}body:has(.otk-shop-all) .otk-shop-all-format-card:hover{transform:none}body:has(.otk-shop-all) .otk-shop-all-format-card__image{min-height:220px}body:has(.otk-shop-all) .otk-shop-all-format-card__image img{max-height:205px}body:has(.otk-shop-all) .otk-shop-all-fit-cta{padding:40px 0}body:has(.otk-shop-all) .otk-shop-all-fit-cta__box{gap:22px;padding:25px}}@media(prefers-reduced-motion:reduce){body:has(.otk-shop-all) :is(.otk-shop-all-format-card,.otk-shop-all-format-card__image img){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/otk-shop-all.css.map */