.t4s-product-carousel{position:relative;width:100%;overflow:hidden;background:#f8f8f8}.t4s-carousel-wrapper{position:relative;width:100%;height:100%;overflow:hidden;min-height:300px}.t4s-carousel-slides{display:flex;transition:transform var(--carousel-speed, .3s) ease-in-out;width:100%;height:100%}.t4s-carousel-slide{flex:0 0 100%;width:100%;min-width:100%;display:flex;align-items:center;justify-content:center;background:#fff;height:100%;position:relative}.t4s-carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.t4s-carousel-slide img[data-src]{background-size:cover;background-position:center}.t4s-carousel-slide img[data-src]:not([src*=cdn]){opacity:.8;filter:blur(5px);transition:opacity .3s ease,filter .3s ease}.t4s-carousel-slide img[data-src][src*=cdn],.t4s-carousel-slide img.is--loaded{opacity:1;filter:blur(0)}.t4s-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;opacity:0;visibility:hidden}.t4s-product-carousel:hover .t4s-carousel-nav{opacity:1;visibility:visible}.t4s-carousel-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.t4s-carousel-nav:active{transform:translateY(-50%) scale(.95)}.t4s-carousel-nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.t4s-carousel-nav.prev{left:10px}.t4s-carousel-nav.next{right:10px}.t4s-carousel-nav.is--hidden{display:none!important}.t4s-carousel-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;background:#fff;flex-wrap:wrap;min-height:32px;position:relative;z-index:10}.t4s-carousel-dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;cursor:pointer;transition:all .3s ease;padding:0}.t4s-carousel-dot:hover{background:#aaa;transform:scale(1.2)}.t4s-carousel-dot.is--active{background:#000;transform:scale(1.3)}.t4s-carousel-dots.is--hidden{display:none!important}.t4s-carousel-counter{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;z-index:15;pointer-events:none}.t4s-carousel-counter.is--hidden{display:none!important}.t4s-carousel-touch-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;opacity:0;animation:fadeInOut 3s ease-in-out;pointer-events:none;z-index:15}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.t4s-carousel-slide.is--loading{background:#f0f0f0}.t4s-carousel-slide.is--loading img{opacity:.5}.t4s-carousel-wrapper.is--fade-mode .t4s-carousel-slides{display:grid}.t4s-carousel-wrapper.is--fade-mode .t4s-carousel-slide{grid-column:1 / -1;grid-row:1 / -1;opacity:0;transition:opacity var(--carousel-speed, .3s) ease-in-out}.t4s-carousel-wrapper.is--fade-mode .t4s-carousel-slide.is--active{opacity:1}@media(min-width:769px){.t4s-carousel-nav{opacity:1;visibility:visible}.t4s-carousel-dots{display:flex}}@media(max-width:768px){.t4s-carousel-wrapper{min-height:250px}.t4s-carousel-nav{opacity:1;visibility:visible;width:36px;height:36px;background:#0009}.t4s-carousel-nav.prev{left:6px}.t4s-carousel-nav.next{right:6px}.t4s-carousel-nav svg{width:18px;height:18px}.t4s-carousel-dots{padding:10px;gap:6px}.t4s-carousel-dot{width:6px;height:6px}.t4s-carousel-counter{font-size:11px;padding:3px 6px}}@media(max-width:480px){.t4s-carousel-wrapper{min-height:200px}.t4s-carousel-nav{width:32px;height:32px}.t4s-carousel-nav svg{width:16px;height:16px}.t4s-carousel-nav.prev{left:4px}.t4s-carousel-nav.next{right:4px}.t4s-carousel-dots{padding:8px;gap:5px}.t4s-carousel-dot{width:5px;height:5px}}.t4s-carousel-nav:disabled,.t4s-carousel-nav.is--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.t4s-carousel-slides.no-animation{transition:none}@media print{.t4s-carousel-nav,.t4s-carousel-dots,.t4s-carousel-counter,.t4s-carousel-touch-hint{display:none!important}}.t4s-product-inner{position:relative}.t4s-product-carousel{z-index:5}.t4s-carousel-nav--hide-mobile{display:none}@media(min-width:769px){.t4s-carousel-nav--hide-mobile{display:flex}}.t4s-carousel-dots--hide-mobile{display:none}@media(min-width:769px){.t4s-carousel-dots--hide-mobile{display:flex}}.t4s-carousel-dots--below{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 12px;background:#fff;flex-wrap:wrap;min-height:32px;position:relative;z-index:10;border-top:1px solid #f0f0f0}.t4s-carousel-dots--below .t4s-carousel-dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;cursor:pointer;transition:all .3s ease;padding:0}.t4s-carousel-dots--below .t4s-carousel-dot:hover{background:#aaa;transform:scale(1.2)}.t4s-carousel-dots--below .t4s-carousel-dot.is--active{background:#000;transform:scale(1.3)}@media(max-width:768px){.t4s-carousel-dots--below{padding:8px 10px;gap:6px}.t4s-carousel-dots--below .t4s-carousel-dot{width:6px;height:6px}}@media(max-width:480px){.t4s-carousel-dots--below{padding:6px 8px;gap:5px}.t4s-carousel-dots--below .t4s-carousel-dot{width:5px;height:5px}}.t4s-product-carousel~.t4s-full-width-link{pointer-events:none}.t4s-product-carousel .t4s-carousel-wrapper,.t4s-product-carousel .t4s-carousel-slides,.t4s-product-carousel .t4s-carousel-slide{height:auto;min-height:0}.t4s-product-carousel .t4s-carousel-slide img{height:auto;object-fit:contain}.t4s-product-carousel{cursor:pointer}.t4s-product-carousel .t4s-carousel-nav{pointer-events:auto;z-index:40}@media(max-width:768px){.t4s-carousel-nav{display:none!important}}.t4s-product-carousel .t4s-carousel-dots{position:absolute;left:50%;transform:translate(-50%);bottom:10px;width:auto;min-height:0;padding:6px 10px;background:#ffffffbf;border-radius:20px;z-index:30}.t4s-product-carousel .t4s-carousel-dots .t4s-carousel-dot{width:8px;height:8px;background:#00000040}.t4s-product-carousel .t4s-carousel-dots .t4s-carousel-dot:hover,.t4s-product-carousel .t4s-carousel-dots .t4s-carousel-dot.is--active{background:#000;transform:scale(1.2)}@media(max-width:768px){.t4s-product-carousel .t4s-carousel-dots{padding:4px 8px;bottom:6px}.t4s-product-carousel .t4s-carousel-dots .t4s-carousel-dot{width:6px;height:6px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/product-carousel.css.map */