/* Уран Шувуу — салбар сонгох (Монголын газрын зураг) + толгойн «📍 Салбар» товч */
.brpill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);
  color:#fff;border-radius:999px;padding:6px 12px 6px 10px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.brpill svg{flex:none}
.brpill:hover{background:rgba(255,255,255,.22)}

.bmap{position:fixed;inset:0;z-index:200;overflow-y:auto;color:#fff;-webkit-overflow-scrolling:touch;
  font-family:"Google Sans",system-ui,sans-serif;
  background:radial-gradient(80% 65% at 50% 50%,rgba(10,10,10,.84) 0%,rgba(10,10,10,.95) 65%,#0a0a0a 100%),url(img/showroom-sm.jpg) center/cover no-repeat #0a0a0a}
.bmap-in{max-width:1680px;margin:0 auto;padding:22px 16px 26px;min-height:100%;display:flex;flex-direction:column}
.bmap-top{display:flex;align-items:center;gap:12px}
.bmap-top img{height:30px;width:auto}
.bmap-x{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);font-size:22px;line-height:1;cursor:pointer;color:#fff}
.bmap h1{margin:18px 0 6px;font-size:clamp(26px,3.6vw,44px);letter-spacing:-.015em;text-align:center}
.bmap-sub{margin:0;text-align:center;color:rgba(255,255,255,.62);font-size:15px}
.bmap-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.bmap-stats span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);border-radius:999px;padding:6px 14px;font-size:13px;color:rgba(255,255,255,.75)}
.bmap-stats b{color:#fff;font-size:15px;margin-right:3px}

.bmap-wrap{width:min(100%,calc((100svh - 270px) * 1000 / 501));margin:auto}
.bcard{max-width:250px}
.bmap-stage{position:relative;width:100%;aspect-ratio:1000/501;margin:6px 0 0}
.bmap-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bmap-land{fill:rgba(255,255,255,.035);stroke:#fff;stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 22px rgba(255,255,255,.12))}
.bmap-dots{fill:url(#bmDots);pointer-events:none;animation:bmFade 1s .7s ease both}
#bmDots circle{fill:rgba(255,255,255,.22)}
.bmap-lead{stroke:rgba(255,255,255,.7);stroke-width:1.4;stroke-dasharray:4 4;fill:none}
.bmap-pin .dot{fill:#fff;stroke:#0a0a0a;stroke-width:3}
.bmap-pin .ring{fill:#fff;opacity:.35;transform-box:fill-box;transform-origin:center;animation:bmapPulse 2.2s ease-out infinite}
.bmap-pin.on .dot{fill:#1F8A4C}.bmap-pin.on .ring{fill:#1F8A4C}
@keyframes bmapPulse{0%{transform:scale(.6);opacity:.45}100%{transform:scale(2.6);opacity:0}}

.bmap-cards{position:absolute;inset:0}
.bcard{position:absolute;width:21%;min-width:168px;transform:translateY(-50%);background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:18px;
  padding:14px 14px 12px;text-align:left;font:inherit;color:#141414;cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.55);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bcard:hover,.bcard:focus-visible{transform:translateY(calc(-50% - 4px));box-shadow:0 26px 60px rgba(0,0,0,.7),0 0 0 3px rgba(255,255,255,.35);outline:0}
.bcard img{display:block;width:100%;max-width:190px;height:auto;margin:0 0 10px}
.bcard b{display:block;font-size:19px;line-height:1.2}
.bcard small{display:block;color:#868686;font-size:12.5px;margin-top:3px;min-height:1.2em}
.bcard .go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#111111;color:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700}
.bcard.on{border-color:#1F8A4C}
.bcard.on .go{background:#1F8A4C}
.bmap-warn{margin:16px auto 0;max-width:560px;background:#FFF1E0;color:#7A3E00;border-radius:12px;padding:10px 14px;font-size:14px;text-align:center}
.bmap-foot{margin-top:auto;padding-top:18px;text-align:center;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.4);line-height:1.9}
.bmap-foot a{color:rgba(255,255,255,.55);text-decoration:none}
.bmap-foot a:hover{color:#fff;text-decoration:underline}

/* утас: картууд газрын зургийн доор жагсана, зураг дээр зөвхөн цэг + нэр */
.bmap-lbl{font:700 22px "Google Sans",system-ui,sans-serif;fill:#fff;paint-order:stroke;stroke:#0a0a0a;stroke-width:6px;stroke-linejoin:round;display:none}
@media (max-width:760px){
  .bmap-in{padding-top:18px}
  .bmap h1{margin-top:16px}
  .bmap-lead{display:none}
  .bmap-lbl{display:block}
  .bmap-cards{position:static;display:grid;gap:10px;margin-top:14px}
  .bcard{position:static;width:auto;max-width:none;min-width:0;transform:none;display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:12px}
  .bcard:hover,.bcard:focus-visible{transform:none}
  .bcard img{margin:0;max-width:96px}
  .bcard .go{margin:0}
}

/* утасны толгой: лого шахагдахгүй — утасны дугаар зөвхөн дүрсээр, салбарын товч нягт */
.bcard .go{white-space:nowrap}
.topbar-in .brand{flex:0 1 auto;min-width:104px}
.topbar-in .brand img{max-width:100%;height:32px;width:auto;object-fit:contain;object-position:left center}
@media (max-width:560px){
  .topbar-in .call span{display:none}
  .brpill{padding:5px 9px;font-size:12.5px;gap:4px}
  .brpill svg:last-child{display:none}
}
@media (max-width:380px){ .brpill span{max-width:64px;overflow:hidden;text-overflow:ellipsis} }

/* салбар сонгосны дараах мэндчилгээ */
.bhi{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(20,20,20,.35);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:bhiIn .3s ease both;cursor:pointer}
.bhi.out{animation:bhiOut .4s ease both}
.bhi-card{background:#fff;border-radius:24px;padding:28px 26px 22px;max-width:380px;width:100%;text-align:center;
  font-family:"Google Sans",system-ui,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:bhiPop .45s cubic-bezier(.2,1.3,.4,1) both}
.bhi-card img{width:190px;height:auto;display:block;margin:0 auto 16px}
.bhi-pin{display:inline-block;margin:0 0 10px;background:#F2F2F2;color:#111111;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}
.bhi-card h2{margin:0 0 8px;font-size:28px;line-height:1.2;color:#141414}
.bhi-sub{margin:0 0 4px;color:#868686;font-size:13.5px}
.bhi-card button{margin-top:16px;border:0;border-radius:999px;background:#111111;color:#fff;font:inherit;font-weight:700;font-size:15px;padding:12px 22px;cursor:pointer}
@keyframes bhiIn{from{opacity:0}to{opacity:1}}
@keyframes bhiOut{to{opacity:0}}
@keyframes bhiPop{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}

/* ---------- эффект: орох (хил зурагдана → цэг үсэрнэ → карт тодорно), гарах (fade out) ---------- */
.bmap{animation:bmFade .35s ease both;transition:opacity .45s ease}
.bmap h1,.bmap-sub{animation:bmUp .5s .1s ease both}
.bmap-land{stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0;
  animation:bmDraw 1.1s .15s cubic-bezier(.6,.1,.3,1) forwards,bmFill .5s .85s ease forwards}
.bmap-pin{transform-box:fill-box;transform-origin:center;animation:bmPop .5s cubic-bezier(.2,1.6,.4,1) both}
.bmap-lbl{animation:bmFade .4s ease both}
.bmap-lead{animation:bmFade .4s ease both}
.bcard{animation:bmCard .55s cubic-bezier(.2,.9,.3,1) both}
@keyframes bmFade{from{opacity:0}to{opacity:1}}
@keyframes bmUp{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes bmDraw{to{stroke-dashoffset:0}}
@keyframes bmFill{to{fill-opacity:1}}
@keyframes bmPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes bmCard{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}

/* гарах: сонгосон карт томорч, бусад бүдгэрнэ, дэлгэц бүхэлдээ алга болно */
/* гарах: картууд бүдгэрч, камер хот руу zoom (zoomTo), дараа нь цагаан болж fade out
   (animation-ийн «both» opacity-г барьдаг тул гаралтыг ч animation-оор) */
.bmap-stage{transition:transform .95s cubic-bezier(.65,0,.25,1);will-change:transform}
.bmap.out{animation:bmOut .4s .72s ease forwards;pointer-events:none}
.bmap.out .bcard{animation:bmDim .25s ease forwards !important}   /* inline animation-delay-г дарна */
.bmap.out .bcard.picked{animation:bmPickOut .45s ease forwards !important}
.bmap.out .bmap-lead,.bmap.out .bmap-lbl,.bmap.out h1,.bmap.out .bmap-sub,.bmap.out .bmap-stats,.bmap.out .bmap-top,.bmap.out .bmap-foot{animation:bmDim0 .25s ease forwards !important}
.bmap.out .bmap-pin:not(.hit){animation:bmDim0 .25s ease forwards !important}
.bmap.out .bmap-pin.hit .ring{animation-duration:.9s}
@keyframes bmOut{from{opacity:1}to{opacity:0}}
@keyframes bmDim{to{opacity:0;translate:0 8px}}
@keyframes bmDim0{to{opacity:0}}
@keyframes bmPickOut{0%{scale:1}35%{scale:1.05;opacity:1}100%{scale:1.05;opacity:0}}

@media (prefers-reduced-motion:reduce){
  .bmap,.bmap *{animation:none !important;transition:none !important}
  .bmap-land{stroke-dashoffset:0;fill-opacity:1}
}
.bmap-land,.bmap-lead{vector-effect:non-scaling-stroke}

/* «Тун удахгүй» салбар: бүдэг, сонгогдохгүй */
.bmap-pin.soon .dot{fill:#7a7a7a}
.bmap-pin.soon .ring{display:none}
.bmap-lead.soon{opacity:.3 !important}
.bcard.soon{cursor:default;background:rgba(255,255,255,.88)}
.bcard.soon img,.bcard.soon b{opacity:.55}
.bcard.soon .go{background:transparent;color:#666;border:1px dashed #bbb}
.bcard.soon:hover,.bcard.soon:focus-visible{transform:translateY(-50%);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.bcard.soon.shake{animation:bmShake .4s ease !important}
@keyframes bmShake{20%,60%{translate:-6px 0}40%,80%{translate:6px 0}}
@media (max-width:760px){ .bcard.soon:hover,.bcard.soon:focus-visible{transform:none} }

/* ---------- КАТАЛОГ горим (branches.js ONLINE=false): сагс, үлдэгдэл нуух ---------- */
.catalog .cartbtn,.catalog .cart,.catalog .cart-scrim,.catalog .instock,
.catalog .badge-in,.catalog .badge-low,.catalog .badge-out,.catalog .badge-res,
.catalog .vrow .st,.catalog .hero-stats > div:nth-child(2){display:none !important}
.catalog .sheet-cta .btn-ghost{flex:0 0 auto}
/* онлайн горим: үлдэгдэл оруулаагүй барааны тэмдэг харагдахгүй; «Бэлэн байгаа» тоо нуух */
.badge-ask{display:none !important}
.hero-stats > div:nth-child(2){display:none !important}
.qbanks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qbanks a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:inherit;text-decoration:none}
.qbanks img{width:44px;height:44px;border-radius:12px}