/* =========================================================
   BDMBet Casino — Responsive
   Breakpoints: 1280 / 1100 / 900 / 720 / 540 / 380
   ========================================================= */

/* ---------- Large desktop ---------- */
@media (max-width:1280px){
  .games-grid{grid-template-columns:repeat(4,1fr)}
  .quick-features{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Desktop medium ---------- */
@media (max-width:1100px){
  :root{--sidebar-w:220px}
  .games-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .verdict{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Tablet ---------- */
@media (max-width:900px){
  /* Sidebar becomes off-canvas */
  .burger{display:inline-flex}
  .sidebar{
    position:fixed;top:var(--header-h);left:0;
    height:calc(100vh - var(--header-h));
    width:280px;z-index:99;
    transform:translateX(-100%);
    transition:transform .3s ease;
    box-shadow:8px 0 30px rgba(0,0,0,.5);
  }
  .sidebar.open{transform:translateX(0)}
  .sidebar-overlay.show{display:block;opacity:1}

  .content{padding:14px 16px 0}
  .site-footer{margin:0 -16px -14px;padding:36px 16px 0}

  .top-tabs{display:none}
  .hide-sm{display:none}

  .games-grid{grid-template-columns:repeat(3,1fr)}
  .quick-features{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Mobile large ---------- */
@media (max-width:720px){
  :root{--header-h:58px}
  .header-inner{padding:0 14px;gap:10px}
  .logo img{height:32px}
  .btn{padding:10px 16px;font-size:.85rem}
  .btn-lg{padding:12px 20px;font-size:.92rem}
  .btn-xl{padding:15px 28px;font-size:1rem}
  .icon-btn{width:36px;height:36px}
  .hide-xs{display:none}

  .content{padding:12px 12px 0}
  .site-footer{margin:0 -12px -12px;padding:32px 12px 0}

  /* Slider */
  .hero-slider{margin-bottom:16px}
  .slider{height:clamp(200px,58vw,300px);border-radius:var(--radius-m)}
  .slide-content{left:5%;right:5%;bottom:14%;max-width:100%}
  .slide-content h2{font-size:1.35rem}
  .slide-content h2 span{font-size:.7em}
  .slide-content p{font-size:.8rem;margin-bottom:10px}
  .slide-tag{font-size:.65rem;padding:4px 10px;margin-bottom:6px}
  .slider-arrow{width:36px;height:36px;font-size:.85rem}
  .slider-arrow.prev{left:8px}
  .slider-arrow.next{right:8px}

  /* Quick features */
  .quick-features{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}
  .qf-item{padding:10px 12px}
  .qf-icon{width:34px;height:34px;font-size:1rem}
  .qf-text strong{font-size:.8rem}
  .qf-text span{font-size:.7rem}

  /* Jackpot */
  .jackpot-inner{padding:28px 18px}
  .jp-label{font-size:.72rem;padding:5px 12px;margin-bottom:10px}
  .jp-amount{font-size:2.2rem;margin-bottom:6px}
  .jp-sub{font-size:.85rem;margin-bottom:14px}

  /* Games */
  .games-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .game-info{padding:8px 10px}
  .game-info strong{font-size:.78rem}
  .game-info span{font-size:.68rem}
  .game-badge{font-size:.58rem;padding:3px 6px}
  .block-head h2{font-size:1.1rem}

  .chip{padding:7px 12px;font-size:.76rem}

  /* Intro */
  .intro-block{padding:22px 18px;margin-bottom:14px}
  .intro-block h1{font-size:1.45rem}
  .intro-block .lead{font-size:.94rem}

  /* Sections */
  .seo-section{padding:32px 0 24px}
  .seo-section.alt{padding:28px 18px 24px;margin:14px 0}
  h2{font-size:1.2rem}
  h3{font-size:1rem;margin-top:1.2em}

  .icon-list li{padding:11px 14px;font-size:.88rem}
  .icon-list li span{font-size:.88rem}
  .icon-list.two-col{grid-template-columns:1fr}

  .steps li{padding:12px 14px;gap:12px}
  .step-num{width:30px;height:30px;font-size:.9rem}
  .step-body strong{font-size:.9rem}
  .step-body span{font-size:.82rem}

  .data-table{min-width:540px}
  .data-table th,.data-table td{padding:10px 12px;font-size:.85rem}
  .data-table thead th{font-size:.7rem}

  .feature-cards{grid-template-columns:repeat(2,1fr);gap:10px}
  .f-card{padding:16px 14px}
  .f-card i{font-size:1.4rem}
  .f-card h3{font-size:.92rem}
  .f-card p{font-size:.8rem}

  .providers span{font-size:.76rem;padding:7px 12px}

  /* Reviews */
  .reviews-grid{grid-template-columns:1fr}
  .review-top img{width:40px;height:40px}
  .review-meta strong{font-size:.88rem}
  .review-meta span{font-size:.74rem}
  .review p{font-size:.85rem}

  .faq summary{padding:12px 14px;font-size:.88rem}
  .faq details p{padding:0 14px 14px;font-size:.85rem}

  .verdict{grid-template-columns:repeat(3,1fr);gap:8px}
  .vd{padding:12px 8px}
  .vd .score{font-size:1.4rem}
  .vd .label{font-size:.68rem}

  /* Final CTA */
  .final-cta{padding:36px 18px;margin:20px 0}
  .final-cta h2{font-size:1.4rem}
  .final-cta p{font-size:.9rem}
  .cta-pay{font-size:1.5rem;gap:14px}

  /* Footer */
  .footer-grid{grid-template-columns:1fr;gap:26px;padding-bottom:24px}
  .socials a{width:34px;height:34px;font-size:.85rem}
}

/* ---------- Small mobile ---------- */
@media (max-width:540px){
  .header-inner{padding:0 12px;gap:8px}
  .logo img{height:30px}
  .btn{padding:9px 14px;font-size:.8rem}
  .header-utils{gap:6px}
  .icon-btn{width:34px;height:34px}

  /* Slider */
  .slide-content h2{font-size:1.15rem}
  .slide-content p{display:none}
  .slider-dots{bottom:10px}
  .slider-dots button{width:8px;height:8px}
  .slider-dots button.active{width:22px}

  /* Games grid 2 cols */
  .games-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .game-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .chip{flex-shrink:0}

  /* Verdict 2 cols */
  .verdict{grid-template-columns:repeat(2,1fr)}

  .jp-amount{font-size:1.8rem}
  .jackpot-inner{padding:22px 14px}

  .seo-section.alt{padding:22px 14px 20px}
  .sec-head{margin-bottom:14px}
  .eyebrow{font-size:.66rem;padding:5px 10px}
}

/* ---------- Ultra small ---------- */
@media (max-width:380px){
  .btn-primary{padding:8px 12px;font-size:.78rem}
  .top-tabs{display:none}
  .slide-content h2{font-size:1rem}
  .slide-content h2 span{display:none}
  .jp-amount{font-size:1.55rem}
  .feature-cards{grid-template-columns:1fr}
  .quick-features{grid-template-columns:1fr}
}

/* ---------- Landscape phones ---------- */
@media (max-height:500px) and (orientation:landscape){
  .slider{height:78vh;min-height:220px}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ---------- Print ---------- */
@media print{
  .sidebar,.site-header,.hero-slider,.to-top,.final-cta,.site-footer{display:none}
  body{background:#fff;color:#000}
}