.tabs-carousel-section{position:relative;width:100%;overflow:hidden;background-color:#000;--tabs-inline-padding: min(7vw, 120px)}.tabs-carousel-wrapper{position:relative;width:100%;height:100vh;min-height:700px}.tabs-nav{position:absolute;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(var(--tabs-count, 3),minmax(0,1fr));align-items:flex-end;padding:0 var(--tabs-inline-padding) 40px var(--tabs-inline-padding);gap:0}.tab-button{width:100%;max-width:none;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:16px 0;text-align:left;font-size:14px;font-weight:400;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.2)}.tab-button.active{color:#fff;border-bottom-color:#fff}.tab-button:hover{color:#fff}.tab-number{font-size:12px;opacity:.6}.tab-label{font-size:14px;letter-spacing:.05em;text-transform:capitalize}.tabs-content{position:relative;width:100%;height:100%}.tab-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.tab-panel.active{opacity:1;visibility:visible;z-index:1}.tab-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.tab-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.tab-background:hover .tab-bg-image{transform:translateY(-8px) scale(1.02)}.tab-placeholder{width:100%;height:100%;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center}.tab-placeholder svg{width:100px;height:100px;opacity:.2}.tab-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.1) 70%,transparent 100%);pointer-events:none}.tab-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:80px var(--tabs-inline-padding) 180px var(--tabs-inline-padding);z-index:10}.tab-title{font-size:72px;font-weight:400;color:#fff;line-height:1.1;margin:0 0 16px;max-width:800px;letter-spacing:-.02em}.tab-description{font-size:18px;font-weight:400;color:#ffffffd9;line-height:1.5;margin:0;max-width:600px}.tab-button-link{display:inline-flex;align-items:center;padding:16px 28px;margin-top:24px;font-size:16px;font-weight:500;color:#1d1d1d;background-color:#fff;border-radius:9999px;text-decoration:none;transition:all .3s ease}.tab-button-link:hover{background-color:#1d1d1d;color:#fff}.tabs-progress{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#fff3;z-index:25;display:flex;gap:0}.progress-bar{flex:1;height:100%;background-color:transparent;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;transition:width 6s linear}.progress-bar.active:after{width:100%}@media(max-width:1023px){.tabs-carousel-wrapper{min-height:600px}.tabs-carousel-section{--tabs-inline-padding: 40px}.tab-content{padding:60px var(--tabs-inline-padding) 160px var(--tabs-inline-padding)}.tab-title{font-size:48px}.tab-description{font-size:16px}.tabs-nav{padding:0 var(--tabs-inline-padding) 30px var(--tabs-inline-padding);gap:10px;grid-template-columns:repeat(var(--tabs-count, 3),minmax(0,1fr))}.tab-button{font-size:12px}}@media(max-width:768px){.tabs-carousel-wrapper{min-height:500px;height:80vh}.tabs-carousel-section{--tabs-inline-padding: 20px}.tab-content{padding:40px var(--tabs-inline-padding) 140px var(--tabs-inline-padding)}.tab-title{font-size:36px}.tab-description{font-size:14px}.tabs-nav{padding:0 var(--tabs-inline-padding) 20px var(--tabs-inline-padding);gap:5px;grid-template-columns:repeat(var(--tabs-count, 3),minmax(0,1fr))}.tab-button{min-width:0;font-size:11px;padding:12px 0}.tab-number{font-size:10px}.tab-label{font-size:12px}.tab-button-link{padding:14px 24px;font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tab-panel.active .tab-title,.tab-panel.active .tab-description{animation:fadeIn .8s ease-out}.tab-panel.active .tab-title{animation-delay:.1s}.tab-panel.active .tab-description{animation-delay:.2s}.tab-panel.active .tab-bg-image{animation:zoomIn 8s ease-out forwards}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.05)}}.tabs-navigation-buttons{position:absolute;bottom:40px;right:40px;z-index:30;display:flex;gap:12px}.tab-nav-button{width:48px;height:48px;background-color:#ffffffe6;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1d1d1d;transition:all .3s ease;padding:0}.tab-nav-button:hover{background-color:#fff}.tab-nav-button svg{width:20px;height:20px}@media(max-width:768px){.tabs-navigation-buttons{bottom:20px;right:20px;gap:8px}.tab-nav-button{width:40px;height:40px}.tab-nav-button svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/tabs-carousel.css.map */