/* Banner Mobile Responsive — shared across all pages
   Loaded AFTER inline <style> blocks to take precedence via cascade */

@media (max-width: 480px) {

  /* Sub-bar: compact */
  #ls-subbar { padding: 3px 10px !important; }

  /* Main bar: position context for close button */
  #ls-main {
    padding: 10px 12px 8px !important;
    position: relative !important;
  }

  /* -- REORDER: Timer (0) -> Plan Label (1) -> Code+CTA (2) -- */

  #ls-main > div:nth-child(2) { order: 0 !important; }

  /* LEFT COLUMN -> plan-label-only row (was display:none) */
  #ls-main > div:first-child {
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    order: 1 !important;
    width: 100% !important;
  }

  /* Hide emoji */
  #ls-main > div:first-child > span { display: none !important; }

  /* Hide price row + effective price — keep only plan label */
  #ls-main > div:first-child > div > div:not(:first-child) {
    display: none !important;
  }

  /* Plan label: golden, centered, small caps */
  #ls-plan-lbl {
    text-align: center !important;
    font-size: 12px !important;
    color: #FAC775 !important;
    letter-spacing: 0.1em !important;
    width: 100% !important;
  }

  /* RIGHT COLUMN -> vertical stack, centered */
  #ls-main > div:nth-child(3) {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    order: 2 !important;
    width: 100% !important;
  }

  /* Code badge: prevent overflow */
  #ls-code {
    font-size: 16px !important;
    max-width: 85vw !important;
    box-sizing: border-box !important;
  }

  /* CTA: prominent pill button */
  #ls-cta {
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 15px !important;
    padding: 12px 32px !important;
    border-radius: 25px !important;
    display: inline-block !important;
  }

  /* Close button -> absolute upper-right of #ls-main */
  #ls-main > div:nth-child(3) > button:last-child {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 10 !important;
    color: rgba(255,255,255,0.5) !important;
    font-size: 18px !important;
    padding: 2px 6px !important;
  }
}