/* Venoramed Theme V6.1 - Mobile Stability Patch
   Goal: keep the Home V20 / Doctor Profile design intact while preventing mobile overflow,
   scroll jank and animation-related layout breaks. No new sections, no design rewrite. */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

*,*::before,*::after{
  box-sizing:border-box;
}

img,video,svg,canvas,iframe{
  max-width:100%;
}

.vr-page,
.vr-site,
.vr-container,
.vr-section,
.vr-final-section,
.vr-doctor-shell,
.vr-profile-card,
.vr-hero,
.vr-header,
.vr-footer{
  max-width:100%;
}

.vr-container{
  overflow:visible;
}

.vr-mobile-menu{
  max-width:100%;
}

.vr-menu-backdrop,
.vr-video-modal,
.vr-scroll-progress{
  max-width:100vw;
}

.vr-select__menu,
.vr-mobile-menu,
.vr-video-modal__dialog{
  overscroll-behavior:contain;
}

/* Keep horizontal components contained instead of allowing the page itself to overflow. */
.vr-doctor-tabs,
.vr-doc-anchor-nav,
.vr-logo-marquee,
.vr-doctor-grid{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

.vr-logo-marquee,
.vr-treatment-card,
.vr-doctor-card,
.vr-testimonial-card,
.vr-blog-card,
.vr-result-case,
.vr-profile-card{
  contain:layout paint;
}

@media (max-width: 768px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
    scroll-behavior:auto;
  }

  body{
    animation:none!important;
  }

  /* Mobile priority: stability and performance over decorative motion. */
  .vr-animate,
  .vr-animate--left,
  .vr-animate--right,
  .vr-animate-step,
  .vr-process-card,
  .vr-vip-panel,
  .vr-testimonial-card,
  .vr-network-grid,
  .vr-blog-card,
  .vr-partners{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  .vr-hero,
  .vr-final-section,
  .vr-vip-experience,
  .vr-final-cta,
  .vr-trust,
  .vr-process,
  .vr-network,
  .vr-footer,
  .vr-doctor-shell{
    overflow:hidden;
  }

  .vr-hero::after,
  .vr-hero__shine,
  .vr-vip-experience::before,
  .vr-vip-experience::after,
  .vr-final-cta::before,
  .vr-process::before,
  .vr-trust::before,
  .vr-trust::after,
  .vr-footer::before,
  .vr-footer::after{
    display:none!important;
    animation:none!important;
  }

  .vr-whatsapp,
  .vr-logo-track,
  .vr-play-pulse,
  .vr-footer{
    animation:none!important;
  }

  .vr-logo-track{
    transform:none!important;
  }

  .vr-scroll-progress{
    display:none!important;
  }

  .vr-container{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }

  .vr-search-card,
  .vr-vip-panel,
  .vr-final-cta__box,
  .vr-partnership-form,
  .vr-profile-card,
  .vr-doctor-form,
  .vr-pricing-panel,
  .vr-clinic-premium-content{
    max-width:100%;
  }

  .vr-search-card__grid,
  .vr-process-grid,
  .vr-vip-panel,
  .vr-testimonial-grid,
  .vr-blog-grid,
  .vr-network-grid,
  .vr-form-grid,
  .vr-final-cta__box,
  .vr-doctor-hero,
  .vr-quick-facts,
  .vr-card-grid,
  .vr-results-grid,
  .vr-video-grid,
  .vr-services-grid,
  .vr-related-grid,
  .vr-clinic-card,
  .vr-pricing-panel{
    grid-template-columns:1fr!important;
  }

  .vr-vip-benefits,
  .vr-network-benefits{
    grid-template-columns:1fr!important;
  }

  .vr-doctor-grid{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:100%;
  }

  .vr-doctor-card{
    min-width:86%!important;
    max-width:86%!important;
    flex:0 0 86%!important;
  }

  .vr-btn,
  .vr-final-cta__actions .vr-btn,
  .vr-vip-actions .vr-btn,
  .vr-doctor-hero__actions .vr-btn{
    max-width:100%;
  }

  .vr-btn::after,
  .vr-tab::after{
    display:none!important;
  }

  .vr-doctor-card:hover,
  .vr-treatment-card:hover,
  .vr-trust-card:hover,
  .vr-journey-step:hover,
  .vr-process-card:hover,
  .vr-testimonial-card:hover,
  .vr-blog-card:hover,
  .vr-info-card:hover,
  .vr-fact-card:hover,
  .vr-result-case:hover,
  .vr-service-premium-card:hover,
  .vr-footer-cta:hover,
  .vr-search-card:hover,
  .vr-premium-consultation__visual:hover img,
  .vr-vip-panel__visual:hover img,
  .vr-treatment-card:hover .vr-treatment-card__media img,
  .vr-doctor-card:hover .vr-doctor-card__media img,
  .vr-blog-card:hover .vr-blog-card__media img,
  .vr-testimonial-card:hover .vr-testimonial-card__media img{
    transform:none!important;
  }

  .vr-doctor-card__media img,
  .vr-treatment-card__media img,
  .vr-blog-card__media img,
  .vr-testimonial-card__media img,
  .vr-vip-panel__visual img,
  .vr-premium-consultation__visual img{
    transition:none!important;
  }

  .vr-video-modal{
    padding:14px;
  }

  .vr-video-modal__dialog{
    width:100%;
    max-width:100%;
    border-radius:22px;
  }

  .vr-doc-anchor-nav{
    margin-left:0!important;
    margin-right:0!important;
    padding-bottom:8px;
  }

  .vr-mobile-menu{
    width:min(360px,92vw)!important;
  }
}

@media (max-width: 430px){
  .vr-container{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }

  .vr-doctor-card{
    min-width:90%!important;
    max-width:90%!important;
    flex-basis:90%!important;
  }

  .vr-final-section,
  .vr-featured-doctors,
  .vr-treatments,
  .vr-trust,
  .vr-faq{
    padding-left:0!important;
    padding-right:0!important;
  }
}