/**
 * ICSD Theme - Responsive Styles
 */

/* ============================================
   LARGE DESKTOPS (≥1400px)
   ============================================ */
@media (min-width: 1400px) {
    .icsd-hero-title { font-size: 52px; }
    .icsd-section-title { font-size: 40px; }
}

/* ============================================
   TABLETS & SMALL DESKTOPS (≤1199px)
   ============================================ */
@media (max-width: 1199.98px) {
    .icsd-hero-title { font-size: 40px; }
    .icsd-section-title { font-size: 32px; }
    .icsd-section { padding: 70px 0; }
}

/* ============================================
   TABLETS (≤991px)
   ============================================ */
@media (max-width: 991.98px) {
    .icsd-topbar { padding: 8px 16px; font-size: 11px; }
    .icsd-term-status .mono { display: none; }

    .icsd-menu { display: none; }
    .icsd-mobile-toggle { display: flex; }

    .icsd-hero { padding: 60px 0 80px; }
    .icsd-hero-inner { grid-template-columns: 1fr; gap: 50px; }
    .icsd-hero-title { font-size: 36px; }
    .icsd-hero-buttons { justify-content: flex-start; }

    .icsd-float-badge.b1,
    .icsd-float-badge.b2 { display: none; }

    .icsd-product-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .icsd-product-hero-info h1 { font-size: 32px; }

    .icsd-section { padding: 60px 0; }
    .icsd-section-title { font-size: 28px; }

    .icsd-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
}

/* ============================================
   MOBILE (≤767px)
   ============================================ */
@media (max-width: 767.98px) {
    .icsd-container { padding: 0 16px; }

    .icsd-topbar { padding: 6px 12px; }
    .icsd-term-title { display: none; }

    .icsd-logo-text p { display: none; }

    .icsd-hero { padding: 50px 0 60px; }
    .icsd-hero-title { font-size: 30px; }
    .icsd-hero-desc { font-size: 14px; }
    .icsd-hero-stats { gap: 20px; flex-wrap: wrap; }
    .icsd-hero-stat .num { font-size: 24px; }
    .icsd-hero-buttons .icsd-btn { flex: 1; }

    .icsd-section { padding: 50px 0; }
    .icsd-section-head { margin-bottom: 32px; }
    .icsd-section-title { font-size: 24px; }
    .icsd-section-sub { font-size: 13px; }

    .icsd-products-grid { grid-template-columns: 1fr; }
    .icsd-services-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .icsd-svc-card { padding: 20px; }

    .icsd-product-hero-info h1 { font-size: 26px; }
    .icsd-product-stat-bar { grid-template-columns: 1fr; gap: 12px; }

    .icsd-cta-box { padding: 36px 24px; }
    .icsd-cta-box h2 { font-size: 24px; }
    .icsd-cta-buttons .icsd-btn { flex: 1; }

    .icsd-footer { padding: 40px 0 16px; }
    .icsd-footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .icsd-footer-bottom { flex-direction: column; text-align: center; }

    .icsd-scroll-top { bottom: 20px; left: 20px; width: 40px; height: 40px; }

    .icsd-page-header h1 { font-size: 28px; }

    .icsd-demo-iframe { height: 500px; }
}

/* ============================================
   SMALL MOBILE (≤480px)
   ============================================ */
@media (max-width: 480px) {
    .icsd-services-grid { grid-template-columns: 1fr; }
    .icsd-portfolio-grid { grid-template-columns: 1fr; }

    .icsd-hero-title { font-size: 26px; }
    .icsd-hero-stat .num { font-size: 22px; }

    .icsd-nav-btn { padding: 6px 10px; font-size: 11px; }
    .icsd-nav-btn kbd { display: none; }

    .icsd-demo-iframe { height: 400px; }
}

/* ============================================
   REDUCED MOTION
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .icsd-cursor-glow, .icsd-float-badge { display: none; }
}

/* ============================================
   PRINT
   ============================================ */
@media print {
    .icsd-topbar, .icsd-header, .icsd-footer,
    .icsd-scroll-top, .icsd-cursor-glow, .icsd-grid-bg,
    .icsd-cta-box { display: none !important; }
    body { color: #000 !important; background: #fff !important; }
}