/* Mobile-first refinements without changing the clinic's editorial styling. */
html{scroll-padding-top:93px;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
.wrap,.inside-copy,.text-photo-grid>*,.sp-expanded-row>*,.profile-card,
.service-row-body,.footer-grid>*{min-width:0}
img,video,iframe{max-width:100%}
button,a{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #be795c;outline-offset:4px}
.profile-body h3,.section-title h2,.inside-copy h1{overflow-wrap:break-word}
.callback-form input,.callback-form select,.callback-form textarea{min-width:0;max-width:100%}
@media(min-width:761px) and (max-width:1050px){
  .section{padding:78px 0}
  .form-spot,.faq-showcase{gap:24px}
  .inside-copy h1{font-size:clamp(2.7rem,5.7vw,4.5rem)}
}
@media(max-width:760px){
  .inside-copy h1{font-size:clamp(2.3rem,7.7vw,3rem);line-height:1.1;letter-spacing:-.055em}
  .sp-narkomania-hero h1{font-size:clamp(2.25rem,7.3vw,3rem)}
  .hero-actions .button,.callback-form button[type=submit]{min-height:44px}
  .sp-expanded-row img{height:auto;max-height:380px;object-fit:contain;background:#e8ece9}
}
@media(max-width:390px){
  .wrap{width:calc(100% - 28px)}
  .brand strong{font-size:24px}
  .header-control .button{font-size:10px;padding:10px 8px}
  .inside-copy{padding:18px 13px 24px}
  .inside-copy h1{font-size:2.2rem}
  .service-row{grid-template-columns:95px 1fr;gap:11px}
  .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}