.collection-hero-wrapper{display:none}.collection-hero{display:block;padding-bottom:5px}.shopify-section:has(.collection-hero-wrapper)+.shopify-section:has(h1){position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}@media screen and (max-width:749px){.collection-hero-wrapper{display:block;background:#050505;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);padding:18px 0}.collection-hero-wrapper:after,.collection-hero-wrapper .collection-hero__bg,.collection-hero-wrapper .collection-hero__subbar,.collection-hero-wrapper .collection-hero__makes,.collection-hero-wrapper .collection-hero__product-types,.collection-hero-wrapper .collection-hero__combined-row{display:none}.collection-hero-wrapper .collection-hero__heading-wrapper{display:flex}.collection-hero-wrapper .collection-hero__content{padding:2px 14px 12px}.collection-hero-wrapper .collection-hero__accent,.collection-hero-wrapper .collection-hero__eyebrow{display:none}.collection-hero-wrapper .collection-hero__title{margin:0;font-size:1rem;line-height:1.1}.collection-hero-wrapper .collection-hero__active-shortcut{font-size:.72rem;margin-top:6px}.collection-hero-wrapper .collection-hero__filter-counts{font-size:.68rem;margin-top:4px}.collection-hero-wrapper .collection-hero__blurb{margin-top:6px;font-size:.78rem;line-height:1.35}.collection-hero{padding-bottom:0}.collection-hero-wrapper .collection-hero__application-shortcuts{display:flex;flex-wrap:nowrap;gap:8px;width:100vw;max-width:100vw;margin:0 -14px;padding:0 14px 12px;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;scroll-padding-inline:14px;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-hero-wrapper .collection-hero__application-shortcuts::-webkit-scrollbar{display:none}.collection-hero-wrapper .collection-hero__application-shortcut{flex:0 0 auto;min-height:34px;padding:8px 12px;font-size:10px;scroll-snap-align:start}.collection-hero-wrapper .collection-hero__application-shortcuts-wrap{margin:0;padding-inline:14px}.collection-hero-wrapper .collection-hero__application-shortcuts-heading{font-size:.72rem}.collection-hero-wrapper .collection-hero__slider-arrow,.collection-hero-wrapper .collection-hero__slider.is-overflowing .collection-hero__slider-arrow{display:none}}@media screen and (min-width:750px){.collection-hero-wrapper{display:block}.collection-hero{display:block;padding-bottom:5px}}.collection-hero-wrapper{position:relative;overflow:hidden;width:100%;background:#050505;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.collection-hero-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,#000000f0,#000000b8 38%,#0000006b),linear-gradient(180deg,#0000002e,#000000eb);pointer-events:none}.collection-hero-wrapper:before{content:"";position:absolute;top:0;left:0;z-index:4;width:100%;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0;pointer-events:none;transform:translate(-100%)}.collection-hero-wrapper--loading:before{opacity:1;animation:collection-hero-loading .9s ease-in-out infinite}.collection-hero-wrapper.collection-hero-wrapper--loading :is(.collection-hero__chip,.collection-hero__make,.collection-hero__product-type,.collection-hero__application-shortcut){pointer-events:none}.collection-hero-wrapper--loading .collection-hero__application-shortcuts,.collection-hero-wrapper--loading .collection-hero__subbar,.collection-hero-wrapper--loading .collection-hero__makes,.collection-hero-wrapper--loading .collection-hero__product-types,.collection-hero-wrapper--loading .collection-hero__combined-row{opacity:.72}@keyframes collection-hero-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.collection-hero-loading-indicator{position:fixed;top:50%;left:50%;z-index:1000;width:44px;height:44px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 42deg,rgba(204,17,17,.22) 54deg,#e11922 180deg,#ff4a4f 300deg,transparent 342deg 360deg);box-shadow:0 12px 30px #00000047;pointer-events:none;transform:translate(-50%,-50%);animation:collection-hero-loading-spin .75s linear infinite}.collection-hero-loading-indicator:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#050505}.collection-hero-loading-indicator[hidden]{display:none}@keyframes collection-hero-loading-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.collection-hero__heading-wrapper{position:relative;z-index:1;display:flex;align-items:center}.collection-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.collection-hero__accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:#c11}.collection-hero__content{position:relative;padding:34px 38px 0}.collection-hero__row-label{position:sticky;left:0;z-index:2;min-width:116px;height:52px;color:#f5f5f5;background:#000;height:100%;font-weight:700;background:linear-gradient(90deg,#090909,#090909f0 78%,#09090900);align-items:center;justify-content:center;display:flex;border-radius:0;padding:0 18px;font-size:12px;letter-spacing:1px}.collection-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c11;margin-bottom:12px}.collection-hero__title{font-size:clamp(44px,5vw,68px);font-weight:900;letter-spacing:0;color:#fff;line-height:.95;margin:0 0 14px;font-size:2rem;text-transform:uppercase;font-weight:700}.collection-hero__blurb{font-size:1rem;color:#f4f4f4;line-height:1.6;margin:0}.collection-hero__active-shortcut{color:#ffffffb8;font-size:.86rem;font-weight:700;letter-spacing:.04em;line-height:1.3;margin:-6px 0 0;text-transform:uppercase}.collection-hero__active-shortcut[hidden]{display:none}.collection-hero__filter-counts{color:#ffffff94;font-size:.78rem;font-weight:700;letter-spacing:.04em;line-height:1.3;margin:6px 0 -30px;text-transform:uppercase;color:#fff;display:block;z-index:2;position:relative}.collection-hero__filter-counts span{color:#ffffff52;margin:0 .45em}.collection-hero__subbar{margin:16px 38px 0;background:linear-gradient(180deg,#ffffff0b,#ffffff03),#0b0b0b;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:14px 16px;overflow:hidden;white-space:nowrap;box-shadow:0 18px 48px #00000047}.collection-hero__subbar::-webkit-scrollbar{display:none}.collection-hero__subbar-inner{display:inline-flex;flex:1 1 auto;gap:14px;align-items:stretch;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-hero__subbar-inner::-webkit-scrollbar{display:none}.collection-hero__chip{display:inline-flex;width:126px;min-width:126px;max-width:126px;min-height:52px;align-items:center;padding:10px 16px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;color:#efefef;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:linear-gradient(145deg,#ffffff14,#ffffff05),#101010;box-shadow:inset 0 0 0 1px #ffffff05;transition:color .15s,border-color .15s,background .15s,transform .15s}.collection-hero__chip:hover,.collection-hero__chip:focus-visible{color:#fff;border-color:#ffffff52}.collection-hero__chip--active{color:#fff;border-color:#cc1111d1;background:linear-gradient(145deg,#cc111157,#cc11111a),#151010}.collection-hero__makes,.collection-hero__product-types{position:relative;z-index:1;margin:0 38px 22px;padding:14px 16px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),#0b0b0bb8;border:1px solid rgba(255,255,255,.16);border-radius:6px;overflow:hidden;box-shadow:0 18px 48px #00000047}.collection-hero__combined-row{position:relative;z-index:1;display:grid;grid-template-columns:auto 1px minmax(0,1fr);align-items:stretch;gap:20px;margin:0 38px 22px;padding:14px 16px 0 6px;border-radius:6px;overflow:hidden;box-shadow:0 18px 48px #00000047}.collection-hero__combined-make{display:flex;align-items:center;justify-content:center;gap:12px;min-width:104px}.collection-hero__combined-divider{width:1px;min-height:86px;background:#d9d9d9;opacity:.45}.collection-hero__product-types--combined,.collection-hero__makes--combined{min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.collection-hero__product-types--combined .collection-hero__product-types-inner,.collection-hero__makes--combined .collection-hero__makes-inner{width:100%}.collection-hero__makes::-webkit-scrollbar,.collection-hero__product-types::-webkit-scrollbar{display:none}.collection-hero__makes-inner,.collection-hero__product-types-inner{display:inline-flex;flex:1 1 auto;min-width:0;gap:26px;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-hero__makes-inner::-webkit-scrollbar,.collection-hero__product-types-inner::-webkit-scrollbar{display:none}.collection-hero__application-shortcuts{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0 var(--gsc-space-medium, 16px) var(--gsc-space-medium, 16px) 0;background:#050505}.collection-hero__application-shortcuts-wrap{position:relative;z-index:2;margin:0 38px 22px;border-top:1px solid var(--gsc-color-white, #fff);padding-top:18px}.collection-hero__application-shortcuts-heading{color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.08em;line-height:1.2;margin:0 0 10px;text-transform:uppercase}.collection-hero__application-shortcut{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 14px;color:#fff;background:var(--gsc-color-brand, #dc222c);border:1px solid rgba(255,255,255,.38);border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.06em;line-height:1.1;text-decoration:none;text-transform:uppercase;transition:background .15s,border-color .15s,outline-color .15s,color .15s}.collection-hero__application-shortcut:hover,.collection-hero__application-shortcut:focus-visible{color:#050505;background:#fff;border-color:#fff}.collection-hero__application-shortcut--active{color:#050505;background:#fff;border-color:#fff;outline:1px solid #e11922;outline-offset:4px;cursor:default;pointer-events:none}.collection-hero__application-shortcut--active[data-filter-param],.collection-hero__application-shortcut--active[data-filter-shortcut=true]{cursor:pointer;pointer-events:auto}.collection-hero__application-shortcut-icon{display:inline-flex;width:14px;height:14px;flex:0 0 auto}.collection-hero__application-shortcut-icon svg{width:100%;height:100%;--icon-stroke-width: 2}.collection-hero__shortcut-remove{position:absolute;top:-9px;right:-9px;z-index:2;display:none;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;background:#c11;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 0 0 1px #cc111185,0 0 18px #cc111157;pointer-events:none}.collection-hero__application-shortcut--active .collection-hero__shortcut-remove{display:inline-flex}.collection-hero__application-shortcut--back{border-color:#ffffff9e;background:var(--gsc-color-brand-dark, #000)}.collection-hero__visual-row-label{position:sticky;left:0;z-index:2;display:inline-flex;min-width:126px;align-items:center;justify-content:flex-start;padding:0 26px 0 10px;color:#f5f5f5;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#0b0b0b 0% 82%,#0b0b0b00);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:normal}.collection-hero__make,.collection-hero__product-type{position:relative;display:inline-flex;width:128px;min-width:128px;min-height:95px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#000;text-align:center;text-decoration:none;border:0;border-radius:0;background:transparent;box-shadow:none;transition:border-color .15s,background .15s,outline-color .15s,transform .15s}.collection-hero__make--active,.collection-hero__product-type--active{color:#fff;outline:1px solid #e11922;outline-offset:4px}.collection-hero__make--static,.collection-hero__product-type--static{cursor:default;pointer-events:none}.collection-hero__circle{display:inline-flex;width:72px;height:72px;border-radius:50%;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.22);overflow:hidden;text-align:center}.collection-hero__make-circle{width:74px;height:74px;background:#ffffff08;background:#000}.collection-hero__circle--active{border:1px solid rgba(204,17,17,.85);outline-offset:4px;box-shadow:0 0 24px #cc111138}.collection-hero__circle--disabled{opacity:.5}.collection-hero__circle-image{display:block;width:100%;height:100%;object-fit:contain;transition:filter .15s}.collection-hero__make-image{max-width:100%;max-height:100%}.collection-hero__product-type .collection-hero__circle-image{object-fit:cover;border-radius:50%;background:#f6f6f6}.collection-hero__make:hover .collection-hero__circle-image,.collection-hero__product-type:hover .collection-hero__circle-image,.collection-hero__make--active .collection-hero__circle-image,.collection-hero__product-type--active .collection-hero__circle-image{filter:grayscale(0) brightness(1.15)}.collection-hero__make-placeholder{display:block;width:100%;height:100%;border-radius:50%;background:#d9d9d9}.collection-hero__slider{position:relative;display:flex;align-items:stretch;gap:14px;margin-top:0}.collection-hero__slider-arrow{display:none;width:42px;min-width:42px;align-items:center;justify-content:center;background:#ffffff0a;color:#f4f4f4;font-size:28px;line-height:1;cursor:pointer;border:none;background:#000;transition:border-color .15s,background .15s,opacity .15s}.collection-hero__slider.is-overflowing .collection-hero__slider-arrow{display:inline-flex}.collection-hero__slider-arrow:hover{border-color:#ffffff61;background:#ffffff14}.collection-hero__slider.at-start .collection-hero__slider-arrow--left,.collection-hero__slider.at-end .collection-hero__slider-arrow--right{opacity:.35;pointer-events:none}.collection-hero__circle-fallback{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center;background:#d9d9d9;color:#555;font-size:32px;font-weight:700;line-height:1}.collection-hero__circle-label{font-size:12px;font-weight:700;color:var(--gsc-color-white, #fff);text-decoration:none;line-height:1.2;margin-top:0;text-transform:uppercase}.collection-hero__make--active .collection-hero__circle-label,.collection-hero__product-type--active .collection-hero__circle-label{text-decoration:underline}@media screen and (min-width:750px){.collection-hero-wrapper--slanted-cards .collection-hero__makes-inner,.collection-hero-wrapper--slanted-cards .collection-hero__product-types-inner{gap:16px;padding-inline-start:8px;scroll-padding-inline-start:8px}.collection-hero-wrapper--slanted-cards .collection-hero__combined-divider{width:2px;background:#ffffffa3;opacity:1;transform-origin:center}.collection-hero-wrapper--slanted-cards .collection-hero__make,.collection-hero-wrapper--slanted-cards .collection-hero__product-type{width:128px;min-width:128px;min-height:125px;gap:5px;padding:8px 11px;color:#111;border-top:1px solid rgba(255,255,255,.88);border-right:1px solid rgba(0,0,0,.12);border-bottom-right-radius:6px;background:#fff;box-shadow:-5px 0 #e11922,0 5px #e11922,inset 0 1px #fffffff2,0 12px 26px #00000057}.collection-hero-wrapper--slanted-cards .collection-hero__make:hover,.collection-hero-wrapper--slanted-cards .collection-hero__product-type:hover,.collection-hero-wrapper--slanted-cards .collection-hero__make:focus-visible,.collection-hero-wrapper--slanted-cards .collection-hero__product-type:focus-visible{background:#fff;box-shadow:-5px 0 #ff1b27,0 5px #ff1b27,inset 0 1px #fff,0 16px 30px #0006;transform:translateY(-1px)}.collection-hero-wrapper--slanted-cards .collection-hero__make--active,.collection-hero-wrapper--slanted-cards .collection-hero__product-type--active{background:#fff;outline:1px solid #e11922;outline-offset:3px;box-shadow:-6px 0 #ff1b27,0 6px #ff1b27,inset 0 0 0 2px #ff1b27e6,0 18px 34px #00000073}.collection-hero-wrapper--slanted-cards .collection-hero__circle{width:72px;height:72px;background:#fff;border:0;border-radius:0;box-shadow:none;margin-bottom:16px}.collection-hero-wrapper--slanted-cards .collection-hero__make-circle{width:68px;height:68px;background:#fff;border-radius:0}.collection-hero-wrapper--slanted-cards .collection-hero__circle--active{border:0;outline:0;box-shadow:none}.collection-hero-wrapper--slanted-cards .collection-hero__circle-image{width:100%;height:100%;filter:none;margin:auto}.collection-hero-wrapper--slanted-cards .collection-hero__make:hover .collection-hero__circle-image,.collection-hero-wrapper--slanted-cards .collection-hero__product-type:hover .collection-hero__circle-image,.collection-hero-wrapper--slanted-cards .collection-hero__make--active .collection-hero__circle-image,.collection-hero-wrapper--slanted-cards .collection-hero__product-type--active .collection-hero__circle-image{filter:none}.collection-hero-wrapper--slanted-cards .collection-hero__product-type .collection-hero__circle-image{width:100%;height:100%;border-radius:0;background:#fff}.collection-hero-wrapper--slanted-cards .collection-hero__circle-label{position:absolute;bottom:5px;max-width:100%;color:#111;font-size:9px;font-weight:600;line-height:1;opacity:.82;text-align:center;white-space:nowrap}.collection-hero-wrapper--slanted-cards .collection-hero__make--active .collection-hero__circle-label,.collection-hero-wrapper--slanted-cards .collection-hero__product-type--active .collection-hero__circle-label{text-decoration:none}.collection-hero-wrapper--slanted-cards .collection-hero__remove{top:-8px;right:-8px}}.collection-hero__circle--disabled .collection-hero__circle-label{color:#999;cursor:not-allowed}.collection-hero__remove{position:absolute;top:-7px;right:10px;z-index:2;display:none;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;background:#c11;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 0 0 1px #cc111185,0 0 18px #cc111157;pointer-events:none}.collection-hero__make--active:not(.collection-hero__make--static) .collection-hero__remove,.collection-hero__product-type--active:not(.collection-hero__product-type--static) .collection-hero__remove{display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/13/assets/collection-hero.css.map */