/* Bunklow listing photo viewer (popup window for the photo gallery). Fredoka everywhere.
   Buttons reuse the Liquid Glass look (button style #6) from /brand/bk-glass-v1.css: the same --bk-glass-* settings,
   with the same values as fallbacks so the viewer still looks right if that file is missing. No orange. */
@font-face{font-family:Fredoka;src:url(/brand/fonts/Fredoka.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
.bk-pv-open .gal a,.bk-pv-open-img{cursor:zoom-in}
.lst>img.bk-pv-front,.glass-card .aspect-\[4\/3\]>img.size-full{cursor:zoom-in}
html.bk-pv-lock,html.bk-pv-lock body{overflow:hidden!important}
.bk-pv{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;font-family:Fredoka,ui-rounded,system-ui,sans-serif;color:#fff;-webkit-tap-highlight-color:transparent}
.bk-pv[hidden]{display:none}
.bk-pv-bd{position:absolute;inset:0;background:rgba(6,12,28,.95)}
.bk-pv-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}
.bk-pv-count{font-weight:600;font-size:16px;padding:0 6px;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.bk-pv-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bk-pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;
  font:600 15px Fredoka,ui-rounded,system-ui,sans-serif;color:#fff;text-shadow:0 1px 1px rgba(2,8,24,.35);box-sizing:border-box;text-decoration:none;
  background:var(--bk-glass-bg,linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 48%,rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(22,42,80,.9) 0%,rgba(26,46,86,.9) 46%,rgba(44,66,108,.92) 100%));
  border:1px solid var(--bk-glass-line,rgba(206,217,240,.52));
  box-shadow:var(--bk-glass-shadow,inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(8,16,40,.28),0 6px 14px -6px rgba(2,8,24,.6));
  -webkit-backdrop-filter:var(--bk-glass-blur,blur(8px) saturate(1.3));backdrop-filter:var(--bk-glass-blur,blur(8px) saturate(1.3))}
.bk-pv-btn:hover{filter:brightness(1.14);border-color:var(--bk-glass-line-hover,rgba(232,240,255,.78))}
.bk-pv-btn:focus-visible,.bk-pv-th:focus-visible{outline:3px solid #fff;outline-offset:2px}
.bk-pv-btn[disabled]{opacity:.4;cursor:default}
.bk-pv-btn svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bk-pv-main{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}
.bk-pv-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}
.bk-pv-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:50% 50%;will-change:transform;cursor:zoom-in;-webkit-user-drag:none;border-radius:6px}
.bk-pv.bk-zoomed .bk-pv-img{cursor:grab}
.bk-pv.bk-drag .bk-pv-img{cursor:grabbing}
.bk-pv-nav{position:absolute;top:50%;z-index:3;margin-top:-26px;width:52px;height:52px;padding:0}
.bk-pv-prev{left:10px}.bk-pv-next{right:10px}
.bk-pv-strip{position:relative;z-index:2;display:flex;gap:8px;overflow-x:auto;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.bk-pv-th{flex:0 0 auto;width:64px;height:48px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#0f172a;cursor:pointer;opacity:.6}
.bk-pv-th img{width:100%;height:100%;object-fit:cover;display:block}
.bk-pv-th[aria-current=true]{border-color:#fff;opacity:1}
@media (max-width:520px){.bk-pv-btn{padding:0 10px}.bk-pv-nav{width:46px;height:46px;margin-top:-23px}.bk-pv-prev{left:6px}.bk-pv-next{right:6px}.bk-pv-playtxt{display:none}}
@media (prefers-reduced-motion:no-preference){.bk-pv-img{transition:transform .18s ease}.bk-pv.bk-drag .bk-pv-img,.bk-pv.bk-pinch .bk-pv-img{transition:none}.bk-pv{animation:bkpvin .18s ease}@keyframes bkpvin{from{opacity:0}to{opacity:1}}}

/* Top photo carousel on saved listing pages. Without JavaScript only the first photo shows, as one plain image. */
.lst>.bk-pc{position:relative;margin:-17px -33px 12px;font-family:Fredoka,ui-rounded,system-ui,sans-serif}
.bk-pc>img,.bk-pc-track>img{display:block;width:100%;aspect-ratio:4/3;height:auto;max-height:none;object-fit:cover;border-radius:0;margin:0}
.bk-pc-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.bk-pc-track::-webkit-scrollbar{display:none}
.bk-pc-track>img{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;cursor:zoom-in}
.bk-pc-track:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.bk-pc-badge{position:absolute;right:10px;bottom:10px;z-index:2;padding:3px 10px;border-radius:999px;font:600 13px/1.5 Fredoka,ui-rounded,system-ui,sans-serif;color:#fff;background:rgba(10,23,54,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}
.bk-pc-arrow{position:absolute;top:50%;z-index:2;margin-top:-22px;width:44px;height:44px;padding:0}
.bk-pc-l{left:10px}.bk-pc-r{right:10px}
@media (hover:none),(pointer:coarse){.bk-pc-arrow{display:none}}
@media (min-width:640px){.lst>.bk-pc{margin:0 0 12px;border-radius:16px;overflow:hidden}.bk-pc>img,.bk-pc-track>img{aspect-ratio:16/9;max-height:460px}}
@media (prefers-reduced-motion:no-preference){.bk-pc-track{scroll-behavior:smooth}}