/* BANUK / Atelier Viewer: one uncluttered, accessible viewer for legacy, variants and Woo galleries. */
body.single-product dialog.bn-atp-dialog,
body.single-product dialog.bn-gallery-modal {
 --bn-ink:#211a21;--bn-plum:#3e2346;--bn-silk:#f7f3ee;
 box-sizing:border-box!important;inset:0!important;position:fixed!important;
 width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
 padding:clamp(68px,8vh,92px) clamp(10px,5vw,84px) clamp(125px,19vh,175px)!important;
 margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;
 background:var(--bn-silk)!important;color:var(--bn-ink)!important;
 box-shadow:none!important;isolation:isolate;direction:ltr!important;
}
body.single-product dialog.bn-atp-dialog::backdrop,
body.single-product dialog.bn-gallery-modal::backdrop{background:rgba(22,19,23,.82)!important}
body.single-product dialog.bn-atp-dialog[open],
body.single-product dialog.bn-gallery-modal[open]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important}
body.single-product dialog.bn-atp-dialog>img,
body.single-product dialog.bn-gallery-modal .bn-gallery-view,
body.single-product dialog.bn-color-dialog img.bn-color-modal-image {
 display:block!important;height:100%!important;width:auto!important;max-width:min(82vw,1120px)!important;
 max-height:100%!important;min-height:0!important;margin:auto!important;object-fit:contain!important;
 border:0!important;box-shadow:none!important;transform-origin:50% 50%;transition:transform .22s ease;
 cursor:zoom-in;user-select:none;-webkit-user-select:none;
}
body.single-product dialog.bn-atp-dialog img.bn-lb-zoomed,
body.single-product dialog.bn-gallery-modal img.bn-lb-zoomed{transform:scale(1.7)!important;cursor:zoom-out!important;touch-action:none}
body.single-product dialog.bn-atp-dialog img.bn-finish-modal-zoomed:not(.bn-lb-zoomed){transform:none!important}
body.single-product dialog.bn-gallery-modal .bn-gallery-stage{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;width:100%!important}
body.single-product dialog.bn-gallery-modal .bn-gallery-view{max-height:100%!important;}
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-close,
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-prev,
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-next,
body.single-product dialog.bn-gallery-modal .bn-gallery-close,
body.single-product dialog.bn-gallery-modal .bn-gallery-arrow,
body.single-product dialog .bn-lb-zoom-button {
 box-sizing:border-box!important;display:grid!important;place-items:center!important;
 width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
 padding:0!important;border:1px solid #ded7d6!important;border-radius:50%!important;
 background:rgba(255,255,255,.87)!important;color:var(--bn-ink,#211a21)!important;
 font-size:0!important;line-height:1!important;cursor:pointer!important;z-index:11!important;
 box-shadow:0 5px 20px rgba(34,25,35,.07)!important;
 transition:background .18s,border-color .18s,transform .18s!important;
}
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-close,
body.single-product dialog.bn-gallery-modal .bn-gallery-close{position:absolute!important;inset-block-start:max(18px,env(safe-area-inset-top))!important;inset-inline-end:clamp(18px,3vw,50px)!important;inset-inline-start:auto!important;transform:none!important}
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-prev,
body.single-product dialog.bn-gallery-modal .bn-gallery-prev{position:absolute!important;left:clamp(10px,2.3vw,34px)!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important}
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-next,
body.single-product dialog.bn-gallery-modal .bn-gallery-next{position:absolute!important;right:clamp(10px,2.3vw,34px)!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important}
body.single-product dialog .bn-lb-zoom-button{position:absolute!important;left:clamp(18px,3vw,50px)!important;top:max(18px,env(safe-area-inset-top))!important}
body.single-product dialog .bn-lb-zoom-button[aria-pressed="true"]{background:var(--bn-plum)!important;color:white!important;border-color:var(--bn-plum)!important}
body.single-product dialog.bn-atp-dialog button:hover,
body.single-product dialog.bn-gallery-modal button:hover{border-color:#a899ab!important;background:#eee5ee!important}
body.single-product dialog.bn-atp-dialog button:focus-visible,
body.single-product dialog.bn-gallery-modal button:focus-visible{outline:2px solid #3e2346!important;outline-offset:3px!important}
body.single-product dialog.bn-atp-dialog button svg,
body.single-product dialog.bn-gallery-modal button svg{display:block!important;width:21px!important;height:21px!important;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.single-product dialog.bn-atp-dialog .bn-finish-modal-zoom{display:none!important}
body.single-product dialog .bn-lb-caption{position:absolute;left:50%;transform:translateX(-50%);top:19px;
 font:500 10px/1.5 Arial,sans-serif;letter-spacing:.26em;color:#806f7c;white-space:nowrap;pointer-events:none}
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-counter,
body.single-product dialog.bn-gallery-modal .bn-gallery-count{position:absolute!important;bottom:max(16px,env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;
 margin:0!important;color:#554a52!important;font-size:12px!important;letter-spacing:.04em!important;line-height:1.5!important;direction:ltr!important}
body.single-product dialog .bn-lb-strip{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);z-index:3;
 display:flex;gap:8px;align-items:center;justify-content:flex-start;max-width:min(86vw,720px);height:82px;
 overflow-x:auto;overscroll-behavior-x:contain;padding:8px 2px;scrollbar-width:thin;scroll-snap-type:x proximity}
body.single-product dialog .bn-lb-thumb{position:relative;display:block;flex:0 0 54px;width:54px;height:68px;padding:0;overflow:hidden;
 border:1px solid #e0d6d4;background:white;border-radius:3px;cursor:pointer;scroll-snap-align:center;opacity:.78}
body.single-product dialog .bn-lb-thumb[aria-current="true"]{border:2px solid #3e2346;opacity:1}
body.single-product dialog .bn-lb-thumb img{height:100%;width:100%;object-fit:contain;display:block;background:#f4f0ed}
body.single-product dialog .bn-lb-swipe{display:none}
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-prev[hidden],
body.single-product dialog.bn-atp-dialog .bn-atp-dialog-next[hidden],
body.single-product dialog.bn-gallery-modal .bn-gallery-arrow[hidden]{display:none!important}
@media(max-width:640px){
 body.single-product dialog.bn-atp-dialog,body.single-product dialog.bn-gallery-modal{padding:65px 8px 142px!important}
 body.single-product dialog.bn-atp-dialog>img,
 body.single-product dialog.bn-gallery-modal .bn-gallery-view,
 body.single-product dialog.bn-color-dialog img.bn-color-modal-image{max-width:94vw!important;max-height:100%!important}
 body.single-product dialog .bn-lb-caption{font-size:9px;top:23px}
 body.single-product dialog .bn-lb-strip{max-width:94vw;height:74px;bottom:42px}
 body.single-product dialog .bn-lb-thumb{width:48px;height:60px;flex-basis:48px}
 body.single-product dialog.bn-atp-dialog .bn-atp-dialog-prev,
 body.single-product dialog.bn-atp-dialog .bn-atp-dialog-next,
 body.single-product dialog.bn-gallery-modal .bn-gallery-arrow{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;top:53%!important;background:rgba(255,255,255,.9)!important}
 body.single-product dialog .bn-lb-swipe{display:block;position:absolute;bottom:126px;left:0;right:0;text-align:center;font-size:10px;color:#9a8c96;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){body.single-product dialog.bn-atp-dialog *,
body.single-product dialog.bn-gallery-modal *{transition:none!important}}
