/* Final mobile-first polish: keeps every section readable without horizontal overflow. */
.wa{display:none!important}
@media (max-width: 800px) {
  html,body{max-width:100%;overflow-x:hidden}
  img{max-width:100%}
  .wrap{width:min(92%,560px)}
  .nav{height:64px}.brand{min-width:0}.brand small{font-size:7px}.hamb{padding:5px}

  .hero{height:610px!important;background-position:center bottom!important}
  .hero>.hero-grid{height:100%!important;grid-template-columns:1fr!important;align-content:start;padding-top:19px}
  .hero-copy{position:relative;z-index:3;padding-top:0!important}
  .hero .eyebrow{font-size:9px;padding:6px 10px;margin-bottom:8px}
  .hero h1{font-size:clamp(32px,9.2vw,40px)!important;line-height:1.03;margin-bottom:9px}
  .hero .sub{font-size:12px;line-height:1.45;margin-bottom:12px}
  .hero .actions{max-width:250px;display:grid!important;grid-template-columns:1fr 1fr;gap:7px}
  .hero .actions .btn{padding:9px 7px;font-size:9px;text-align:center}
  .hero .actions .btn:last-child{grid-column:span 2}
  .hero .trust{position:relative;z-index:4;gap:0;margin-top:9px;transform:scale(.82);transform-origin:left top;width:122%}
  .hero .rating,.hero .trusted{height:49px}.hero .hero-art{position:absolute!important;inset:auto 0 0!important;height:330px!important;z-index:2;pointer-events:none}
  .hero .hero-art img{width:215px!important;height:295px!important;right:-2px!important;bottom:0!important;object-fit:cover!important}

  .features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px auto 0}.features article{height:128px;padding:9px 5px;font-size:10px}.features span{width:68px;height:68px;margin-bottom:5px}
  .stats{margin-top:22px}.stats .wrap{gap:13px}.stats div div{min-width:0;grid-template-columns:33px minmax(0,1fr)}.stats span{font-size:23px}.stats b{font-size:20px}.stats small{font-size:8px}

  .section{padding:46px 0}.about{gap:24px!important}.doctor-circle{width:min(73vw,285px)!important;height:min(73vw,285px)!important}.about h2,.services h2{font-size:clamp(24px,7vw,29px)!important}.about h2 br{display:none}.about-copy>p:not(.tag){font-size:11px;line-height:1.65}.about ul{display:block;margin:13px auto;text-align:left;max-width:280px}.about .btn{font-size:10px}

  .services{padding-top:45px;overflow:hidden!important}.services .wrap::after{width:145px;height:114px;right:-47px;top:-32px;opacity:.78}.services .tag{position:relative;z-index:3}.services h2{position:relative;z-index:3}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.service-grid article{height:152px;padding:10px 5px;font-size:10px}.service-grid span{height:74px}.service-grid article:last-child{grid-column:auto;max-width:none;width:auto}.service-grid a{font-size:8px;margin-top:7px}

  .kids{width:92%;border-radius:9px}.kids .kids-banner-image{border-radius:9px}.kids-zone-cta{top:73%;min-width:102px;min-height:25px;font-size:8px}
  .three{padding:23px 0 35px;gap:13px}.three article{height:225px;padding:16px}.three h3{font-size:19px}

  .appointment{padding:33px 0;overflow:hidden}.appointment-grid{display:block!important}.panda{padding:0 0 8px}.panda .appointment-panda-image{width:145px!important;height:162px!important}.panda h2{font-size:25px!important;line-height:1.08!important}.panda>div{gap:8px!important;font-size:8px!important}.panda>div span{max-width:92px!important}.appointment form{width:100%;margin:18px 0 0!important;padding:12px!important}.appointment form>div{grid-template-columns:1fr!important;gap:8px!important}.appointment input,.appointment select{min-height:37px;font-size:11px}.appointment form button{min-height:42px;font-size:11px}

  .foot{grid-template-columns:1fr 1fr;gap:19px}.foot>div:first-child{grid-column:1/-1}.foot p{font-size:10px}.foot a{font-size:10px}.copyright{padding:11px 55px 11px 14px;line-height:1.45}.wa{z-index:120}
}

@media (max-width: 360px) {
  .hero{height:590px!important}.hero h1{font-size:31px!important}.hero .sub{font-size:11px}.hero .hero-art{height:305px!important}.hero .hero-art img{width:195px!important;height:270px!important}.features article{height:122px;font-size:9px}.features span{transform:scale(.88)}.stats b{font-size:18px}.doctor-circle{width:250px!important;height:250px!important}.appointment form{padding:10px!important}
}

/* Small tablets and iPad portrait. */
@media (min-width: 601px) and (max-width: 800px) {
  .wrap{width:min(90%,700px)}
  .hero{height:620px!important}.hero>.hero-grid{padding-top:31px}.hero h1{font-size:48px!important}.hero .sub{font-size:14px}.hero .actions{max-width:430px;display:flex!important}.hero .actions .btn:last-child{grid-column:auto}.hero .trust{transform:scale(1);width:auto}.hero .hero-art{height:390px!important}.hero .hero-art img{width:285px!important;height:370px!important;right:20px!important}
  .features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.features article{height:142px;font-size:11px}.stats .wrap{grid-template-columns:repeat(4,1fr);gap:0}.stats div div{grid-template-columns:35px minmax(0,1fr)}
  .about{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;text-align:left!important;gap:28px!important}.doctor-circle{width:300px!important;height:300px!important;margin:0!important}.about-copy>p:not(.tag){margin:0!important}.about ul{margin:13px 0!important}.about h2 br{display:block}.kid-decor{display:none!important}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-grid article{height:166px}.services .wrap::after{width:185px;height:145px;right:-44px;top:-44px}.kids{width:90%}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.three article{height:245px;padding:14px}.appointment-grid{display:grid!important;grid-template-columns:43% 57%!important}.panda{min-height:205px!important}.panda .appointment-panda-image{position:absolute!important;width:142px!important;height:170px!important;left:0!important;bottom:6px!important}.panda h2{position:absolute!important;left:150px!important;top:30px!important;text-align:left!important;font-size:25px!important}.panda>div{position:absolute!important;left:135px!important;top:117px!important;justify-content:space-between!important;width:280px!important}.appointment form{margin:0!important;padding:8px!important}.appointment form>div{grid-template-columns:1fr 1fr!important}.foot{grid-template-columns:1.4fr 1fr 1fr!important}.foot>div:first-child{grid-column:span 1!important}
}

/* Tablet landscape and compact laptops. */
@media (min-width: 801px) and (max-width: 1100px) {
  .wrap{width:92%}.nav{gap:13px}.brand{min-width:190px}.nav nav{gap:15px}.nav nav a{font-size:11px}.topcta{padding:10px 13px;font-size:10px}
  .hero{height:540px!important}.hero h1{font-size:43px!important}.hero .sub{font-size:13px}.hero .actions .btn{padding:10px 10px;font-size:10px}.hero .hero-art img{width:350px!important;height:455px!important;right:0!important}.hero .speech{right:-15px!important}
  .features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}.features article{height:138px}.stats{margin-top:25px}.stats div div{padding-left:8px;grid-template-columns:42px minmax(0,1fr)}.stats b{font-size:24px}
  .about{grid-template-columns:34% minmax(0,1fr) 18%!important;column-gap:20px}.doctor-circle{width:315px!important;height:315px!important}.kid-decor{width:175px!important;height:190px!important}.about-copy>p:not(.tag){width:auto}.about h2{font-size:27px}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-grid article{height:170px}.services .wrap::after{width:230px;height:180px;right:-75px;top:-67px}.kids{width:92%}.three{gap:14px}.three article{padding:16px}.appointment-grid{grid-template-columns:46% 54%!important}.appointment form{padding-left:0!important}.panda h2{left:165px!important;font-size:27px!important}.panda>div{left:145px!important;width:300px!important}.foot{gap:20px}
}

/* Standard laptops: retain a six-card view with comfortable spacing. */
@media (min-width: 1101px) and (max-width: 1350px) {
  .wrap{width:92%}.nav nav{gap:19px}.hero h1{font-size:47px!important}.hero .hero-art img{width:380px!important}.features{gap:10px}.service-grid{gap:11px}.about{grid-template-columns:36% minmax(0,1fr) 19%!important}.doctor-circle{width:350px!important;height:350px!important}
}

/* Wide desktop and TV screens: scale content gracefully while keeping readable line lengths. */
@media (min-width: 1600px) {
  .wrap{width:min(1420px,88%)}.nav{height:92px}.brand b{font-size:16px}.nav nav{gap:30px}.nav nav a{font-size:13px}.hero{height:650px!important}.hero h1{font-size:58px!important}.hero .sub{font-size:17px}.hero .hero-art img{width:490px!important;height:570px!important}.features article{height:150px;font-size:12px}.features span{width:75px;height:75px}.stats b{font-size:31px}.section{padding:88px 0}.doctor-circle{width:420px!important;height:420px!important}.about h2,.services h2{font-size:37px}.service-grid article{height:195px;font-size:13px}.service-grid span{height:102px}.kids{max-width:1420px;height:185px}.three article{height:275px}.appointment{padding:38px 0}.foot{font-size:11px}
}

/* Mobile correction: keep the home hero readable and prevent art/trust overlap. */
@media (max-width: 800px) {
  .hero{
    height:auto!important;
    min-height:0!important;
    padding:22px 0 42px!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  .hero>.hero-grid{
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-content:start!important;
    padding-top:0!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:460px!important;
    padding-top:0!important;
  }
  .hero .eyebrow{
    max-width:100%;
    white-space:normal;
  }
  .hero h1{
    font-size:clamp(30px, 8.4vw, 38px)!important;
    letter-spacing:0!important;
  }
  .hero .actions{
    width:100%!important;
    max-width:360px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .hero .actions .btn,
  .hero .actions .btn:last-child{
    grid-column:auto!important;
    width:100%!important;
    min-height:38px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    padding:10px 12px!important;
    font-size:10px!important;
  }
  .hero .trust{
    width:100%!important;
    max-width:390px!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .hero .rating,
  .hero .trusted{
    width:100%!important;
    height:auto!important;
    min-height:48px;
  }
  .hero .hero-art{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:270px!important;
    margin-top:-4px!important;
    pointer-events:none;
  }
  .hero .hero-art img{
    position:absolute!important;
    width:min(86vw, 330px)!important;
    height:100%!important;
    max-width:none!important;
    right:0!important;
    bottom:-8px!important;
    object-fit:contain!important;
    object-position:right bottom!important;
  }
  .hero .speech{
    display:none!important;
  }
  .rainbow{
    right:-165px!important;
    top:auto!important;
    bottom:120px!important;
    opacity:.55!important;
  }
  .bl-hero .wrap{
    padding:40px 0 66px!important;
  }
  .bl-search-form{
    max-width:100%!important;
  }
  .bl-tabs{
    justify-content:flex-start!important;
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding-bottom:4px;
  }
  .bl-tab{
    flex:0 0 auto;
  }
  .bl-featured-grid,
  .bl-grid{
    grid-template-columns:1fr!important;
  }
  .bl-featured-main .bl-featured-img,
  .bl-card-img{
    height:190px!important;
  }
  .bl-card-top,
  .bl-card-footer,
  .bl-meta{
    gap:8px;
    flex-wrap:wrap;
  }
  .bl-cta .wrap{
    grid-template-columns:1fr!important;
    text-align:center;
  }
}

@media (max-width: 380px) {
  .hero{padding-top:18px!important;padding-bottom:34px!important}
  .hero h1{font-size:28px!important}
  .hero .sub{font-size:11px!important}
  .hero .hero-art{height:235px!important}
  .hero .hero-art img{width:min(84vw, 290px)!important}
}

/* Home hero mobile UI final pass */
@media (max-width: 600px) {
  .hero{
    padding:18px 0 0!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  .hero>.hero-grid{
    width:min(100% - 28px, 430px)!important;
    margin:0 auto!important;
    gap:0!important;
  }
  .hero-copy{
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  .hero .eyebrow{
    margin:0 auto 10px!important;
    font-size:9px!important;
    line-height:1.25!important;
    padding:6px 12px!important;
    border-radius:999px!important;
  }
  .hero h1{
    font-size:clamp(30px, 8.2vw, 34px)!important;
    line-height:1.05!important;
    margin:0 auto 12px!important;
    letter-spacing:0!important;
    max-width:360px!important;
  }
  .hero .sub{
    max-width:350px!important;
    margin:0 auto 14px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .hero .actions{
    width:100%!important;
    max-width:360px!important;
    margin:0 auto!important;
    gap:9px!important;
  }
  .hero .actions .btn{
    min-height:38px!important;
    border-radius:999px!important;
    font-size:10px!important;
    box-shadow:0 8px 18px rgba(9,45,104,.13)!important;
  }
  .hero .trust{
    width:100%!important;
    max-width:360px!important;
    margin:10px auto 0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .hero .rating,
  .hero .trusted{
    min-height:62px!important;
    padding:10px!important;
    border-radius:10px!important;
    box-shadow:0 8px 22px rgba(9,45,104,.12)!important;
    overflow:hidden!important;
  }
  .hero .rating{
    justify-content:center!important;
  }
  .hero .trusted{
    grid-template-columns:48px minmax(0, 1fr)!important;
    text-align:left!important;
    align-content:center!important;
  }
  .hero .trusted .faces{
    font-size:16px!important;
    overflow:hidden!important;
  }
  .hero .trusted b{
    font-size:14px!important;
  }
  .hero .trusted small,
  .hero .rating small{
    font-size:7px!important;
  }
  .hero .hero-art{
    position:relative!important;
    height:295px!important;
    margin:2px auto 0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .hero .hero-art img{
    width:min(92vw, 350px)!important;
    height:315px!important;
    right:50%!important;
    bottom:-18px!important;
    transform:translateX(50%)!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .rainbow{
    width:250px!important;
    height:150px!important;
    right:-145px!important;
    bottom:245px!important;
    opacity:.45!important;
  }
  .star,.balloon{
    display:none!important;
  }
}

@media (max-width: 380px) {
  .hero>.hero-grid{width:min(100% - 22px, 360px)!important}
  .hero h1{font-size:28px!important;max-width:320px!important}
  .hero .sub{font-size:11px!important}
  .hero .trust{grid-template-columns:1fr!important;max-width:330px!important}
  .hero .rating,.hero .trusted{min-height:52px!important}
  .hero .hero-art{height:260px!important}
  .hero .hero-art img{height:280px!important;width:min(90vw, 310px)!important}
}