.product-gallery.svelte-sw4tyd{display:flex;flex-direction:column;gap:var(--spacing-m);min-width:0}.gallery-main.svelte-sw4tyd{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden}.gallery-scroll.svelte-sw4tyd{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;height:100%}.gallery-scroll.svelte-sw4tyd::-webkit-scrollbar{display:none}.gallery-slide.svelte-sw4tyd{min-width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;position:relative}.gallery-slide.svelte-sw4tyd:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at center,transparent 60%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.2) 100%);border-radius:inherit}@media(max-width:767px){.gallery-slide.svelte-sw4tyd:after{background:radial-gradient(ellipse 80% 75% at center,transparent 65%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.3) 100%);border-radius:0}}:root[data-theme=dark] .gallery-slide.svelte-sw4tyd:after{background:radial-gradient(ellipse 80% 80% at center,transparent 60%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.12) 100%)}@media(max-width:767px){:root[data-theme=dark] .gallery-slide.svelte-sw4tyd:after{background:radial-gradient(ellipse 80% 75% at center,transparent 65%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.18) 100%)}}@media(prefers-color-scheme:dark){:root:not([data-theme]) .gallery-slide.svelte-sw4tyd:after{background:radial-gradient(ellipse 80% 80% at center,transparent 60%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.12) 100%)}}@media(prefers-color-scheme:dark)and (max-width:767px){:root:not([data-theme]) .gallery-slide.svelte-sw4tyd:after{background:radial-gradient(ellipse 80% 75% at center,transparent 65%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.18) 100%)}}.gallery-slide.svelte-sw4tyd img{width:100%;height:100%;object-fit:contain}.gallery-nav.svelte-sw4tyd{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:clamp(2rem,1.5rem + 1.5vw,2.5rem);height:clamp(2rem,1.5rem + 1.5vw,2.5rem);border-radius:50%;background:var(--color-base-100);border:1px solid var(--color-base-200);cursor:pointer;align-items:center;justify-content:center;color:var(--color-base-content);transition:background-color .15s ease,opacity .15s ease;box-shadow:var(--shadow-sm)}.gallery-nav.svelte-sw4tyd:not(:disabled){cursor:pointer}.gallery-nav.svelte-sw4tyd:not(:disabled):hover{background:var(--color-base-200)}.gallery-nav.svelte-sw4tyd:disabled{opacity:.4;cursor:not-allowed}.gallery-nav-prev.svelte-sw4tyd{left:var(--spacing-xs)}.gallery-nav-next.svelte-sw4tyd{right:var(--spacing-xs)}.image-placeholder.svelte-sw4tyd{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}.gallery-dots.svelte-sw4tyd{position:absolute;bottom:var(--spacing-5);left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:var(--spacing-xs);z-index:2}.dot.svelte-sw4tyd{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:#0006;transition:background-color .15s ease,border-color .15s ease}.dot-active.svelte-sw4tyd{background:var(--color-base-content);border-color:var(--color-base-content)}.gallery-thumbnails.svelte-sw4tyd{display:none;gap:var(--spacing-xs);overflow-x:auto;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}@media(min-width:768px){.gallery-dots.svelte-sw4tyd{display:none}.gallery-thumbnails.svelte-sw4tyd{display:flex}}.thumbnail.svelte-sw4tyd{flex-shrink:0;width:5rem;height:5rem;border:2px solid var(--color-base-300);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;padding:0;background:none}.thumbnail.svelte-sw4tyd img{width:100%;height:100%;object-fit:cover}.thumbnail-active.svelte-sw4tyd{border-color:var(--color-primary);border-width:2px}@media(min-width:992px){.product-gallery.svelte-sw4tyd{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-m)}.gallery-main.svelte-sw4tyd{grid-column:2;grid-row:1}.gallery-thumbnails.svelte-sw4tyd{grid-column:1;grid-row:1;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:var(--spacing-xs)}.thumbnail.svelte-sw4tyd{width:5rem;height:5rem}}
