/* =============================================
   RESPONSIVE — Daniel & Rita
   ============================================= */

@media (max-width: 390px) {
  .cover-names    { font-size: 2.6rem; }
  .countdown-num  { font-size: 1.9rem; }
  .countdown-grid { gap: 7px; }
  .atm-card       { width: 290px; height: 175px; }
  .atm-number     { font-size: 1.05rem; letter-spacing: 3px; }
}

@media (max-width: 767px) {
  .desktop-left { display: none !important; }

  .main-panel {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  body.locked { overflow: hidden; }
  body.locked .main-panel { overflow: hidden !important; }

  body:not(.locked) { overflow: auto !important; }

  .music-btn { position: fixed !important; bottom: 20px !important; right: 16px !important; }
  .toast     { position: fixed !important; right: 16px !important; bottom: 74px !important; }
}