es-image-gallery{display:block;width:100%}.es-gallery__main{position:relative;border-radius:12px;overflow:hidden;background:#f8f7f4}.es-gallery__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.es-gallery__track::-webkit-scrollbar{display:none}.es-gallery__slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1 / 1;overflow:hidden;background:#f8f7f4;position:relative}.es-gallery__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.es-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 1px 6px #00000014;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#463b33;transition:opacity .2s ease,background .2s ease,transform .2s ease;padding:0}.es-gallery__arrow:hover{background:#fff;box-shadow:0 2px 10px #0000001f}.es-gallery__arrow:active{transform:translateY(-50%) scale(.95)}.es-gallery__arrow[disabled]{opacity:0;pointer-events:none}.es-gallery__arrow--prev{left:12px}.es-gallery__arrow--next{right:12px}.es-gallery__counter{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;font-size:1.2rem;font-weight:600;padding:3px 12px;border-radius:20px;pointer-events:none;line-height:1.4;letter-spacing:.02em}@media screen and (min-width:750px){.es-gallery__counter{display:none}}.es-gallery__thumbs{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px;margin-top:10px}.es-gallery__thumbs::-webkit-scrollbar{display:none}.es-gallery__thumb{flex:0 0 auto;width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#f8f7f4;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.es-gallery__thumb.is-active{border-color:#2d4a2d;box-shadow:0 0 0 1px #2d4a2d}.es-gallery__thumb:hover:not(.is-active){border-color:#b8b0a4}.es-gallery__thumb:focus-visible{outline:2px solid #2D4A2D;outline-offset:2px}.es-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media screen and (max-width:749px){.es-gallery__main{border-radius:0;margin-left:-1.5rem;margin-right:-1.5rem}.es-gallery__arrow{width:34px;height:34px}.es-gallery__arrow svg{width:16px;height:16px}.es-gallery__arrow--prev{left:8px}.es-gallery__arrow--next{right:8px}.es-gallery__thumb{width:52px;height:52px;border-radius:6px}.es-gallery__thumbs{display:none}.es-gallery__track{gap:6px}.es-gallery__slide{flex:0 0 calc(100% - 32px)}}@media screen and (min-width:750px){.es-gallery__slide{cursor:grab}.es-gallery__track.is-dragging .es-gallery__slide{cursor:grabbing}.es-gallery__thumb{width:64px;height:64px}}.es-gallery__pack-shot{position:absolute;bottom:12px;left:12px;width:84px;height:84px;padding:0;margin:0;border:2px solid #fff;border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px #0000002e,0 1px 2px #0000001f;z-index:5;transition:transform .2s ease,box-shadow .2s ease;display:block}.es-gallery__pack-shot:hover{transform:scale(1.06);box-shadow:0 6px 18px #00000038,0 2px 4px #00000024}.es-gallery__pack-shot:focus-visible{outline:2px solid #2D4A2D;outline-offset:2px}.es-gallery__pack-shot img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media screen and (max-width:749px){.es-gallery__pack-shot{bottom:10px;left:10px;width:64px;height:64px;border-radius:8px}}.es-gallery__promo{position:absolute;top:0;left:0;right:0;z-index:2;background:linear-gradient(95deg,#f58529,#dd2a7b 40%,#8134af,#515bd4);color:#fff;font-size:1.25rem;font-weight:700;text-align:center;padding:8px 16px;letter-spacing:.03em;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:8px}.es-gallery__promo svg{flex-shrink:0;width:16px;height:16px}.es-gallery__promo-code{background:#ffffff38;padding:2px 10px;border-radius:4px;font-family:monospace;font-size:1.15rem;letter-spacing:.08em}@media screen and (max-width:749px){.es-gallery__promo{font-size:1.1rem;padding:6px 12px}.es-gallery__promo-code{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/es-product-gallery.css.map */