.product-gallery{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:20px;min-width:0;display:grid}.product-gallery.gallery-single{grid-template-columns:minmax(0,1fr)}.gallery-thumbnails{min-width:0;padding-block:26px;position:relative}.gallery-thumbnail-list{scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;gap:14px;max-height:440px;display:flex;overflow:auto}.gallery-thumbnail-list::-webkit-scrollbar{display:none}.gallery-thumbnail-list button{aspect-ratio:1;opacity:.65;background:#f1f3f0;border:2px solid #0000;border-radius:12px;flex:none;width:100%;padding:5px}.gallery-thumbnail-list button[aria-pressed=true]{border-color:var(--shop-green);opacity:1}.gallery-thumbnail-list button:hover{opacity:1}.gallery-thumbnail-list img{object-fit:cover;object-position:center;border-radius:7px;width:100%;height:100%}.gallery-rail-arrow{width:100%;height:26px;color:var(--shop-muted);background:#fff;border:0;place-items:center;display:grid;position:absolute;left:0}.gallery-rail-up{top:0}.gallery-rail-down{bottom:0}.gallery-rail-arrow svg{width:18px;height:18px;transform:rotate(90deg)}.gallery-main{aspect-ratio:1;touch-action:pan-y;min-width:0;position:relative}.gallery-image-link{box-sizing:border-box;cursor:zoom-in;background:#f6f7f4;border-radius:22px;width:100%;height:100%;display:block;overflow:hidden}.gallery-image-link img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.gallery-image-link:focus-visible{outline-offset:-5px}.gallery-arrow,.gallery-expand{color:#586258;background:#fffffff2;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;box-shadow:0 2px 10px #203b1808}.gallery-arrow{top:50%;transform:translateY(-50%)}.gallery-previous{left:16px}.gallery-next{right:16px}.gallery-expand{border-radius:10px;bottom:16px;right:16px}.gallery-arrow:hover,.gallery-expand:hover{color:var(--shop-green);background:#fff}.gallery-arrow svg,.gallery-expand svg{width:20px;height:20px}.gallery-count{color:var(--shop-muted);font-size:12px;position:absolute;bottom:22px;left:18px}.gallery-placeholder{aspect-ratio:1/1.05;min-height:360px;color:var(--shop-muted);text-align:center;background:#f2f4f1;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.gallery-placeholder svg{stroke-width:1px;color:#90a58b;width:64px;height:64px}.gallery-placeholder p{margin:0;font-size:16px}.gallery-placeholder span{font-size:12px}dialog.image-viewer{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.image-viewer[open]{grid-template-rows:56px minmax(0,1fr) 100px;display:grid}dialog.image-viewer.thumbnails-hidden,dialog.image-viewer:not(:has([data-viewer-strip])){grid-template-rows:56px minmax(0,1fr)}.image-viewer::backdrop{backdrop-filter:blur(5px);background:#111914bf}.image-viewer:fullscreen{background:#202720}.viewer-toolbar{z-index:2;justify-content:space-between;align-items:center;padding-left:20px;display:flex}.viewer-counter{font-variant-numeric:tabular-nums;font-size:14px}.viewer-tools{background:#171c20a6;height:100%;display:flex}.viewer-tools button,.viewer-arrow{color:#eee;background:0 0;border:0;place-items:center;width:48px;min-height:48px;padding:0;display:grid}.viewer-tools button:hover,.viewer-tools button[aria-pressed=true]{color:#fff;background:#ffffff1c}.viewer-tools button:focus-visible,.viewer-arrow:focus-visible,.viewer-thumbnails button:focus-visible{outline-offset:-4px;outline:2px solid #fff}.viewer-tools button svg{width:24px;height:24px;display:block}.viewer-stage{justify-content:center;align-items:center;min-height:0;padding:4px 76px 12px;display:flex;position:relative}.viewer-canvas{cursor:zoom-in;touch-action:pan-y;background:#eef0f3;border-radius:14px;width:min(100%,1200px);height:100%;position:relative;overflow:hidden}.viewer-canvas img{object-fit:contain;object-position:center;user-select:none;transform-origin:50%;width:100%;height:100%;display:block}.viewer-canvas.is-zoomed{cursor:grab;touch-action:none}.viewer-canvas.is-zoomed:active{cursor:grabbing}.viewer-arrow{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.viewer-arrow svg{width:30px;height:30px}.viewer-previous{left:12px}.viewer-next{right:12px}.viewer-thumbnails{scrollbar-width:thin;scrollbar-color:#849981 transparent;overscroll-behavior:contain;justify-self:center;align-items:center;gap:10px;max-width:calc(100vw - 32px);height:100%;padding:6px 4px 12px;display:flex;overflow-x:auto}.viewer-thumbnails button{opacity:.5;background:#eef0f3;border:2px solid #0000;border-radius:7px;flex:0 0 98px;height:76px;padding:0;overflow:hidden}.viewer-thumbnails button[aria-pressed=true]{opacity:1;border-color:#87b57b}.viewer-thumbnails button:hover{opacity:1}.viewer-thumbnails img{object-fit:contain;width:100%;height:100%}.viewer-image-error{color:#465343;text-align:center;place-items:center;margin:0;padding:24px;display:grid;position:absolute;inset:0}@media (width<=1100px){.product-gallery{grid-template-columns:66px minmax(0,1fr);gap:14px}.gallery-thumbnail-list{max-height:350px}}@media (width<=700px){.product-gallery{grid-template-columns:minmax(0,1fr);gap:14px}.gallery-main{aspect-ratio:1;grid-row:1}.gallery-thumbnails{grid-row:2;padding:0 24px}.gallery-thumbnail-list{flex-direction:row;gap:10px;max-height:none}.gallery-thumbnail-list button{flex-basis:68px;width:68px;height:68px}.gallery-rail-arrow{width:24px;height:100%;top:0}.gallery-rail-up{left:0}.gallery-rail-down{left:auto;right:0}.gallery-rail-arrow svg{transform:none}.gallery-placeholder{min-height:280px}.viewer-stage{padding:4px 12px 10px}.viewer-arrow{background:#1b211e88;border-radius:50%;width:40px;min-height:44px}.viewer-previous{left:16px}.viewer-next{right:16px}.viewer-toolbar{padding-left:12px}.viewer-tools button{width:44px}.viewer-counter{font-size:12px}dialog.image-viewer[open]{grid-template-rows:52px minmax(0,1fr) 86px}dialog.image-viewer.thumbnails-hidden,dialog.image-viewer:not(:has([data-viewer-strip])){grid-template-rows:52px minmax(0,1fr)}.viewer-thumbnails button{flex-basis:76px;height:60px}}