/* =======================================================================
   SBO Arena — จอเล็ก
   โหลดต่อจาก style.css แยกไฟล์ไว้เพื่อให้ไล่แก้เฉพาะมือถือได้ง่าย
   ======================================================================= */

@media (max-width:1180px){
  .sb-wall{grid-template-columns:repeat(4,1fr)}
  .sb-foot__top{grid-template-columns:1.5fr 1fr 1.2fr;gap:26px}
  .sb-foot__col--wide{grid-column:1/-1}
}

@media (max-width:1024px){
  .sb-sec{padding:56px 0}
  .sb-sec--tight{padding:0 0 56px}

  .sb-hero{padding:40px 0 46px}
  .sb-hero__in{grid-template-columns:1fr;gap:34px}
  .sb-hero__sub{max-width:none}
  /* เอียงน้อยลงบนจอแคบเพื่อไม่ให้มุมแผ่นล้นขอบจอ แต่ยังวางแผ่นลงโต๊ะเหมือนเดิม
     (ถ้าปิดอนิเมชันตรงนี้ ตรายางจะปั๊มลงบนแผ่นที่ไม่เคยถูกวาง) */
  .sb-hero__slip{padding-inline:6px}
  .sb-slip{--sb-tilt:-.6deg}

  .sb-nav{display:none}
  .sb-burger{display:grid}

  .sb-stubs{grid-template-columns:repeat(2,1fr)}
  .sb-stub--lead{grid-column:span 2;grid-row:auto}
  .sb-stub--lead.sb-stub--image .sb-stub__media{flex:none;aspect-ratio:16/9}
  .sb-coupons{grid-template-columns:repeat(2,1fr)}
  .sb-coupon--lead{grid-column:span 2}
  .sb-cuts{grid-template-columns:repeat(2,1fr)}
  .sb-cut--lead{grid-column:span 2}
  .sb-read,.sb-read--left{grid-template-columns:1fr;gap:26px}
  .sb-read--left .sb-read__art{order:0}

  .sb-shell,
  .sb-side-left .sb-shell{grid-template-columns:minmax(0,1fr);gap:28px}
  .sb-side-left .sb-shell>.sb-aside{order:0}
  .sb-sticky,.sb-sticky-side{position:static}
}

/* ตารางราคา: เลิกเป็นตาราง เปลี่ยนเป็นรายการต่อแถว */
@media (max-width:860px){
  .sb-fix,
  .sb-fix tbody,
  .sb-fix tr,
  .sb-fix td{display:block;width:100%}
  .sb-fix thead{display:none}
  .sb-fix tr{position:relative;padding:15px 0;border-bottom:1px dashed rgba(0,0,0,.18)}
  .sb-fix tr:last-child{border-bottom:0}
  .sb-fix td{border:0;padding:1px 0}
  .sb-fix__pair{padding-inline-end:76px}
  .sb-fix__odd{position:absolute;top:15px;inset-inline-end:0;text-align:end}
  .sb-fix__after{flex-direction:column;align-items:flex-start}
}

@media (max-width:720px){
  body{font-size:16px}
  .sb-sec{padding:44px 0}
  .sb-sec--tight{padding:0 0 44px}
  .sb-wrap{padding-inline:16px}
  .sb-sechd{margin-bottom:26px}

  .sb-top__in{flex-direction:column;align-items:flex-start;gap:4px}
  .sb-brand__sub{display:none}
  .sb-brand__mark--sbobet{padding:4px 7px}
  .sb-brand__mark--sbobet img{width:140px;height:35px}

  .sb-stubs{grid-template-columns:1fr}
  .sb-stub--lead{grid-column:span 1}
  .sb-coupons{grid-template-columns:1fr}
  .sb-coupon--lead{grid-column:span 1}
  .sb-coupon__tag,
  .sb-coupon--lead .sb-coupon__tag{width:78px}
  .sb-coupon__tag span,
  .sb-coupon--lead .sb-coupon__tag span{font-size:1.45rem}
  .sb-coupon__bd{padding-inline-start:24px}
  .sb-cuts{grid-template-columns:1fr}
  .sb-cut--lead{grid-column:span 1;flex-direction:column}
  .sb-cut--lead .sb-cut__pic{flex:none;aspect-ratio:48/25}
  .sb-cut:nth-child(n){transform:none}
  .sb-wall{grid-template-columns:repeat(3,1fr)}
  .sb-sheet{padding:22px}
  .sb-form{padding-inline:18px}
  .sb-tear__bd{padding:30px 20px 34px}
  .sb-nextprev{grid-template-columns:1fr}
  .sb-nextprev .is-next{text-align:start}
  .sb-foot__top{grid-template-columns:1fr;gap:26px;padding:34px 0 28px}
  .sb-foot__bar-in{flex-direction:column;align-items:flex-start}
  .sb-hero__btns .sb-btn{flex:1 1 auto}

  /* หัวเว็บเหลือปุ่มหลักปุ่มเดียว ที่เหลือย้ายไปลิ้นชักกับแถบล่าง */
  .sb-head__act .sb-btn--line{display:none}
  .sb-head__act .sb-btn--red{padding:.72em 1em;font-size:.9rem}

  /* แถบล่างติดจอ */
  .sb-tabbar{
    display:grid;position:fixed;inset-inline:0;bottom:0;z-index:55;
    grid-auto-flow:column;grid-auto-columns:1fr;
    background:var(--sb-ink-2);border-top:2px solid var(--sb-red);
    padding:5px 4px 4px;
  }
  .sb-tabbar a{
    display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;
    font-family:var(--sb-font-head);font-size:.72rem;color:var(--sb-on-ink-m);
  }
  .sb-tabbar a:hover{color:var(--sb-red-br)}
  .sb-has-tabbar{padding-bottom:64px}
  .sb-float{bottom:76px;inset-inline-end:14px}
  .sb-float a,.sb-float button{width:46px;height:46px}
}

@media (max-width:460px){
  .sb-head__in{gap:10px;flex-wrap:wrap;padding-block:8px}
  .sb-head__act{margin-inline-start:auto}
  .sb-brand__mark--sbobet img{width:100px;height:25px}
  .sb-brand__mark{font-size:1rem}
  .sb-wall{grid-template-columns:repeat(2,1fr)}
  .sb-slip{padding:18px 16px 0}
  .sb-slip__perf{margin-inline:-16px}
  .sb-slip__hd{padding-inline-end:94px}
  .sb-stamp--slip{top:12px;inset-inline-end:12px;font-size:.66rem;max-width:6em}
  .sb-slip__row{grid-template-columns:auto 1fr;row-gap:4px}
  .sb-slip__odd{grid-column:2;justify-self:end}
  .sb-facts__in{flex-direction:column;align-items:flex-start;gap:6px}
  .sb-facts p+p::before{display:none}
  .sb-void{padding:38px 18px}
}