:root {
    --pro-ink: #123d33;
    --pro-spice: #b93424;
    --pro-gold: #d69a25;
    --pro-cream: #fffaf1;
    --pro-muted: #61766e;
}

/* Final storefront header: kept at the end to override the older theme header. */
.dynamic-home .sakthi-style-header {
    position: sticky !important;
    z-index: 2000;
    top: 0;
    overflow: visible;
    border: 0;
    background: #fffaf2;
    box-shadow: 0 8px 26px rgba(54, 26, 12, .14);
}

.dynamic-home .premium-top-strip {
    display: flex !important;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    padding: 7px clamp(22px, 5vw, 74px);
    color: #ffe7b1;
    background: #2d1b12;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .15px;
}

.dynamic-home .premium-top-strip div {
    display: flex;
    align-items: center;
    gap: 26px;
}

.dynamic-home .header-inner.premium-header-main {
    display: flex !important;
    width: 100%;
    max-width: none;
    min-height: 86px;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin: 0;
    padding: 11px clamp(22px, 5vw, 74px);
    background: #fffaf2;
}

.dynamic-home .premium-header-main .logo-wrapper {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
}

.dynamic-home .premium-header-main .brand-logo {
    display: block;
    width: 64px;
    height: 64px;
    max-height: none;
    object-fit: contain;
}

.dynamic-home .premium-brand-copy {
    flex: 0 0 auto;
    padding: 3px 24px 3px 16px;
    border-left: 1px solid #e4d4bf;
    color: #402315;
    line-height: 1.15;
}

.dynamic-home .premium-brand-copy strong { display: block; font: 700 19px Georgia, serif; }
.dynamic-home .premium-brand-copy small { color: #9b5a2f; font-size: 8px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.dynamic-home .premium-header-main .premium-header-tools { display: flex !important; align-items: center; gap: 10px; margin-left: auto; }
.dynamic-home .premium-header-main .header-search { display: flex; width: min(31vw, 380px); padding: 11px 15px; border: 1px solid #e4d6c4; border-radius: 999px; background: #fffdf9; }
.dynamic-home .premium-header-main .header-search span { color: #9d4a21; font-size: 14px; }
.dynamic-home .premium-header-main .header-login-btn { padding: 11px 17px; border: 0; color: #fff; background: #67371e; text-transform: uppercase; }
.dynamic-home .premium-header-main .header-icon-btn { width: 42px; height: 42px; border-color: #e7d8c6; color: #63351f; background: #fff; }

.dynamic-home .premium-header-nav { display: block !important; background: linear-gradient(90deg, #7c2e13, #b64317 52%, #8f300e); }
.dynamic-home .premium-header-nav-inner {
    display: flex !important;
    width: 100%;
    max-width: 1320px;
    min-height: 60px;
    align-items: center;
    gap: 18px;
    margin: auto;
    padding: 0 clamp(22px, 4vw, 54px);
}
.dynamic-home .shop-pill, .dynamic-home .nav-cta { display: inline-flex; align-items: center; padding: 11px 17px; border-radius: 999px; color: #fff; background: #d65a19; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.dynamic-home .premium-header-nav .main-navigation { display: block !important; margin-right: auto; }
.dynamic-home .premium-header-nav .nav-list { display: flex !important; align-items: center; gap: 3px; list-style: none; }
.dynamic-home .premium-header-nav .nav-list .nav-item { display: block; padding: 10px 11px; color: #fff4df !important; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.dynamic-home .premium-header-nav .nav-list .nav-item::after { display: none; }
.dynamic-home .premium-header-nav .nav-list .nav-item:hover { color: #fff !important; background: rgba(67, 19, 5, .35); }
.dynamic-home .nav-contact { color: #fff6e6; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.dynamic-home .nav-cta { color: #432513; background: #f2b13c; }

@media (max-width: 1050px) {
    .dynamic-home .premium-brand-copy, .dynamic-home .nav-contact { display: none; }
    .dynamic-home .premium-header-main .header-search { width: 260px; }
}
@media (max-width: 760px) {
    .dynamic-home .premium-top-strip, .dynamic-home .premium-header-nav .main-navigation { display: none !important; }
    .dynamic-home .header-inner.premium-header-main { min-height: 67px; padding: 6px 14px; }
    .dynamic-home .premium-header-main .brand-logo { width: 50px; height: 50px; }
    .dynamic-home .premium-header-main .header-search, .dynamic-home .premium-header-main .header-login-btn { display: none; }
    .dynamic-home .premium-header-nav-inner { min-height: 54px; padding: 0 14px; }
    .dynamic-home .shop-pill { margin-right: auto; }
}

body {
    background: var(--pro-cream);
    color: var(--pro-ink);
}

.top-bar {
    padding: 10px max(5%, 24px);
    color: #fff;
    background: linear-gradient(90deg, #123d33, #2a6652);
    font-size: 12px;
}

.sakthi-style-header {
    position: sticky;
    z-index: 50;
    top: 0;
    border-bottom: 1px solid #e7e2d7;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 7px 22px rgba(18, 61, 51, .07);
    backdrop-filter: blur(12px);
}

.header-inner {
    max-width: 1320px;
    min-height: 82px;
    margin: auto;
    padding: 0 4%;
}

.brand-logo {
    max-height: 76px;
}

.nav-list .nav-item {
    position: relative;
    color: var(--pro-ink) !important;
    font-size: 14px;
}

.nav-list .nav-item::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 1px;
    left: 10px;
    height: 2px;
    transform: scaleX(0);
    background: var(--pro-spice);
    transition: transform .22s;
}

.nav-list .nav-item:hover::after {
    transform: scaleX(1);
}

.hero-slider-container {
    min-height: 620px;
    background: #123d33;
}

.hero-slide::after {
    background: linear-gradient(90deg, rgba(8, 37, 30, .78), rgba(8, 37, 30, .28), rgba(8, 37, 30, .08));
}

.hero-slide-content {
    max-width: 600px;
    padding-left: max(7%, 40px);
}

.hero-brand-label {
    color: #ffe0a1;
    letter-spacing: 2px;
}

.hero-slide h1 {
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.04;
    text-shadow: none;
}

.hero-slide p {
    max-width: 500px;
    font-size: 17px;
    line-height: 1.7;
}

.slider-cta-btn {
    border-radius: 999px;
    background: var(--pro-spice);
    box-shadow: 0 10px 22px rgba(185, 52, 36, .3);
}

.slider-cta-btn:hover {
    background: var(--pro-gold);
}

.hero-pack-carousel {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 16px;
}

.hero-navigation-dots .navigation-dot {
    background: rgba(255, 255, 255, .55);
}

.hero-navigation-dots .navigation-dot.active {
    background: #f5c45e;
}

/* Product-pack banner composition */
.hero-slider-container {
    min-height: 520px;
}

.hero-slide::after {
    background: linear-gradient(90deg, rgba(12, 31, 28, .72), rgba(12, 31, 28, .26) 52%, rgba(12, 31, 28, .16));
}

.hero-slide-content {
    position: relative;
    max-width: 650px;
    min-height: 520px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 55px 0 55px max(8%, 70px);
}

.hero-brand-label {
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
}

.hero-brand-label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var(--pro-gold);
    border-right-color: transparent;
    border-radius: 50%;
}

.hero-slide h1 {
    max-width: 620px;
    margin: 14px 0 18px;
    color: #fff;
    font: 700 clamp(48px, 5.4vw, 78px)/.98 Georgia, serif;
    letter-spacing: -1.5px;
}

.hero-slide p {
    margin: 0 0 28px;
    padding-left: 17px;
    border-left: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
}

.hero-pack-carousel {
    position: absolute;
    top: 58px;
    left: clamp(610px, 65vw, 900px);
    display: flex;
    width: 245px;
    height: 335px;
    align-items: center;
    justify-content: center;
    padding: 23px;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 20px;
    background: linear-gradient(145deg, #fff8e7, #f4e2ba);
    box-shadow: 0 20px 44px rgba(0, 0, 0, .22);
}

.hero-pack-item {
    display: none !important;
}

.hero-pack-item:first-child {
    position: relative;
    display: flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.hero-pack-item:first-child img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 14px 12px rgba(80, 47, 14, .25));
}

.pack-size-badge {
    position: absolute;
    right: -18px;
    bottom: -14px;
    padding: 9px 12px;
    border: 3px solid #fff;
    border-radius: 999px;
    color: #fff;
    background: var(--pro-spice);
    font-size: 11px;
    font-weight: 800;
}

.left-arrow,
.right-arrow {
    width: 48px !important;
    height: 48px !important;
    border: 1px solid rgba(255, 255, 255, .75) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(18, 61, 51, .82) !important;
}

.left-arrow {
    left: 18px !important;
}

.right-arrow {
    right: 18px !important;
}

.hero-navigation-dots {
    bottom: 22px !important;
}

.trust-strip {
    max-width: 1180px;
    margin: -45px auto 70px;
    position: relative;
    z-index: 3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(18, 61, 51, .12);
}

.trust-item {
    padding: 25px 28px;
}

.trust-icon {
    color: var(--pro-spice);
    background: #fff2e5;
    border-radius: 12px;
}

.brand-intro-section {
    padding: 85px 0;
    background: radial-gradient(circle at 10% 15%, #fff 0, #fffaf1 45%, #f7efdf 100%);
}

.intro-text-block {
    padding: 38px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .72);
}

.top-mini-tag {
    color: var(--pro-spice);
    font-weight: 800;
    letter-spacing: 1.7px;
}

.sub-heading {
    color: var(--pro-ink);
    font-size: clamp(30px, 4vw, 48px);
}

.intro-description {
    color: var(--pro-muted);
    line-height: 1.85;
}

/* .read-more-btn {
    border-radius: 999px;
    background: var(--pro-ink);
} */
.top-mini-tag,
.section-kicker {
    color: var(--primary-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.2px;
}

.read-more-btn:hover {
    background: var(--pro-spice);
}

.img-frame {
    border-radius: 20px;
    box-shadow: 0 18px 36px rgba(18, 61, 51, .13);
}

.category-section {
    max-width: 1280px;
    padding: 80px 5%;
}

.category-heading-row {
    margin-bottom: 38px;
}

.category-heading-row p {
    color: var(--pro-muted);
}

.category-card {
    border-radius: 20px;
    box-shadow: 0 13px 30px rgba(18, 61, 51, .1);
}

.category-card:hover {
    transform: translateY(-9px);
}

.category-card-copy {
    background: linear-gradient(0deg, rgba(9, 36, 29, .91), rgba(9, 36, 29, 0));
}

.category-number {
    color: #ffe0a1;
}

.trending-products-section {
    padding: 90px 0;
    background: #f4f8f5;
}

.center-heading {
    color: var(--pro-ink);
}

.staples-sidebar {
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(18, 61, 51, .1) !important;
}

.product-showcase {
    border-radius: 20px;
    overflow: hidden;
}

.catalog-toolbar {
    border-radius: 13px;
    background: #fff;
}

.product-card-item {
    border-radius: 16px !important;
    box-shadow: 0 10px 22px rgba(18, 61, 51, .09) !important;
}

.product-card-order-btn {
    background: var(--pro-spice) !important;
}

.testimonials-section {
    background: #fffaf1;
}

.testimonial-slider-wrapper {
    border-radius: 20px;
    box-shadow: 0 17px 34px rgba(18, 61, 51, .1);
}

.footer-section {
    background: #123d33;
}

@media (max-width:900px) {
    .hero-pack-carousel {
        left: auto;
        right: 8%;
        width: 185px;
        height: 255px;
    }

    .hero-slide-content {
        max-width: 540px;
    }

    .hero-slide h1 {
        font-size: 54px;
    }
}

@media (max-width:767px) {

    .top-bar-left span:nth-child(2),
    .top-bar-right {
        display: none;
    }

    .hero-slider-container,
    .hero-slide-content {
        min-height: 500px;
    }

    .hero-slide-content {
        max-width: none;
        padding: 50px 28px 230px;
    }

    .hero-slide h1 {
        font-size: 46px;
    }

    .hero-pack-carousel {
        top: auto;
        right: 28px;
        bottom: 45px;
        width: 130px;
        height: 165px;
        padding: 12px;
        border-radius: 14px;
    }

    .pack-size-badge {
        right: -14px;
        bottom: -12px;
        padding: 6px 9px;
        font-size: 9px;
    }

    .trust-strip {
        margin: 0;
        border-radius: 0;
    }

    .intro-text-block {
        padding: 22px;
    }

    .category-section {
        padding: 55px 20px;
    }
}

/* Admin-driven homepage */
.dynamic-banner-product {
    position: absolute;
    top: 55px;
    right: clamp(8%, 15vw, 16%);
    display: flex;
    width: 245px;
    height: 335px;
    align-items: center;
    justify-content: center;
    padding: 22px;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 20px;
    background: linear-gradient(145deg, #fff8e7, #f4e2ba);
    box-shadow: 0 20px 44px rgba(0, 0, 0, .25)
}

.dynamic-banner-product img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 14px 12px rgba(80, 47, 14, .25))
}

.dynamic-home .nav-list {
    display: flex;
    gap: 20px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.dynamic-hero {
    position: relative;
    min-height: 520px;
    /* Fallback artwork remains visible when an admin banner image is unavailable. */
    background: #173b33 url("../images/banners/spice-hero-background.png") center / cover no-repeat;
    overflow: hidden
}

.dynamic-hero-slide {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    background-size: cover;
    background-position: center
}

.dynamic-hero-slide.active {
    display: flex
}

.dynamic-hero-copy {
    width: min(650px, 50%);
    margin-left: max(8%, 70px);
    color: #fff
}

.dynamic-hero-copy h1 {
    margin: 14px 0 18px;
    color: #fff;
    font: 700 clamp(48px, 5.4vw, 78px)/.98 Georgia, serif;
    letter-spacing: -1.5px
}

.dynamic-hero-copy p {
    max-width: 540px;
    margin: 0 0 28px;
    padding-left: 17px;
    border-left: 1px solid rgba(255, 255, 255, .55);
    font-size: 17px;
    line-height: 1.7
}

.dynamic-hero-arrow {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 48px;
    height: 48px;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 50%;
    color: #fff;
    background: rgba(18, 61, 51, .8);
    font-size: 30px;
    line-height: 1;
    cursor: pointer
}

.dynamic-hero-arrow.previous {
    left: 18px
}

.dynamic-hero-arrow.next {
    right: 18px
}

.dynamic-hero-dots {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    display: flex;
    gap: 9px;
    transform: translateX(-50%)
}

.dynamic-hero-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5)
}

.dynamic-hero-dots button.active {
    background: #fff
}

.dynamic-about {
    padding: 95px 0;
    background: linear-gradient(115deg, #fff 0%, #fffaf1 60%, #f5ead4 100%)
}

.dynamic-about-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(180px, .65fr) minmax(180px, .65fr);
    gap: 22px;
    align-items: center
}

.dynamic-about-copy h2,
.dynamic-section-heading h2 {
    margin: 12px 0 22px;
    color: #123d33;
    font: 700 clamp(35px, 4vw, 58px)/1.08 Georgia, serif
}

.dynamic-about-copy p {
    max-width: 650px;
    color: #61766e;
    font-size: 16px;
    line-height: 1.82
}

.dynamic-about-image {
    min-height: 245px;
    padding: 18px;
    border-radius: 24px;
    background: #fff1d1;
    box-shadow: 0 17px 35px rgba(78, 53, 20, .12)
}

.dynamic-about-image img {
    width: 100%;
    height: 100%;
    min-height: 208px;
    object-fit: contain;
    border-radius: 17px
}

.dynamic-about-image.scene-image img {
    object-fit: cover
}

.dynamic-categories,
.dynamic-products,
.dynamic-testimonials {
    padding: 95px 0
}

.dynamic-categories {
    position: relative;
    overflow: hidden;
    background: #f4f8f5
}

.dynamic-categories::before,
.dynamic-categories::after {
    position: absolute;
    z-index: 0;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(219, 167, 76, .12);
    content: "";
    filter: blur(5px)
}

.dynamic-categories::before {
    top: -180px;
    right: -110px
}

.dynamic-categories::after {
    bottom: -220px;
    left: -140px
}

.dynamic-categories .container {
    position: relative;
    z-index: 1
}

.dynamic-section-heading span {
    color: #b93424;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase
}

.dynamic-section-heading.centered {
    text-align: center
}

.dynamic-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    counter-reset: category-card
}

.dynamic-category-card {
    position: relative;
    display: block;
    min-height: 280px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(145deg, #155344, #082d26);
    box-shadow: 0 18px 30px rgba(18, 61, 51, .14);
    counter-increment: category-card;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .35s ease
}

.dynamic-category-card::before {
    position: absolute;
    z-index: 1;
    top: 18px;
    left: 18px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    background: rgba(10, 47, 39, .5);
    color: #fff;
    content: "0" counter(category-card);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    backdrop-filter: blur(8px)
}

.dynamic-category-card::after {
    position: absolute;
    z-index: 1;
    top: 19px;
    right: 18px;
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    border-radius: 50%;
    background: #f2ba55;
    color: #123d33;
    content: "+";
    font-size: 22px;
    font-weight: 800;
    opacity: 0;
    transform: translate(-8px, 8px);
    transition: opacity .3s ease, transform .3s ease
}

.dynamic-category-card img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    filter: saturate(.9) contrast(1.05);
    transition: transform .55s ease, filter .4s ease
}

.dynamic-category-card:hover {
    border-color: #f2ba55;
    box-shadow: 0 26px 46px rgba(18, 61, 51, .26), 0 0 0 5px rgba(242, 186, 85, .12);
    transform: translateY(-10px)
}

.dynamic-category-card:hover img {
    filter: saturate(1.08) contrast(1.06);
    transform: scale(1.1)
}

.dynamic-category-card:hover::after {
    opacity: 1;
    transform: translate(0)
}

.dynamic-category-card span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 80px 24px 23px;
    background: linear-gradient(transparent 5%, rgba(5, 30, 24, .92) 78%);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.2px;
    transition: padding .3s ease
}

.dynamic-category-card span::after {
    display: inline-block;
    margin-left: 10px;
    color: #f2ba55;
    content: "Explore";
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;
    opacity: 0;
    text-transform: uppercase;
    transform: translateX(-8px);
    transition: opacity .3s ease, transform .3s ease
}

.dynamic-category-card:hover span::after {
    opacity: 1;
    transform: translateX(0)
}

.dynamic-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
    gap: 22px
}

/* Database-powered exclusive staples catalogue. */
.trending-products-section .center-heading span {
    display: block;
    margin-bottom: 9px;
    color: #bd3023;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase
}

.trending-products-section .center-heading h2 {
    margin: 0;
    color: #123d33;
    font: 700 clamp(35px, 4.5vw, 57px)/1.08 Georgia, serif;
    text-transform: uppercase
}

.catalog-showcase-placeholder {
    min-height: 1px;
}

.staples-sidebar .sidebar-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
    cursor: pointer
}

.staples-sidebar .cat-item {
    width: 100%;
    display: block;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    cursor: pointer;
    text-align: left
}

.showcase-top-row .showcase-info-left h2 {
    margin: 0 0 10px;
    color: #102f28;
    font: 700 clamp(30px, 3vw, 43px)/1.1 Georgia, serif;
    letter-spacing: -1px
}

.showcase-badge {
    display: inline-block;
    margin-bottom: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #62470e;
    background: #f4d28b;
    font-size: 10px;
    font-weight: 800
}

.showcase-top-row .showcase-info-left p {
    max-width: 610px;
    margin: 0;
    color: #18362f;
    font-size: 13px;
    line-height: 1.65
}

/* Product showcase banner: matches the supplied campaign design while retaining dynamic content. */
.showcase-top-row {
    isolation: isolate;
    background-color: #123d33;
}

.showcase-top-row::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(90deg, rgba(5, 25, 19, .68), rgba(5, 25, 19, .18));
    content: "";
    pointer-events: none;
}

.showcase-top-row .showcase-info-left,
.showcase-top-row .showcase-arrows {
    position: relative;
    z-index: 1;
}

.showcase-top-row .showcase-info-left {
    padding: 16px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.showcase-top-row .showcase-info-left h2,
.showcase-top-row .showcase-info-left p {
    color: #fff;
}

.showcase-top-row .showcase-info-left p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.showcase-top-row .showcase-arrow-btn {
    color: #123d33 !important;
    background: #fff !important;
}

.showcase-top-row .showcase-arrow-btn:hover {
    color: #fff !important;
    background: var(--pro-spice) !important;
}

.product-card-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-card-img-wrap img {
    width: auto;
    max-height: 100%;
    object-fit: contain
}

.catalog-empty {
    width: 100%;
    padding: 35px 10px;
    color: #66766f;
    text-align: center
}

.dynamic-product-card {
    overflow: hidden;
    border: 1px solid #eee4d3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(18, 61, 51, .08)
}

.dynamic-product-image {
    display: flex;
    height: 235px;
    align-items: center;
    justify-content: center;
    background: #fff8e7
}

.dynamic-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px
}

.dynamic-product-copy {
    padding: 22px
}

.dynamic-product-copy h3 {
    margin: 0 0 10px;
    font-size: 20px
}

.dynamic-product-copy h3 a {
    color: #123d33;
    text-decoration: none
}

.dynamic-product-copy p {
    min-height: 48px;
    margin: 0;
    color: #61766e;
    font-size: 14px;
    line-height: 1.6
}

.dynamic-price {
    display: block;
    margin: 12px 0;
    color: #b93424
}

.dynamic-product-link {
    color: #123d33;
    font-weight: 800;
    text-decoration: none
}

.dynamic-all-products {
    text-align: center;
    margin-top: 35px
}

.dynamic-testimonials {
    background: #fffaf1
}

.dynamic-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px
}

.dynamic-testimonial-card {
    padding: 28px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(18, 61, 51, .08)
}

.dynamic-testimonial-card img {
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 50%;
    object-fit: cover
}

.dynamic-testimonial-card p {
    color: #50675e;
    line-height: 1.75
}

.dynamic-testimonial-card h3 {
    margin: 14px 0 2px;
    color: #123d33;
    font-size: 17px
}

.dynamic-testimonial-card span {
    color: #b93424;
    font-size: 13px
}

.dynamic-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px max(6%, 24px);
    background: #123d33
}

.dynamic-footer img {
    max-height: 52px;
    filter: brightness(0) invert(1)
}

.dynamic-footer a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

/* Home page campaign layout. Content is supplied by the active admin records. */
.home-trust-strip {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 955px;
    margin: -37px auto 0;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 15px 30px rgba(12, 47, 39, .16);
}

.home-trust-strip>div {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 78px;
    padding: 16px 30px;
}

.home-trust-strip>div+div {
    border-left: 1px solid #e8e4db;
}

.home-trust-strip b {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 50%;
    color: #f7d47a;
    background: #123d33;
    font-size: 10px;
}

.home-trust-strip span {
    display: grid;
    gap: 3px;
}

.home-trust-strip strong {
    color: #123d33;
    font-size: 13px;
}

.home-trust-strip small {
    color: #66766f;
    font-size: 10px;
}

.home-category-discovery {
    padding: 90px 0;
    background: #fffdfa;
}

.home-section-intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 36px;
}

.home-section-intro span,
.dynamic-footer-cta span,
.dynamic-footer-brand>span {
    color: #bd3023;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-section-intro h2 {
    max-width: 650px;
    margin: 10px 0 0;
    color: #123d33;
    font: 700 clamp(38px, 5vw, 62px)/.98 Georgia, serif;
}

.home-section-intro p {
    max-width: 400px;
    margin: 0;
    color: #63736b;
    line-height: 1.75;
}

.home-category-cards {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.home-category-cards::-webkit-scrollbar {
    display: none;
}

.home-category-card {
    position: relative;
    display: grid;
    height: 350px;
    flex: 0 0 calc((100% - 36px) / 3);
    place-items: center;
    overflow: hidden;
    border-radius: 23px;
    background: #fff0d2;
    box-shadow: 0 16px 32px rgba(53, 44, 20, .1);
    scroll-snap-align: start;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

.home-category-card:hover {
    box-shadow: 0 23px 38px rgba(53, 44, 20, .18);
    transform: translateY(-7px);
}

.home-category-card img {
    width: 100%;
    height: 100%;
    padding: 25px;
    object-fit: contain;
}

.home-category-card strong {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 55px 20px 18px;
    color: #fff;
    background: linear-gradient(transparent, rgba(8, 38, 30, .82));
    font: 700 21px Georgia, serif;
}

.category-placeholder {
    color: #7f642e;
    font: 700 30px Georgia, serif;
}

.dynamic-testimonials {
    padding: 100px 0;
    background: #123d33;
}

.dynamic-testimonials .dynamic-section-heading span {
    color: #f4c85e;
}

.dynamic-testimonials .dynamic-section-heading h2 {
    color: #fff;
    text-transform: uppercase;
}

.dynamic-testimonial-grid {
    max-width: 770px;
    margin: 38px auto 0;
}

.dynamic-testimonial-card {
    grid-column: 1 / -1;
    padding: 48px 64px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 22px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    box-shadow: none;
    text-align: center;
}

.dynamic-testimonial-card p {
    margin: 0;
    color: #fff;
    font: italic 20px/1.65 Georgia, serif;
}

.dynamic-testimonial-card h3 {
    margin: 20px 0 0;
    color: #f4c85e;
    font-size: 14px;
}

.dynamic-testimonial-card span {
    color: #f9e9b8;
}

.dynamic-footer {
    display: block;
    padding: 36px max(6%, 24px) 0;
    color: #fff;
    background: #213d2b;
}

.dynamic-footer-cta,
.dynamic-footer-main,
.dynamic-footer-trust,
.dynamic-footer-bottom {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}

.dynamic-footer-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 28px 32px;
    border: 1px solid #936d2e;
    border-radius: 17px;
    background: #4c2b19;
}

.dynamic-footer-cta span,
.dynamic-footer-brand>span {
    color: #f4ca62;
}

.dynamic-footer h2 {
    margin: 8px 0 0;
    color: #fff;
    font: 700 clamp(28px, 3vw, 42px)/1.05 Georgia, serif;
}

.dynamic-footer-cta>div:last-child {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-call,
.footer-outline,
.footer-contact {
    display: inline-block;
    padding: 13px 18px;
    border-radius: 7px;
    font-size: 12px;
}

.dynamic-footer .footer-call,
.dynamic-footer .footer-contact {
    color: #2e210f;
    background: #f6c84f;
}

.dynamic-footer .footer-outline {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
}

.dynamic-footer-main {
    display: grid;
    grid-template-columns: 1.25fr .65fr 1fr;
    gap: 70px;
    padding: 54px 10px 40px;
}

.dynamic-footer-main h3 {
    margin: 0 0 18px;
    color: #fff;
    font: 700 22px Georgia, serif;
}

.dynamic-footer-main>div>a:not(.footer-contact) {
    display: block;
    margin: 0 0 13px;
    color: #edf5f0;
    font-size: 13px;
    font-weight: 400;
}

.dynamic-footer-brand img {
    max-height: 65px;
    margin-bottom: 14px;
    filter: none;
}

.dynamic-footer-brand h2 {
    margin: 10px 0 16px;
}

.dynamic-footer-brand p,
.dynamic-footer-main p {
    color: #d5e0da;
    font-size: 13px;
    line-height: 1.7;
}

.footer-offices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.footer-offices p {
    margin: 0;
}

.dynamic-footer .footer-contact {
    margin-top: 5px;
    color: #fff;
    background: #cf3024;
}

.dynamic-footer-trust {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .17);
    border-bottom: 1px solid rgba(255, 255, 255, .17);
}

.dynamic-footer-trust span {
    padding: 17px 14px;
    color: #f2ca68;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase;
}

.dynamic-footer-trust span+span {
    border-left: 1px solid rgba(255, 255, 255, .22);
}

.dynamic-footer-bottom {
    display: flex;
    justify-content: space-between;
    padding: 22px 10px;
    color: #d5e0da;
    font-size: 11px;
}

.dynamic-footer-bottom a {
    margin-left: 18px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

@media (max-width: 760px) {
    .home-trust-strip {
        grid-template-columns: 1fr;
        margin: 0;
        border-radius: 0;
    }

    .home-trust-strip>div+div {
        border-top: 1px solid #e8e4db;
        border-left: 0;
    }

    .home-section-intro,
    .dynamic-footer-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-category-card {
        height: 280px;
        flex-basis: 85%;
    }

    .dynamic-testimonial-card {
        padding: 32px 24px;
    }

    .dynamic-footer-main {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 40px 0;
    }

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

    .dynamic-footer-trust span+span {
        border-left: 0;
    }

    .dynamic-footer-trust span:nth-child(even) {
        border-left: 1px solid rgba(255, 255, 255, .22);
    }

    .dynamic-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .dynamic-footer-bottom a {
        margin-right: 14px;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .dynamic-footer {
        padding: 18px 16px 0;
    }

    .dynamic-footer-cta {
        padding: 24px 20px;
    }

    .dynamic-footer-cta h2,
    .dynamic-footer-brand h2 {
        font-size: 32px;
    }

    .dynamic-footer-cta > div:last-child,
    .dynamic-footer-cta > div:last-child a {
        width: 100%;
    }

    .dynamic-footer-cta > div:last-child a {
        text-align: center;
    }

    .footer-offices {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* Editorial spice-store sections inspired by the supplied reference layout. */
.spice-why-choose {
    position: relative;
    overflow: hidden;
    padding: 105px 0;
    background: #fffdf9;
}

.spice-why-choose::before {
    position: absolute;
    top: -130px;
    right: -110px;
    width: 410px;
    height: 410px;
    border: 1px solid rgba(185, 47, 34, .13);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(228, 165, 44, .07), 0 0 0 84px rgba(185, 47, 34, .035);
    content: "";
}

.spice-why-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
    gap: 72px;
    align-items: center;
}

.spice-why-copy>span,
.spice-promo-card>span {
    color: var(--masala-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.spice-why-copy h2 {
    max-width: 520px;
    margin: 13px 0 19px;
    color: var(--masala-brown);
    font: 700 clamp(40px, 4.4vw, 65px)/1.02 Georgia, serif;
}

.spice-why-copy p,
.spice-why-description {
    max-width: 530px;
    color: #6a6058;
    line-height: 1.85;
}

.spice-why-description p { margin: 0 0 12px; }

.spice-why-copy a {
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--masala-red);
    color: var(--masala-red);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.spice-value-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    border: 1px solid #eee1cb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(70, 39, 20, .09);
}

.spice-value-grid>div {
    display: grid;
    gap: 5px;
    min-height: 164px;
    padding: 28px;
    border-bottom: 1px solid #eee1cb;
    transition: background .25s ease, transform .25s ease;
}

.spice-value-grid>div:nth-child(odd) {
    border-right: 1px solid #eee1cb;
}

.spice-value-grid>div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.spice-value-grid>div:hover {
    background: #fff2d3;
    transform: translateY(-4px);
}

.spice-value-grid b {
    color: var(--masala-saffron);
    font: 700 32px Georgia, serif;
}

.spice-value-grid strong {
    color: #3c291c;
    font-size: 16px;
}

.spice-value-grid small {
    color: #897b70;
}

.spice-promo-band {
    padding: 0 0 95px;
    background: #fffdf9;
}

.spice-promo-band .container {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 22px;
}

.spice-promo-card {
    position: relative;
    min-height: 270px;
    padding: 42px;
    overflow: hidden;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
}

.spice-promo-card h2 {
    position: relative;
    z-index: 1;
    margin: 12px 0 25px;
    font: 700 clamp(30px, 3.5vw, 49px)/1.02 Georgia, serif;
}

.spice-promo-card a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 12px 16px;
    color: #fff;
    background: var(--masala-red);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.spice-promo-dark {
    color: #fff;
    background: linear-gradient(90deg, rgba(44, 22, 12, .88), rgba(44, 22, 12, .3)), url("../images/banners/spice-hero-background.png") center / cover;
}

.spice-promo-dark>span {
    color: var(--masala-turmeric);
}

.spice-promo-light {
    color: var(--masala-brown);
    background: linear-gradient(135deg, #f7d487, #fff1cd);
}

.spice-promo-light::after {
    position: absolute;
    right: -20px;
    bottom: -65px;
    width: 250px;
    height: 250px;
    border: 28px solid rgba(185, 47, 34, .18);
    border-radius: 50%;
    content: "";
}

@media (max-width: 760px) {
    .spice-why-choose {
        padding: 65px 0;
    }

    .spice-why-grid,
    .spice-promo-band .container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .spice-value-grid>div {
        min-height: 130px;
        padding: 20px;
    }

    .spice-promo-band {
        padding-bottom: 65px;
    }

    .spice-promo-card {
        min-height: 230px;
        padding: 30px;
    }
}

.masala-spotlight {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    color: #fff;
    background: #3b2214;
}

.masala-spotlight::before {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 76% 38%, rgba(244, 201, 87, .28), transparent 13%), radial-gradient(circle at 15% 90%, rgba(185, 47, 34, .36), transparent 30%);
    content: "";
}

.masala-spotlight::after {
    position: absolute;
    top: 12%;
    left: -2%;
    color: rgba(255, 255, 255, .045);
    content: "MASALA";
    font: 700 clamp(100px, 19vw, 280px)/1 Georgia, serif;
    pointer-events: none;
}

.masala-spotlight-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr .85fr;
    gap: 80px;
    align-items: center;
}

.masala-spotlight-copy>span {
    color: var(--masala-turmeric);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.masala-spotlight-copy h2 {
    margin: 13px 0 20px;
    font: 700 clamp(48px, 5.5vw, 76px)/.94 Georgia, serif;
}

.masala-spotlight-copy p {
    max-width: 520px;
    color: #f3e5cc;
    line-height: 1.85;
}

.masala-spotlight-facts {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 26px 0;
}

.masala-spotlight-facts span {
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 99px;
    color: #fff2d4;
    background: rgba(255, 255, 255, .07);
    font-size: 10px;
    font-weight: 700;
}

.masala-spotlight-copy a {
    display: inline-block;
    padding: 14px 19px;
    color: #492a14;
    background: var(--masala-turmeric);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.masala-spotlight-product {
    position: relative;
    display: grid;
    min-height: 390px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 50% 50% 18px 18px;
    background: linear-gradient(145deg, #f7d586, #bc5a2c);
    box-shadow: inset 0 0 0 20px rgba(255, 255, 255, .12), 0 30px 45px rgba(0, 0, 0, .24);
}

.masala-spotlight-product::before {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    width: 72%;
    height: 13px;
    border-radius: 50%;
    background: rgba(63, 29, 13, .28);
    content: "";
    filter: blur(7px);
}

.masala-spotlight-product img {
    position: absolute;
    z-index: 0;
    top: 48px;
    right: 32px;
    bottom: 22px;
    left: 32px;
    width: calc(100% - 64px);
    height: calc(100% - 70px);
    border-radius: 50% 50% 5px 5px;
    object-fit: cover;
    object-position: center bottom;
    box-shadow: 0 16px 25px rgba(67, 31, 12, .25);
}

.masala-spotlight-product i {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 28px;
    color: #6a2f1b;
    font: italic 21px/1.05 Georgia, serif;
    text-align: right;
}

@media (max-width: 760px) {
    .masala-spotlight {
        padding: 70px 0;
    }

    .masala-spotlight-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .masala-spotlight-product {
        min-height: 310px;
    }
}

/* Homepage motion system */
@keyframes homeRise {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes homeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes homeGlow {

    0%,
    100% {
        opacity: .2;
        transform: scale(.94);
    }

    50% {
        opacity: .55;
        transform: scale(1.06);
    }
}

@keyframes homeShine {
    from {
        transform: translateX(-130%) rotate(14deg);
    }

    to {
        transform: translateX(230%) rotate(14deg);
    }
}

.dynamic-hero::after {
    position: absolute;
    z-index: 0;
    top: -35%;
    right: 8%;
    width: 35vw;
    height: 35vw;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(243, 193, 86, .25), transparent 65%);
    content: "";
    filter: blur(5px);
    animation: homeGlow 6s ease-in-out infinite;
    pointer-events: none;
}

.dynamic-hero-slide {
    z-index: 1;
}

.dynamic-hero-copy {
    animation: homeRise .8s .12s both;
}

.dynamic-banner-product {
    z-index: 2;
    animation: homeFloat 5s ease-in-out infinite;
}

.slider-cta-btn {
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.slider-cta-btn:hover {
    box-shadow: 0 14px 30px rgba(185, 52, 36, .42);
    transform: translateY(-3px);
}

.home-trust-strip {
    animation: homeRise .7s .25s both;
}

.dynamic-about-image {
    animation: homeFloat 6s ease-in-out infinite;
}

.dynamic-about-image+.dynamic-about-image {
    animation-delay: -3s;
}

.home-category-card::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 28%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
    content: "";
    opacity: 0;
    pointer-events: none;
}

.home-category-card:hover::after {
    opacity: 1;
    animation: homeShine .8s ease;
}

.home-category-card strong {
    z-index: 2;
}

.product-card-item {
    transition: transform .25s ease, box-shadow .25s ease;
}

.product-card-item:hover {
    box-shadow: 0 18px 34px rgba(18, 61, 51, .16);
    transform: translateY(-7px);
}

.showcase-top-row {
    transition: background-image .45s ease;
}

.dynamic-footer-cta {
    transition: transform .3s ease, box-shadow .3s ease;
}

.dynamic-footer-cta:hover {
    box-shadow: 0 20px 38px rgba(0, 0, 0, .18);
    transform: translateY(-4px);
}

.home-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1);
}

.home-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Premium editorial finish */
.dynamic-home {
    background: #fffdf8;
}

.sakthi-style-header {
    border-bottom-color: rgba(18, 61, 51, .08);
    box-shadow: 0 12px 34px rgba(18, 61, 51, .08);
}

.brand-logo {
    filter: drop-shadow(0 5px 9px rgba(18, 61, 51, .12));
}

.dynamic-home .nav-list {
    gap: 8px;
}

.dynamic-home .nav-list .nav-item {
    padding: 10px 12px;
    border-radius: 999px;
    font-weight: 700;
    transition: color .25s ease, background .25s ease;
}

.dynamic-home .nav-list .nav-item:hover {
    color: #fff !important;
    background: #123d33;
}

.premium-header-tools { display: flex; align-items: center; gap: 9px; }
.header-search { display: flex; width: 170px; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #eadfce; border-radius: 999px; color: #8c6b50; background: #fffaf0; transition: width .25s ease, border-color .25s ease; }
.header-search:focus-within { width: 210px; border-color: var(--masala-saffron); }
.header-search span { font-size: 20px; line-height: 12px; }
.header-search input { width: 100%; border: 0; outline: 0; color: #3e291d; background: transparent; font-size: 12px; }
.header-icon-btn { position: relative; display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid #eadfce; border-radius: 50%; color: #4a2a18; background: #fff; font-size: 20px; line-height: 1; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; }
.header-icon-btn:hover { color: #fff; background: var(--masala-red); transform: translateY(-2px); }
.header-icon-btn b { position: absolute; top: -5px; right: -5px; display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 3px; border: 2px solid #fff; border-radius: 99px; color: #fff; background: var(--masala-red); font: 700 9px Arial, sans-serif; }
.header-login-btn { padding: 11px 14px; border-radius: 999px; color: #fff; background: var(--masala-brown); font-size: 11px; font-weight: 800; text-decoration: none; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.header-login-btn:hover { color: #fff; background: var(--masala-red); transform: translateY(-2px); }
@media (max-width: 1050px) { .header-search { display: none; } .premium-header-tools { margin-left: auto; } }
@media (max-width: 760px) { .main-navigation { display: none; } .header-inner { gap: 8px; padding: 8px 14px; } .brand-logo { max-height: 52px; } .header-login-btn { padding: 9px 11px; font-size: 10px; } }

/* Three-tier premium storefront header. */
.sakthi-style-header { position: relative; box-shadow: 0 5px 18px rgba(47,26,14,.1); }
.premium-top-strip { display: flex; min-height: 32px; align-items: center; justify-content: space-between; padding: 5px max(5%, 44px); color: #ffe9bd; background: #342116; font-size: 11px; }
.premium-top-strip div { display: flex; gap: 26px; align-items: center; }
.premium-header-main { max-width: none; min-height: 80px; padding: 10px max(5%, 44px); justify-content: flex-start; gap: 12px; background: #fffdf8; }
.premium-header-main .logo-wrapper { flex-direction: row; }
.premium-header-main .brand-logo { width: 58px; height: 58px; object-fit: contain; }
.premium-brand-copy { padding-left: 12px; border-left: 1px solid #e2d7c5; color: #54341f; line-height: 1.1; }
.premium-brand-copy strong { display: block; font: 700 18px Georgia, serif; }
.premium-brand-copy small { color: #a26d39; font-size: 8px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
.premium-header-main .premium-header-tools { margin-left: auto; }
.premium-header-main .header-search { width: min(31vw, 395px); padding: 11px 17px; border-color: #d7d8ca; background: #f8faf3; }
.premium-header-main .header-search:focus-within { width: min(34vw, 440px); border-color: var(--masala-saffron); }
.premium-header-main .header-login-btn { color: #4a2a18; border: 1px solid #e4d6c3; background: #fff; text-transform: none; }
.premium-header-main .header-login-btn:hover { color: #fff; background: var(--masala-red); }
.premium-header-nav { background: linear-gradient(90deg, #743216, #b84616 60%, #a33916); }
.premium-header-nav-inner { display: flex; max-width: 1280px; min-height: 62px; align-items: center; gap: 18px; margin: auto; padding: 0 max(4%, 28px); }
.shop-pill, .nav-cta { padding: 12px 17px; border-radius: 999px; color: #fff; background: #d65b17; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.premium-header-nav .main-navigation { margin-right: auto; }
.premium-header-nav .nav-list { gap: 4px; }
.premium-header-nav .nav-list .nav-item { color: #fff4df !important; font-size: 12px; }
.premium-header-nav .nav-list .nav-item:hover { color: #fff !important; background: rgba(73,25,10,.35); }
.nav-contact { color: #fff7e7; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.nav-cta { background: #f2a72e; color: #4a2a18; }
@media (max-width: 1050px) { .premium-brand-copy, .nav-contact { display: none; } .premium-header-main .header-search { width: 260px; } }
@media (max-width: 760px) { .premium-top-strip { display: none; } .premium-header-main { min-height: 66px; padding: 6px 14px; } .premium-header-main .brand-logo { width: 48px; height: 48px; } .premium-header-main .header-search, .premium-header-main .header-login-btn { display: none; } .premium-header-nav-inner { min-height: 52px; padding: 0 14px; } .premium-header-nav .main-navigation, .nav-contact { display: none; } .shop-pill { margin-right: auto; padding: 10px 13px; } .nav-cta { padding: 10px 13px; } }

.dynamic-hero {
    min-height: min(650px, 72vh);
    isolation: isolate;
    border-radius: 0 0 34px 34px;
}

.dynamic-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 21, 16, .68), rgba(4, 21, 16, .18) 57%, rgba(4, 21, 16, .05));
    content: "";
    pointer-events: none;
}

.dynamic-hero-slide {
    z-index: 2;
}

.dynamic-hero-copy {
    position: relative;
    z-index: 3;
}

.dynamic-hero-copy .hero-brand-label {
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    background: rgba(6, 29, 22, .25);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.dynamic-hero-copy h1 {
    max-width: 620px;
    font-size: clamp(52px, 6vw, 86px);
    text-shadow: 0 12px 36px rgba(0, 0, 0, .25);
}

.dynamic-hero-copy p {
    max-width: 480px;
    border-left-color: #f2c45d;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

.dynamic-banner-product {
    border: 1px solid rgba(255, 255, 255, .8);
    box-shadow: 0 30px 65px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .65);
}

.dynamic-about {
    position: relative;
    overflow: hidden;
}

.dynamic-about::before {
    position: absolute;
    top: 15%;
    left: -5%;
    color: rgba(18, 61, 51, .035);
    content: "GANGA";
    font: 700 clamp(100px, 19vw, 280px)/1 Georgia, serif;
    pointer-events: none;
}

.dynamic-about-grid {
    position: relative;
    z-index: 1;
}

.dynamic-about-copy {
    padding: 22px 10px;
}

.dynamic-about-copy h2 {
    text-wrap: balance;
}

.dynamic-about-copy h2::after {
    display: block;
    width: 58px;
    height: 3px;
    margin-top: 20px;
    border-radius: 99px;
    background: #bd3023;
    content: "";
}

.read-more-btn {
    display: inline-flex;
    margin-top: 14px;
    padding: 12px 18px;
    border-radius: 999px;
    color: #fff;
    background: #123d33;
    box-shadow: 0 10px 20px rgba(18, 61, 51, .15);
    text-decoration: none;
}

.trending-products-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f7f2e8, #fffdf8 55%, #f2e9d7);
}

.trending-products-section::before {
    position: absolute;
    top: -170px;
    right: -130px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(194, 142, 50, .18);
    border-radius: 50%;
    box-shadow: 0 0 0 45px rgba(194, 142, 50, .05), 0 0 0 90px rgba(194, 142, 50, .035);
    content: "";
}

.trending-products-section .center-heading {
    position: relative;
    z-index: 1;
}

.dynamic-showcase-container {
    position: relative;
    z-index: 1;
    border-color: rgba(18, 61, 51, .11) !important;
    box-shadow: 0 24px 60px rgba(31, 46, 35, .12);
}

.staples-sidebar {
    background: linear-gradient(180deg, #123d33 0 72px, #fff 72px) !important;
}

.staples-sidebar .sidebar-header {
    color: #fff;
}

.staples-sidebar .cat-item {
    padding: 19px 20px;
    transition: padding .22s ease, color .22s ease, background .22s ease;
}

.staples-sidebar .cat-item:hover {
    padding-left: 28px;
    color: #fff;
    background: #bd3023;
}

.catalog-search {
    border-radius: 999px !important;
    background: #fffdf9;
}

.product-card-item {
    overflow: hidden;
    border: 1px solid #f0e6d5 !important;
    box-shadow: 0 12px 25px rgba(26, 51, 39, .08) !important;
}

.product-card-img-wrap {
    position: relative;
    background: radial-gradient(circle at 50% 30%, #fffdf7, #f6e8c9);
}

.product-card-img-wrap::after {
    position: absolute;
    right: 12px;
    bottom: 9px;
    width: 48px;
    height: 12px;
    border-radius: 50%;
    background: rgba(54, 41, 19, .17);
    content: "";
    filter: blur(7px);
}

.product-card-img-wrap img {
    position: relative;
    z-index: 1;
    transition: transform .35s ease;
}

.product-card-item:hover .product-card-img-wrap img {
    transform: translateY(-8px) scale(1.05);
}

.product-card-order-btn {
    border-radius: 9px !important;
    box-shadow: 0 9px 17px rgba(185, 52, 36, .18);
}

.home-category-discovery {
    background: linear-gradient(180deg, #fffdf8, #f8f3e9);
}

.home-category-card {
    border: 1px solid rgba(255, 255, 255, .9);
}

.home-category-card:nth-child(2) {
    background: #f9edcf;
}

.home-category-card:nth-child(3) {
    background: #f7e5c0;
}

/* KitchenHut-inspired storefront direction, adapted to shree Ganga branding. */
.dynamic-home {
    background: #fff;
}

.dynamic-hero {
    border-radius: 0;
    background-color: #1c1713;
}

.dynamic-hero-slide {
    background-position: center;
}

.dynamic-hero-copy {
    width: min(620px, 49%);
    margin-left: max(7%, 56px);
}

.dynamic-hero-copy .hero-brand-label {
    color: #fff;
    border-color: #d9a133;
    background: #b92e23;
}

.dynamic-hero-copy h1 {
    font-family: Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -3px;
}

.slider-cta-btn {
    padding: 14px 22px;
    border-radius: 4px;
    background: #bd3023;
    box-shadow: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.slider-cta-btn:hover {
    background: #181310;
}

.dynamic-banner-product {
    right: max(8%, 80px);
    border-radius: 18px;
    background: #fff7e6;
}

.home-trust-strip {
    max-width: 1100px;
    border-radius: 0;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .1);
}

.home-trust-strip b {
    color: #fff;
    background: #bd3023;
}

.home-category-discovery {
    padding: 70px 0;
    background: #fff;
}

.home-section-intro h2,
.trending-products-section .center-heading h2 {
    font-family: Arial, sans-serif;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.home-category-card {
    height: 270px;
    border-radius: 10px;
    background: #f7f4ee;
    box-shadow: none;
}

.home-category-card img {
    padding: 18px;
}

.home-category-card strong {
    padding: 42px 17px 15px;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

.trending-products-section {
    background: #f8f6f2;
}

.dynamic-showcase-container {
    border-radius: 8px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .09);
}

.showcase-top-row {
    border-radius: 8px !important;
}

.showcase-top-row .showcase-info-left {
    max-width: 63%;
    padding: 24px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .88);
}

.showcase-top-row .showcase-info-left h2,
.showcase-top-row .showcase-info-left p {
    color: #171310;
    text-shadow: none;
}

.showcase-top-row .showcase-info-left h2 {
    font-family: Arial, sans-serif;
    font-weight: 800;
}

.showcase-badge {
    border-radius: 4px;
    color: #fff;
    background: #bd3023;
    text-transform: uppercase;
}

.staples-sidebar {
    background: linear-gradient(180deg, #20201d 0 72px, #fff 72px) !important;
}

.staples-sidebar .cat-item:hover,
.staples-sidebar .cat-item.active {
    background: #bd3023;
}

.product-card-order-btn {
    border-radius: 4px !important;
    background: #bd3023 !important;
}

/* shree Ganga masala theme */
:root {
    --masala-red: #b92f22;
    --masala-saffron: #e4a52c;
    --masala-turmeric: #f4c957;
    --masala-brown: #58351f;
    --masala-ink: #1e2920;
    --masala-cream: #fff8e9;
}

.dynamic-home {
    color: var(--masala-ink);
    background: var(--masala-cream);
}

.top-bar {
    background: linear-gradient(90deg, #6d271d, var(--masala-red), #8f291d);
}

.sakthi-style-header {
    background: rgba(255, 253, 247, .96);
}

.dynamic-home .nav-list .nav-item:hover {
    background: var(--masala-red);
}

.dynamic-hero::after {
    background: radial-gradient(circle, rgba(244, 201, 87, .3), transparent 65%);
}

.dynamic-hero-copy .hero-brand-label {
    border-color: var(--masala-turmeric);
    background: var(--masala-red);
}

.slider-cta-btn,
.product-card-order-btn {
    background: var(--masala-red) !important;
}

.slider-cta-btn:hover,
.product-card-order-btn:hover {
    background: var(--masala-brown) !important;
}

.home-trust-strip b {
    color: var(--masala-brown);
    background: var(--masala-turmeric);
}

.home-section-intro span,
.trending-products-section .center-heading span {
    color: var(--masala-red);
}

.home-section-intro h2,
.trending-products-section .center-heading h2 {
    color: var(--masala-brown);
}

.home-category-discovery {
    background: radial-gradient(circle at 8% 22%, rgba(244, 201, 87, .22), transparent 22%), radial-gradient(circle at 96% 82%, rgba(185, 47, 34, .11), transparent 22%), var(--masala-cream);
}

.home-category-card {
    background: linear-gradient(145deg, #fff6df, #f7deb0);
}

.home-category-card:nth-child(2) {
    background: linear-gradient(145deg, #fff3d4, #efc874);
}

.home-category-card:nth-child(3) {
    background: linear-gradient(145deg, #f9e1bd, #dca264);
}

.home-category-card strong {
    background: linear-gradient(transparent, rgba(71, 38, 20, .93));
}

.trending-products-section {
    background: linear-gradient(135deg, #fffaf0, #f3e3be);
}

.trending-products-section::before {
    border-color: rgba(185, 47, 34, .16);
    box-shadow: 0 0 0 45px rgba(228, 165, 44, .08), 0 0 0 90px rgba(185, 47, 34, .04);
}

.showcase-top-row::before {
    background: linear-gradient(90deg, rgba(64, 29, 14, .64), rgba(64, 29, 14, .12));
}

.showcase-badge {
    color: #513210;
    background: var(--masala-turmeric);
}

.staples-sidebar {
    background: linear-gradient(180deg, #59351f 0 72px, #fffdf7 72px) !important;
}

.staples-sidebar .cat-item:hover,
.staples-sidebar .cat-item.active {
    background: var(--masala-red);
}

.product-card-img-wrap {
    background: radial-gradient(circle at 50% 25%, #fffdf7, #f3d692);
}

.dynamic-testimonials {
    background: radial-gradient(circle at 80% 10%, rgba(244, 201, 87, .15), transparent 25%), #422918;
}

.dynamic-testimonials .dynamic-section-heading span,
.dynamic-testimonial-card h3 {
    color: var(--masala-turmeric);
}

.dynamic-footer {
    background: #301e13;
}

.dynamic-footer-cta {
    border-color: rgba(244, 201, 87, .45);
    background: #472b19;
}

.dynamic-footer .footer-call {
    color: #4a2a13;
    background: var(--masala-turmeric);
}

.dynamic-footer .footer-contact {
    background: var(--masala-red);
}

/* Full premium storefront composition */
.dynamic-hero-slide {
    opacity: 0;
    transition: opacity .7s ease;
}

.dynamic-hero-slide.active {
    opacity: 1;
}

.dynamic-hero-copy {
    padding: 32px;
    border-left: 1px solid rgba(244, 201, 87, .6);
    background: linear-gradient(90deg, rgba(39, 19, 10, .28), transparent);
}

.hero-quality-points {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.hero-quality-points span {
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: #fff7e5;
    background: rgba(25, 15, 9, .35);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.premium-hero-controls {
    position: absolute;
    z-index: 5;
    right: max(5%, 35px);
    bottom: 28px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.premium-hero-controls button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    color: #fff;
    background: rgba(53, 28, 16, .55);
    font-size: 20px;
    cursor: pointer;
    transition: background .25s ease, transform .25s ease;
    backdrop-filter: blur(9px);
}

.premium-hero-controls button:hover {
    background: var(--masala-red);
    transform: scale(1.08);
}

.premium-hero-controls span {
    display: flex;
    gap: 5px;
}

.premium-hero-controls i {
    width: 22px;
    height: 3px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .4);
}

.premium-hero-controls i:first-child {
    background: var(--masala-turmeric);
}

.home-trust-strip>div {
    transition: background .25s ease, transform .25s ease;
}

.home-trust-strip>div:hover {
    background: #fff7e7;
    transform: translateY(-4px);
}

.dynamic-about-copy p::first-letter {
    color: var(--masala-red);
    font-family: Georgia, serif;
    font-size: 1.7em;
    font-weight: 700;
}

.home-section-intro {
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(89, 53, 31, .14);
}

.home-category-cards {
    padding-bottom: 10px;
}

.showcase-top-row {
    min-height: 250px;
}

.dynamic-testimonials {
    position: relative;
    overflow: hidden;
}

.dynamic-testimonials::before,
.dynamic-testimonials::after {
    position: absolute;
    color: rgba(244, 201, 87, .06);
    font: 700 180px/1 Georgia, serif;
    content: "“";
}

.dynamic-testimonials::before {
    top: 18px;
    left: 7%;
}

.dynamic-testimonials::after {
    right: 7%;
    bottom: -80px;
    transform: rotate(180deg);
}

.dynamic-testimonials .container {
    position: relative;
    z-index: 1;
}

.dynamic-footer {
    border-top: 4px solid var(--masala-turmeric);
}

@media (max-width: 760px) {
    .dynamic-hero-copy {
        width: auto;
        margin: 0 20px;
        padding: 22px;
    }

    .dynamic-hero-copy h1 {
        font-size: clamp(42px, 13vw, 58px);
    }

    .premium-hero-controls {
        right: 22px;
        bottom: 18px;
    }

    .hero-quality-points {
        display: none;
    }
}

@media(max-width:767px) {
    .dynamic-home .nav-list {
        gap: 9px;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .dynamic-home .nav-list .nav-item {
        padding: 6px;
        font-size: 12px
    }

    .dynamic-hero {
        min-height: 470px
    }

    .dynamic-hero-copy {
        width: auto;
        margin: 0 62px
    }

    .dynamic-hero-copy h1 {
        font-size: 45px
    }

    .dynamic-hero-copy p {
        font-size: 15px
    }

    .dynamic-about-grid {
        grid-template-columns: 1fr
    }

    .dynamic-about,
    .dynamic-categories,
    .dynamic-products,
    .dynamic-testimonials {
        padding: 60px 0
    }

    .dynamic-about-image {
        min-height: 200px
    }

    .dynamic-about-image img {
        min-height: 165px
    }
}

/* Ecomus food-store inspired system, adapted to shree Ganga content and colours. */
.dynamic-home { background:#fff; color:#25201b; }
.dynamic-home .ecomus-ganga-header { box-shadow:none; background:#fff; border-bottom:1px solid #e9e5df; }
.dynamic-home .ecomus-announcement { min-height:38px; justify-content:center; padding:8px 28px; color:#fff; background:#263c2b; font-size:11px; letter-spacing:.55px; text-transform:uppercase; }
.dynamic-home .ecomus-announcement div { gap:34px; }.dynamic-home .ecomus-announcement div:last-child { position:absolute; right:32px; }
.dynamic-home .header-inner.premium-header-main { position:relative; min-height:94px; justify-content:center; padding:13px 48px; background:#fff; }
.dynamic-home .premium-header-main .logo-wrapper { position:absolute; left:48px; }.dynamic-home .premium-header-main .brand-logo { width:62px; height:62px; }
.dynamic-home .premium-brand-copy { padding:0; border:0; text-align:center; }.dynamic-home .premium-brand-copy strong { font:700 26px/1 Georgia,serif; letter-spacing:-.7px; }.dynamic-home .premium-brand-copy small { margin-top:5px; color:#526653; font-size:9px; letter-spacing:2.5px; }
.dynamic-home .premium-header-main .premium-header-tools { position:absolute; right:48px; margin:0; }.dynamic-home .premium-header-main .header-search { width:auto; padding:8px; border:0; background:transparent; }.dynamic-home .premium-header-main .header-search input { display:none; }.dynamic-home .premium-header-main .header-search span { font-size:17px; }.dynamic-home .premium-header-main .header-login-btn { padding:0; border:0; color:#29221d; background:transparent; font-size:12px; font-weight:700; text-transform:none; }.dynamic-home .premium-header-main .header-icon-btn { width:32px; height:32px; border:0; color:#29221d; font-size:21px; }.dynamic-home .premium-header-main .header-icon-btn b { top:-2px; right:-2px; min-width:15px; height:15px; border:0; background:#263c2b; }
.dynamic-home .premium-header-nav { border-top:1px solid #efebe5; background:#fff; }.dynamic-home .premium-header-nav-inner { min-height:55px; justify-content:center; padding:0 25px; }.dynamic-home .shop-pill,.dynamic-home .nav-contact,.dynamic-home .nav-cta { display:none; }.dynamic-home .premium-header-nav .main-navigation { margin:0; }.dynamic-home .premium-header-nav .nav-list { gap:28px; }.dynamic-home .premium-header-nav .nav-list .nav-item { padding:18px 0; color:#29221d!important; font-size:12px; font-weight:700; letter-spacing:.2px; }.dynamic-home .premium-header-nav .nav-list .nav-item:hover { color:#9d4a24!important; background:transparent; }
.dynamic-home .dynamic-hero { min-height:630px; border-radius:0; }.dynamic-home .dynamic-hero::before { background:linear-gradient(90deg,rgba(8,20,11,.72),rgba(8,20,11,.18) 64%,transparent); }.dynamic-home .dynamic-hero-copy { max-width:600px; }.dynamic-home .dynamic-hero-copy .hero-brand-label { padding:0; border:0; border-radius:0; color:#fff; background:none; font-size:11px; letter-spacing:2.1px; }.dynamic-home .dynamic-hero-copy h1 { margin:16px 0; max-width:560px; font:700 clamp(48px,5.5vw,78px)/.99 Georgia,serif; }.dynamic-home .dynamic-hero-copy p { padding-left:0; border-left:0; font-size:16px; }.dynamic-home .slider-cta-btn { border-radius:0; background:#fff!important; color:#27211c!important; box-shadow:none; }.dynamic-home .slider-cta-btn:hover { background:#e9a329!important; }
.dynamic-home .home-trust-strip { max-width:1100px; margin:-32px auto 0; border-radius:0; box-shadow:0 12px 28px rgba(0,0,0,.09); }.dynamic-home .home-trust-item { padding:21px; }.dynamic-home .home-trust-item b { border-radius:0; }
.dynamic-home .dynamic-about,.dynamic-home .home-category-discovery,.dynamic-home .spice-why-choose,.dynamic-home .trending-products-section,.dynamic-home .dynamic-testimonials { padding:94px 0; }.dynamic-home .dynamic-about::before { color:rgba(38,60,43,.04); }.dynamic-home .dynamic-about-copy h2,.dynamic-home .section-heading h2,.dynamic-home .spice-why-copy h2 { color:#273c2d; font-family:Georgia,serif; }.dynamic-home .dynamic-about-copy h2::after { width:44px; height:2px; background:#d18228; }.dynamic-home .dynamic-about-image,.dynamic-home .dynamic-about-image img { border-radius:0; }.dynamic-home .read-more-btn { border-radius:0; background:#273c2d; }
.dynamic-home .home-category-discovery { background:#f6f6f2; }.dynamic-home .category-discovery-card { border-radius:0; }.dynamic-home .category-discovery-card img { filter:saturate(.88); }.dynamic-home .category-discovery-card::after { background:linear-gradient(0deg,rgba(22,35,25,.86),transparent 65%); }.dynamic-home .category-discovery-card h3 { font-family:Georgia,serif; }
.dynamic-home .spice-why-choose { background:#fff; }.dynamic-home .spice-why-grid { align-items:center; }.dynamic-home .spice-why-copy a { color:#9a391b; }.dynamic-home .spice-feature-grid { border-radius:0; }.dynamic-home .spice-feature { border-color:#e8ded0; }.dynamic-home .spice-feature b { color:#d28c21; }
.dynamic-home .spice-promo-band { padding:20px 0 92px; background:#fff; }.dynamic-home .spice-promo-band .container { gap:20px; }.dynamic-home .spice-promo-card { min-height:350px; border-radius:0; }.dynamic-home .spice-promo-card h2 { font:700 clamp(33px,4vw,52px)/1 Georgia,serif; }.dynamic-home .spice-promo-card a { border-radius:0; }
.dynamic-home .masala-spotlight { padding:94px 0; background:#283c2c; }.dynamic-home .masala-spotlight-grid { border-radius:0; }.dynamic-home .masala-spotlight-copy h2 { font-family:Georgia,serif; }.dynamic-home .masala-spotlight-product { border-radius:0; }.dynamic-home .masala-spotlight-product img { max-height:320px; object-fit:contain; }
.dynamic-home .trending-products-section { background:#fff; }.dynamic-home .dynamic-showcase-container { border:0!important; border-radius:0; box-shadow:none; }.dynamic-home .staples-sidebar { background:#f6f6f2!important; }.dynamic-home .staples-sidebar .sidebar-header { color:#273c2d; background:#f6f6f2; }.dynamic-home .staples-sidebar .cat-item { border-color:#e4e1da; }.dynamic-home .catalog-search { border-radius:0!important; }.dynamic-home .product-card-item { border:0!important; border-radius:0!important; box-shadow:none!important; }.dynamic-home .product-card-img-wrap { border-radius:0; background:#f6f6f2; }.dynamic-home .product-card-info { padding:20px 0 10px; }.dynamic-home .product-card-info::before { display:none; }.dynamic-home .product-card-title { font-family:Georgia,serif; }.dynamic-home .product-card-order-btn { border-radius:0!important; background:#273c2d!important; }.dynamic-home .product-card-order-btn:hover { background:#a23f1c!important; }
.dynamic-home .dynamic-testimonials { background:#f6f6f2; }.dynamic-home .testimonial-card { border-radius:0; box-shadow:none; }.dynamic-home .dynamic-footer { border-top:0; background:#213d2b; }

/* Homepage footer reference palette.  Kept last so the storefront theme cannot override it. */
.dynamic-home .dynamic-footer-cta { border-color:#936d2e; background:#4c2b19; }
.dynamic-home .dynamic-footer .footer-call { color:#2e210f; background:#f6c84f; }
.dynamic-home .dynamic-footer .footer-contact { background:#cf3024; }

@media(max-width:1050px) { .dynamic-home .ecomus-announcement div:last-child { display:none; }.dynamic-home .premium-header-main .logo-wrapper { left:24px; }.dynamic-home .premium-header-main .premium-header-tools { right:24px; } }
@media(max-width:760px) { .dynamic-home .ecomus-announcement { justify-content:center; }.dynamic-home .ecomus-announcement div { gap:0; }.dynamic-home .ecomus-announcement div span+span { display:none; }.dynamic-home .header-inner.premium-header-main { min-height:70px; }.dynamic-home .premium-header-main .logo-wrapper { position:static; }.dynamic-home .premium-brand-copy { display:block; margin-right:auto; text-align:left; }.dynamic-home .premium-brand-copy strong { font-size:18px; }.dynamic-home .premium-header-main .premium-header-tools { position:static; }.dynamic-home .premium-header-nav { display:none!important; }.dynamic-home .dynamic-hero { min-height:510px; }.dynamic-home .dynamic-hero-copy { margin:0 32px; }.dynamic-home .home-trust-strip { margin:0; }.dynamic-home .spice-promo-band .container { grid-template-columns:1fr; } }

/* Light testimonial contrast fix. */
.dynamic-home .dynamic-testimonials .dynamic-section-heading span { color:#a74b21; }
.dynamic-home .dynamic-testimonials .dynamic-section-heading h2 { color:#283d2d; }
.dynamic-home .dynamic-testimonial-card { border:1px solid #e7ded1; border-radius:0; background:#fff; box-shadow:none; }
.dynamic-home .dynamic-testimonial-card p { color:#3e332b; }
.dynamic-home .dynamic-testimonial-card h3 { color:#a74b21; }
.dynamic-home .dynamic-testimonial-card span { color:#788176; }

/* Homepage logo refinement: preserve the existing header layout. */
.dynamic-home .premium-header-main .logo-wrapper { display:grid; width:74px; height:74px; place-items:center; padding:6px; border:1px solid #efe8dc; background:#fff; box-shadow:0 8px 18px rgba(44,31,18,.08); }
.dynamic-home .premium-header-main .logo-wrapper .brand-logo { width:58px; height:58px; }
@media(max-width:760px) { .dynamic-home .premium-header-main .logo-wrapper { width:56px; height:56px; padding:4px; }.dynamic-home .premium-header-main .logo-wrapper .brand-logo { width:46px; height:46px; } }

/* Restore the rich shree Ganga catalogue card treatment. */
.dynamic-home .trending-products-section { background:linear-gradient(180deg,#fffaf1 0%,#f7efe2 100%); }
.dynamic-home .dynamic-showcase-container { overflow:hidden; border:1px solid #eadbc8!important; border-radius:18px; background:#fffdf9; box-shadow:0 22px 50px rgba(69,37,17,.1); }
.dynamic-home .staples-sidebar { background:linear-gradient(180deg,#55321f 0 72px,#fffdf9 72px)!important; }.dynamic-home .staples-sidebar .sidebar-header { color:#fff; background:transparent; }.dynamic-home .staples-sidebar .cat-item.active,.dynamic-home .staples-sidebar .cat-item:hover { color:#fff; background:#b93424; }
.dynamic-home .product-card-item { overflow:hidden; border:1px solid #f0dfc5!important; border-radius:14px!important; background:#fff; box-shadow:0 10px 24px rgba(66,37,20,.08)!important; }.dynamic-home .product-card-img-wrap { height:270px; border-radius:14px 14px 0 0; background:radial-gradient(circle at 50% 25%,#fffef9,#f6dfac); }.dynamic-home .product-card-img-wrap img { display:block; width:auto; max-width:88%; height:auto; max-height:230px; object-fit:contain; }.dynamic-home .product-card-info { padding:22px 19px 18px; }.dynamic-home .product-card-info::before { display:block; background:#d38b25; }.dynamic-home .product-card-order-btn { border-radius:8px!important; background:#b93424!important; }.dynamic-home .product-card-order-btn:hover { background:#55321f!important; }

.dynamic-home .category-product-grid { align-items:stretch; }.dynamic-home .category-product-grid .product-card-item { flex:0 0 min(300px,100%); }