/* 멘야하나비 가맹 안내서 뷰어 — 사이트 안에서 바로 넘겨 보기 */
.bv{position:fixed;inset:0;z-index:2147483600;display:flex;flex-direction:column;background:rgba(12,10,10,.94);color:#fff;font-family:'MH Pop',Pretendard,'Pretendard Variable','Noto Sans KR',system-ui,sans-serif;opacity:0;transition:opacity .25s;-webkit-tap-highlight-color:transparent}
.bv.on{opacity:1}
.bv[hidden]{display:none}
.bv *{box-sizing:border-box}
.bv-top{flex:none;display:flex;align-items:center;gap:14px;height:60px;padding:0 16px 0 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.bv-top b{font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bv-count{font-size:14px;font-weight:600;color:#bdbdbd;font-variant-numeric:tabular-nums;margin-right:auto;white-space:nowrap}
.bv-dl{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:30px;background:#fff;color:#111;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.bv-dl:hover{background:#eee}
.bv-cta{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:30px;background:#CA1D1D;color:#fff;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.bv-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.bv-x:hover{background:rgba(255,255,255,.22)}
.bv-x:focus-visible,.bv-nav:focus-visible,.bv-dl:focus-visible,.bv-thumbs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bv-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:18px 72px}
.bv-spread{display:flex;gap:2px;height:100%;align-items:center;justify-content:center;max-width:100%}
.bv-spread img{display:block;height:100%;max-height:100%;width:auto;max-width:calc(50vw - 80px);object-fit:contain;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.5);user-select:none;-webkit-user-drag:none}
.bv-spread.one img{max-width:calc(100vw - 150px)}
.bv-nav{position:absolute;top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,opacity .2s}
.bv-nav:hover{background:rgba(255,255,255,.24)}
.bv-nav[disabled]{opacity:.25;cursor:default}
.bv-prev{left:14px}.bv-next{right:14px}
.bv-thumbs{flex:none;display:flex;gap:8px;overflow-x:auto;padding:12px 22px 16px;scrollbar-width:thin;justify-content:safe center}
.bv-thumbs button{flex:none;width:52px;border:0;padding:0;background:none;cursor:pointer;opacity:.45;transition:opacity .2s}
.bv-thumbs button:hover{opacity:.8}
.bv-thumbs button[aria-current]{opacity:1;outline:2px solid #CA1D1D;outline-offset:2px}
.bv-thumbs img{display:block;width:52px;height:auto;background:#fff}
/* 모바일: 한 쪽씩 좌우로 밀어 넘김(스크롤 스냅) */
.bv-strip{display:none}
@media (max-width:900px){
  .bv-top{height:54px;padding:0 10px 0 16px;gap:10px}
  .bv-top b{display:none}
  .bv-cta{display:none}
  .bv-stage{display:none}
  .bv-thumbs{display:none}
  .bv-strip{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}
  .bv-strip::-webkit-scrollbar{display:none}
  .bv-strip figure{flex:none;width:100%;height:100%;margin:0;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:12px}
  .bv-strip img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5)}
  .bv-mfoot{flex:none;display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom))}
  .bv-mfoot a{flex:1;display:flex;align-items:center;justify-content:center;height:50px;border-radius:40px;font-size:15.5px;font-weight:800;text-decoration:none}
  .bv-mfoot .m1{background:#CA1D1D;color:#fff}.bv-mfoot .m2{background:#fff;color:#111}
}
@media (min-width:901px){.bv-mfoot{display:none}}
html.bv-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.bv{transition:none}}