/* User review: draggable galleries, consistent interaction states and fluid PC width. */
.is-draggable{cursor:grab}
.is-draggable.is-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none!important;scroll-behavior:auto!important}
.is-draggable.is-dragging *{user-select:none}
[data-slider-track]{touch-action:pan-y}
[data-doctor-list],[data-carousel-track],.services__nav ul,.tabbar__list,.cat-scroller__track{touch-action:pan-x pan-y}
.services__layout{display:block}
.services__nav{display:block;position:static;top:auto;padding:0;margin:0 0 24px;border:0;border-radius:0;background:transparent;overflow:hidden}
.services__nav-title{display:none}
.services__nav ul{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin:0;padding:0 0 2px;list-style:none}
.services__nav li{flex:0 0 auto}
.services__nav a{display:block;padding:8px 18px;border:1px solid #dbe5e6;border-radius:99px;background:#fff;font-size:14px;line-height:22px;color:#176d78}
.services__nav a:hover,.services__nav a:focus-visible,.services__nav a:active,.services__nav a.is-active{background:#e7f2f3;border-color:#176d78;color:#176d78}
.services__nav ul::-webkit-scrollbar,[data-doctor-list]::-webkit-scrollbar,[data-carousel-track]::-webkit-scrollbar{display:none}
.services__list{min-width:0}
.slider-arrow,.slider-arrow--primary,.slider-arrow--light{background:#fff;color:#19383d;box-shadow:0 6px 20px #102d3710}
.slider-arrow:hover,.slider-arrow:active,.slider-arrow:focus-visible,.slider-arrow.is-active{background:#00a896;color:#fff}
.slider-arrow[hidden],[hidden]{display:none!important}
.home-doctors{display:flex;overflow-x:auto;gap:24px;align-items:stretch;margin:0;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.home-doctor{display:flex;flex-direction:column;flex:0 0 calc((100% - 48px)/3);height:auto;min-height:0;scroll-snap-align:start;scroll-snap-stop:always}
.home-doctor__photo{flex:none;height:auto;aspect-ratio:323/256}
.home-doctor__photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-doctor__body{display:flex;flex-direction:column;flex:1;padding:20px;min-width:0}
.home-doctor__name{font-size:20px;line-height:28px;min-height:56px;overflow-wrap:normal;text-wrap:pretty}
.home-doctor__role{font-size:13px;line-height:20px;min-height:40px;white-space:normal;overflow:visible;margin:6px 0 0}
.home-doctor__rating{flex-wrap:wrap;height:auto;min-height:38px;white-space:normal;margin:12px 0 0}
.home-doctor__rating span{font-size:11px;line-height:17px}
.home-doctor__status{height:auto;min-height:44px;margin:16px 0 8px;font-size:11px;line-height:18px;letter-spacing:.2px;gap:8px;align-items:center}
.home-doctor .btn-group{margin-top:auto;padding-top:12px;display:flex;gap:10px}
.home-doctor .btn{flex:1;min-width:0;padding:10px 8px;white-space:normal}
.home-doctor-section .gallery-dots,.facilities [data-slider-prev],.facilities [data-slider-next],.facilities [data-slider-dots],.cert-carousel [data-carousel-prev],.cert-carousel [data-carousel-next],.cert-carousel [data-carousel-dots]{display:none!important}
.cert-carousel{padding:0;margin-top:48px}
.cert-carousel .carousel__track{padding:0;gap:24px;align-items:stretch}
.cert-carousel .cert-card,.cert-carousel .cert-card:nth-child(n){display:block;flex:0 0 calc((100% - 72px)/4);height:auto;min-width:0;padding:12px;box-shadow:none}
.cert-carousel .cert-card img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:184/260;object-fit:contain;margin:0}
.facilities__card{display:flex;flex-direction:column;box-sizing:border-box}
.facilities__card h3{flex:none;text-wrap:pretty}
.facilities__card p{flex:1}
.facilities__card .btn{flex:none;align-self:flex-start}
.facilities__slide{touch-action:pan-y}
.khoa-card__desc{display:block!important;overflow:visible!important;line-height:1.5}
.khoa-card__desc .text-responsive{display:inline!important}
.schedule .schedule__slot{background:#fff;color:#176d78!important;border:1px solid #a5ded9;transition:color .15s,background .15s,border-color .15s}
.schedule .schedule__slot:hover,.schedule .schedule__slot:active,.schedule .schedule__slot:focus-visible,.schedule .schedule__slot.is-active{background:#00a896;color:#fff!important;border-color:#00a896}
.quick-bar__item,.quick-bar__item--primary{background:#fff;color:#172033;padding:12px;transition:background .15s,color .15s}
.quick-bar__item strong,.quick-bar__item--primary strong{color:#172033}
.quick-bar__item small,.quick-bar__item--primary small{color:#70829b}
.quick-bar__item .icon-box,.quick-bar__item--primary .icon-box{background:#e5f1f2;color:#087c85}
.quick-bar__item:hover,.quick-bar__item:active,.quick-bar__item:focus-visible,.quick-bar__item.is-active{background:#00a896;color:#fff}
.quick-bar__item:hover strong,.quick-bar__item:hover small,.quick-bar__item:active strong,.quick-bar__item:active small,.quick-bar__item:focus-visible strong,.quick-bar__item:focus-visible small,.quick-bar__item.is-active strong,.quick-bar__item.is-active small{color:#fff}
.quick-bar__item:hover .icon-box,.quick-bar__item:active .icon-box,.quick-bar__item:focus-visible .icon-box,.quick-bar__item.is-active .icon-box{background:#ffffff30;color:#fff}
.image-hero__title,.image-hero__desc,.section-title{text-wrap:pretty;word-break:normal;overflow-wrap:normal}
.image-hero__desc{max-width:none}
.image-hero__title{max-width:none}
@media(min-width:1025px){
 .container,.home .section>.container,.home .facilities>.container,.home .home-news>.container,.site-footer .container,.booking-page>.container{width:85%;max-width:none;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
 .container .container{width:100%}
 .home .section,.home .facilities{min-height:0}
 .home .home-doctor-section{padding-top:64px;padding-bottom:64px}
 .home-doctor-section .section-head{min-height:0}
 .services__nav{margin-bottom:32px}
 .image-hero__desc{font-size:clamp(14px,1vw,18px);line-height:1.55}
 .image-hero__desc .keep-together{white-space:nowrap}
 .image-hero__inner{width:85%;max-width:none}
 .contact .contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.046fr)}
 .booking-page__layout{grid-template-columns:minmax(0,2.08fr) minmax(0,1fr)}
 .facilities__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .facilities__title{max-width:700px}
}
@media(min-width:768px) and (max-width:1024px){
 .home-doctor{flex-basis:calc((100% - 24px)/2)}
 .home-doctor__name{font-size:17px;line-height:24px;min-height:48px}
 .home-doctor__body{padding:16px}
 .home-doctor__role{font-size:12px;line-height:18px;min-height:36px}
 .cert-carousel .cert-card,.cert-carousel .cert-card:nth-child(n){flex-basis:calc((100% - 24px)/3);padding:10px}
 .cert-carousel .carousel__track{gap:12px}
}
@media(max-width:767px){
 .home-doctors{margin:0;padding:0;gap:12px}
 .home-doctor{flex-basis:100%;height:auto;min-height:0;border-radius:12px}
 .home-doctor__photo{height:auto;aspect-ratio:1}
 .home-doctor__body{padding:14px}
 .home-doctor__name{font-size:16px;line-height:24px;min-height:48px}
 .home-doctor__role{font-size:12px;line-height:18px;min-height:36px;white-space:normal}
 .home-doctor__rating,.home-doctor__status{display:none}
 .home-doctor .btn-group{padding-top:12px;margin-top:auto}
 .home-doctor .btn{height:38px;min-height:38px;font-size:13px}
 .home-doctor-section{padding-bottom:32px}
 .cert-carousel{margin-top:16px;padding:0}
 .cert-carousel .carousel__track{gap:12px}
 .cert-carousel .cert-card,.cert-carousel .cert-card:nth-child(n){flex-basis:calc((100% - 12px)/2);padding:8px}
 .facilities__card .btn{align-self:stretch}
 .home-specialties .khoa-card{height:auto;min-height:168px}
 .home-specialties .khoa-card__title{white-space:normal;height:auto;min-height:24px}
 .home-specialties .khoa-card__desc{font-size:12px;line-height:18px}
}
@media(prefers-reduced-motion:reduce){.home-doctors,[data-carousel-track]{scroll-behavior:auto}.hero__slide,.facilities__slide{transition:none}}
@media(min-width:1025px){.khoa-card__desc .text-responsive{display:none!important}}
@media(min-width:1025px){.doctor-profile__side>.card:last-child{display:block}}
@media(min-width:768px) and (max-width:1024px){
 .home .facilities{display:block;margin:0 0 48px;padding:40px 0;min-height:0}
 .facilities__head{display:block;margin-bottom:24px}
 .facilities__title{max-width:none;font-size:30px;line-height:38px;margin-bottom:16px}
 .facilities__intro h3{display:none}
 .facilities__intro p{font-size:15px;line-height:24px}
 .facilities__track{min-height:0}
 .facilities__slide.is-active{display:flex;flex-direction:column}
 .facilities__img{width:100%;height:360px;margin:0;border:0}
 .facilities__img img{height:360px;width:100%;object-fit:cover}
 .facilities__card{position:static;width:100%;max-width:none;margin:16px 0 0;padding:24px}
 .facilities__card h3{font-size:22px;line-height:30px}
 .facilities__card p{font-size:14px;line-height:22px}
}
/* Review 17/10: current Figma pages 03/04/05, after user's edits. */
.schedule .schedule__days,.r-doctor .schedule .schedule__days{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px}
.schedule .schedule__day,.r-doctor .schedule .schedule__day{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:8px 10px;min-width:0;text-align:left}
.schedule .schedule__label,.r-doctor .schedule .schedule__label{flex:0 0 28px;width:28px;line-height:20px;text-align:left}
.schedule .schedule__slots,.r-doctor .schedule .schedule__slots{display:flex!important;flex-direction:row!important;flex-wrap:wrap;flex:1;gap:6px;min-width:0}
.schedule .schedule__slot,.r-doctor .schedule .schedule__slot{flex:0 0 auto;width:auto;max-width:100%;font-size:12px!important;line-height:18px;padding:4px 8px!important;white-space:nowrap}
.schedule .schedule__off{font-size:12px;line-height:20px}
.booking-card .booking-form__result:empty{display:none}
.home .facilities{margin-top:0}
.home .steps-section,.home .home-news{margin-top:0}
.booking-page .booking-page__layout{align-items:stretch}
.booking-page .booking-form .input{display:block}
@media(min-width:1025px){
 .home .home-specialties{min-height:701px}
 .home .facilities{min-height:729px}
 .home .home-certificates{min-height:757px}
 .home .home-doctor-section{min-height:809px;padding-top:80px;padding-bottom:80px}
 .home .steps-section{min-height:597px}
 .home .home-booking{min-height:883.5px}
 .home .home-news{min-height:830px}
 .home-doctor__photo{height:256px;aspect-ratio:auto}
 .home-doctor__body{padding:24px;gap:0}
 .home-doctor__name{min-height:28px;font-size:20px;line-height:28px}
 .home-doctor__role{margin:4px 0 0;min-height:40px;font-size:12px;line-height:18px}
 .home-doctor__rating{margin-top:4px;min-height:34px;font-size:12px;line-height:18px;padding:7px 8px;gap:4px}
 .home-doctor__status{margin:16px 0 0;min-height:44px;padding:8px 10px;font-size:11px;line-height:18px}
 .home-doctor .btn-group{padding-top:8px}
 .home-doctor .btn{height:38px;min-height:38px}
 .booking-page{padding-top:32px;padding-bottom:80px}
 .booking-page .breadcrumb,.booking-page .breadcrumb ol{font-size:12px;line-height:16px}
 .booking-page__title{margin-top:12px;font-size:34px;line-height:40px}
 .booking-page__desc{margin:6px 0 32px;font-size:14px;line-height:22px}
 .booking-page .booking-card{min-height:660px}
 .booking-page .support-box{min-height:660px;margin:0;padding:28px}
 .booking-page .support-box__title{font-size:20px;line-height:28px}
 .booking-page .support-box__item{margin:0;padding:16px}
 .booking-card--booking .booking-card__desc{font-size:12px;line-height:20px}
 .booking-card--booking .booking-form button[type=submit]{margin-top:16px;height:48px;min-height:48px}
 .single-khoa .page-hero{height:228px;padding:46px 0 40px}
 .single-khoa .page-hero__title{margin-top:16px}
 .single-khoa .page-hero__desc{font-size:16px;line-height:26px;max-width:100%}
 .single-khoa .tabbar{position:sticky;top:0;min-height:64px}
 .single-khoa .tabbar__list{justify-content:space-between;gap:8px}
 .single-khoa .tabbar__tab{padding:20px 12px;font-size:15px;line-height:22px}
 .single-khoa .khoa-detail{padding:56px 0 44px}
 .single-khoa .khoa-detail__layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
 #kham .panel-desktop>.card{padding:30px}
 #kham .card__title{font-size:24px;line-height:32px;margin-bottom:24px}
 #kham .card__text{font-size:16px;line-height:26px;margin-bottom:16px}
 #kham .pills{margin:0;gap:12px}
 #kham .pill{padding:6px 16px;font-size:14px;line-height:20px}
 #kham .parts-grid{gap:24px;margin-top:24px}
 #kham .part-card{padding:24px 23px}
 #kham .part-card__title{font-size:22px;line-height:28px;gap:24px;margin-bottom:18px}
 #kham .part-card__title .icon-circle{width:48px;height:48px;flex:none}
 #kham .part-card__list li{font-size:13px;line-height:20px;padding:6px 10px 6px 20px;margin-bottom:8px}
 #kham .part-card__list li:last-child{margin-bottom:0}
 #kham .part-card__list li::before{width:7px;height:7px;left:10px}
 #kham .check-list--2{grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}
 #kham .check-list li{font-size:14px;line-height:22px;margin:0;gap:12px}
 .single-khoa .booking-box{padding:30px}
 .single-khoa .booking-box .side-box__title{font-size:22px;line-height:30px;margin:0 0 40px}
 .single-khoa .booking-box__list{margin-bottom:16px}
 .single-khoa .booking-box__list>div{font-size:14px;line-height:20px;padding:10px 0}
 .single-khoa .booking-box .btn{height:52px;min-height:52px;font-size:15px}
 .single-khoa .booking-box__note{font-size:12px;line-height:18px;margin-top:16px}
 .single-khoa .other-khoa{margin-top:40px}
 .single-khoa .other-khoa>.section-head{margin-bottom:24px}
 .single-khoa .other-khoa .section-title{font-size:24px;line-height:32px}
}
@media(min-width:768px) and (max-width:1024px){
 .home .facilities{padding:43px 0 40px;margin:0;min-height:437.4px}
 .home .facilities>.container{position:relative}
 .facilities__head{display:grid;grid-template-columns:1fr 276px;gap:48px;min-height:74px;margin:0 40px 9px}
 .facilities__eyebrow{display:none!important}
 .facilities__title{font-size:24px;line-height:30px;max-width:252px;margin:15px 0 0}
 .facilities__intro h3{display:block;font-size:11px;line-height:14px;padding-bottom:6px;margin-bottom:9px}
 .facilities__intro p{font-size:10px;line-height:15px;margin:0}
 .facilities__track{min-height:252px}
 .facilities__slide.is-active{display:block}
 .facilities__img{margin:0 35px 0 auto;width:396px;height:252px;border:4px solid #fff;border-radius:12px}
 .facilities__img img{height:244px;width:100%;object-fit:cover}
 .facilities__card{position:absolute;top:41px;left:58px;width:264px;max-width:264px;min-height:170px;margin:0;padding:18px 17px;border-radius:12px}
 .facilities__card h3{font-size:13px;line-height:18px;padding-bottom:10px;margin-bottom:10px}
 .facilities__card p{font-size:10px;line-height:15px;margin-bottom:10px}
 .facilities__card .btn{font-size:10px;line-height:14px;height:27px;min-height:27px;padding:5px 9px}
 .home .home-certificates{padding-top:48px;padding-bottom:42px}
 .home .home-doctor-section{padding-top:0;padding-bottom:56px}
 .home-doctor__photo{height:272px;aspect-ratio:auto}
 .home-doctor__body{padding:14px}
 .home-doctor__name{min-height:24px;font-size:16px;line-height:24px}
 .home-doctor__role{display:none}
 .home-doctor__rating{display:flex;margin:8px 0 0;padding:0;border:0;background:transparent;min-height:18px;font-size:11px;line-height:18px}
 .home-doctor__rating .icon,.home-doctor__rating span{display:none}
 .home-doctor__status{display:none}
 .home-doctor .btn-group{padding-top:12px}
 .booking-card--home .booking-card__desc{font-size:14px;line-height:22px;margin-bottom:38px}
 .single-khoa .khoa-detail{padding-top:25px;padding-bottom:28px}
 .single-khoa .page-hero{padding-top:24px}
 .single-khoa .page-hero__title{margin-top:7px}
 .single-khoa .page-hero__desc{margin-top:7px}
 .r-parts{gap:24px}
 .r-part h3{margin-bottom:16px}
 .r-part ul{list-style:disc;padding-left:16px}
 .r-warning h3{color:#b45309;font-size:18px;line-height:24px}
 .r-booking-khoa{display:inline}
 .booking-page .field label{font-size:12px;line-height:18px;margin-bottom:4px}
 .booking-page .field{margin-bottom:16px}
 .booking-card--booking .booking-form button[type=submit]{margin-top:0;height:52px;min-height:52px}
 .booking-card--booking .field--note .input{height:84px;min-height:84px}
 .booking-page .support-box{padding:16px;min-height:138px}
}
@media(max-width:767px){
 .home .home-specialties{padding-top:36px}
 .home .home-khoa-more{margin-bottom:56px}
 .home .home-certificates{padding-top:31px;padding-bottom:31px}
 .home .home-certificates .section-head{margin-bottom:20px}
 .home .home-doctor-section{padding-top:0;padding-bottom:38px}
 .home-doctor__photo{height:auto;aspect-ratio:1}
 .home-doctor__name{min-height:24px;font-size:16px;line-height:24px}
 .home-doctor__role{display:none}
 .home-doctor__rating{display:flex;margin:8px 0 0;padding:0;border:0;background:transparent;min-height:18px;font-size:11px;line-height:18px}
 .home-doctor__rating .icon,.home-doctor__rating span{display:none}
 .home-doctor .btn-group{padding-top:12px}
 .home .home-news .eyebrow{display:block}
 .home .home-news .section-head{margin-bottom:32px}
 .r-part ul{list-style:disc;padding-left:16px}
 .r-warning h3{color:#b45309}
 .booking-page__title{margin-top:14px}
 .booking-page__desc{margin-bottom:16px}
 .booking-card--booking .field label{line-height:18px;margin-bottom:0}
 .booking-card--booking .field{margin-bottom:20px}
 .booking-card--booking .field-row:first-child>.field:first-child{margin-bottom:36px}
 .booking-card--booking [name=phone]{margin-bottom:0}
 .booking-card--booking .field-row:nth-child(3)>.field:last-child{margin-bottom:18px}
 .booking-card--booking .booking-form button[type=submit]{margin-top:0;height:52px;min-height:52px}
 .booking-page .support-box{margin-top:4px;min-height:260px;padding:20px}
 .booking-page .support-box__title{margin-bottom:16px}
 .booking-page .support-box__item{margin-bottom:16px}
 .booking-page .support-box__hours{margin-top:16px}
 .booking-page .support-box__item strong,.booking-page .support-box__item p,.booking-page .support-box__phone{font-size:13px;line-height:19px;font-weight:400}
 .booking-page .support-box__hours>div{font-size:13px;line-height:19px}
 .schedule .schedule__slot,.r-doctor .schedule .schedule__slot{font-size:11px!important;padding:4px 6px!important}
 .schedule .schedule__label,.r-doctor .schedule .schedule__label{flex-basis:24px;width:24px}
 .schedule .schedule__day,.r-doctor .schedule .schedule__day{gap:6px;padding:8px}
}
@media(max-width:767px){
 .home-specialties .khoa-card{padding-bottom:12px}
 .home-certificates .section-head .eyebrow{display:none}
 .home-certificates .cert-carousel{margin-top:7px}
 .home-certificates .cert-card,.home-certificates .cert-card:nth-child(n){height:190px;padding:10px}
 .home-certificates .cert-card img{height:168px;max-height:100%;width:100%;aspect-ratio:auto;object-fit:contain}
}
.home-doctor-section .gallery-dots{display:flex!important}
.home-doctor__rating .home-doctor__availability{display:none}
@media(max-width:1024px){
 .home-doctor__rating .icon{display:inline-block;width:12px;height:12px}
 .home-doctor__rating .home-doctor__availability{display:inline;color:#00a896;font-size:11px;line-height:18px}
 .home-doctor__rating{gap:4px;align-items:center}
}
.booking-page .input{background-color:#f2f4f6}
.booking-page select:has(option:checked[value=""]){color:#9ca3af}
@media(max-width:1024px){
 .booking-page .support-box__item strong,.booking-page .support-box__item p,.booking-page .support-box__phone,.booking-page .support-box__hours>div{font-size:12px;line-height:19px}
 .booking-page .support-box__item .text-responsive{display:inline}
 .booking-page .support-box__item .text-desktop,.booking-page .support-box__hours .text-desktop{display:none!important}
 .booking-page .support-box__hours .text-responsive{display:inline}
}
@media(min-width:768px) and (max-width:1024px){
 .booking-page .support-box__item{margin-bottom:0}
 .booking-page .support-box__hours{margin-top:0}
 .r-khoa-booking{padding-top:17px;padding-bottom:17px}
 .r-khoa-booking p{font-size:12px;line-height:20px}
 .r-warning{padding-top:14px;padding-bottom:14px}
}
@media(min-width:1025px){
 .home-certificates .cert-card,.home-certificates .cert-card:nth-child(n){height:284px}
 .home-certificates .cert-card img{height:258px;width:100%;aspect-ratio:auto;object-fit:contain}
}
@media(min-width:768px) and (max-width:1024px){
 .home-certificates .cert-card,.home-certificates .cert-card:nth-child(n){height:200px}
 .home-certificates .cert-card img{height:178px;width:100%;aspect-ratio:auto;object-fit:contain}
 .home .home-certificates{padding-bottom:51px}
}
@media(max-width:767px){
 .booking-page__title{margin-top:8px}
 .booking-page__desc{margin-bottom:18px}
 .booking-card--booking .field label{margin-bottom:4px}
 .booking-card--booking .field{margin-bottom:16px}
 .booking-card--booking .field-row:first-child>.field:first-child{margin-bottom:32px}
 .booking-card--booking .field-row:nth-child(3)>.field:last-child{margin-bottom:18px}
 .booking-card--booking .booking-form__note .text-responsive{display:block}
 .booking-page .support-box{margin-top:8px}
}
@media(min-width:1025px){
 .booking-card--booking>.eyebrow{line-height:16px;margin-bottom:4px}
 .booking-card--booking .booking-card__title{line-height:36px}
 .booking-card--booking .booking-card__desc{font-size:12px;line-height:16px;margin:4px 0 32px}
 .booking-card--booking .field label{line-height:16px;margin-bottom:6px}
 .booking-card--booking .field{margin-bottom:18px}
 .booking-card--booking textarea.input{height:82px;min-height:82px}
 .single-khoa .tabbar{min-height:62px}
 #kham .part-card{padding:23px}
 #kham .part-card__list li{font-size:12.5px}
}
@media(max-width:767px){
 .home .home-doctor-section{padding-bottom:44px}
 .booking-page .support-box{margin-top:6px}
}
@media(min-width:768px) and (max-width:1024px){
 .booking-page .support-box__item,.booking-page .support-box__hours{font-size:12px;line-height:19px}
 .booking-page .support-box__item>div{font-size:12px;line-height:19px}
 .booking-page .support-box__title{line-height:26px;font-size:17px;margin-bottom:6px}
 .booking-page .support-box__item strong,.booking-page .support-box__item p,.booking-page .support-box__phone{font-size:12px;line-height:19px}
}
@media(min-width:1025px){
 .single-khoa .tabbar,.single-khoa .tabbar__list{height:62px;min-height:62px}
 .single-khoa .tabbar__tab{height:62px;box-sizing:border-box}
 #kham .parts-grid+.card{min-height:266px}
 .single-khoa .other-khoa{grid-column:1/-1;margin-top:16px}
 .single-khoa .other-khoa__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .single-khoa .khoa-chip{height:88px;padding:20px;display:flex;flex-direction:row;gap:12px;font-size:17px;line-height:24px}
 .single-khoa .khoa-chip .icon-circle{width:48px;height:48px;flex:none}
 .booking-page .support-box__item p{font-size:12px;line-height:20px}
 .booking-page .support-box__item strong{font-size:14px;line-height:20px}
}
@media(min-width:768px) and (max-width:1024px){
 .booking-page .support-box__title{padding-bottom:0;border-bottom:0}
 .booking-page .support-box__item>div{line-height:19px}
 .booking-page .support-box__item{line-height:19px}
 .booking-page .support-box{padding-top:14px;padding-bottom:14px}
}
@media(min-width:768px) and (max-width:1024px){
 .booking-page .support-box__item strong,.booking-page .support-box__item p,.booking-page .support-box__phone{font-size:11.5px;line-height:19px}
 .home .site-footer__col,.page-template-booking .site-footer__col,.single-khoa .site-footer__col{min-height:139.5px}
 .home .site-footer__contact li,.page-template-booking .site-footer__contact li,.single-khoa .site-footer__contact li{font-size:11px;line-height:18px;margin-bottom:16px}
 .home .site-footer__contact li:last-child,.page-template-booking .site-footer__contact li:last-child,.single-khoa .site-footer__contact li:last-child{margin-bottom:0}
 .home .site-footer__phone,.page-template-booking .site-footer__phone,.single-khoa .site-footer__phone{font-size:13px;line-height:24px}
 .home .site-footer__contact strong,.page-template-booking .site-footer__contact strong,.single-khoa .site-footer__contact strong{font-size:11px;line-height:18px}
 .home .site-footer__bottom,.page-template-booking .site-footer__bottom,.single-khoa .site-footer__bottom{padding-top:14px}
}
/* Review: compact content, balanced desktop columns, and form tokens. */
.booking-form .input{border-radius:8px;border-color:#cbd5e1;font-size:14px;line-height:20px}
.booking-form .input::placeholder{color:#9ca3af}
.booking-form .field,.booking-form .field-row{min-width:0}
.booking-form .input:focus{border-color:#00a896;box-shadow:0 0 0 3px rgba(0,168,150,.18)}
.booking-form .input.has-error{border-color:var(--c-danger)}
.booking-form .field--consent .checkbox{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:20px;font-weight:400}
.booking-form .field--consent .checkbox a{color:#087884;text-decoration:underline}
.r-faq summary>span{font-size:0;flex:none;width:16px;text-align:center}
.r-faq summary>span::after{content:'+';font-size:16px;line-height:22px}
.r-faq details[open] summary>span::after{content:'−'}
@media(min-width:1025px){
 .home .home-booking__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
 .home .news-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .home .home-booking__grid>*,.home .news-home>*{min-width:0}
 .home .home-booking .booking-card{background:#f7f9fb}
 .home .home-booking .input{background-color:#fff}
 .home .home-booking .field label{line-height:16px;margin-bottom:6px}
 .home .home-booking textarea.input{height:82px;min-height:82px}
 .home .home-booking .field{margin-bottom:20px}
}
@media(max-width:1024px){
 .booking-card--home .input,.contact .booking-form .input{background-color:#f2f4f6}
 .contact .contact-field--khoa{display:block}
 .contact .contact-field--mobile{display:none}
 .contact .contact-form>.card__text::after{content:'Phòng khám sẽ liên hệ lại trong thời gian sớm nhất.'}
 .contact .field label{font-size:12px;line-height:18px;margin-bottom:4px}
 .post-type-archive-khoa .page-hero{height:176px;min-height:0;padding:16px 0}
 .post-type-archive-khoa .services{padding-top:24px}
}
@media(max-width:767px){
 .news-head>.container{padding-bottom:200px}
 .cat-scroller{left:20px;right:20px;top:114px}
 .about-page .timeline::before{display:block;left:0;top:0;bottom:0;width:2px;margin-left:0;background:#087884}
 .about-page .timeline__item,.about-page .timeline__item--right{padding-left:16px}
 .about-page .director{min-height:0;height:auto;display:flow-root}
 .about-page .legal-strip{min-height:0;height:auto}
 .services .service-card[data-slug]{min-height:0;height:auto;grid-template-rows:auto auto auto}
 .service-card__foot{padding-bottom:52px}
 .single-khoa .tabbar__list{height:auto;min-height:72px;align-items:stretch;padding-top:8px;padding-bottom:8px}
 .single-khoa .tabbar__tab{height:auto;min-height:56px;flex-basis:calc((100% - 16px)/3);padding:8px 6px;font-size:12px;line-height:18px;word-break:normal;overflow-wrap:normal;text-wrap:balance}
 .booking-card--home .booking-form .input{display:block}
}

/* Service cards follow their content instead of fixed per-item heights. */
@media(max-width:1024px){
 .single-khoa .r-services{align-items:start;gap:12px;margin-top:24px}
 .single-khoa .r-service:nth-child(n){height:auto;min-height:0;padding:16px;align-content:start}
 .single-khoa .r-service>div{min-width:0}
}

/* Keep the Figma image/card overlap as the desktop container scales. */
@media(min-width:1025px){
 .home .facilities__img{width:62.5%;height:auto;margin-left:auto}
 .home .facilities__img img{height:auto;aspect-ratio:648/408;object-fit:cover}
 .home .facilities__card{left:3.6%;width:41.6667%;max-width:none;top:68px;bottom:auto;z-index:2}
 .home .facilities__track{min-height:420px}
}

.home .home-booking .dark-card{background:linear-gradient(125deg,#041714,#0c594d)}


/* Let the working-hours image fill only the remaining form height. */
@media(min-width:1025px){
 .home .home-booking__grid{align-items:stretch}
 .home .home-booking__side{grid-template-rows:424px minmax(0,1fr) 99px;min-height:0}
 .home .home-booking .photo-card{height:auto;min-height:0;padding:12px 20px}
 .home .home-booking .photo-card small{font-size:10px;line-height:14px}
 .home .home-booking .photo-card strong{font-size:18px;line-height:24px}
 .home .home-booking .photo-card span{font-size:11px;line-height:16px}
}

/* Restrained homepage interaction motion. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .home .home-specialties .khoa-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
 .home .home-specialties .khoa-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #102d3712}
 .home .news-feature__img,.home .news-mini__img{overflow:hidden}
 .home .news-feature__img img,.home .news-mini__img img{transition:transform .35s ease}
 .home .news-feature:hover .news-feature__img img,.home .news-mini:hover .news-mini__img img{transform:scale(1.03)}
}
.home .news-feature__title a,.home .news-mini__title a{transition:color .2s ease}
.home .news-feature__title a:hover,.home .news-mini__title a:hover{color:#00a896}
@media(prefers-reduced-motion:reduce){
 .home .khoa-card,.home .news-feature__img img,.home .news-mini__img img{transition:none!important;transform:none!important}
}