/* ==========================================================================
   NIDHI GOLD BUYER - RESPONSIVE STYLESHEET (Laptop & Tablet)
   Loaded after style.css. Covers 1280px down to 768px.
   Phone rules (767px and below) live in mobile.css.
   ========================================================================== */

/* ==========================================================================
   SMALL LAPTOP (≤ 1280px)
   ========================================================================== */
@media (max-width: 1280px) {
    .main-nav__inner {
        gap: 20px;
    }

    .main-nav__menu ul {
        gap: 18px;
    }

    .main-nav__link {
        letter-spacing: 1px;
    }
}

/* ==========================================================================
   TABLET LANDSCAPE (≤ 1180px) - switch to hamburger menu
   ========================================================================== */
@media (max-width: 1180px) {

    .main-nav__menu,
    .main-nav__actions {
        display: none;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .main-nav__inner {
        padding: 12px 24px;
    }
}

/* ==========================================================================
   TABLET PORTRAIT (≤ 991px)
   ========================================================================== */
@media (max-width: 991px) {
    .top-ticker__item {
        padding: 11px 18px 11px 22px;
        font-size: 14.5px;
    }

    .top-ticker__track {
        animation-duration: 34s;
    }

    .main-nav__brand img {
        width: 128px;
    }
}

/* ==========================================================================
   HERO BANNER - laptop & tablet
   ========================================================================== */
@media (max-width: 1180px) {
    .hero-banner__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
        gap: 36px;
        padding: 0 24px;
    }

    .hero-banner__title {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .hero-banner {
        padding: 36px 0 48px;
    }

    .hero-banner__inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .hero-banner__content {
        max-width: none;
    }

    .hero-banner__media {
        justify-content: center;
    }
}

/* ==========================================================================
   STATS STRIP - laptop & tablet
   ========================================================================== */
@media (max-width: 1180px) {
    .stats-strip__list {
        padding: 26px 12px;
    }

    .stats-strip__item {
        padding: 4px 8px;
    }

    .stats-strip__value {
        font-size: 26px;
    }

    .stats-strip__value small,
    .stats-strip__star {
        font-size: 16px;
    }

    .stats-strip__value--text {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .stats-strip {
        padding-bottom: 48px;
    }

    /* 3 + 2 layout; dividers only between items on the same row */
    .stats-strip__list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        row-gap: 24px;
        padding: 28px 16px;
    }

    .stats-strip__item {
        grid-column: span 2;
    }

    .stats-strip__item:nth-child(4),
    .stats-strip__item:nth-child(5) {
        grid-column: span 3;
    }

    .stats-strip__item:nth-child(4)::before {
        display: none;
    }
}

/* ========================================================================
   SHARED TABLET LAYOUT GUARDS
   ======================================================================== */
@media (max-width: 1180px) {

    .hero-banner__inner > *,
    .stats-strip__list > *,
    .gold-calculator__card > *,
    .gold-calculator__weight-row > *,
    .about-section-container > *,
    .about-features-grid > *,
    .process-step-card > *,
    .catalogue-layout-grid > *,
    .catalogue-specs-box > *,
    .specialized-services-grid > *,
    .comparison-grid > *,
    .doorstep-pickup-grid > *,
    .touchpoints-layout-grid > *,
    .booking-form-grid > *,
    .faq-grid > *,
    .footer-grid > * {
        min-width: 0;
    }

    .hero-slider,
    .about-showroom-image-wrap,
    .step-image-wrap,
    .catalogue-img-frame {
        max-width: 100%;
    }
}