:root{--oc-primary: #158CC5;--oc-primary-hover: #158CC5;--oc-bg: #F6F6F6;--oc-card-bg: #ffffff;--oc-text: #2F2725;--oc-text-muted: #1d1d1f;--oc-border: #e5e5e7;--oc-shadow: 0 2px 12px rgba(0,0,0,.08);--oc-shadow-hover: 0 8px 28px rgba(0,0,0,.14);--oc-radius: 8px;--oc-tab-height: 60px;--oc-nav-height: 82px;--oc-nav-height-mobile: 76px}.oc-collection-categories-section{background:var(--oc-bg);padding:50px 0;position:relative}.oc-sticky-bar{position:fixed;top:var(--oc-nav-height);left:0;right:0;z-index:10;background:#fff;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--oc-border);height:var(--oc-tab-height);display:flex;align-items:center;transform:translateY(-110%);transition:transform .36s cubic-bezier(.4,0,.2,1),opacity .36s ease;opacity:0;pointer-events:none}.oc-sticky-bar.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.oc-sticky-inner{margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;gap:20px;position:relative}.oc-swiper-wrap{flex:1;min-width:0;overflow:hidden;position:relative}.oc-tab-swiper .swiper-wrapper{display:flex;align-items:center;transition-timing-function:ease!important}.oc-tab-swiper .swiper-slide{width:auto!important;flex-shrink:0}.oc-tab-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px;border-radius:8px;font-size:14px;font-weight:700;color:var(--oc-text);background:#f6f6f6;border:none;cursor:pointer;text-decoration:none;transition:color .2s,background .2s;letter-spacing:-.01em;font-family:inherit;line-height:1}.oc-tab-btn.is-active{color:#fff!important;background:var(--oc-primary)}.oc-arrow{flex-shrink:0;width:60px;height:44px;border-radius:48px;background:#0000000a;cursor:pointer;display:flex;align-items:center;justify-content:center}.oc-arrow:hover{background:#0000001a}.oc-arrow svg{width:24px;height:24px}.oc-arrow svg path{stroke:var(--oc-text-muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.oc-arrow.swiper-button-disabled{opacity:0}.oc-hide-arrows .oc-arrow{display:none}.oc-sticky-inner .oc-arrow{position:relative}.oc-sticky-inner .oc-arrow-prev:before{background:linear-gradient(90deg,#fff 16.5%,#ffffff1a 98.42%);inset-inline-end:-78px}.oc-sticky-inner .oc-arrow-next:before{background:linear-gradient(273deg,#fff 16.5%,#ffffff1a 98.42%);inset-inline-start:-78px}.oc-sticky-inner .oc-arrow:before{content:"";width:58px;height:100%;top:0;pointer-events:none;position:absolute;z-index:2}.oc-cards-section{position:relative;padding:0 80px}.oc-cards-swiper-wrap{overflow:hidden}.oc-cards-swiper .swiper-wrapper{display:flex;align-items:stretch}.oc-cards-swiper .swiper-slide{height:auto;background:none}.oc-card{display:flex;width:185px;flex-direction:column;gap:10px;align-items:center;text-align:center;background:var(--oc-card-bg);border-radius:var(--oc-radius);padding:20px 10px;cursor:pointer;text-decoration:none;color:inherit;height:100%}.oc-card__img-wrap{width:100px;height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.oc-card__img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.oc-card:hover .oc-card__img-wrap img{transform:scale(1.06)}.oc-card__label{font-size:16px;font-weight:700;color:var(--oc-text);line-height:1.3;letter-spacing:-.01em}.oc-card.is-active .oc-card__label{color:var(--oc-primary)}.oc-cards-nav{display:flex;justify-content:center;gap:8px;margin-top:0;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;pointer-events:none;z-index:1}.oc-cards-nav .oc-arrow{pointer-events:auto;position:absolute;top:-22px}.oc-cards-nav .oc-arrow-prev{left:0}.oc-cards-nav .oc-arrow-next{right:0}.oc-cards-nav .oc-arrow-prev:before{background:linear-gradient(90deg,#f7f7f7 16.5%,#f7f7f71a 98.42%);inset-inline-end:-78px}.oc-cards-nav .oc-arrow-next:before{background:linear-gradient(273deg,#f7f7f7 16.5%,#f7f7f71a 98.42%);inset-inline-start:-78px}.oc-cards-nav .oc-arrow:before{content:"";width:58px;height:170px;top:-63px;pointer-events:none;position:absolute}@media(max-width:1660px)and (min-width:769px){.oc-collection-categories-section{padding:5rem 0}.oc-sticky-inner{padding:0 2.4rem;gap:2rem}.oc-tab-btn{padding:1rem;font-size:1.4rem}.oc-arrow{width:6rem;height:4.4rem}.oc-arrow svg{width:2.4rem;height:2.4rem}.oc-sticky-inner .oc-arrow-prev:before{inset-inline-end:-7.8rem}.oc-sticky-inner .oc-arrow-next:before{inset-inline-start:-7.8rem}.oc-sticky-inner .oc-arrow:before{width:5.8rem}.oc-cards-section{padding:0 8rem}.oc-card{width:18.5rem;padding:2rem 1rem;gap:1rem}.oc-card__img-wrap{width:10rem;height:10rem}.oc-card__label{font-size:1.6rem}.oc-cards-nav{gap:.8rem}.oc-cards-nav .oc-arrow{top:-2.2rem}.oc-cards-nav .oc-arrow-prev:before{inset-inline-end:-7.8rem}.oc-cards-nav .oc-arrow-next:before{inset-inline-start:-7.8rem}.oc-cards-nav .oc-arrow:before{width:5.8rem;height:17rem;top:-6.3rem}}@media(max-width:768px){.oc-collection-categories-section{padding:30px 0}.oc-cards-section{display:none}.oc-sticky-bar{display:none!important}.oc-mob-bar{position:sticky;top:var(--oc-nav-height-mobile);z-index:0;background:#fff;height:42px;display:flex;align-items:center;gap:4px;border-radius:43px;overflow:hidden}.oc-mob-bar .oc-swiper-flex{flex:1;min-width:0;overflow:hidden;border-radius:43px}.oc-mob-bar .swiper-slide{width:auto!important}.oc-mob-item{display:flex;align-items:center;gap:10px;padding:0 4px;text-decoration:none;color:var(--oc-text);white-space:nowrap}.oc-mob-item__pill{display:inline-flex;align-items:center;padding:8px 18px;border-radius:43px;background:var(--oc-primary);color:#fff;font-size:14px;font-weight:600;line-height:1;flex-shrink:0;white-space:nowrap}.oc-mob-item__next{font-size:14px;font-weight:500;color:var(--oc-text);flex-shrink:0;white-space:nowrap}.oc-mob-item__chevron{display:flex;align-items:center;flex-shrink:0}.oc-mob-item__chevron svg{width:16px;height:16px}.oc-mob-item__chevron svg path{stroke:var(--oc-text-muted);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.oc-mobile-tab-btn{display:flex;padding:11px 30px;justify-content:center;align-items:center;border-radius:43px;font-size:14px;font-weight:700}.oc-mobile-tab-btn.is-active{background:var(--oc-primary);color:#fff!important}.oc-mobile-arrow{flex-shrink:0;border-radius:48px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;z-index:11;height:42px}.oc-mobile-arrow svg{width:18px;height:18px}.oc-mobile-arrow svg path{stroke:var(--oc-text-muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.oc-mobile-arrow.js-mob-prev{left:0}.oc-mobile-arrow.js-mob-next{right:0}.oc-mobile-arrow.js-mob-prev:before{background-image:linear-gradient(90deg,rgba(134,134,139,.07),transparent);inset-inline-end:-10px}.oc-mobile-arrow.js-mob-next:before{background-image:linear-gradient(270deg,rgba(134,134,139,.07),transparent);inset-inline-start:-10px}.oc-mobile-arrow:before{content:"";width:10px;height:100%;position:absolute;top:0}.oc-mobile-arrow.swiper-button-disabled{opacity:0}}@media(min-width:769px){.oc-mob-bar{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/oc-collection-categories.css.map */