/* VISION MEDIA responsive final: works neatly on mobile, tablet and desktop */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;} body{overflow-x:hidden;} img,video,iframe{max-width:100%;height:auto;} *{box-sizing:border-box;}
.container{width:min(1180px, calc(100% - 32px)); margin-inline:auto;}
.header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nav-logo{white-space:nowrap;}
.nav-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.grid,.services-grid,.portfolio-grid,.pricing-grid,.stats-grid,.dashboard-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.table-wrap,.admin-table-wrap,.orders-table,.data-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{min-width:720px;}
input,select,textarea,button{font:inherit;max-width:100%;}
.btn,.button,button{touch-action:manipulation;}
.auth-main{min-height:calc(100vh - 72px);} .auth-left,.auth-right{min-width:0;}
@media (max-width: 992px){
  .container{width:min(100% - 24px, 900px);} .nav{min-height:64px;}
  .nav-menu{position:fixed;top:64px;right:0;left:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 14px 30px rgba(0,0,0,.08);max-height:calc(100vh - 64px);overflow:auto;}
  .nav-menu.active,.nav-menu.show,.nav-menu.open{display:flex;}
  .nav-toggle,.mobile-menu-btn,.hamburger{display:flex!important;align-items:center;justify-content:center;}
  .dropdown-menu{position:static!important;width:100%!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.06);margin-top:8px;}
  .hero,.hero-content,.section-content,.about-content,.contact-content{grid-template-columns:1fr!important;text-align:center;}
  .dashboard-layout,.admin-layout{grid-template-columns:1fr!important;}
  .sidebar,.admin-sidebar{position:static!important;width:100%!important;}
}
@media (max-width: 768px){
  body{font-size:15px;} .container{width:calc(100% - 20px);} section{padding-block:42px!important;}
  h1,.hero-title{font-size:clamp(1.8rem, 9vw, 2.7rem)!important;line-height:1.25;} h2,.section-title{font-size:clamp(1.45rem, 7vw, 2.1rem)!important;}
  .auth-main{flex-direction:column!important;} .auth-left{padding:28px 18px!important;} .auth-right{padding:22px 10px!important;} .auth-card{max-width:100%!important;border-radius:18px!important;padding:24px 16px!important;}
  .form-row,.row,.two-col,.three-col{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .btn,.button,button{min-height:44px;} .whatsapp-float{bottom:18px!important;left:18px!important;right:auto!important;}
  .card,.service-card,.pricing-card,.dashboard-card{border-radius:16px!important;}
}
@media (max-width: 420px){
  .nav-logo{font-size:1.05rem!important;} .auth-big-logo{font-size:1.7rem!important;} .social-login-btn{padding:.72rem .7rem!important;font-size:.9rem!important;} .form-row-between{align-items:flex-start!important;}
}