/* ============================================================
   RESPONSIVE — Below-fold enhancements (loaded async)
   Layout-critical rules are in critical.css
   ============================================================ */

/* --- TABLET (768px+) --- */
@media (min-width:768px){
  .promo-card{min-width:60%}
  .modal{
    position:relative;
    bottom:auto;
    left:auto;
    right:auto;
    border-radius:var(--radius-lg);
    max-height:85vh;
    width:calc(100% - var(--space-xl));
    transform:translateY(20px);
    opacity:0;
    transition:transform var(--transition-base),opacity var(--transition-base);
  }
  .modal-overlay.active .modal{
    transform:translateY(0);
    opacity:1;
  }
  .modal__body{
    grid-template-columns:repeat(3,1fr);
    gap:var(--space-md);
  }
  .region-card__langs{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
  .region-card__lang{width:auto}
  .footer__payment-icon{width:56px;height:36px}
  .content-section{max-width:800px;margin-left:auto;margin-right:auto}
  .faq{max-width:800px;margin-left:auto;margin-right:auto}
}

/* --- DESKTOP (1024px+) --- */
@media (min-width:1024px){
  .promo-ticker__item{width:280px}
  .content-section{padding:var(--space-xl) var(--space-lg);max-width:900px}
  .faq{padding:var(--space-xl) var(--space-lg);max-width:900px}
  .sponsorship{padding:var(--space-xl) var(--space-lg);max-width:1200px;margin:0 auto}
  .footer{padding:var(--space-xl) var(--space-lg)}
  .footer__responsible{gap:var(--space-lg)}
}

/* --- LARGE DESKTOP (1440px+) --- */
@media (min-width:1440px){
  .promo-ticker__item{width:320px}
}