/* ═══════════════════════════════════════════════════════════════════
   SITE — bổ sung RIÊNG cho SUPER NAILS & LASHES (song ngữ PL/EN,
   2 chi nhánh, mã QR Booksy). Không đụng base.css dùng chung.
   ═══════════════════════════════════════════════════════════════════ */

/* nút chuyển ngôn ngữ PL | EN */
.lang{display:inline-flex;align-items:center;gap:2px;font-family:var(--disp);font-weight:600;
  font-size:12.5px;letter-spacing:.04em}
.lang button{background:none;border:0;color:inherit;cursor:pointer;padding:2px 6px;border-radius:6px;
  opacity:.55;transition:.2s;font:inherit;line-height:1}
.lang button:hover{opacity:.9}
.lang button.on{opacity:1;background:var(--caramel);color:#3a2e28}
.topbar .lang{margin-left:auto}
.nav .lang{opacity:1}

/* 2 chi nhánh */
.locs{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:8px}
.loc{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.loc .loc-map{aspect-ratio:16/10;overflow:hidden;background:var(--cream-2)}
.loc .loc-map iframe{width:100%;height:100%;border:0;display:block}
.loc .loc-body{padding:26px 26px 30px}
.loc h3{font-size:23px;color:var(--sage-d);margin-bottom:12px;display:flex;align-items:center;gap:9px}
.loc h3 .pin{color:var(--caramel-d)}
.loc .cline{padding:9px 0}
.loc .cline:last-of-type{border-bottom:0}
.loc-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

/* khối QR Booksy */
.qr-wrap{display:flex;align-items:center;gap:18px;margin-top:22px;padding-top:20px;
  border-top:1px dashed var(--line)}
.qr{width:118px;height:118px;flex:none;border-radius:14px;overflow:hidden;background:#fff;
  border:1px solid var(--line);display:grid;place-items:center;text-align:center}
.qr img{width:100%;height:100%;object-fit:contain;padding:6px}
.qr .qr-soon{font-family:var(--disp);font-size:11px;font-weight:600;color:var(--ink-soft);padding:10px;line-height:1.4}
.qr-note h4{font-family:var(--disp);font-size:15px;margin:0 0 6px;color:var(--sage-d)}
.qr-note p{font-size:13.5px;color:var(--ink-soft);margin:0}

@media(max-width:880px){
  .locs{grid-template-columns:1fr}
  .topbar .lang{margin-left:0}
  /* menu mobile: PHỦ KÍN màn hình, nền kem đậm ĐỤC HẲN (không lộ ảnh nền),
     hiện tức thì — chỉ phần trượt chạy hiệu ứng. Nút ☰ luôn nổi để đóng. */
  #nav.nav{inset:0;width:100%;height:100vh;height:100dvh;min-height:100vh;
    background:var(--cream);padding:96px 40px 40px;z-index:60;transition:transform .35s ease}
  .burger{z-index:70}
}