/*
 * SoccerMatchToday 3.6.163 responsive integrity contract.
 *
 * This file intentionally duplicates only the shell-level responsive rules
 * already present in main.css. It is loaded from a new URL and after the normal
 * route styles so a stale/partial optimizer bundle cannot leave the desktop
 * shell active at tablet/mobile widths. No desktop component design is changed.
 */
html,body,#page.smt-site{min-width:0;max-width:none}
#page.smt-site{width:100%}
.smt-container{max-width:var(--smt-site-max-width,1520px)}
.smt-header-inner,.smt-home-grid,.smt-center-column,.smt-left-sidebar,.smt-right-sidebar,.smt-route-layout,.smt-route-primary{min-width:0}

@media (max-width:1279px){
  .smt-desktop-nav{display:none!important}
  .smt-menu-toggle{display:inline-flex!important}
  .smt-header-inner{gap:12px!important}
  .smt-brand{margin-right:auto!important}
  .smt-header-actions{margin-left:0!important}
  .smt-home-grid{grid-template-columns:220px minmax(0,1fr)!important}
  .smt-right-sidebar{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .smt-route-layout{grid-template-columns:minmax(0,1fr)!important}
  .smt-route-aside{position:static!important}
}

@media (max-width:1023px){
  .smt-home-grid{grid-template-columns:minmax(0,1fr)!important}
  .smt-left-sidebar{order:2!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .smt-center-column{order:1!important}
  .smt-right-sidebar{order:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .smt-route-layout{grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:767px){
  .smt-container{width:min(calc(100% - 22px),var(--smt-site-max-width,1520px))!important}
  .smt-header-actions .smt-timezone-button{display:none!important}
  .smt-brand-copy small{display:none!important}
  .smt-home-grid{grid-template-columns:minmax(0,1fr)!important}
  .smt-left-sidebar,.smt-right-sidebar{grid-template-columns:minmax(0,1fr)!important}
  .smt-left-sidebar{order:3!important}
  .smt-right-sidebar{order:2!important}
  .smt-route-layout{grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:479px){
  .smt-container{width:min(calc(100% - 16px),var(--smt-site-max-width,1520px))!important}
}