.costan-category-tabs{position:relative;width:100%;background:var(--costan-tabs-bg);color:var(--costan-tabs-text);overflow:hidden}.costan-category-tabs *,.costan-category-tabs *:before,.costan-category-tabs *:after{box-sizing:border-box}.costan-category-tabs a{color:inherit;text-decoration:none}.costan-category-tabs__inner{width:min(calc(100% - 48px),var(--costan-tabs-container));margin:0 auto;padding-top:clamp(26px,3vw,var(--costan-tabs-padding-top));padding-bottom:var(--costan-tabs-padding-bottom)}.costan-category-tabs__tab-nav{position:relative;width:100%;height:52px;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:28px;border:1px solid color-mix(in srgb,var(--costan-tabs-border) 92%,transparent);border-radius:999px;background:#ffffff06;overflow:hidden}.costan-category-tabs__tab-nav:before{content:"";position:absolute;left:50%;top:9px;bottom:9px;width:1px;background:color-mix(in srgb,var(--costan-tabs-border) 82%,transparent);z-index:1}.costan-category-tabs__tab-btn{position:relative;z-index:2;height:100%;border:0;background:transparent;color:color-mix(in srgb,var(--costan-tabs-text) 48%,transparent);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:clamp(20px,1.65vw,30px);font-weight:650;line-height:1;letter-spacing:-.04em;cursor:pointer;transition:color .2s ease,background .2s ease}.costan-category-tabs__tab-btn:after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:3px;border-radius:999px 999px 0 0;background:transparent;transition:left .22s ease,right .22s ease,background .22s ease}.costan-category-tabs__tab-btn.is-active{color:var(--costan-tabs-text);background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--costan-tabs-accent) 13%,transparent),transparent 58%)}.costan-category-tabs__tab-btn.is-active:after{left:11%;right:11%;background:var(--costan-tabs-accent)}.costan-category-tabs__header{max-width:980px;margin-bottom:34px}.costan-category-tabs__eyebrow{width:max-content;margin-bottom:16px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--costan-tabs-accent) 70%,transparent);border-radius:999px;color:var(--costan-tabs-accent);font-size:11px;font-weight:850;line-height:1;letter-spacing:.08em}.costan-category-tabs__heading-panel{display:none}.costan-category-tabs__heading-panel.is-active{display:block}.costan-category-tabs__heading-panel h2{margin:0;color:var(--costan-tabs-text);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:clamp(34px,3.85vw,66px);font-weight:850;line-height:.96;letter-spacing:-.055em}.costan-category-tabs__heading-panel p{max-width:670px;margin:15px 0 0;color:var(--costan-tabs-muted);font-size:clamp(14px,1vw,17px);font-weight:650;line-height:1.48}.costan-category-tabs__panel{display:none}.costan-category-tabs__panel.is-active{display:block}.costan-category-tabs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.costan-category-tabs__card{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--costan-tabs-card-bg);border:1px solid color-mix(in srgb,var(--costan-tabs-border) 88%,transparent);border-radius:12px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.costan-category-tabs__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--costan-tabs-accent) 50%,var(--costan-tabs-border));box-shadow:0 22px 42px #0000003d}.costan-category-tabs__media-frame{width:100%;height:var(--costan-tabs-card-height);overflow:hidden;background:#0b0b0b;display:block}.costan-category-tabs__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#0b0b0b;transition:transform .35s ease,filter .35s ease}.costan-category-tabs__card:hover .costan-category-tabs__image{transform:scale(1.035);filter:saturate(1.04) contrast(1.03)}.costan-category-tabs__fallback{width:100%;height:100%;min-height:var(--costan-tabs-card-height);display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--costan-tabs-accent) 14%,transparent),transparent 38%),#0b0b0b;color:var(--costan-tabs-accent);text-align:center}.costan-category-tabs__fallback span{max-width:82%;font-family:var(--font-heading-family);font-size:clamp(22px,2vw,34px);font-weight:750;line-height:1;letter-spacing:-.045em}.costan-category-tabs__footer{min-height:94px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:18px;border-top:1px solid color-mix(in srgb,var(--costan-tabs-border) 84%,transparent)}.costan-category-tabs__copy{min-width:0}.costan-category-tabs__copy span{display:inline-block;margin-bottom:8px;color:var(--costan-tabs-accent);font-size:10px;font-weight:850;line-height:1;letter-spacing:.1em}.costan-category-tabs__copy h3{margin:0;color:var(--costan-tabs-text);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:clamp(24px,1.65vw,34px);font-weight:650;line-height:1;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.costan-category-tabs__cta{display:inline-flex;align-items:center;gap:10px}.costan-category-tabs__cta em{color:var(--costan-tabs-muted);font-style:normal;font-size:10px;font-weight:850;line-height:1;letter-spacing:.06em}.costan-category-tabs__cta strong{width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--costan-tabs-border) 88%,transparent);border-radius:999px;color:var(--costan-tabs-text);transition:background .2s ease,color .2s ease,border-color .2s ease}.costan-category-tabs__cta svg{width:18px;height:18px;display:block}.costan-category-tabs__card:hover .costan-category-tabs__cta strong{background:var(--costan-tabs-accent);color:#050505;border-color:var(--costan-tabs-accent)}@media screen and (max-width:1180px){.costan-category-tabs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.costan-category-tabs__heading-panel h2{font-size:clamp(32px,5.4vw,58px)}}@media screen and (max-width:749px){.costan-category-tabs__inner{width:min(calc(100% - 24px),var(--costan-tabs-container));padding-top:clamp(20px,6vw,34px)}.costan-category-tabs__tab-nav{height:48px;margin-bottom:22px}.costan-category-tabs__tab-btn{font-size:clamp(18px,5.2vw,24px)}.costan-category-tabs__header{margin-bottom:24px}.costan-category-tabs__eyebrow{font-size:9.5px;padding:7px 11px;margin-bottom:14px}.costan-category-tabs__heading-panel h2{font-size:clamp(28px,8.4vw,40px);line-height:1}.costan-category-tabs__heading-panel p{margin-top:12px;font-size:13px}.costan-category-tabs__grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.costan-category-tabs__grid::-webkit-scrollbar{display:none}.costan-category-tabs__card{flex:0 0 var(--costan-tabs-mobile-card-basis);scroll-snap-align:start;border-radius:12px}.costan-category-tabs__media-frame{height:auto;aspect-ratio:1 / 1.05}.costan-category-tabs__footer{min-height:auto;padding:12px;gap:9px}.costan-category-tabs__copy span{font-size:clamp(7.5px,2.1vw,9px);margin-bottom:6px;letter-spacing:.07em}.costan-category-tabs__copy h3{font-size:clamp(17px,5.2vw,26px);letter-spacing:-.04em}.costan-category-tabs__cta{display:inline-flex;align-items:center;justify-content:flex-end;gap:0;flex:0 0 auto}.costan-category-tabs__cta em{display:none}.costan-category-tabs__cta strong{width:clamp(30px,8.5vw,36px);height:clamp(30px,8.5vw,36px)}.costan-category-tabs__cta svg{width:15px;height:15px}}@media screen and (max-width:749px){.costan-category-tabs--mobile-2-5 .costan-category-tabs__grid{gap:10px}.costan-category-tabs--mobile-2-5 .costan-category-tabs__footer{padding:8px}.costan-category-tabs--mobile-2-5 .costan-category-tabs__copy span{max-width:100%;margin-bottom:5px;font-size:clamp(6.5px,1.65vw,7.5px);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.costan-category-tabs--mobile-2-5 .costan-category-tabs__copy h3{font-size:clamp(11px,3.25vw,14px);line-height:1.05;letter-spacing:-.025em}.costan-category-tabs--mobile-2-5 .costan-category-tabs__media-frame{aspect-ratio:1 / 1.08}}@media screen and (max-width:749px){.costan-category-tabs--mobile-1-5 .costan-category-tabs__copy h3{font-size:clamp(20px,5.8vw,28px)}.costan-category-tabs--mobile-1-5 .costan-category-tabs__footer{padding:13px 12px}}@media screen and (max-width:390px){.costan-category-tabs--mobile-2-5 .costan-category-tabs__copy h3{font-size:clamp(10.5px,3.05vw,13px)}.costan-category-tabs--mobile-1-5 .costan-category-tabs__copy h3{font-size:clamp(18px,5.5vw,24px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-category-tabs.css.map */