/*!
   COSMOS DARK — Responsive Overrides
   Mobile-first additions on top of style.css
   ──────────────────────────────────────────── */

/* ═══════════════════════════════════════════════
   Small Mobile (max 480px)
═══════════════════════════════════════════════ */
@media (max-width: 480px) {
    .lp-hero-cta { flex-direction: column; width: 100%; }
    .lp-hero-cta .lp-btn { width: 100%; justify-content: center; }
    .lp-hero-stats { gap: 1.25rem; }
    .lp-stat-num  { font-size: 1.25rem; }

    .lp-stats-grid { grid-template-columns: 1fr 1fr; }

    .lp-mega-panel { display: none !important; }

    .lp-cta-actions { flex-direction: column; }
    .lp-cta-btn-white,
    .lp-cta-btn-outline { width: 100%; justify-content: center; }
}

/* ═══════════════════════════════════════════════
   Mobile (max 639px)
═══════════════════════════════════════════════ */
@media (max-width: 639px) {
    .lp-hero { padding-block: 2.5rem 2rem; }
    .lp-section { padding-block: clamp(3.5rem, 7vw, 5rem); }

    .lp-showcase { border-radius: var(--lp-r-lg); }
    .lp-sc-kpis  { grid-template-columns: 1fr 1fr; }

    .lp-marquee-item-text  { font-size: .9375rem; }
    .lp-marquee-track      { animation-duration: 22s; }

    .lp-pricing-grid { grid-template-columns: 1fr; }
    .lp-plan--featured { transform: none; }
    .lp-plan--featured:hover { transform: translateY(-4px); }

    .lp-testi-grid { column-count: 1; }

    .lp-ai-features { grid-template-columns: 1fr; }
    .lp-ai-visual   { min-height: 220px; }
    .lp-ai-ring:nth-child(3),
    .lp-ai-ring:nth-child(4) { display: none; }

    .lp-addons-grid { grid-template-columns: 1fr 1fr; }

    .lp-float-badge--tl { left: 0; top: -12px; }
    .lp-float-badge--br { right: 0; bottom: 20px; }

    .lp-footer-grid { grid-template-columns: 1fr; }
    .lp-footer-bottom { flex-direction: column; text-align: center; }

    .lp-themes-cards { grid-template-columns: repeat(2, 1fr); }
}

/* ═══════════════════════════════════════════════
   Tablet (640px – 1023px)
═══════════════════════════════════════════════ */
@media (min-width: 640px) and (max-width: 1023px) {
    .lp-hero-inner      { grid-template-columns: 1fr; }
    .lp-hero-visual     { display: none; }

    .lp-showcase        { max-width: 560px; margin-inline: auto; }

    .lp-highlights-grid { grid-template-columns: 1fr 1fr; }

    .lp-pricing-grid    { grid-template-columns: 1fr 1fr; }
    .lp-plan--featured  { transform: none; grid-column: span 2; max-width: 400px; margin-inline: auto; width: 100%; }
    .lp-plan--featured:hover { transform: translateY(-4px); }

    .lp-footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ═══════════════════════════════════════════════
   Large desktop (1440px+)
═══════════════════════════════════════════════ */
@media (min-width: 1440px) {
    .lp-container { max-width: 1360px; }
    .lp-hero-inner { gap: 6rem; }
    .lp-ai-inner   { gap: 6rem; }
}

/* ═══════════════════════════════════════════════
   Ultra-wide (1920px+)
═══════════════════════════════════════════════ */
@media (min-width: 1920px) {
    .lp-container { max-width: 1500px; }
}

/* ═══════════════════════════════════════════════
   RTL fixes
═══════════════════════════════════════════════ */
html[dir="rtl"] .lp-hero-stats       { flex-direction: row-reverse; }
html[dir="rtl"] .lp-feat-card::before { background: linear-gradient(270deg, var(--lp-feat-ico,#7c5cfc), transparent 70%); }
html[dir="rtl"] .lp-hl-feat::before  { right: auto; left: auto; inset-inline-start: 0; }
html[dir="rtl"] .lp-float-badge--tl  { inset-inline-start: auto; inset-inline-end: -40px; }
html[dir="rtl"] .lp-float-badge--br  { inset-inline-end: auto; inset-inline-start: -20px; }