/* Doctor profile — mobile (≤767px) = Figma 3641:12145 "BS Đoàn Thị Hồng Nhung – Mobile" (390 frame, auto-layout).
   Loaded after css/ohio-doctor-single.css; desktop untouched. Every section: px 20, column gap 20; tinted sections
   (exp, svc, acts: #F7F3FB) pad 40 top/bottom, white ones 20. Section title = orange bar 32×3 + gap 8 + H2 22/30.
   Icons are the frame's own line icons (img/bac-si/m-*.svg); the desktop artwork images are hidden here. */
@media (max-width:767px){
  .ohio-dsp>section{padding:20px 0!important}
  .ohio-dsp>section.ohio-dsp-exp,.ohio-dsp>section.ohio-dsp-svc,.ohio-dsp>section.ohio-dsp-acts{padding:40px 0!important;background:var(--ohio-purple-50)}
  .ohio-dsp>section>.ohio-container{display:flex;flex-direction:column;gap:20px}
  .ohio-dsp>section>.ohio-container>*{margin:0}
  .ohio-dsp .ohio-sec-title{text-align:left}
  .ohio-dsp .ohio-sec-title::before{content:"";display:block;width:32px;height:3px;margin:0 0 8px;border-radius:2px;background:var(--ohio-cta)} /* 3641:12296 */
  .ohio-dsp-sub{display:block;padding:0!important;font:600 18px/26px var(--ohio-font-head);text-transform:none;color:var(--ohio-purple-700)}
  .ohio-dsp-sub img,.ohio-dsp-hero__sum img,.ohio-dsp-hero__creds-h img,.ohio-dsp-spec__ico,.ohio-dsp-svc__ico img,.ohio-dsp-post__ico img,.ohio-dsp-chev{display:none!important}
  /* check list (3641:12305): 22px #F7F3FB disc + 14px check, gap 10 */
  .ohio-dsp-dots{gap:10px}
  .ohio-dsp-dots li,.ohio-dsp-hero__creds li{min-height:22px;padding-left:32px;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-text-body)}
  .ohio-dsp-dots li::before,.ohio-dsp-hero__creds li::before{left:0;top:0;width:22px;height:22px;border-radius:11px;background:var(--ohio-purple-50) url(../img/bac-si/m-check-14.svg) center/14px no-repeat}
  .ohio-dsp .ohio-btn--arrow::after{content:"";display:block;position:static;flex:none;animation:none;opacity:1;border:0;width:18px;height:18px;background:url(../img/bac-si/m-arrow-white.svg) center/18px no-repeat}
  .ohio-dsp .ohio-btn{gap:8px;letter-spacing:.56px}

  /* Hero 3641:12263 (y64–982): crumbs → photo 350×360 → tag/H1/title (gap 8) → info → credentials box → CTA, gap 16 */
  .ohio-dsp-hero .ohio-container{gap:16px!important}
  .ohio-dsp-hero__grid,.ohio-dsp-hero__info{display:contents}
  .ohio-dsp-hero .ohio-crumbs{margin:0;font-size:12px;line-height:20px;color:var(--ohio-text-muted)}
  .ohio-dsp-hero .ohio-crumbs a{color:var(--ohio-text-muted)}
  .ohio-dsp-hero .ohio-crumbs>span:not([aria-current]){color:var(--ohio-neutral-300)}
  .ohio-dsp-hero__photo{margin:0;padding:0}
  .ohio-dsp-hero__frame{height:360px;aspect-ratio:auto;border:0;border-radius:16px;background:var(--ohio-purple-50)}
  .ohio-dsp-hero__frame img{object-position:center}
  .ohio-dsp-hero__badge{left:12px;top:12px;height:auto;padding:6px 12px;border-radius:8px;background:var(--ohio-purple-700);font:600 12px/16px var(--ohio-font-body);letter-spacing:.72px} /* 3641:12217 */
  .ohio-dsp-hero__badge::after,.ohio-dsp-hero__title::after{content:none}
  .ohio-dsp-hero__deg{align-self:flex-start;height:auto;margin:0;padding:4px 10px;border-radius:999px;background:var(--ohio-purple-600);font:600 12px/20px var(--ohio-font-body)} /* 3641:12225 */
  .ohio-dsp-hero__info>*{margin:0}
  .ohio-dsp-hero__name,.ohio-dsp-hero__title{margin:-8px 0 0!important}
  .ohio-dsp-hero__title{font:600 18px/26px var(--ohio-font-head);color:var(--ohio-purple-600)}
  .ohio-dsp-hero__sum{gap:10px;padding:0;font:500 13px/20px var(--ohio-font-body)}
  .ohio-dsp-hero__sum::before{content:"";flex:none;width:18px;height:18px;background:url(../img/bac-si/m-clock.svg) center/18px no-repeat}
  .ohio-dsp-hero__creds-h{display:block;padding:16px 16px 0;border-radius:12px 12px 0 0;background:var(--ohio-purple-50);font:600 16px/24px var(--ohio-font-body)} /* 3641:12258 */
  .ohio-dsp-hero__creds{margin-top:-16px!important;padding:10px 16px 16px;gap:8px;border-radius:0 0 12px 12px;background:var(--ohio-purple-50)}
  .ohio-dsp-hero__creds li{font-size:13px;line-height:20px}
  .ohio-dsp .ohio-dsp-hero__cta{width:100%;max-width:none;height:52px;gap:8px;margin:0!important;border-radius:12px;background:var(--ohio-grad-cta);box-shadow:0 6px 8px rgba(241,121,31,.28);font:600 14px/20px var(--ohio-font-body);letter-spacing:.56px} /* 3641:12259 */
  .ohio-dsp-hero__cta svg{width:18px;height:18px}

  /* Experience 3641:12322: H2 → photo 350×220 → "Kinh nghiệm" → list → "Lĩnh vực" → 2-col grid */
  .ohio-dsp-exp__row,.ohio-dsp-exp__text{display:contents}
  .ohio-dsp-exp .ohio-sec-title{order:-2}
  .ohio-dsp-exp__img{order:-1;height:220px;aspect-ratio:auto;border:0;border-radius:16px}
  .ohio-dsp-exp__text>*,.ohio-dsp .ohio-dsp-exp__img{margin:0}
  .ohio-dsp-exp__text .ohio-dsp-dots{max-width:none;margin:0}
  .ohio-dsp-spec{grid-template-columns:1fr 1fr;gap:10px}
  .ohio-dsp-spec li{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px;border:1px solid var(--ohio-border);border-radius:12px;font:500 13px/20px var(--ohio-font-body)} /* 3641:12268 */
  .ohio-dsp-spec li::before{content:"";width:32px;height:32px;border-radius:8px;background:var(--ohio-purple-50) url(../img/bac-si/m-spec-star.svg) center/18px no-repeat}
  .ohio-dsp-spec li:nth-child(6n+2)::before{background-image:url(../img/bac-si/m-spec-check.svg)}
  .ohio-dsp-spec li:nth-child(6n+3)::before{background-image:url(../img/bac-si/m-spec-plus.svg)}
  .ohio-dsp-spec li:nth-child(6n+4)::before{background-image:url(../img/bac-si/m-spec-user.svg)}
  .ohio-dsp-spec li:nth-child(6n+5)::before{background-image:url(../img/bac-si/m-spec-clock.svg)}
  .ohio-dsp-spec li:nth-child(6n)::before{background-image:url(../img/bac-si/m-spec-home.svg)}

  /* Credentials 3641:12373: lead 15/24 muted 8px under the H2, list 13/20, certificates stacked (card p6 r12, image r8) */
  .ohio-dsp-creds .ohio-dsp-creds__lead{margin-top:-12px!important;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-dsp-creds__list li{font-size:13px;line-height:20px}
  .ohio-dsp-certs{display:flex;flex-direction:column;gap:16px}
  .ohio-dsp-certs__item{padding:6px;border:1px solid var(--ohio-border);border-radius:12px;background:#fff}
  .ohio-dsp-certs__item img{height:auto;border-radius:8px}

  /* Services 3641:12404: stacked cards p14 r14, 48px icon tile, title 16/24 caps, 2-line excerpt 13/20, chevron 20 */
  .ohio-dsp-svc__row{flex-direction:column;gap:20px;overflow:visible;padding:0}
  .ohio-dsp-svc__card,.ohio-dsp-post{width:100%;min-height:0;align-items:center;gap:12px;padding:14px;border:1px solid var(--ohio-border);border-radius:14px}
  .ohio-dsp-svc__card::after,.ohio-dsp-post::after{content:"";flex:none;width:20px;height:20px;background:url(../img/bac-si/m-chevron.svg) center/20px no-repeat}
  .ohio-dsp-svc__ico{width:48px;height:48px;border-radius:12px;background:var(--ohio-purple-50) url(../img/bac-si/m-svc-star.svg) center/24px no-repeat}
  .ohio-dsp-svc__card:nth-child(3n+2) .ohio-dsp-svc__ico{background-image:url(../img/bac-si/m-svc-check.svg)}
  .ohio-dsp-svc__card:nth-child(3n) .ohio-dsp-svc__ico{background-image:url(../img/bac-si/m-svc-plus.svg)}
  .ohio-dsp-svc__txt,.ohio-dsp-post__txt{gap:2px;padding:0}
  .ohio-dsp-svc__txt strong,.ohio-dsp-post__txt strong{font:600 16px/24px var(--ohio-font-body);white-space:normal}
  .ohio-dsp-svc__txt small,.ohio-dsp-post__txt small{font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}

  /* Treatment 3641:12422: full-width cards r16, photo 200, body p16 gap 8; CTA L1 44px full width */
  .ohio-dsp-visit__grid{gap:20px;padding:0}
  .ohio-dsp-visit__card{border:1px solid var(--ohio-border);border-radius:16px;box-shadow:none}
  .ohio-dsp-visit__card img{height:200px;aspect-ratio:auto}
  .ohio-dsp-visit__card a:has(>.is-framed){height:auto;aspect-ratio:auto}
  .ohio-dsp-visit__card img.is-framed,.ohio-dsp-act img.is-framed{position:static;width:100%;object-fit:cover} /* 3641:12408/12423: plain cover */
  .ohio-dsp-visit__card img.is-framed{height:200px}
  .ohio-dsp-act img.is-framed{height:100%}
  .ohio-dsp-visit__card figcaption{margin:0;padding:16px;gap:8px}
  .ohio-dsp-visit__card figcaption::before{content:none}
  .ohio-dsp-visit__card strong{font:600 16px/24px var(--ohio-font-body)}
  .ohio-dsp-visit__card span{margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-dsp .ohio-dsp-visit__cta,.ohio-dsp .ohio-dsp-acts__more{display:flex;width:100%;min-width:0;margin:0!important}
  .ohio-dsp .ohio-dsp-visit__cta{box-shadow:0 6px 8px rgba(241,121,31,.28)} /* 3641:12418 */

  /* Activities 3641:12463: photos 260×180 r12 gap 12 + dots; article cards p14 r12 (icon tile 40 r10); L3 outline button */
  .ohio-dsp-acts__row{gap:12px;margin:0;padding:0}
  .ohio-dsp-act{width:260px;height:180px;aspect-ratio:auto;border:0;border-radius:12px;box-shadow:none}
  .ohio-dsp-posts{gap:20px;margin:0;padding:0}
  .ohio-dsp-post{border-radius:12px}
  .ohio-dsp-posts>.ohio-dsp-post:nth-child(n+3){display:none} /* frame draws 2 articles + "Xem tất cả bài viết" */
  .ohio-dsp-post__ico{width:40px;height:40px;border-radius:10px;background:var(--ohio-purple-50) url(../img/bac-si/m-image.svg) center/20px no-repeat}
  .ohio-dsp .ohio-dsp-acts__more{background:transparent;color:var(--ohio-purple-700);box-shadow:inset 0 0 0 1.5px var(--ohio-purple-700)} /* 3641:12459 */
  .ohio-dsp .ohio-dsp-acts__more::after{background-image:url(../img/bac-si/m-arrow-purple.svg)}
  .ohio-dsp__dots{gap:6px;margin-top:16px}
  .ohio-dsp__dots i{width:6px;height:6px}
  .ohio-dsp__dots i.is-on{width:20px}

  /* Council 3641:12518: cards 170 wide r16 (photo 200 on #F7F3FB), body p12 gap 8: tag, name 16/24, "Xem thêm" 14/20 */
  .ohio-dsp-council .ohio-dsp-row{gap:12px}
  .ohio-dsp-doc{width:170px;border:1px solid var(--ohio-border);border-radius:16px}
  .ohio-dsp-doc__photo{height:200px;aspect-ratio:auto;background:var(--ohio-purple-50)}
  .ohio-dsp-doc__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:#fff;border:0;text-align:left}
  .ohio-dsp-doc__deg{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-dsp-doc__name{margin:0;font-size:16px;line-height:24px}
  .ohio-dsp-doc__more{margin:0;color:var(--ohio-text-link)}
}