/* ==========================================================================
   ES Medical Group — 06-responsive.css
   Breakpoint: desktop >1080 · tablet 1080/900 · mobile 640/400.
   Include prefers-reduced-motion.
   ========================================================================== */

/* ============ RESPONSIVE ============ */
/* Tablet landscape */
@media (max-width:1080px){
  .off-grid{grid-template-columns:repeat(2,1fr);}
  .vals-grid{grid-template-columns:repeat(3,1fr);}
  .valuebar ul{grid-template-columns:repeat(3,1fr);}
  .f-grid{grid-template-columns:1.4fr 1fr 1fr;}
  .f-brand{grid-column:1 / -1;}
}
/* Tablet portrait */
@media (max-width:900px){
  html{scroll-padding-top:76px;}
  .menu{display:none;}
  .burger{display:flex;}
  .nav-end .btn{display:none;}
  .svc-grid{grid-template-columns:1fr;}
  .svc{padding:30px;}
  .tour-grid{grid-template-columns:1fr;}
  .ct-grid{grid-template-columns:1fr;}
  .path-line,.path-plane{display:none;}
  .path-steps{grid-template-columns:1fr 1fr;row-gap:38px;}
  .step-dot{width:48px;height:48px;margin-bottom:18px;}
  .hero-glyph{opacity:.035;right:-22%;}
}
/* Mobile */
@media (max-width:640px){
  body{font-size:15px;}
  .hero{min-height:auto;padding-block:118px 60px;}
  .hero-stats{grid-template-columns:1fr;gap:16px;}
  .hero-stats>div{padding-bottom:14px;border-bottom:1px solid var(--line-dark);}
  .hero-stats>div:last-child{border-bottom:none;padding-bottom:0;}
  .hero-cta{flex-direction:column;align-items:stretch;}
  .hero-cta .btn{width:100%;}
  .valuebar ul{grid-template-columns:repeat(2,1fr);}
  .valuebar li{justify-content:flex-start;}
  .off-grid{grid-template-columns:1fr;}
  .off-c{min-height:auto;}
  .vals-grid{grid-template-columns:repeat(2,1fr);}
  .val:last-child{grid-column:1 / -1;}
  .path-steps{grid-template-columns:1fr;}
  .row{grid-template-columns:1fr;gap:0;}
  .f-grid{grid-template-columns:1fr 1fr;}
  .f-brand{grid-column:1 / -1;}
  .f-bot{flex-direction:column;text-align:left;}
  .route-foot{gap:8px;}
  .float{width:52px;height:52px;}
}
@media (max-width:400px){
  .vals-grid{grid-template-columns:1fr;}
  .val:last-child{grid-column:auto;}
  .valuebar ul{grid-template-columns:1fr;}
  .f-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
  .rv{opacity:1;transform:none;}
}