/* V3: province picker under the top bar, its list, and the short note shown when a commune is tapped. */
.v3-province-btn { position:absolute; z-index:1090; top:84px; left:16px; pointer-events:auto; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:1px solid var(--v2-line,#d9dde1); border-radius:999px; background:rgba(255,255,255,.97); color:#102c3a; font:600 15px/1 Inter,system-ui,sans-serif; box-shadow:0 3px 12px #1730421f; cursor:pointer; }
.v3-province-btn b { font-weight:800; }
.v3-province-label { color:#5b6b75; font-weight:600; }
.v3-province-popover { top:136px; left:16px; right:auto; width:min(380px,calc(100vw - 28px)); }
.v3-province-note { margin:0 4px 10px; color:#5b6b75; font-size:14px; line-height:1.45; }
.v3-province-list { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.v3-province-item { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:52px; padding:6px 10px; border:1px solid var(--v2-line,#d9dde1); border-radius:12px; background:#fff; color:#102c3a; font-size:15px; font-weight:700; text-align:left; cursor:pointer; }
.v3-province-item small { color:#6b7a84; font-size:12px; font-weight:500; }
.v3-province-item[aria-pressed="true"] { border-color:#16323f; background:#16323f; color:#fff; }
.v3-province-item[aria-pressed="true"] small { color:#d6e2e8; }
.v3-province-item:hover { background:#f6f0e3; }
.v3-province-item[aria-pressed="true"]:hover { background:#1d4256; }
.v3-province-status { display:block; margin:12px 4px 2px; color:#16323f; font-size:15px; font-weight:700; }
.v3-province-toast { position:absolute; z-index:1080; top:136px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:6px; max-width:min(420px,calc(100vw - 24px)); margin:0; padding:4px 4px 4px 10px; border-radius:10px; background:rgba(16,44,58,.9); color:#fff; font:600 13px/1.35 Inter,system-ui,sans-serif; box-shadow:0 4px 12px #0003; }
.v3-province-toast[hidden] { display:none; }
.v3-province-toast-x { flex:none; width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:#fff; font-size:15px; cursor:pointer; }
.v3-province-toast-x:hover { background:#ffffff26; }
.v3-no-market { margin:0; padding:10px 12px; border:1px solid #f59e0b80; border-radius:12px; background:#fff7e6; color:#7a4a00; font-size:14px; line-height:1.45; }
.v3-no-market b { display:block; color:#7a4a00; }
@media (max-width:767px) {
  .v3-province-btn { top:66px; left:8px; min-height:42px; padding:0 12px; font-size:15px; }
  .v3-province-popover { top:118px; left:8px; }
  .v3-province-toast { top:116px; left:8px; right:auto; transform:none; max-width:calc(100vw - 16px); }
}