/**
 * Srikar responsive unity — mirror the desktop brand view on all screens.
 * Desktop reference: red topbar + search + WA + cream nav + hero + 5-feature strip.
 */

/* ========== Full / large screens: same layout, wider content ========== */
:root {
    --srikar-container: 1320px;
}

.container,
.srikar-header .header-middle > .container,
.srikar-header .header-bottom > .container,
.srikar-topbar .container,
.nest-hero-slider-section > .container,
.nest-site-features > .container,
.srikar-trustbar .container,
.main .container,
.archive-header .container,
footer .container,
.srikar-prefooter .container,
.srikar-footer .container {
    max-width: var(--srikar-container) !important;
    width: 100%;
}

/* ~1440–1599: slightly wider than “normal” laptop */
@media (min-width: 1400px) {
    :root {
        --srikar-container: min(1480px, calc(100vw - 48px));
    }

    .srikar-logo img {
        max-height: 60px !important;
    }

    .srikar-search .form--quick-search,
    .srikar-search {
        max-width: none;
    }
}

/* ~1600–1799 (e.g. 1680 / 1700 laptop) */
@media (min-width: 1600px) {
    :root {
        --srikar-container: min(1640px, calc(100vw - 56px));
    }

    .srikar-header .header-middle {
        padding: 20px 0 !important;
    }

    .srikar-logo img {
        max-height: 64px !important;
    }

    .nest-hero-slider__media,
    .nest-hero-slider .hero-slider-1 .single-hero-slider,
    .nest-hero-slider .single-hero-slider {
        aspect-ratio: 1920 / 700;
    }
}

/* ~1800–1919 */
@media (min-width: 1800px) {
    :root {
        --srikar-container: min(1760px, calc(100vw - 64px));
    }

    .srikar-logo img {
        max-height: 68px !important;
    }

    .srikar-header-wrap {
        gap: 32px;
        min-height: 72px;
    }

    .nest-hero-slider__media,
    .nest-hero-slider .hero-slider-1 .single-hero-slider,
    .nest-hero-slider .single-hero-slider {
        aspect-ratio: 1920 / 680;
        border-radius: 20px !important;
    }

    .nest-site-features__item,
    .srikar-trustbar__item {
        min-height: 72px;
    }
}

/* Full HD and up (1920+) — fill the screen like the normal view */
@media (min-width: 1920px) {
    :root {
        --srikar-container: min(1840px, calc(100vw - 80px));
    }

    .srikar-topbar {
        font-size: 13.5px;
    }

    .srikar-logo img {
        max-height: 72px !important;
    }

    .srikar-search .input-search-product,
    .srikar-search input[type="text"] {
        font-size: 15px;
        height: 48px;
    }

    .srikar-search__btn {
        height: 44px !important;
        width: 44px !important;
    }

    .main-menu > nav > ul > li > a {
        font-size: 15.5px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* QHD / ultrawide (2560+) */
@media (min-width: 2400px) {
    :root {
        --srikar-container: min(2100px, calc(100vw - 120px));
    }

    .srikar-logo img {
        max-height: 78px !important;
    }

    .nest-hero-slider__media,
    .nest-hero-slider .hero-slider-1 .single-hero-slider,
    .nest-hero-slider .single-hero-slider {
        aspect-ratio: 21 / 8;
        border-radius: 22px !important;
    }
}

@media (min-width: 3000px) {
    :root {
        --srikar-container: min(2400px, calc(100vw - 160px));
    }
}

/* ========== Topbar on all screens (same red strip) ========== */
@media (max-width: 991.98px) {
    .srikar-topbar {
        display: block !important;
        overflow: hidden;
        padding: 6px 0;
    }

    .srikar-topbar__inner {
        align-items: center;
        display: flex;
        gap: 12px;
        justify-content: flex-start;
    }

    .srikar-topbar__features {
        -webkit-overflow-scrolling: touch;
        display: flex !important;
        flex: 1 1 auto;
        flex-wrap: nowrap;
        gap: 14px;
        margin: 0;
        overflow-x: auto;
        padding: 0 2px 2px;
        scrollbar-width: none;
    }

    .srikar-topbar__features::-webkit-scrollbar {
        display: none;
    }

    .srikar-topbar__features li {
        flex: 0 0 auto;
        font-size: 11px;
        white-space: nowrap;
    }

    .srikar-topbar__help span:first-child {
        display: none;
    }

    .srikar-topbar__help {
        flex: 0 0 auto;
        font-size: 11px;
        white-space: nowrap;
    }
}

/* ========== Mobile header = cream / crimson + search like desktop ========== */
@media (max-width: 991.98px) {
    .header-bottom {
        background: #FFFcf8 !important;
        border-bottom: 1px solid #E59B8A !important;
        padding: 4px 0 10px !important;
    }

    .header-bottom .header-wrap {
        flex-direction: column;
        align-items: stretch !important;
    }

    .nest-mobile-header {
        background: transparent !important;
        min-height: 56px;
        width: 100%;
    }

    .srikar-mobile-search {
        margin-top: 6px;
        padding: 0 2px;
        width: 100%;
    }

    .srikar-mobile-search .srikar-search,
    .srikar-mobile-search .form--quick-search {
        align-items: center;
        background: #fff;
        border: 1px solid rgba(168, 29, 34, 0.18);
        border-radius: 999px;
        display: flex;
        gap: 0;
        overflow: hidden;
        padding: 4px 4px 4px 14px;
        width: 100%;
    }

    .srikar-mobile-search .input-search-product {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        flex: 1 1 auto;
        font-size: 14px;
        height: 40px;
        min-width: 0;
        outline: none;
        padding: 0 10px 0 0 !important;
        width: auto !important;
    }

    .srikar-mobile-search .srikar-search__btn {
        align-items: center;
        background: #A81D22 !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: #fff !important;
        display: inline-flex;
        flex: 0 0 40px;
        height: 40px;
        justify-content: center;
        padding: 0 !important;
        width: 40px;
    }

    .nest-mobile-header__menu .burger-icon {
        color: #A81D22 !important;
    }

    .nest-mobile-header__menu .burger-icon > span,
    .nest-mobile-header__menu .burger-icon span {
        background: #A81D22 !important;
    }

    .nest-mobile-header .pro-count.blue,
    .nest-mobile-header .pro-count {
        background: #A81D22 !important;
        color: #fff !important;
    }

    .nest-mobile-header__wa a {
        align-items: center;
        display: inline-flex;
        height: 40px;
        justify-content: center;
        width: 40px;
    }

    .mobile-header-wrapper-style {
        background: #FDFCF0 !important;
    }

    .mobile-header-wrapper-style .mobile-header-top,
    .mobile-header-wrapper-style .mobile-header-content-area {
        background: #FDFCF0 !important;
    }

    .mobile-header-wrapper-style .main-menu-content .main-menu li a {
        color: #1F1A17 !important;
    }

    .mobile-header-wrapper-style .main-menu-content .main-menu li a:hover,
    .mobile-header-wrapper-style .main-menu-content .main-menu li a.active {
        color: #A81D22 !important;
    }
}

/* ========== Hero: same landscape card as desktop ========== */
@media (max-width: 991.98px) {
    .nest-hero-slider .hero-slider-1 .single-hero-slider,
    .nest-hero-slider .single-hero-slider,
    .nest-hero-slider__media {
        aspect-ratio: 16 / 9 !important;
        border-radius: 16px !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden;
    }

    .nest-hero-slider .hero-slider-1 .single-hero-slider img,
    .nest-hero-slider__media img {
        height: 100% !important;
        object-fit: cover !important;
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .nest-hero-slider .hero-slider-1 .single-hero-slider,
    .nest-hero-slider .single-hero-slider,
    .nest-hero-slider__media {
        aspect-ratio: 16 / 10 !important;
        min-height: 200px !important;
    }
}

/* ========== Product cards: Srikar wins over Nest mobile ========== */
@media (max-width: 767.98px) {
    .nest-products-grid .nest-product-card.product-cart-wrap,
    .product-cart-wrap.nest-product-card {
        background: #fff !important;
        border: 1px solid rgba(31, 26, 23, 0.08) !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 14px rgba(31, 26, 23, 0.05) !important;
    }

    .nest-products-grid .nest-product-card .product-img-action-wrap .product-img,
    .nest-product-card .product-img {
        background: #FBF7F0 !important;
        border: 1px solid rgba(31, 26, 23, 0.05) !important;
        border-radius: 12px !important;
    }

    .nest-products-grid .nest-product-card .product-content-wrap h2,
    .nest-products-grid .nest-product-card .product-content-wrap h2 a,
    .nest-product-card .product-content-wrap h2 a {
        color: #1F1A17 !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
    }

    .nest-products-grid .nest-product-card .product-price span,
    .nest-product-card .product-price span {
        color: #A81D22 !important;
        font-weight: 800 !important;
    }

    .nest-products-grid .nest-product-card .product-category a {
        color: #8A8178 !important;
    }

    .nest-products-grid .nest-product-card .product-rate-cover {
        display: flex !important;
    }
}

/* ========== Features strip: same 5-item row as desktop (scroll on small) ========== */
@media (max-width: 991.98px) {
    .nest-site-features__grid,
    .srikar-trustbar__list {
        -webkit-overflow-scrolling: touch;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        grid-template-columns: none !important;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .nest-site-features__grid::-webkit-scrollbar,
    .srikar-trustbar__list::-webkit-scrollbar {
        display: none;
    }

    .nest-site-features__item,
    .srikar-trustbar__item {
        border-right: 1px solid #E2D8CC;
        flex: 0 0 46%;
        max-width: 260px;
        min-width: 200px;
        scroll-snap-align: start;
    }

    .nest-site-features__item:last-child,
    .srikar-trustbar__item:last-child {
        border-right: 0;
    }

    .nest-site-features__item::after,
    .srikar-trustbar__item::after {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .nest-site-features__item,
    .srikar-trustbar__item {
        flex-basis: 32%;
        max-width: 240px;
        min-width: 180px;
    }
}

/* ========== Taste / recipes / moments: stay 2-up like desktop density ========== */
@media (max-width: 767.98px) {
    #featured-product-categories .srikar-taste-grid,
    .srikar-taste-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .srikar-taste-head,
    #featured-product-categories .srikar-taste-head {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .srikar-taste-head__title h3 {
        text-align: left !important;
    }

    .srikar-recipes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 480px) {
    .srikar-recipes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Keep WA float visible */
.srikar-wa-float {
    display: inline-flex !important;
}