#pv{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;
  background:#0B0F17;color:#fff;overflow:hidden;box-shadow:none}
#pv::backdrop{background:#0B0F17}
#pv .pv-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#pv .pv-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:opacity .25s ease;-webkit-user-drag:none}
#pv .pv-img.fade{opacity:0}
#pv .pv-ui{transition:opacity .3s ease}
#pv.pv-idle .pv-ui{opacity:0;pointer-events:none}
#pv .pv-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;
  padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0))}
#pv .pv-n{font:600 15px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:#fff;opacity:.92}
#pv .pv-t{font:500 14px/1.3 Inter,system-ui,sans-serif;color:#fff;opacity:.75;margin:0 12px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pv .pv-x{all:unset;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff}
#pv .pv-x:hover{background:rgba(255,255,255,.24)}
#pv .pv-a{all:unset;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;transition:background .2s,opacity .3s}
#pv .pv-a:hover{background:rgba(255,255,255,.3)}
#pv .pv-prev{left:max(14px,env(safe-area-inset-left))}
#pv .pv-next{right:max(14px,env(safe-area-inset-right))}
#pv .pv-a[disabled]{opacity:.25;cursor:default}
#pv[dir=rtl] .pv-prev{left:auto;right:max(14px,env(safe-area-inset-right))}#pv[dir=rtl] .pv-next{right:auto;left:max(14px,env(safe-area-inset-left))}#pv[dir=rtl] .pv-a svg{transform:scaleX(-1)}
#pv .pv-x:focus-visible,#pv .pv-a:focus-visible{outline:2px solid #C2DDA6;outline-offset:2px}
#pv .pv-strip{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;justify-content:center;overflow-x:auto;
  padding:14px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));scrollbar-width:none}
#pv .pv-strip::-webkit-scrollbar{display:none}
#pv .pv-strip button{all:unset;cursor:pointer;flex:none;border-radius:6px;opacity:.55;transition:opacity .2s}
#pv .pv-strip button.on{opacity:1;outline:2px solid #C2DDA6;outline-offset:1px}
#pv .pv-strip img{width:64px;height:44px;object-fit:cover;border-radius:6px;display:block}
@media (max-width:700px){#pv .pv-a{width:44px;height:44px;background:rgba(0,0,0,.35)}#pv .pv-strip{justify-content:flex-start}#pv .pv-strip img{width:52px;height:38px}}
@media (hover:none){#pv .pv-t{display:none}}
/* quick-view window: show the whole photo with arrows instead of a cropped picture */
#dView .gal .gm{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0E1420;cursor:zoom-in}
#dView .gal .gm .main{width:100%;height:100%;min-height:0;flex:none;object-fit:contain;background:transparent}
#dView .gal .gm .ga{all:unset;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.88);color:#15233B;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#dView .gal .gm .ga:hover{background:#fff}
#dView .gal .gm .gp{left:12px}#dView .gal .gm .gn{right:12px}
#dView .gal .gm .gc{position:absolute;left:12px;bottom:12px;font:600 13px/1 Inter,system-ui,sans-serif;color:#fff;background:rgba(0,0,0,.55);padding:7px 10px;border-radius:999px}
#dView .gal .gm .gf{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;pointer-events:none}
@media (min-width:761px){#dView{max-width:min(1180px,calc(100vw - 32px))}#dView .dv{grid-template-columns:1.45fr 1fr}#dView .dv .gal{height:auto;align-self:start;position:sticky;top:0;border-radius:22px 0 0 0;overflow:hidden}#dView .gal .gm{flex:none;aspect-ratio:4/3}}
@media (max-width:760px){#dView .gal .gm{flex:none;aspect-ratio:4/3}}
[dir=rtl] #dView .gal .gm .gp{left:auto;right:12px}[dir=rtl] #dView .gal .gm .gn{right:auto;left:12px}
[dir=rtl] #dView .gal .gm .ga svg{transform:scaleX(-1)}[dir=rtl] #dView .gal .gm .gc{left:auto;right:12px}[dir=rtl] #dView .gal .gm .gf{right:auto;left:12px}