/* TopServers mobile audit — layout only. Desktop rules intentionally untouched. */
@media (max-width: 900px){
  html,body{max-width:100%;overflow-x:hidden}
  img,video,canvas,iframe{max-width:100%}
  .fixed-banner-layer,.fixed-skin-ad,.external-ads,.top-advertising.has-ads{display:none!important}
  .side-column,.server-rail,.files-rail,.ad-rail{display:none!important}
  .content-layout,.server-layout,.files-layout,.ad-layout{grid-template-columns:minmax(0,1fr)!important}
  .site-shell,.server-shell,.files-shell,.ad-shell,.site-frame-shell{width:100%!important;max-width:100%!important}
  .global-navbar{grid-template-columns:minmax(0,1fr) auto!important}
  .global-brand{min-width:0}.global-brand strong{white-space:nowrap}
  .global-account{min-width:0}.ts-language-trigger{padding-inline:5px}
  .global-subnav{max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .global-subnav::-webkit-scrollbar{display:none}
  .global-subnav>*{flex:0 0 auto}
  .dropdown-menu{max-width:calc(100vw - 24px)}
  table{max-width:100%}
}
@media (max-width: 700px){
  input,select,textarea,button{max-width:100%;font-size:16px}
  .container,.wrap{max-width:100%!important}
  .dashboard-header,.admin-header{display:flex!important;flex-direction:column!important;gap:10px!important}
  .header-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .header-actions .btn,.header-actions a{flex:1 1 auto;text-align:center}
  .card{min-width:0!important;max-width:100%!important}
  .grid-2,.grid-3,.plans-grid{grid-template-columns:1fr!important}
  .campaign-row,.order-row,.banner-item{min-width:0}
  .settings-nav,.panel-tabs,.panel-mini-nav{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .settings-nav::-webkit-scrollbar,.panel-tabs::-webkit-scrollbar,.panel-mini-nav::-webkit-scrollbar{display:none}
  .price-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product{min-width:0}
  .adminrow{gap:10px;flex-wrap:wrap}
  .modal-content,.ts-modal{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px);overflow:auto}
  .auth-framed .login-container,.login-container,.register-container{width:calc(100% - 24px)!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
  .client-row{min-width:0}.client-copy{min-width:0}.client-copy p{overflow-wrap:anywhere}
  .banner-plans article{min-width:0}.banner-plans article>a{width:100%;text-align:center}
  .process-panel ol,.steps{grid-template-columns:1fr!important}
  .crest-main{max-width:100%!important}.maker-card,.editor-card,.how-card{max-width:100%;min-width:0}
  .mode-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-tabs button{flex:0 0 auto}
  .editor-card{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .preview-stage{width:100%;max-width:100%}.controls{flex-wrap:wrap}.controls label{flex:1 1 100%}.controls button{flex:1 1 auto}
  .result-grid{grid-template-columns:1fr 1fr}.crest-footer{width:calc(100% - 20px)!important}
  .server-identity{min-width:0}.identity-top{min-width:0}.server-title-row{min-width:0}.server-title-row h1{overflow-wrap:anywhere}
  .server-facts,.activity-grid{min-width:0}
  .action-buttons a,.action-buttons button{min-height:44px}
  .seo-category-nav{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}.seo-category-nav a{flex:0 0 auto!important}
}
@media (max-width: 520px){
  .global-navbar{height:auto!important;min-height:55px;padding:7px 10px!important;gap:6px}
  .global-brand img{width:28px;height:28px;flex-basis:28px}.global-brand strong{font-size:15px!important}
  .global-account{gap:5px!important}.global-account .global-primary{padding:7px 8px!important;font-size:10px!important}.global-exit{font-size:10px!important}
  .ts-language-trigger{font-size:10px!important;gap:4px}
  .global-subnav{padding-inline:10px!important;gap:13px!important}
  .global-search{min-width:120px}.global-search input{width:150px!important;max-width:42vw}
  .content-layout,.server-layout,.files-layout,.ad-layout{padding:12px 10px 22px!important}
  .page-heading h1,.crest-hero h1{font-size:21px!important;overflow-wrap:anywhere}
  .page-heading p,.crest-hero p{font-size:12px!important}
  .server-line,.server-line.featured{grid-template-columns:34px minmax(0,1fr) 40px 56px!important;column-gap:2px!important;padding-inline:3px!important}
  .server-line .line-date{display:none!important}.line-rate,.line-version{font-size:9px!important}
  .line-rank,.server-line.diamond .line-rank,.server-line.vip .line-rank,.server-line.blue-vip .line-rank{width:29px!important;font-size:9px!important}
  .period-title{font-size:13px!important}.server-group h2{font-size:15px!important}
  .chronicle-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.chronicle-tabs>*{flex:0 0 auto}
  .price-fields{grid-template-columns:1fr!important}
  .panel-metrics{grid-template-columns:1fr!important}
  .actions,.server-item>div:last-child{grid-template-columns:1fr!important}
  .campaign-row,.order-row{grid-template-columns:1fr!important}.campaign-row img{width:100%;max-width:120px;height:auto}
  .banner-checkout-form{grid-template-columns:1fr!important}
  .preview-top{grid-template-columns:1fr!important}.preview-body{grid-template-columns:1fr!important}.preview-skin{display:none}
  .server-facts,.activity-grid{grid-template-columns:1fr!important}.server-facts div,.activity-grid div{border-right:0!important;border-bottom:1px solid var(--line,#e1e5e8)!important}.server-facts div:last-child,.activity-grid div:last-child{border-bottom:0!important}
  .identity-top{flex-direction:column}.rank-position{width:100%;min-width:0!important;padding:10px 0 0!important;border-left:0!important;border-top:1px solid var(--line,#e1e5e8)}
  .result-grid{grid-template-columns:1fr!important}.result-grid .combined{grid-column:auto!important}
  .crest-gallery{grid-template-columns:repeat(auto-fill,32px)!important;gap:4px!important}
  .section-title{align-items:flex-start!important;gap:6px;flex-direction:column}
  .mode-tabs button{padding:9px 11px!important;font-size:11px}
  .files-footer,.ad-footer,.server-footer{padding-inline:12px!important}
}
@media (max-width: 370px){
  .global-brand strong{display:none}
  .global-search input{max-width:48vw}
  .server-line,.server-line.featured{grid-template-columns:32px minmax(0,1fr) 38px!important}.server-line .line-version{display:none!important}
}