.gallery-3d-section{position:relative;width:100%;min-height:550px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-color, #000);padding:60px 0}.gallery-3d-container{width:100%;perspective:calc(var(--perspective, 50) * 1vw + var(--perspective, 50) * 1vh);transform-style:preserve-3d}.gallery-3d-inner{display:flex;justify-content:center;align-items:center;width:100%;gap:calc(var(--gap, 1.2) * 1rem);transform-style:preserve-3d}.gallery-3d-item{position:relative;width:calc(var(--item-width, 12) * 1vw + 10px);height:calc(var(--item-height, 20) * 1vw + var(--item-height, 20) * 1vh);cursor:pointer;will-change:transform,filter,width;transition:transform calc(var(--transition-duration, 1.25) * 1s) cubic-bezier(.1,.7,0,1),filter 3s cubic-bezier(.1,.7,0,1),width calc(var(--transition-duration, 1.25) * 1s) cubic-bezier(.1,.7,0,1);transform-style:preserve-3d;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 30px #0000004d;filter:grayscale(var(--grayscale, 1)) brightness(var(--brightness, .5));outline:none;flex-shrink:0}.gallery-3d-item.active{width:calc(var(--active-width, 45) * 1vw);transform:translateZ(calc(var(--hover-scale, 15) * 1vw + var(--hover-scale, 15) * 1vh));filter:grayscale(0) brightness(1);z-index:100;margin:0 .45vw;box-shadow:0 20px 60px #00000080}.gallery-3d-item.focused{outline:2px solid #3b82f6;outline-offset:2px}.gallery-3d-link{display:block;width:100%;height:100%;text-decoration:none}.gallery-3d-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.5rem}@media (hover: hover){.gallery-3d-item:hover{filter:grayscale(0) brightness(1)}}@media screen and (min-width: 1440px){.gallery-3d-section{min-height:600px}}@media screen and (max-width: 1439px){.gallery-3d-section{min-height:550px}.gallery-3d-item{width:calc(var(--item-width, 12) * 1.1vw + 10px)}.gallery-3d-item.active{width:calc(var(--active-width, 45) * 1.1vw)}}@media screen and (max-width: 1023px){.gallery-3d-section{min-height:450px;padding:40px 0}.gallery-3d-container{perspective:calc(var(--perspective, 50) * 1.2vw + var(--perspective, 50) * 1.2vh)}.gallery-3d-item{width:calc(var(--item-width, 12) * 1.3vw + 8px);height:calc(var(--item-height, 20) * 1.2vw + var(--item-height, 20) * 1.2vh)}.gallery-3d-item.active{width:calc(var(--active-width, 45) * 1.2vw);transform:translateZ(calc(var(--hover-scale, 15) * 1.2vw + var(--hover-scale, 15) * 1.2vh))}.gallery-3d-inner{gap:calc(var(--gap, 1.2) * .8rem)}}@media screen and (max-width: 767px){.gallery-3d-section{min-height:400px;padding:30px 0}.gallery-3d-container{perspective:calc(var(--perspective, 50) * 1.5vw + var(--perspective, 50) * 1.5vh)}.gallery-3d-inner{gap:calc(var(--gap, 1.2) * .6rem);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 20px}.gallery-3d-item{width:calc(var(--item-width, 12) * 2vw + 80px);height:calc(var(--item-height, 20) * 1.5vw + var(--item-height, 20) * 1.5vh);min-width:140px;scroll-snap-align:center}.gallery-3d-item.active{width:calc(var(--active-width, 45) * 1.5vw + 40px);transform:translateZ(calc(var(--hover-scale, 15) * .8vw + var(--hover-scale, 15) * .8vh))}}@media screen and (max-width: 480px){.gallery-3d-section{min-height:350px;padding:20px 0}.gallery-3d-container{perspective:calc(var(--perspective, 50) * 2vw + var(--perspective, 50) * 2vh)}.gallery-3d-inner{gap:calc(var(--gap, 1.2) * .5rem);padding:0 15px}.gallery-3d-item{width:calc(var(--item-width, 12) * 3vw + 60px);height:calc(var(--item-height, 20) * 2vw + var(--item-height, 20) * 1.8vh);min-width:120px;border-radius:.4rem}.gallery-3d-item.active{width:calc(var(--active-width, 45) * 2vw + 30px);max-width:280px;transform:translateZ(calc(var(--hover-scale, 15) * .6vw + var(--hover-scale, 15) * .6vh));margin:0 .3vw}.gallery-3d-image{border-radius:.4rem}}@media screen and (max-width: 374px){.gallery-3d-section{min-height:300px}.gallery-3d-item{width:calc(var(--item-width, 12) * 3.5vw + 50px);min-width:100px;height:calc(var(--item-height, 20) * 2.2vw + var(--item-height, 20) * 1.6vh)}.gallery-3d-item.active{width:calc(var(--active-width, 45) * 2.2vw + 25px);max-width:240px}}@media screen and (max-height: 500px) and (orientation: landscape){.gallery-3d-section{min-height:100vh;padding:20px 0}.gallery-3d-item{height:calc(var(--item-height, 20) * 3vh)}.gallery-3d-item.active{transform:translateZ(calc(var(--hover-scale, 15) * 2vh))}}@media (prefers-reduced-motion: reduce){.gallery-3d-item{transition:transform .3s ease,filter .3s ease,width .3s ease}.gallery-3d-item.active{transform:scale(1.1)}}@media print{.gallery-3d-section{min-height:auto;padding:20px 0}.gallery-3d-inner{flex-wrap:wrap;gap:10px}.gallery-3d-item{width:150px;height:200px;filter:none;transform:none;page-break-inside:avoid}}@media (prefers-contrast: high){.gallery-3d-item.focused{outline:3px solid currentColor;outline-offset:3px}}@media screen and (max-width: 767px){.gallery-3d-inner{max-width:80vw;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 20px}.gallery-3d-item{width:160px!important;height:240px!important;min-width:160px;scroll-snap-align:center;transition:transform .4s ease,filter .3s ease}.gallery-3d-item.active{width:160px!important;transform:scale(1.15);margin:0}}@media screen and (max-width: 480px){.gallery-3d-item{width:140px!important;height:210px!important;min-width:140px}.gallery-3d-item.active{transform:scale(1.1)}}@media screen and (max-width: 374px){.gallery-3d-item{width:120px!important;height:190px!important;min-width:120px}.gallery-3d-item.active{transform:scale(1.05)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-3d-gallery.css.map */