/* 10.3.2 coverflow viewer, adapted to a native modal dialog on the website. */
html{scrollbar-gutter:stable}
html.gallery-open{overflow:hidden}
#productModal.flow-modal{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;color:#1d1d1f;overscroll-behavior:contain}
#productModal.flow-modal::backdrop{background:rgb(241 242 246 / calc(var(--gallery-progress,0) * .90));backdrop-filter:blur(calc(var(--gallery-progress,0) * 18px));-webkit-backdrop-filter:blur(calc(var(--gallery-progress,0) * 18px))}
.flow-modal .image-box,.ui-flow-gallery,.ui-flow-gallery .ui-gallery-stage{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;overflow:hidden;isolation:isolate}
.ui-flow-gallery .ui-gallery-stage{isolation:auto}
.ui-flow-gallery .ui-gallery-card{position:fixed;left:0;top:0;box-sizing:border-box;min-height:0;margin:0;background:#fff;border:1px solid #e0e3e9;box-shadow:0 8px 26px #23304615;transform-origin:center;backface-visibility:hidden;will-change:transform;transition:none;touch-action:none;user-select:none;cursor:pointer}
.ui-gallery-card img{display:block;width:100%;height:100%;object-fit:contain;cursor:inherit;user-select:none;-webkit-user-drag:none}
.ui-flow-heading{position:absolute;top:max(26px,env(safe-area-inset-top));left:32px;right:155px;z-index:150;color:#1d1d1f;font-size:18px;line-height:1.4}
.ui-flow-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-modal [data-close-image]{position:absolute;top:max(20px,env(safe-area-inset-top));right:24px;z-index:160;display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid #cbd3df;background:#ffffffe6;color:#1d1d1f;font-size:12px;line-height:1}
.flow-modal [data-close-image] svg{display:block;flex:none;width:16px;height:16px}
.ui-flow-gallery .ui-gallery-controls{position:absolute;inset:auto 0 104px;z-index:150;display:flex;align-items:center;justify-content:center;gap:20px;color:#1d1d1f}
.ui-flow-gallery .ui-gallery-controls button{position:static;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cbd3df;border-radius:13px;background:#ffffffe6;color:#1d1d1f;line-height:0}
.ui-gallery-controls button svg{display:block;width:20px;height:20px}
.ui-gallery-controls button:disabled{opacity:.3;cursor:default}
.ui-gallery-controls>span{min-width:70px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;line-height:1}
.ui-flow-dots{position:absolute;bottom:76px;left:0;right:0;z-index:150;display:flex;justify-content:center;align-items:center;gap:4px}
.ui-flow-dots button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent}
.ui-flow-dots span{display:block;width:6px;height:6px;background:#8b96a7;border-radius:50%}
.ui-flow-dots .active span{background:#0066cc;box-shadow:0 0 0 3px #006fe619}
.ui-flow-gallery .ui-gallery-controls[hidden],.ui-flow-dots[hidden]{display:none}
.ui-gallery-zoom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;z-index:150}
.ui-gallery-zoom button{display:grid;place-items:center;border:1px solid #cbd3df;background:#ffffffe6;color:#1d1d1f;border-radius:11px;height:40px;min-width:40px;padding:0 12px;font-size:12px;line-height:1}
.ui-gallery-zoom svg{display:block;width:18px;height:18px}
.ui-flow-gallery .ui-gallery-details{position:absolute;bottom:175px;left:24px;right:24px;z-index:150;display:flex;justify-content:center;gap:12px;color:#525c6b;font-size:12px;line-height:1.5;text-align:center;pointer-events:none}
.flow-modal button:focus-visible{outline:3px solid #0066cc;outline-offset:3px}
html.ui-gallery-panning,html.ui-gallery-panning *{cursor:grabbing!important;user-select:none!important}
@media(max-width:640px){.ui-flow-heading{left:18px;right:120px;font-size:15px}.flow-modal [data-close-image]{right:14px}.ui-flow-gallery .ui-gallery-details{left:20px;right:20px;font-size:11px}}
@media(max-height:600px){.ui-flow-heading{top:16px;font-size:15px}.flow-modal [data-close-image]{top:10px}.ui-flow-gallery .ui-gallery-controls{bottom:60px;gap:12px}.ui-gallery-controls button{width:40px;height:40px}.ui-flow-dots{bottom:38px}.ui-gallery-zoom{bottom:4px;gap:6px}.ui-gallery-zoom button{height:32px}.ui-flow-gallery .ui-gallery-details{bottom:110px;font-size:11px}}
@media(prefers-reduced-transparency:reduce){#productModal.flow-modal::backdrop{background:#f1f2f6;backdrop-filter:none}.flow-modal [data-close-image],.ui-gallery-controls button,.ui-gallery-zoom button{background:#fff}}