/* ============================================================
   NANOTREND - Responsive breakpoints (all devices)
   ============================================================ */

/* ---------- Large laptops (≤1199px) ---------- */
@media (max-width: 1199.98px) {
    .section { padding: 4.5rem 0; }
    .desktop-nav .nav-link { padding: 0.55rem 0.6rem; font-size: 0.8rem; }
    .nav-mega-link { font-size: 0.85rem; }
}

/* ---------- Tablets / small laptops (≤991px) ---------- */
@media (max-width: 991.98px) {
    .desktop-nav { display: none !important; }
    .navbar-toggler { display: block; }
    .nav-tools { margin-left: 0.4rem; }
    .nav-tools .nav-icon { width: 38px; height: 38px; font-size: 1.05rem; }
    .navbar-brand .brand-mark { width: 36px; height: 36px; font-size: 1.2rem; }
    .navbar-brand .brand-name { font-size: 1.2rem; letter-spacing: 0.26em; margin-left: 0.5rem; }
    .section { padding: 3.8rem 0; }
    .hero { height: 78vh; min-height: 480px; }
    .hero-content { padding-left: 1rem; }
    .insta-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-arrow { display: none; }
    .page-hero { padding: 4rem 0 2.8rem; }
    .product-info { padding: 1rem; }
}

/* ---------- Mobile landscape / small tablets (≤767px) ---------- */
@media (max-width: 767.98px) {
    .section { padding: 3.2rem 0; }
    .section-head { margin-bottom: 2.2rem; }
    .section-title { font-size: clamp(1.6rem, 6vw, 2.2rem); }
    .section-eyebrow { letter-spacing: 0.28em; }
    .section-eyebrow::before, .section-eyebrow::after { width: 22px; margin: 0 8px; }
    .hero { height: 72vh; min-height: 440px; }
    .hero-content { padding-top: 2rem; padding-left: 1.2rem; }
    .hero-video { object-fit: cover; object-position: center center; }
    .hero-title { font-size: clamp(2.2rem, 10vw, 3.2rem); }
    .hero-sub { margin: 1rem 0 1.6rem; font-size: 0.98rem; }
    .hero-cta .btn { padding: 0.7rem 1.3rem; font-size: 0.72rem; }
    .hero-dots { bottom: 24px; }
    .search-input { font-size: 1.25rem; }
    .search-close { top: 1.4rem; right: 1.4rem; }
    .search-overlay { padding-top: 13vh; }
    .footer-main { padding-top: 3rem; }
    .footer-bottom-links { flex-wrap: wrap; gap: 1rem; justify-content: flex-start; }
    .back-to-top, .whatsapp-float { bottom: 18px; }
    .back-to-top { left: 18px; }
    .whatsapp-float { right: 18px; width: 48px; height: 48px; font-size: 1.3rem; }
    .btn-gold, .btn-outline-gold { padding: 0.7rem 1.4rem; font-size: 0.75rem; }
    .split-card { height: 340px; }
    .split-content { padding: 1.4rem; }
    .split-content h3 { font-size: 1.4rem; }
    .promo-card { min-height: 340px; }
    .promo-content { padding: 1.8rem; }
    .promo-title { font-size: clamp(1.6rem, 7vw, 2.2rem); }
    .why-card { padding: 1.8rem 1rem; }
    .why-card i { width: 62px; height: 62px; font-size: 1.6rem; }
    .review-card { padding: 1.4rem; }
    .stats-bar { padding: 2.2rem 0; }
    .stat-num { font-size: 2.1rem; }
    .stat-label { font-size: 0.7rem; letter-spacing: 0.16em; }
    .insta-grid { gap: 0.55rem; }
    .announce-bar { font-size: 0.7rem; padding: 0.45rem 0; }
}

/* ---------- Mobile portrait (≤575px) ---------- */
@media (max-width: 575.98px) {
    .announce-bar { font-size: 0.68rem; padding: 0.35rem 0; }
    .announce-actions a { margin-left: 0.8rem; font-size: 0.68rem; }
    .announce-bar .container-fluid { justify-content: space-between; }
    .navbar { padding: 0.6rem 0; }
    .navbar-brand .brand-mark { width: 32px; height: 32px; font-size: 1.05rem; }
    .navbar-brand .brand-name { font-size: 1.05rem; letter-spacing: 0.22em; }
    .nav-tools .nav-icon { width: 34px; height: 34px; font-size: 0.98rem; }
    .hero { height: 68vh; min-height: 420px; }
    .hero-content { padding-left: 1rem; }
    .hero-video { object-fit: cover; object-position: center center; }
    .hero-title { max-width: 100%; }
    .hero-eyebrow { letter-spacing: 0.32em; font-size: 0.68rem; }
    .hero-cta { flex-direction: column; align-items: flex-start; gap: 0.6rem; }
    .hero-cta .btn { width: 100%; max-width: 260px; }
    .hero-scroll { display: none; }
    .lux-marquee { padding: 0.75rem 0; }
    .marquee-track span { font-size: 0.7rem; letter-spacing: 0.24em; margin: 0 1rem; }
    .split-card { height: 300px; }
    .split-card .btn { font-size: 0.68rem; padding: 0.6rem 1rem; }
    .promo-card { min-height: 320px; }
    .promo-content { padding: 1.5rem; }
    .promo-content p { font-size: 0.9rem; }
    .why-card { padding: 1.5rem 0.8rem; }
    .why-card h5 { font-size: 0.95rem; }
    .why-card p { font-size: 0.82rem; }
    .insta-grid { grid-template-columns: repeat(3, 1fr); gap: 0.4rem; }
    .insta-hover { font-size: 1.2rem; }
    .product-card .product-actions { opacity: 1; transform: none; top: 10px; right: 10px; }
    .product-card .product-action-btn { width: 32px; height: 32px; font-size: 0.85rem; }
    .product-badge { top: 10px; left: 10px; font-size: 0.62rem; padding: 0.24rem 0.55rem; }
    .product-title { font-size: 0.95rem; min-height: 2.3em; }
    .product-price { font-size: 0.98rem; }
    .product-mrp { font-size: 0.78rem; }
    .product-info { padding: 0.9rem 0.85rem 1rem; }
    .product-cat { font-size: 0.6rem; letter-spacing: 0.16em; }
    .section-head { margin-bottom: 1.9rem; }
    .stats-bar { padding: 1.9rem 0; }
    .stat-num { font-size: 1.8rem; }
    .stat-label { font-size: 0.64rem; }
    .page-hero { padding: 3.2rem 0 2.2rem; }
    .page-hero h1 { font-size: clamp(1.9rem, 8vw, 2.6rem); }
    .search-input { font-size: 1.15rem; }
    .search-box { width: 92vw; }
    .cart-drawer { width: 100vw; }
    .drawer-item img { width: 56px; height: 64px; }
    .footer-bottom p, .footer-bottom-links a { font-size: 0.78rem; }
    .footer-heading { font-size: 0.85rem; margin-bottom: 1rem; }
}

/* ---------- Small phones (≤380px) ---------- */
@media (max-width: 379.98px) {
    .nav-tools .nav-icon { width: 31px; height: 31px; font-size: 0.92rem; }
    .nav-badge { min-width: 16px; height: 16px; font-size: 0.6rem; }
    .navbar-brand .brand-name { letter-spacing: 0.16em; }
    .hero { min-height: 400px; }
    .why-card i { width: 54px; height: 54px; font-size: 1.4rem; }
    .insta-grid { gap: 0.3rem; }
}

/* ---------- Image fluidity (all screens) ---------- */
.hero-bg img, .split-card img, .promo-card img, .insta-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001s !important;
        transition-duration: 0.001s !important;
        scroll-behavior: auto !important;
    }
    .hero-video { animation: none; opacity: 1; }
    .reveal { opacity: 1; }
}