.product-custom-gallery{width:100%;position:relative}.pcg-wrapper{display:flex;flex-direction:column;gap:16px}.pcg-slide{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius, 4px);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.pcg-slide--dragging{cursor:grabbing}.pcg-slide:not(.pcg-slide--dragging){cursor:grab}.pcg-slide-track{display:flex;transition:transform .4s cubic-bezier(.25,.1,.25,1);will-change:transform}.pcg-slide-track--dragging{transition:none}.pcg-slide-item{flex:0 0 100%;width:100%;min-width:100%}.pcg-slide-item .product-gallery-item{width:100%;margin:0;pointer-events:auto}.pcg-slide--dragging .pcg-slide-item img{pointer-events:none;-webkit-user-drag:none}.pcg-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid var(--color-border, #e0e0e0);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .25s ease,background-color .25s ease;z-index:10}.pcg-slide:hover .pcg-nav{opacity:1}.pcg-nav:hover{background:var(--color-background, #ffffff)}.pcg-nav:active{transform:translateY(-50%) scale(.95)}.pcg-nav--prev{left:12px}.pcg-nav--next{right:12px}.pcg-nav svg{width:16px;height:16px;fill:none;stroke:var(--color-text, #000000);stroke-width:2}.pcg-nav--disabled{opacity:0!important;pointer-events:none}@media(max-width:768px){.pcg-nav{display:none}}.pcg-preview-wrapper{width:100%;overflow:hidden}.pcg-preview-container{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px}.pcg-preview-container::-webkit-scrollbar{display:none}.pcg-preview-item{flex:0 0 auto;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:var(--border-radius, 4px);background:transparent;cursor:pointer;transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease;overflow:hidden}.pcg-preview-item:hover{border-color:var(--color-border, #cccccc);transform:translateY(-2px)}.pcg-preview-item:focus{outline:none;border-color:var(--color-accent, #000000)}.pcg-preview-item--active{border-color:var(--color-accent, #000000);box-shadow:0 2px 8px #00000026}.pcg-preview-item--active:hover{border-color:var(--color-accent, #000000)}.pcg-preview-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--border-radius, 4px) - 2px)}.pcg-preview-image .lazy-image,.pcg-preview-image img{width:100%;height:100%;object-fit:cover}.pcg-preview-badge{position:absolute;bottom:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;color:#fff}.pcg-preview-badge svg{width:12px;height:12px;fill:currentColor}.pcg-3d-button{margin-top:16px}@media(min-width:769px){.pcg-wrapper{gap:20px}.pcg-preview-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:visible;padding:0}.pcg-preview-item{width:100%;height:auto;aspect-ratio:1 / 1}.pcg-preview-container{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media(min-width:1024px){.pcg-preview-container{grid-template-columns:repeat(5,1fr);gap:12px}.pcg-preview-item{min-width:70px}}@media(min-width:1280px){.pcg-preview-container{grid-template-columns:repeat(6,1fr)}}@media(max-width:768px){.pcg-wrapper{gap:12px}.pcg-preview-container{display:flex;flex-wrap:nowrap;gap:8px;margin:0 -10px;padding:4px 10px}.pcg-preview-item{width:56px;height:56px;flex-shrink:0}.pcg-preview-item:first-child{margin-left:0}.pcg-preview-item:last-child{margin-right:0}.pcg-preview-wrapper{position:relative}.pcg-preview-wrapper:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to left,var(--color-background, #ffffff) 0%,transparent 100%);pointer-events:none;opacity:.8}}.pcg-preview-item:focus-visible{outline:2px solid var(--color-accent, #000000);outline-offset:2px}@media(prefers-reduced-motion:reduce){.pcg-slide-track,.pcg-preview-item{transition:none}.pcg-preview-container{scroll-behavior:auto}}.product-custom-gallery:not(:has(.pcg-preview-wrapper)) .pcg-slide{margin-bottom:0}.pcg-slide-item .lazy-image--loading{background:var(--color-background-secondary, #f5f5f5)}.product-custom-gallery .product-gallery-item{border-radius:var(--border-radius, 4px)}.product-custom-gallery .lazy-image{border-radius:inherit}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-custom-gallery.css.map */