/* Cross-device quality layer: phone, tablet, laptop and wide screens */
html,body{max-width:100%;overflow-x:hidden}img,svg{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}.mobile-top-logo,.mobile-auth-links{display:none}

@media(max-width:1100px){
  .site-header{padding-inline:22px}.header-auth{margin-left:auto}.hero{gap:42px}.section,.section-sm{width:100%}
  .dashboard-content{padding:28px 22px}.page-heading{gap:20px}.support-channels,.product-grid,.subscription-grid{min-width:0}
  .admin-app .page{padding:26px 22px 50px}.admin-app .topbar{padding-inline:22px}
}

@media(min-width:801px) and (max-width:980px){
  .site-header nav .mobile-auth-links{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
  .site-header nav .mobile-auth-links a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid rgba(216,169,60,.3);font-size:13px;font-weight:800}
  .site-header nav .mobile-auth-links .mobile-login{color:#f1d17a;background:rgba(216,169,60,.055)}
  .site-header nav .mobile-auth-links .mobile-register{gap:14px;border-color:#efcf74;background:linear-gradient(135deg,#efcf74,#b37d17);color:#090a07}
}

@media(max-width:800px){
  body{font-size:14px}
  .mobile-top-logo{display:flex;align-items:center;width:174px;height:50px;margin-right:auto}
  .mobile-top-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}

  /* Landing */
  .site-header{height:74px;padding:0 18px;gap:12px}.site-header .brand{width:190px;height:56px}.header-auth{gap:8px}.login-link{font-size:12px}.hero{padding-top:120px}
  .site-header nav .mobile-auth-links{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
  .site-header nav .mobile-auth-links a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid rgba(216,169,60,.3);font-size:13px;font-weight:800}
  .site-header nav .mobile-auth-links .mobile-login{color:#f1d17a;background:rgba(216,169,60,.055)}
  .site-header nav .mobile-auth-links .mobile-register{gap:14px;border-color:#efcf74;background:linear-gradient(135deg,#efcf74,#b37d17);color:#090a07;box-shadow:0 12px 28px rgba(190,136,20,.15)}
  .section-heading,.page-heading{align-items:flex-start}.plans{min-width:0}.pricing-block{overflow:hidden}

  /* Member topbar: logo remains visible while the drawer is closed */
  .dashboard-main .topbar{height:72px;padding:0 16px;gap:10px}
  .dashboard-main .hamburger{display:block;flex:0 0 42px;width:42px;height:42px;margin:0}
  .dashboard-main .top-title{display:none}
  .dashboard-main .top-actions{gap:7px}
  .dashboard-main .profile-btn{display:none}
  .dashboard-main .notification-btn,.dashboard-main .top-power{width:42px;height:42px;min-width:42px}
  .dashboard-main .top-power span{display:none}
  .dashboard-main .top-power{padding:0;place-content:center}
  .dashboard-content{padding:24px 18px 45px}
  .page-heading{margin-bottom:22px}.page-heading h1{font-size:38px}.page-heading p{font-size:12px}
  .page-heading>.gold-btn,.page-heading>.outline-btn{min-height:44px;flex-shrink:0}
  .panel{padding:19px}.stat-grid,.wallet-grid{gap:10px}
  .checkout-card,.modal-card{max-height:92dvh;overflow:auto}

  /* Admin topbar */
  .admin-app .topbar{height:74px;padding:0 15px;gap:9px;justify-content:flex-start}
  .admin-app .menu-btn{display:grid;flex:0 0 42px;width:42px;height:42px}
  .admin-app .mobile-top-logo{width:164px;height:48px}
  .admin-app .topbar>div:nth-of-type(1){display:none}
  .admin-app .top-actions{margin-left:auto;gap:7px}
  .admin-app .top-avatar,.admin-app .top-actions>.icon-btn{display:none}
  .admin-app .admin-power{width:42px;height:42px;padding:0;display:grid;place-items:center}
  .admin-app .admin-power span{display:none}
  .admin-app .page{padding:23px 17px 45px}
  .admin-app .toolbar{gap:8px}.admin-app .data-table{min-width:720px}

  /* Legal/auth */
  .legal-header{height:74px;padding-inline:18px}.legal-header img{width:180px}
  .auth-page{min-height:100dvh}
}

@media(max-width:600px){
  :root{--mobile-pad:14px}
  .site-header .brand{width:168px}.site-header .login-link{display:none}.site-header .menu-toggle{width:42px;height:42px}
  .site-header nav .mobile-auth-links{grid-template-columns:1fr}
  .hero{padding-top:108px}.hero-actions{width:100%}.hero-actions .btn{width:100%}.terminal{border-radius:0}
  .market-card{padding:20px 16px}.product-card{padding:27px 20px}.pricing-title{padding:22px}.plans article{min-height:155px}
  .cta>div{margin-inline:0}.footer{padding-inline:20px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}

  .mobile-top-logo{width:145px;height:45px}
  .dashboard-main .topbar{padding-inline:12px}.dashboard-content{padding:20px var(--mobile-pad) 40px}
  .page-heading{display:grid;grid-template-columns:1fr;gap:14px}.page-heading h1{font-size:34px}
  .page-heading>.gold-btn,.page-heading>.outline-btn{width:100%;justify-content:center}
  .stat-grid,.wallet-grid,.overview-grid,.bottom-grid,.settings-layout,.billing-bottom{grid-template-columns:1fr!important}
  .stat-grid article{min-height:120px}.panel{padding:17px}
  .product-line{gap:11px}.product-line .outline-btn{width:100%}
  .referral-hero{padding:23px 18px}.commission-orbit{width:145px;height:145px}
  .hero-link{width:100%;min-width:0}.hero-link span{min-width:0}
  .support-channels article{padding:20px}.support-section-head{display:block}
  .catalogue-buy{padding-inline:14px}.dashboard-content .catalogue-buy span{font-size:13px}
  .table,.data-table,.billing-table{font-size:11px}.table-wrap,.transactions,.billing-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .checkout-card{width:96vw;padding:20px 14px}.checkout-head h2{font-size:30px}.checkout-steps{overflow:hidden}
  .modal-card{width:95vw!important;padding:25px 17px!important}

  .admin-app .mobile-top-logo{width:137px;height:43px}
  .admin-app .topbar{padding-inline:11px}.admin-app .page{padding:20px 13px 40px}
  .admin-app .hero-row h3{font-size:27px}.admin-app .stats-grid,.admin-app .settings-grid{grid-template-columns:1fr}
  .admin-app .stat-card{min-height:125px}.admin-app .panel-body{padding:14px}
  .admin-app .toolbar>*{width:100%;max-width:none}.admin-app .primary-small{margin-left:0}
  .admin-app .modal{width:96vw;padding:23px 16px}

  .legal-shell{padding:42px 15px 70px}.legal-header a:last-child{padding:8px 10px;font-size:10px}.legal-document{padding:24px 17px}
}

@media(max-width:380px){
  .site-header .brand{width:145px}.mobile-top-logo{width:122px}.dashboard-main .topbar{gap:6px}
  .dashboard-main .notification-btn,.dashboard-main .top-power,.dashboard-main .hamburger{width:39px;height:39px;min-width:39px}
  .admin-app .mobile-top-logo{width:116px}.admin-app .admin-power,.admin-app .menu-btn{width:39px;height:39px}
  .page-heading h1{font-size:31px}.dashboard-content{padding-inline:11px}
}

@media(max-height:520px) and (orientation:landscape){
  .sidebar,.modal-card,.checkout-card,.admin-app .modal{overflow-y:auto}
  .dashboard-main .topbar,.admin-app .topbar{position:sticky}
}