.three-column-layout{display:flex;height:77vh;width:100%;overflow:hidden;margin:0;padding:0}.carousel-column,.static-column{flex:1;position:relative;height:100%;width:100%}.carousel-column{overflow:hidden}.static-column{display:flex;justify-content:center;align-items:center;overflow:hidden}.carousel-container{position:absolute;top:0;left:0;height:100%;width:100%;perspective:1200px;perspective-origin:center center}.carousel-track{position:absolute;top:0;left:0;height:100%;width:100%;transform-style:preserve-3d}.carousel-column .block-image{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden}.carousel-column .block-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity .3s ease}.carousel-column .block-image[data-link]{cursor:pointer}.carousel-column .block-image[data-link]:hover img{opacity:.85}.carousel-column .block-image[data-link]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .3s ease;pointer-events:none}.carousel-column .block-image[data-link]:hover:after{background:#0000001a}.static-column .block-image{position:relative;width:auto;height:100%;max-height:77vh;transform:none;transition:none}.static-column .block-image img{width:auto;height:100%;object-fit:cover}.static-column .block-image[data-link]{cursor:pointer}.static-column .block-image[data-link]:hover{transform:scale(1.02)}.static-column .block-image[data-link]:hover img{opacity:.9}.static-column .block-image[data-link]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .3s ease;pointer-events:none}.static-column .block-image[data-link]:hover:after{background:#0000001a}@media (max-width: 768px){.three-column-layout{display:block}.carousel-column{display:none}.static-column{width:100%;height:85vh;display:flex;justify-content:center;align-items:center}.static-column .block-image{width:auto;height:100%;max-height:100%}.static-column .block-image img{width:auto;height:100%;object-fit:cover}.block-image[data-link]:hover{transform:none}}@media (max-width: 1024px) and (min-width: 769px){.carousel-column{flex:.8}.static-column{flex:1.4}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-homepage.css.map */