/* ==========================================================================
   Branches index ≤767 px — Figma "Hệ thống chi nhánh – Mobile" 3638:19127 (390 wide; spec docs/figma/specs-v3/he-thong-cn/mobile/).
   Enqueued by page-ohio-branches.php only. Frame y in comments (header 0–64).
   Sections: Hero 3638:19434 (64–755) · Danh sách chi nhánh 3638:19656 (755–3612) · Bản đồ hệ thống 3638:19943 (3612–4722)
   · Tiêu chuẩn y khoa 3638:20014 (4722–5101) · Lựa chọn cơ sở 3638:20063 (5101–5724). Desktop "why" block has no mobile frame.
   ========================================================================== */
@media (max-width:767px){
  .ohio-bri__m-only{display:block}
  .ohio-btn.ohio-bri__m-only{display:inline-flex}
  .ohio-bri__d-only,.ohio-bri .ohio-sg__cta.ohio-bri__d-only,.ohio-bri__why-sec{display:none}
  .ohio-bri .ohio-section{padding:40px 0}
  .ohio-bri .ohio-sec-title{margin:0 0 20px;font:700 22px/30px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-bri .ohio-sec-title--bar::before,.ohio-bri__title::before{content:"";display:block;width:32px;height:3px;margin:0 0 8px;border-radius:2px;background:var(--ohio-cta)}
  .ohio-bri .ohio-btn{gap:8px;padding:0 20px;font:600 14px/20px var(--ohio-font-body);letter-spacing:.04em}
  .ohio-bri .ohio-btn--outline{box-shadow:inset 0 0 0 1.5px var(--ohio-purple-700)}
  .ohio-bri .ohio-btn--arrow::after{content:"";width:18px;height:18px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 9h10.5M9.75 4.5 14.25 9l-4.5 4.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 9h10.5M9.75 4.5 14.25 9l-4.5 4.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .ohio-bri .qh_tuvan.ohio-btn--arrow::after{content:""}
  .ohio-bri .ohio-btn--s{height:36px;font-size:13px;letter-spacing:.04em}   /* "Nút / L3" 36 tall, 13/20 */

  /* hero 3638:19434: #F7F3FB, 40/20 padding, gap 16 · crumbs 104 · bar 140 · H1 151 · lead 227 · buttons 339 (44) · map card 399 (288) · caption 695 */
  .ohio-bri__hero{padding:40px 0;background:var(--ohio-purple-50)}
  .ohio-bri__hero-in{display:flex;flex-direction:column;gap:16px}
  .ohio-bri .ohio-crumbs.ohio-bri__m-only{display:flex}
  .ohio-bri .ohio-crumbs{gap:6px;margin:0 0 16px;font:400 12px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri .ohio-crumbs > span:not([aria-current]){color:var(--ohio-neutral-300)}
  .ohio-bri .ohio-crumbs [aria-current]{font-weight:600;color:var(--ohio-purple-700)}
  .ohio-bri__title{display:block;margin:0 0 8px;font:700 26px/34px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-bri__title > span:not(.ohio-bri__m-only),.ohio-bri__badge{display:none}
  .ohio-bri__title > span{font:inherit}
  .ohio-bri__lead{max-width:none;margin:0 0 16px;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri__hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ohio-bri__hero-btns .ohio-btn{width:auto;height:44px}
  .ohio-bri__mapfig{margin:0}
  .ohio-bri__mapfig picture,.ohio-bri__mapimg{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:288px;border:1px solid var(--ohio-border);border-radius:16px;background:#fff;overflow:hidden}
  .ohio-bri__map,.ohio-bri__mapimg img{display:block;width:100%;max-width:none;height:280px;object-fit:contain;border:0;border-radius:0}
  .ohio-bri__mapfig figcaption{margin-top:8px;text-align:center;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}

  /* branch list 3638:19656: padding 20, gap 20 · pills 3638:19655 · cards 3638:19486.. (170 photo + 16 body, gap 10) */
  .ohio-bri .ohio-bri__list,.ohio-bri .ohio-bri__std{padding:20px 0}
  .ohio-bri__list > .ohio-container > .ohio-text{margin:-12px 0 20px;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri__pills{display:flex;align-items:flex-start;gap:8px;margin:0 0 20px;overflow-x:auto;scrollbar-width:none}
  .ohio-bri__pills a{flex:none;padding:8px 14px;border:1px solid var(--ohio-border);border-radius:999px;background:#fff;font:600 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-900)}
  .ohio-bri__pills a.is-active{border:0;background:var(--ohio-purple-700);color:#fff}
  .ohio-bri__card{margin:0 0 20px;overflow:hidden;border:1px solid var(--ohio-border);border-radius:16px;background:#fff;scroll-margin-top:80px}
  .ohio-bri__card:last-child{margin-bottom:0}
  .ohio-bri__card-img{display:block;height:170px;background:var(--ohio-purple-50)}
  .ohio-bri__card-img img{display:block;width:100%;height:170px;object-fit:cover}
  .ohio-bri__card-body{display:flex;flex-direction:column;gap:10px;padding:16px}
  .ohio-bri__chip{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--ohio-purple-50);font:600 12px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-bri__card h3{margin:0;font:600 18px/26px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-bri__card h3 a{color:inherit}
  .ohio-bri__card-lead{margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri__rows{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
  .ohio-bri__rows li{display:flex;gap:10px;margin:0;font:500 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-900)}
  .ohio-bri__rows li > svg{flex:none;color:var(--ohio-purple-700)}
  .ohio-bri__rows li > span{display:flex;flex-direction:column;gap:2px}
  .ohio-bri__rows small{font:400 12px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri__card-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ohio-bri__card .ohio-btn{width:100%;height:44px}
  .ohio-bri__card .ohio-btn--s{height:36px}

  /* system map 3638:19943: #F7F3FB 40/20, gap 20 · map card 276 · popup 3638:19941 (16 pad, gap 8) · list 3638:19667.. (12 pad, gap 10) */
  .ohio-bri__mapimg{height:276px;margin:0 0 20px}
  .ohio-bri__mapimg img{height:268px}
  .ohio-bri__popup{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:16px;border:1px solid var(--ohio-border);border-radius:16px;background:#fff}
  .ohio-bri__popup strong{font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-bri__popup .ohio-bri__rows{gap:8px}
  .ohio-bri__popup .ohio-btn{height:36px;font-size:13px}
  .ohio-bri__maplist{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
  .ohio-bri__maplist li{margin:0}
  .ohio-bri__maplist a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ohio-border);border-radius:12px;background:#fff;color:var(--ohio-neutral-500)}
  .ohio-bri__maplist a.is-active{padding:11.5px;border:1.5px solid var(--ohio-purple-700)}
  .ohio-bri__maplist a > span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
  .ohio-bri__maplist strong{font:600 15px/22px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-bri__maplist small{font:400 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri__maplist b{font:600 13px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-bri__maplist-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--ohio-purple-50);color:var(--ohio-purple-700)}
  .ohio-bri__maplist a.is-active .ohio-bri__maplist-ico{background:var(--ohio-purple-700);color:#fff}

  /* standards carousel 3638:20006: cards 250 wide, gap 12, 16 pad, gap 10 · icon box 44 r12 · dots 3638:20012 (16 below) */
  .ohio-bri__std-track{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ohio-bri__std-track::-webkit-scrollbar{display:none}
  .ohio-bri__std-card{flex:0 0 250px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--ohio-border);border-radius:16px;background:#fff;scroll-snap-align:start}
  .ohio-bri__std-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ohio-purple-50);color:var(--ohio-purple-700)}
  .ohio-bri__std-ico .ohio-icon--star{fill:currentColor}
  .ohio-bri__std-card strong{font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-bri__std-card p{margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-bri__std-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}
  .ohio-bri__std-dots i{width:6px;height:6px;border-radius:3px;background:var(--ohio-purple-200);transition:width .2s}
  .ohio-bri__std-dots i.is-on{width:20px;background:var(--ohio-purple-700)}

  /* choose a branch 3638:20063: steps 3638:20027.. (16 pad, r16, gap 12; number 36 · gap 14 · title + link gap 4) · CTA L1 44 */
  .ohio-bri__steps{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none}
  .ohio-bri__steps li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:16px;border:1px solid var(--ohio-border);border-radius:16px;background:#fff}
  .ohio-bri__steps li > span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
  .ohio-bri__steps strong{font:600 16px/24px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-bri__steps a{display:inline-flex;align-items:center;gap:6px;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-purple-600)}
  .ohio-bri__step-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ohio-purple-700);color:#fff;font:600 16px/24px var(--ohio-font-body)}
  .ohio-bri__steps-cta{display:flex;width:100%;box-shadow:0 6px 8px rgba(241,121,31,.28)}
}