.tabbed-collection{width:100%}.tabbed-collection__subheading{color:rgba(var(--color-foreground),.75);font-size:1.6rem}.tabbed-collection__tabs{display:flex;align-items:center;gap:30px;list-style:none;padding:0;max-width:100%;flex-wrap:wrap;border-bottom:1px solid #ccc}.tabbed-collection__tab{position:relative;cursor:pointer;padding:.5rem;font-size:1.8rem;line-height:1;font-weight:500;color:rgba(var(--color-foreground),.75);transition:all .3s ease;margin-bottom:-1px;white-space:nowrap;font-weight:700;padding:12px 30px;font-weight:600;border-bottom:2px solid transparent}.tabbed-collection__tab:hover{color:rgb(var(--color-foreground))}.tabbed-collection__tab.active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.tabbed-collection__content{position:relative}.tabbed-collection__panel{display:none;animation:fadeIn .3s ease-in-out}.tabbed-collection__panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabbed-collection__slider{position:relative;overflow:visible;padding:1rem 0}.tabbed-collection__slider .swiper{overflow:visible}.tabbed-collection__slider .swiper:not(.swiper-initialized){visibility:hidden;opacity:0;min-height:400px}.tabbed-collection__slider .swiper.swiper-initialized{visibility:visible;opacity:1;transition:opacity .3s ease}.tabbed-collection__slider .swiper-wrapper{display:flex;align-items:stretch;flex-direction:row}.tabbed-collection__slider .swiper-slide{height:auto;display:flex;flex-shrink:0;width:auto;background:#fff;border-radius:12px}.tabbed-collection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.tabbed-collection__nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:4.4rem;height:4.4rem;border-radius:50%;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:rgb(var(--color-foreground))}.tabbed-collection__nav-button:hover:not(.swiper-button-disabled){background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.tabbed-collection__nav-button.swiper-button-disabled{opacity:.3;cursor:not-allowed}.tabbed-collection__nav-button--prev{left:-2rem}.tabbed-collection__nav-button--next{right:-2rem}.tabbed-collection__nav-button svg{width:2rem;height:2rem}.tabbed-collection__view-all{margin-top:2rem}@media screen and (max-width:989px){.tabbed-collection__tabs{margin-bottom:1rem;gap:0}.tabbed-collection__tab{padding:8px 20px;font-size:1.5rem;margin-right:1rem}.tabbed-collection__header{margin-bottom:1rem}.tabbed-collection__nav-button--prev{left:0}.tabbed-collection__nav-button--next{right:0}}@media screen and (max-width:749px){.tabbed-collection__tabs{margin-bottom:2rem;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.tabbed-collection__tabs::-webkit-scrollbar{display:none}.tabbed-collection__tab{padding:6px 15px 9px}.tabbed-collection__header{margin-bottom:2rem}.tabbed-collection__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tabbed-collection__nav-button{display:none}.tabbed-collection__view-all{margin-top:3rem}}.tabbed-collection__panel.loading{opacity:.6;pointer-events:none}.tabbed-collection__panel.loading:after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:3px solid rgba(var(--color-foreground),.2);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabbed-collection__panel .card-wrapper{height:auto;width:100%;background:#fff;border-radius:12px}.tabbed-collection__panel .card{height:auto;width:100%}.tabbed-collection__panel .card--card:after{background:#fff}.tabbed-collection__title{text-align:center}.tabbed-collection .hot-product{margin-bottom:16px;display:grid;grid-template-columns:1fr;gap:16px}.tabbed-collection .top-content{position:relative;border-radius:12px;overflow:hidden;min-height:45vh}@media(min-width:990px){.tabbed-collection .top-content{min-height:360px}}.tabbed-collection .top-content img,.tabbed-collection .top-content video{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px}.tabbed-collection .top-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:none}.tabbed-collection .top-content a:hover img{transform:scale(1.02);transition:transform .3s ease}.tabbed-collection .top-content .spec-overlay{position:absolute;left:20px;top:20px;bottom:20px;width:clamp(280px,46%,640px);background:transparent;color:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:24px}.tabbed-collection .spec-title{font-size:clamp(2.2rem,3vw,4.2rem);color:#fff;line-height:1.3;margin:0 0 15px}.tabbed-collection .spec-subtitle{font-size:clamp(1.2rem,2vw,1.8rem);opacity:.95;margin:8px 0 25px}.tabbed-collection .spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:8px 0 20px}@media(min-width:990px){.tabbed-collection .spec-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.tabbed-collection .spec-item .label{opacity:.9;font-size:1.5rem;display:block;padding-top:2px}.tabbed-collection .spec-item .value{font-size:1.5rem;line-height:1.3;letter-spacing:.02em}.tabbed-collection .spec-overlay .button{background:transparent;border:1px solid rgba(255,255,255,.85);color:#fff;padding:12px 24px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;width:auto}.tabbed-collection .spec-overlay .button:hover{background:#ffffff1f}@media(max-width:768px){.tabbed-collection .spec-overlay{left:10px;top:10px;bottom:10px}.tabbed-collection .spec-item .label{font-size:1.3rem}.tabbed-collection .spec-item .value{font-size:1.5rem}}.tabbed-collection .swiper-pagination{height:3px;background-color:#00000014;flex:1;border-radius:9999px}.tabbed-collection .swiper-pagination-progressbar{position:static}.tabbed-collection .arrow-wrap .swiper-button{position:static;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-foreground)}.tabbed-collection .arrow-wrap .nav-arrow--left:after{content:""}.tabbed-collection .arrow-wrap .nav-arrow--right:after{content:""}.tabbed-collection .arrow-wrap .nav-arrow--left .arrow-icon{width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.tabbed-collection .arrow-wrap .nav-arrow--right .arrow-icon{width:10px;height:10px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-tabbed-collection.css.map */