.product_collection{background:var(--color-background) var(--gradient-background) no-repeat 100% 100%}@media screen and (max-width:767px){.product_collection .container:not(:first-child){padding-inline-end:0}}.product_collection h3{color:var(--color-text)}.product_collection__arrows{display:flex}.product_collection [main-slider]{transition:.5s ease all}.product_collection .animate-slider-hidden{opacity:0;transform:translateY(2rem)}.product_collection .img_placeholder{top:0;right:0;bottom:0;left:0;position:absolute}.product_collection .img_placeholder .product-card-item__img{position:absolute;top:0;right:0;bottom:0;left:0}.product_collection .container-with-backgroundColor{padding:2rem}@media screen and (max-width:767px){.product_collection .container-with-backgroundColor{padding:15px}}.product_collection .swiper{transition:opacity .1s}@media screen and (max-width:767px){.product_collection .swiper{margin-right:-15px;padding-right:15px}}.product_collection .swiper-tabs-wrapper{display:grid;grid:auto/auto-flow max-content;gap:40px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-right:20px;margin-bottom:10px}.product_collection .swiper-tabs-wrapper::-webkit-scrollbar{width:0}@media screen and (max-width:767px){.product_collection .swiper-tabs-wrapper{padding-bottom:10px}.product_collection .swiper-tabs-wrapper::-webkit-scrollbar{height:2px;width:2px}.product_collection .swiper-tabs-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;box-shadow:0 0 1px #ffffff80}}.product_collection .swiper-tab{scroll-snap-align:start;font-weight:var(--font-header-weight)!important;cursor:pointer;opacity:.5;position:relative;border:none;background:none}.product_collection .swiper-tab:after{position:absolute;content:"";bottom:-2px;height:1px;left:0;width:100%;background-color:var(--color-text);transition:all .4s;opacity:0;transform:scaleX(0);transform-origin:center}.product_collection .swiper-tab.active,.product_collection .swiper-tab:hover{opacity:1;transform:scaleX(1)}.product_collection .swiper-tab.active:after,.product_collection .swiper-tab:hover:after{opacity:1;transform:scaleX(1)}.product_collection .featured-collection-grid{display:none}.product_collection .featured-collection-grid.active{display:block}.no-js .product_collection .js-element{display:block!important}.no-js .product_collection .js-element .swiper-container{visibility:visible;opacity:1}.no-js .product_collection .js-element .swiper-container .swiper-wrapper{overflow-x:scroll}.no-js .product_collection .js-element .swiper-container .swiper-slide{margin-right:20px;max-width:307px;width:40%}.product_collection .swiper-tabs-wrapper{display:flex;align-items:center;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:0;margin-bottom:12px}.product_collection .swiper-tab{scroll-snap-align:start;border:1px solid var(--color-text);border-radius:9999px;background:transparent;padding:6px 12px;cursor:pointer;opacity:1;position:relative;transition:background .2s ease,color .2s ease,opacity .2s ease}.product_collection .swiper-tab:after{display:none}.product_collection .swiper-tab>*{margin:0}.product_collection .swiper-tab:not(.active){opacity:.7}.product_collection .swiper-tab:hover{opacity:1}.product_collection .swiper-tab.active{background:var(--color-text);color:var(--color-background);border-color:var(--color-text);opacity:1}@media screen and (min-width:750px){.product_collection>.container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"heading tabs" "content content";align-items:center;column-gap:24px}.product_collection>.container>.heading_container{grid-area:heading;margin-bottom:0}.product_collection>.container>carousel-with-tabs,.product_collection>.container>tabs-toggle{display:contents}.product_collection>.container>carousel-with-tabs>.swiper-tabs-wrapper,.product_collection>.container>tabs-toggle>.swiper-tabs-wrapper{grid-area:tabs;justify-self:end;margin-bottom:0;overflow:visible}.product_collection>.container>carousel-with-tabs>.swiper-container,.product_collection>.container>carousel-with-tabs>.sliderControl,.product_collection>.container>tabs-toggle>[tab-body]{grid-area:content}}.product_collection .swiper-tab{border-radius:var(--button-border-radius)}.product_collection .swiper-tab,.product_collection .swiper-tab *{font-size:16px!important;line-height:1.2}@media screen and (min-width:750px){.product_collection .heading_container .section-header,.product_collection .heading_container .section-heading{margin-bottom:0}.product_collection>.container{row-gap:16px;align-items:start}.product_collection>.container>carousel-with-tabs>.swiper-tabs-wrapper,.product_collection>.container>tabs-toggle>.swiper-tabs-wrapper{align-self:center}}.product_collection .swiper-tab.active{background:#fff;color:#000;border-color:#ff5600}.product_collection .swiper-tab.active *{color:inherit}.product_collection .swiper-tab{flex:0 0 auto;width:max-content;max-width:none;white-space:nowrap;word-break:normal;overflow-wrap:normal}.product_collection .swiper-tab>*{white-space:nowrap;word-break:normal;overflow-wrap:normal}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-feature-product-collection.css.map */
