.carousel-3d{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.carousel-3d-hero{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-attachment:scroll;background-size:cover;background-position:center;background-repeat:no-repeat}.carousel-3d-hero.hero-banner__background--fixed{background-attachment:fixed}.carousel-3d-hero.hero-banner__background--local{background-attachment:local}.hero-banner__background,.hero-banner__background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0;transition:opacity .5s ease}.hero-banner__bg-image.loaded{opacity:1}.hero-banner__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transition:opacity .3s ease}.hero-banner__content{position:relative;z-index:10;width:100%;min-height:inherit;display:flex;align-items:center;justify-content:center}.carousel-3d-content-wrapper{position:relative;width:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .3s ease;padding:2rem 0}.carousel-3d-hero:hover .carousel-3d-content-wrapper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.carousel-3d__header{position:relative;z-index:10;margin-bottom:4rem;text-align:center}.carousel-3d__title{margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,var(--color-base-accent-1),var(--color-base-accent-2));background-clip:text;-webkit-background-clip:text;color:transparent;animation:pulse-glow 3s ease-in-out infinite}.carousel-3d__subtitle{margin-bottom:.5rem;font-weight:500}.carousel-3d__description{max-width:600px;margin:0 auto;line-height:1.6;opacity:.9}.carousel-3d__container{position:relative;width:100%;height:var(--carousel-3d-card-height, 450px);perspective:var(--carousel-3d-perspective, 1200px);perspective-origin:center center;transform-style:preserve-3d;margin:2rem 0}.carousel-3d:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background-image:linear-gradient(rgba(139,69,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(139,69,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-drift 20s linear infinite;z-index:1}.carousel-3d:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(139,69,255,.3) 2px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(59,130,246,.3) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(139,69,255,.2) 1px,transparent 1px);background-size:100px 100px,150px 150px,200px 200px;animation:float-particles 15s ease-in-out infinite;z-index:1;pointer-events:none}.carousel-3d-card{position:absolute;top:50%;left:50%;width:320px;height:var(--carousel-3d-card-height, 450px);transform-origin:center center;transition:all var(--carousel-3d-speed, .8s) var(--carousel-3d-easing, cubic-bezier(.25, .46, .45, .94));cursor:pointer;will-change:transform;backface-visibility:hidden}.carousel-3d-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s ease}.carousel-3d-card.flipped .carousel-3d-card__inner{transform:rotateY(180deg)}.carousel-3d-card__face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--card-border-radius, 16px);overflow:hidden;box-shadow:var(--card-shadow, 0 8px 32px rgba(0, 0, 0, .15))}.carousel-3d-card__front{background:var(--card-background, linear-gradient(135deg, rgba(139, 69, 255, .9), rgba(59, 130, 246, .9)));-webkit-backdrop-filter:blur(var(--card-blur, 10px));backdrop-filter:blur(var(--card-blur, 10px));border:var(--card-border-width, 1px) solid var(--card-border-color, rgba(139, 69, 255, .3))}.carousel-3d-card__back{background:var(--card-background, linear-gradient(135deg, rgba(79, 70, 229, .9), rgba(139, 69, 255, .9)));-webkit-backdrop-filter:blur(var(--card-blur, 15px));backdrop-filter:blur(var(--card-blur, 15px));border:var(--card-border-width, 1px) solid var(--card-border-color, rgba(79, 70, 229, .3));transform:rotateY(180deg)}.carousel-3d-card__content{position:relative;z-index:2;padding:2rem;height:100%;display:flex;flex-direction:column;color:var(--card-text-color, #ffffff)}.carousel-3d-card__header{text-align:center;margin-bottom:1.5rem}.carousel-3d-card__icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--card-icon-background, linear-gradient(135deg, #8b5cf6, #3b82f6));color:var(--card-icon-color, #ffffff);margin-bottom:1rem;box-shadow:0 4px 12px #8b45ff4d}.carousel-3d-card__title{font-size:var(--card-title-size, 2rem);font-weight:700;color:var(--card-title-color, #ffffff);margin-bottom:.5rem;line-height:1.2}.carousel-3d-card__brand{font-size:var(--card-brand-size, 1.2rem);color:var(--card-brand-color, #d1d5db);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.carousel-3d-card__divider{width:4rem;height:2px;background:linear-gradient(90deg,var(--card-accent-color, #8b5cf6),var(--card-accent-color-2, #3b82f6));margin:0 auto 1.5rem;border-radius:1px}.carousel-3d-card__description{font-size:var(--card-description-size, 1rem);color:var(--card-description-color, #9ca3af);line-height:1.6;margin-bottom:1.5rem;flex:1}.carousel-3d-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.carousel-3d-card__tag{padding:.4rem .8rem;background:var(--card-tag-background, rgba(139, 69, 255, .2));color:var(--card-tag-color, #8b5cf6);border:1px solid var(--card-tag-border-color, rgba(139, 69, 255, .4));border-radius:1rem;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.carousel-3d-card__tag:hover{background:var(--card-tag-color, #8b5cf6);color:#fff}.carousel-3d-card__actions{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.carousel-3d-card__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--card-accent-color, #8b5cf6);text-decoration:none;font-weight:500;transition:all .3s ease}.carousel-3d-card__link:hover{color:#fff;transform:translate(.3rem)}.carousel-3d-card__link-icon{transition:transform .3s ease}.carousel-3d-card__link:hover .carousel-3d-card__link-icon{transform:translate(.3rem)}.carousel-3d-card__flip-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.8rem;animation:bounce 2s infinite}.carousel-3d__nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:20;display:flex;align-items:center;justify-content:center;background:var(--nav-button-background, rgba(139, 69, 255, .2));color:var(--nav-button-color, #ffffff);border:var(--nav-button-border-width, 1px) solid var(--nav-button-border-color, rgba(139, 69, 255, .3));border-radius:var(--nav-button-border-radius, 50px);-webkit-backdrop-filter:blur(var(--nav-button-blur, 10px));backdrop-filter:blur(var(--nav-button-blur, 10px));cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff33}.carousel-3d__nav-button:hover{background:var(--nav-button-hover-background, rgba(139, 69, 255, .5));color:var(--nav-button-hover-color, #ffffff);transform:translateY(-50%) scale(var(--nav-button-hover-scale, 1.1));box-shadow:0 6px 20px #8b45ff66}.carousel-3d__nav-button--prev{left:2rem}.carousel-3d__nav-button--next{right:2rem}.carousel-3d__nav-button svg{width:1.5rem;height:1.5rem;transition:transform .3s ease}.carousel-3d__nav-button--prev svg{transform:rotate(180deg)}.carousel-3d__indicators{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.carousel-3d__indicator{background:var(--indicator-background, rgba(255, 255, 255, .2));border:none;border-radius:var(--indicator-border-radius, 5px);height:var(--indicator-height, 3px);cursor:pointer;transition:all .5s ease;box-shadow:0 2px 8px #8b45ff33}.carousel-3d__indicator:not(.active){width:var(--indicator-inactive-width, 12px);opacity:.6}.carousel-3d__indicator.active{background:var(--indicator-active-background, linear-gradient(135deg, #8b5cf6, #3b82f6));width:var(--indicator-active-width, 48px);opacity:1;box-shadow:0 0 16px #8b45ff80}.carousel-3d__indicator:hover{opacity:1;transform:scale(1.2)}.carousel-3d__view-all{margin-top:3rem;position:relative;z-index:10}.carousel-3d__view-all-button{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:2rem;text-decoration:none;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.carousel-3d__view-all-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.carousel-3d__view-all-button svg{transition:transform .3s ease}.carousel-3d__view-all-button:hover svg{transform:translate(.3rem)}.carousel-3d__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;background:#fffffff2;border-radius:50%;padding:1rem;box-shadow:0 4px 16px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-spinner svg{color:var(--color-base-accent-1, #8b5cf6);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{filter:brightness(1) drop-shadow(0 0 5px rgba(139,69,255,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 20px rgba(139,69,255,.8))}}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes float-particles{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100px) rotateY(-15deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px) rotateY(15deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.carousel-3d-card:nth-child(1){transform:translate(-50%,-50%) translateZ(0) rotateY(0) scale(1);z-index:10}.carousel-3d-card:nth-child(2){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * 1)) translateZ(-100px) rotateY(var(--carousel-3d-card-rotation, 30deg)) scale(var(--carousel-3d-card-scale, .85));z-index:9}.carousel-3d-card:nth-child(3){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * 2)) translateZ(-200px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * 2)) scale(calc(var(--carousel-3d-card-scale, .85) * .85));z-index:8}.carousel-3d-card:nth-child(4){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * 3)) translateZ(-300px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * 3)) scale(calc(var(--carousel-3d-card-scale, .85) * .7));z-index:7}.carousel-3d-card:nth-child(5){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * 4)) translateZ(-400px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * 4)) scale(calc(var(--carousel-3d-card-scale, .85) * .6));z-index:6}.carousel-3d-card:nth-child(6){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * 5)) translateZ(-500px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * 5)) scale(calc(var(--carousel-3d-card-scale, .85) * .5));z-index:5}.carousel-3d-card:nth-child(7){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * -1)) translateZ(-100px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * -1)) scale(var(--carousel-3d-card-scale, .85));z-index:9}.carousel-3d-card:nth-child(8){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * -2)) translateZ(-200px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * -2)) scale(calc(var(--carousel-3d-card-scale, .85) * .85));z-index:8}.carousel-3d-card:nth-child(9){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * -3)) translateZ(-300px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * -3)) scale(calc(var(--carousel-3d-card-scale, .85) * .7));z-index:7}.carousel-3d-card:nth-child(10){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * -4)) translateZ(-400px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * -4)) scale(calc(var(--carousel-3d-card-scale, .85) * .6));z-index:6}.carousel-3d-card:nth-child(11){transform:translate(-50%,-50%) translate(calc(var(--carousel-3d-card-spacing, 280px) * -5)) translateZ(-500px) rotateY(calc(var(--carousel-3d-card-rotation, 30deg) * -5)) scale(calc(var(--carousel-3d-card-scale, .85) * .5));z-index:5}.carousel-3d-card:hover{transform:translate(-50%,-50%) translateZ(50px) rotateY(0) scale(1.05);z-index:15;box-shadow:0 20px 60px #8b45ff4d}.carousel-3d-card:hover .carousel-3d-card__icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #8b45ff66}.carousel-3d-card:hover .carousel-3d-card__title{background:linear-gradient(135deg,#fff,#f3f4f6);background-clip:text;-webkit-background-clip:text;color:transparent}@media screen and (max-width: 1199px){.carousel-3d-card{width:280px}.carousel-3d__nav-button{width:48px;height:48px}.carousel-3d__nav-button--prev{left:1rem}.carousel-3d__nav-button--next{right:1rem}}@media screen and (max-width: 749px){.carousel-3d,.carousel-3d-hero{min-height:80vh}.carousel-3d-card{width:260px;height:400px}.carousel-3d__container{height:400px}.carousel-3d__header{margin-bottom:2rem}.carousel-3d__title{font-size:2rem}.carousel-3d__subtitle{font-size:1.2rem}.carousel-3d__description{font-size:.9rem}.carousel-3d__nav-button{width:40px;height:40px}.carousel-3d__nav-button--prev{left:.5rem}.carousel-3d__nav-button--next{right:.5rem}.carousel-3d__indicators,.carousel-3d__view-all{margin-top:2rem}.carousel-3d__view-all-button{padding:.8rem 1.5rem;font-size:.9rem}}@media screen and (max-width: 479px){.carousel-3d-card{width:240px;height:350px}.carousel-3d__container{height:350px}.carousel-3d-card__content{padding:1.5rem}.carousel-3d-card__title{font-size:1.5rem}.carousel-3d-card__brand{font-size:1rem}.carousel-3d-card__description{font-size:.9rem}.carousel-3d__nav-button{width:36px;height:36px}.carousel-3d__nav-button svg{width:1.2rem;height:1.2rem}}.carousel-3d-card:focus{outline:3px solid var(--color-base-accent-1, #8b5cf6);outline-offset:2px}.carousel-3d__nav-button:focus{outline:3px solid var(--color-base-accent-1, #8b5cf6);outline-offset:2px}.carousel-3d__indicator:focus{outline:3px solid var(--color-base-accent-1, #8b5cf6);outline-offset:2px}.carousel-3d__view-all-button:focus{outline:3px solid var(--color-base-accent-1, #8b5cf6);outline-offset:2px}@media (prefers-reduced-motion: reduce){.carousel-3d *,.carousel-3d *:before,.carousel-3d *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.carousel-3d-card{transform:none!important}.carousel-3d:before,.carousel-3d:after{display:none}}@media (prefers-contrast: high){.carousel-3d-card{border:3px solid currentColor!important;background:rgb(var(--color-background))!important}.carousel-3d-card__title,.carousel-3d-card__brand,.carousel-3d-card__description{color:currentColor!important}.carousel-3d__nav-button{border:3px solid currentColor!important;background:rgb(var(--color-background))!important;color:currentColor!important}}@media print{.carousel-3d{min-height:auto;overflow:visible}.carousel-3d-card{position:static;transform:none!important;margin:1rem 0;page-break-inside:avoid}.carousel-3d__nav-button,.carousel-3d__indicators,.carousel-3d__loading{display:none!important}.carousel-3d:before,.carousel-3d:after{display:none}}.carousel-3d--loading .carousel-3d-card{opacity:.5;pointer-events:none}.carousel-3d--loading .carousel-3d__nav-button{pointer-events:none;opacity:.5}.carousel-3d--disabled{pointer-events:none;opacity:.6}.carousel-3d--hidden{display:none}.carousel-3d.animate--slide-in{animation:slide-in-left .8s ease-out}.carousel-3d__header.animate--slide-in{animation:fade-in-up .6s ease-out}.carousel-3d-card.animate--slide-in{animation:scale-in .5s ease-out}.carousel-3d::-webkit-scrollbar{width:8px}.carousel-3d::-webkit-scrollbar-track{background:#8b45ff1a;border-radius:4px}.carousel-3d::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:4px}.carousel-3d::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/3d-carousel.css.map */