/* Mobile animation refinements shared by all pages. */
@media(max-width:760px){
body{overflow-x:clip}
.ayurvedic-visual,.extraction-stage,.care-cover-art{max-width:100%;min-width:0}
.ayurvedic-visual{isolation:isolate}.realistic-ayurveda .grinding-pestle{backface-visibility:hidden}
.assessment-preview>.assessment-shell{padding-left:20px;padding-right:20px}
.assessment-visual.extraction-stage{max-width:420px;width:100%;margin-left:auto;margin-right:auto}
.extraction-cloth,.extraction-liquid{backface-visibility:hidden}
.extraction-caption{font-size:21px;line-height:1.3}
.clinic-visit .visit-jar{width:150px;height:210px;filter:drop-shadow(0 6px 5px #334c2e22)}
.clinic-visit .visit-pouring-bowl{width:180px;height:116px;left:calc(50% - 166px);filter:drop-shadow(0 6px 5px #3f4c2b22)}
.clinic-visit .visit-pour-stream{top:calc(var(--pour-top,75px) + 47px);height:123px;width:2px;left:calc(50% - 1px)}
.clinic-visit .jar-body>span{font-size:9px;padding:9px 2px;letter-spacing:1px}.clinic-visit .jar-body>span:before{font-size:11px}
.clinic-visit .visit-booking{right:120px;bottom:45px}.clinic-visit .visit-booking .assessment-start{min-height:50px}
.clinic-visit .pour-cinema:before{animation:none;box-shadow:0 0 0 20px #f8f2d022}.pour-petal-mandala{width:90vw;top:260px;animation-duration:110s}.pour-botanical{animation-duration:12s}
.clinic-visit .contact-item,.clinic-details-visible .contact-item{animation:clinic-text-rise .7s both,clinic-border-orbit 8s linear infinite;box-shadow:0 0 9px #dfc16f33}
.treatment-preview-card,.doctor-editorial .detail-cards article,.doctor-editorial .principles-grid article,.treatments-page .conditions li,.assessment-page .dosha-card{transform:none}
.treatment-preview-card:hover,.doctor-editorial .detail-cards article:hover,.doctor-editorial .principles-grid article:hover,.treatments-page .conditions li:hover,.assessment-page .dosha-card:hover{transform:none}
.treatment-entrance.treatment-awaiting{transform:translateY(12px)}
.treatment-entrance.treatment-shown{transition-duration:.65s}
.doctor-editorial .about-motion-visible{transition-duration:.65s;transition-delay:0s}.doctor-editorial-photo>img{transform:none!important}
.assessment-page .option:hover{transform:none}.assessment-page .option,.assessment-page .quiz .btn,.booking-page .submit{min-height:52px}
.neem-welcome-leaf{filter:none;backface-visibility:hidden}
.warm-light{filter:blur(40px)}.herbal-dust{opacity:.25}
}
@media(prefers-reduced-motion:reduce){
.clinic-details-visible .contact-item{animation:none!important}
.clinic-visit .visit-jar{transition:none}
.pour-petal-mandala,.pour-botanical,.neem-welcome-leaf{animation:none!important}
}
/* Final mobile usability pass. */
@media(max-width:760px){
.ayurvedic-hero .actions .btn,.ayurvedic-hero .actions .ayurvedic-link{font-size:12px;min-height:48px;padding:14px 20px;line-height:1.4}
.ayurvedic-hero .actions{gap:12px}
header .menu{min-width:44px;min-height:44px}
header nav>a{display:inline-flex;align-items:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Tablet navigation uses the same comfortable menu as phones. */
@media(min-width:761px) and (max-width:1100px){
header .nav{width:90%;min-height:98px;justify-content:space-between}
header .menu{display:block;background:none;border:0;color:#35513e;min-width:44px;min-height:44px;font-size:28px}
header nav{display:none;position:absolute;left:0;right:0;top:98px;background:#e5e9d6;padding:23px;flex-direction:column;gap:12px;box-shadow:0 10px 20px #354b2b18;border-bottom:1px solid #bac8a3}
header nav.open{display:flex}header nav>a{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}
}