html.wb-lightbox-open { overflow:hidden; }
.wb-lightbox { position:fixed; inset:0; width:min(1180px,calc(100% - 40px)); height:calc(100dvh - 40px); max-width:none; max-height:none; margin:auto; padding:0; border:1px solid #e8d5d5; border-radius:20px; background:#fffaf6; color:#5a3745; box-shadow:0 24px 90px #210e2380; overflow:hidden; }
.wb-lightbox[open] { display:grid; grid-template-rows:64px minmax(0,1fr) auto 28px; }
.wb-lightbox::backdrop { background:#24111fd9; backdrop-filter:blur(6px); }
.wb-lightbox__bar { display:flex; align-items:center; gap:16px; padding:10px 16px 10px 24px; border-bottom:1px solid #ecded7; font-size:14px; }
.wb-lightbox__counter { margin-left:auto; font-size:13px; font-variant-numeric:tabular-nums; }
.wb-lightbox button { display:grid; place-items:center; flex:none; width:44px; height:44px; padding:0; border:1px solid #dfc9cf; border-radius:50%; background:#fffaf6; color:var(--wb-accent,#7b2638); cursor:pointer; }
.wb-lightbox button:hover { background:#f3e1de; }
.wb-lightbox button:focus-visible { outline:2px solid var(--wb-accent,#7b2638); outline-offset:3px; }
.wb-lightbox button svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.wb-lightbox__stage { position:relative; min-height:0; display:flex; justify-content:center; align-items:center; padding:12px 64px; touch-action:pan-y pinch-zoom; }
.wb-lightbox__image { display:block; width:100%; height:100%; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.wb-lightbox .wb-lightbox__arrow { position:absolute; top:calc(50% - 22px); box-shadow:0 3px 14px #62334212; }
.wb-lightbox__arrow--prev { left:12px; }.wb-lightbox__arrow--next { right:12px; }
.wb-lightbox__thumbs { position:relative; display:flex; gap:9px; padding:7px 16px; overflow-x:auto; scrollbar-width:none; margin-inline:auto; max-width:100%; }
.wb-lightbox__thumbs::-webkit-scrollbar { display:none; }
.wb-lightbox__thumbs button { width:45px; height:58px; padding:3px; border-radius:7px; opacity:.65; }
.wb-lightbox__thumbs [aria-pressed=true] { border-color:var(--wb-accent,#7b2638); opacity:1; background:#f3e1de; }
.wb-lightbox__thumbs img { width:100%; height:100%; object-fit:cover; border-radius:3px; }
.wb-lightbox__status { margin:0; padding:4px 12px; font-size:11px; text-align:center; color:#826b75; }
.wb-lightbox [hidden] { display:none!important; }
@media(max-width:600px) { .wb-lightbox { width:100%; height:100dvh; border:0; border-radius:0; }.wb-lightbox[open] { grid-template-rows:62px minmax(0,1fr) auto 35px; }.wb-lightbox__bar { padding:8px 10px 8px 16px; font-size:12px; gap:8px; }.wb-lightbox__stage { padding:8px 0; }.wb-lightbox .wb-lightbox__arrow { background:#fffaf6e8; }.wb-lightbox__arrow--prev { left:8px; }.wb-lightbox__arrow--next { right:8px; } }