@media (max-width:980px){
  body{overflow-x:hidden}
  .header-shell{position:relative;padding-right:10px}
  .primary-nav{top:76px;box-shadow:0 18px 40px rgba(0,0,0,.32)}
  .hero-card{min-height:260px}
  .hero-content.centered{max-width:640px}
  .content-panel{gap:20px}
}

@media (max-width:720px){
  .container{--pad:12px}
  main,.site-footer,.hero-section,.section-shell,.matches-section,.content-section,.page-hero{max-width:100%}
  .hero-card,.hero-content,.hero-offer,.content-panel,.content-copy,.page-card,.section-shell,.match-card{min-width:0}
  .hero-content h1,.hero-offer,.hero-card-title,.content-panel p,.content-panel li,.page-card p,.page-card li{overflow-wrap:anywhere}
  .hero-section.container,.matches-section.container,.content-section.container,.page-hero.container{padding-inline:12px}
  .section-shell.container{width:calc(100% - 24px);padding:18px 12px}
  .header-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:0;gap:10px 8px;padding:10px 12px 12px}
  .brand-link{grid-column:1}
  .auth-actions{grid-column:1 / -1;grid-row:2;justify-self:end;display:flex;justify-content:flex-end;width:100%;margin-left:0;min-width:0}
  .menu-toggle{grid-column:3;justify-self:end;margin-left:0}
  .primary-nav{grid-column:1 / -1}
  .brand-link{padding-block:10px}
  .brand-link img{width:86px;height:auto}
  .menu-toggle{width:38px;height:38px;padding:8px;border-radius:8px}
  .primary-nav{left:0;right:0;top:calc(100% + 8px)}
  .auth-actions{gap:7px}
  .auth-actions .btn{min-height:36px;padding:6px 12px;font-size:14px;white-space:nowrap}
  .auth-actions .btn-outline{display:inline-flex}
  .btn-register{min-width:0;max-width:none}
  .plus-icon{width:20px;height:20px}
  .hero-section{gap:12px}
  .hero-card{min-height:220px;border-radius:10px}
  .hero-main{min-height:300px}
  .hero-content,.hero-content.centered{padding:20px}
  .hero-tag{font-size:13px;margin-bottom:9px}
  .hero-content h1{font-size:26px;line-height:1.16}
  .hero-offer{font-size:18px;line-height:1.25}
  .hero-content h2,.hero-card-title{font-size:22px;line-height:1.16}
  .hero-btn{margin-top:16px}
  .section-head{align-items:center;margin-bottom:12px}
  .section-head h2,.section-title{font-size:20px}
  .carousel-controls{gap:7px}
  .arrow-btn{width:36px;height:36px;border-radius:8px;font-size:28px}
  .see-all{min-height:36px;padding:6px 12px;font-size:14px}
  .scroll-row{gap:12px}
  .icon-card{flex-basis:132px;height:72px;border-radius:10px;padding:13px}
  .provider-card{flex-basis:142px}
  .match-card{flex:0 0 min(330px,calc(100vw - 42px));min-height:174px;padding:12px}
  .match-top{font-size:12px}
  .teams{gap:10px}
  .teams img{width:30px;height:30px}
  .teams b{font-size:14px;max-width:112px}
  .versus{font-size:22px}
  .odds a{padding:8px 10px}
  .game-section,.game-section.compact-games{--game-card-w:112px}
  .game-card{border-radius:10px}
  .game-actions{display:none}
  .game-title{opacity:1;left:8px;right:8px;bottom:8px;font-size:11px}
  .content-panel{padding:18px;border-radius:10px}
  .content-panel h2{font-size:21px}
  .content-panel p,.content-panel li,.info-table th,.info-table td{font-size:14px}
  .table-wrap{margin-inline:-4px}
  .footer-links-block{gap:24px;margin-bottom:24px}
  .payment-strip{gap:16px;margin-bottom:32px}
  .payment-strip img{max-width:78px;max-height:38px}
  .social-row{gap:26px}
  .copyright{text-align:center;font-size:14px}
  .chat-float{right:14px;bottom:18px}
  .back-to-top{right:18px;bottom:82px}
}

@media (max-width:430px){
  .auth-actions{margin-left:0}
  .auth-actions .btn{padding-inline:10px}
  .hero-main{min-height:320px}
  .hero-content h1{font-size:24px}
  .hero-offer{font-size:17px}
  .section-actions{gap:6px}
  .see-all{padding-inline:10px}
  .game-section,.game-section.compact-games{--game-card-w:104px}
  .icon-card{flex-basis:120px}
  .provider-card{flex-basis:132px}
  .page-card{padding:18px;border-radius:10px}
  .page-card h1{font-size:26px}
  .page-card h2{font-size:21px}
  .page-card p,.page-card li,.page-card td,.page-card th{font-size:14px}
  .page-card table{display:block;overflow-x:auto;white-space:nowrap}
}

@media (max-width:360px){
  .brand-link img{width:78px}
  .auth-actions .btn{font-size:13px;padding-inline:8px}
  .plus-icon{display:none}
  .menu-toggle{width:36px;height:36px}
  .hero-content h1{font-size:22px}
  .hero-offer{font-size:16px}
  .section-head{gap:8px}
  .section-head h2,.section-title{font-size:18px}
  .arrow-btn{width:34px;height:34px}
  .game-section,.game-section.compact-games{--game-card-w:96px}
}