.section-product-tab{padding:var(--padding_mb)}.grid-product-layout{display:grid;grid-template-columns:repeat(var(--item_dk),1fr);gap:var(--gap)}.heading-section.style2{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px}.tabs-nav{display:flex;gap:min(2rem,var(--space, 0) * .6);overflow-x:auto;overflow-y:hidden}.tab-btn{cursor:pointer;white-space:nowrap;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:6px 0 4px;font-weight:400;position:relative;display:inline-flex;gap:3px;align-items:flex-start}.tab-btn .card-collection__count{line-height:1}.tab-btn.h3 .card-collection__count{font-size:clamp(16px,2vw,calc(var(--fs-h3) - 12px))}.tab-btn.h4 .card-collection__count{font-size:calc(var(--fs-h4) - 8px)}.tab-btn.h5 .card-collection__count{font-size:calc(var(--fs-h5) - 6px)}.tab-btn.h6 .card-collection__count{font-size:calc(var(--fs-h6) - 4px)}.tab-btn:after{position:absolute;content:"";bottom:0;height:1px;width:0;left:50%;transform:translate(-50%);background-color:rgba(var(--color-primary));-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tab-btn:hover,.tab-btn.active{color:rgba(var(--color-primary))}.tab-btn:hover:after,.tab-btn.active:after{width:100%}.tab-panel{display:block;pointer-events:none;opacity:0;visibility:hidden;position:absolute;z-index:1;top:0;left:0;right:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition-timing-function:ease-in;transition-duration:.2s}.tab-panel.active{pointer-events:auto;opacity:1;visibility:visible;position:relative;z-index:2;-webkit-transform:none;-ms-transform:none;transform:none;transition-timing-function:ease-out;transition-duration:.3s;transition-delay:.3s}.tabs-content{position:relative}@media(min-width:768px){.tabs-nav{gap:min(3.2rem,var(--space, 0) * .75)}.section-product-tab{padding:var(--padding_tb)}}@media(min-width:1200px){.tabs-nav{gap:var(--space, 0px)}.section-product-tab{padding:var(--padding)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-tab.css.map */
