/** Shopify CDN: Minification failed

Line 4184:0 Expected "}" to go with "{"

**/
:root {
            --cream: #fbf5e9;
            --paper: #f0e6d4;
            --ink: #2d160e;
            --gold: #d3ad4c;
            --olive: #354532;
            --brand-green: #7da152;
            --brand-dark-green: #6a8c43;
            --line: rgba(45, 22, 14, .16);
            --serif: Georgia, "Times New Roman", serif;
            --sans: Arial, sans-serif;
        }

        * {
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
        }

        html {
            scroll-behavior: auto;
        }

        body {
            background: var(--cream);
            color: var(--ink);
            font: 14px/1.55 var(--sans);
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img {
            display: block;
            max-width: 100%;
        }

        .wrap {
            width: 100%;
            max-width: 1360px;
            margin: 0 auto;
            padding: 0 20px;
            box-sizing: border-box;
        }

        .notice {
            padding: 8px 20px;
            background: var(--gold);
            text-align: center;
            font-size: 11px;
            letter-spacing: .04em;
            font-weight: 600;
        }

        /* HEADER ALIGNMENT */
        header {
            position: sticky;
            top: 0;
            z-index: 50;
            background: rgba(251, 245, 233, .97);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid var(--line);
        }

        .head {
            min-height: 76px;
            display: grid;
            grid-template-columns: 220px minmax(280px, 680px) 1fr;
            gap: 24px;
            align-items: center;
            padding: 8px 0;
        }

        .logo-link {
            display: flex;
            align-items: center;
            height: 100%;
            cursor: pointer;
        }

        .logo {
            height: 58px;
            max-height: 60px;
            width: auto;
            object-fit: contain;
        }

        /* SEARCH & LIVE SUGGESTIONS DROPDOWN */
        .search-wrap {
            position: relative;
            width: 100%;
        }

        .search {
            height: 46px;
            padding: 0 18px;
            display: flex;
            align-items: center;
            gap: 12px;
            border: 1px solid rgba(45, 22, 14, 0.18);
            background: #ffffff;
            border-radius: 23px;
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 2px 8px rgba(45, 22, 14, 0.03);
        }

        .search:focus-within {
            border-color: var(--brand-green);
            background: #fff;
            box-shadow: 0 4px 16px rgba(125, 161, 82, 0.22);
        }

        .search-icon {
            color: #756b61;
            flex-shrink: 0;
            transition: color 0.2s ease;
        }

        .search:focus-within .search-icon {
            color: var(--brand-dark-green);
        }

        .search input {
            width: 100%;
            border: 0;
            outline: 0;
            background: transparent;
            font-size: 13.5px;
            font-family: var(--sans);
            color: var(--ink);
            height: 100%;
            line-height: normal;
            padding: 0;
        }

        .search input::placeholder {
            color: #8c7e72;
            font-size: 13px;
            opacity: 0.9;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .search-clear-btn {
            display: none;
            background: var(--paper);
            border: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            font-size: 11px;
            color: #66584c;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            line-height: 1;
            padding: 0;
            transition: background 0.15s ease;
        }

        .search-clear-btn:hover {
            background: #e4d7c0;
            color: var(--ink);
        }

        .suggestions-box {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            margin-top: 8px;
            background: #fff;
            border: 1px solid var(--gold);
            border-radius: 14px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
            z-index: 200;
            display: none;
            max-height: 380px;
            overflow-y: auto;
            padding: 8px 0;
        }

        .suggestion-item {
            padding: 10px 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            transition: background 0.15s ease;
            border-bottom: 1px solid rgba(0, 0, 0, 0.04);
        }

        .suggestion-item:last-child {
            border: none;
        }

        .suggestion-item:hover {
            background: var(--cream);
        }

        .sug-icon {
            font-size: 18px;
            width: 32px;
            height: 32px;
            display: grid;
            place-items: center;
            background: var(--paper);
            border-radius: 50%;
        }

        .sug-info {
            flex: 1;
            min-width: 0;
        }

        .sug-name {
            font-size: 12px;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sug-cat {
            font-size: 10px;
            color: #756b61;
        }

        .sug-price {
            font-size: 12px;
            font-weight: 700;
            color: var(--brand-dark-green);
        }

        .actions {
            text-align: right;
            font-size: 11px;
            letter-spacing: .08em;
            font-weight: 700;
            display: flex;
            gap: 18px;
            justify-content: flex-end;
            align-items: center;
        }

        .cart-trigger {
            background: var(--ink);
            color: #fff;
            padding: 8px 16px;
            border-radius: 20px;
            cursor: pointer;
            transition: background 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .cart-trigger:hover {
            background: #000;
        }

        .cart-badge {
            background: var(--gold);
            color: var(--ink);
            padding: 2px 7px;
            border-radius: 10px;
            font-size: 10px;
            font-weight: bold;
        }

        /* CATEGORY SLIDER NAV BAR */
        .nav-slider-wrap {
            position: relative;
            display: flex;
            align-items: center;
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            background: #fbf5e9;
            padding: 8px 16px;
            overflow: hidden;
            min-height: 105px;
        }

        .slider-arrow-btn {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #ffffff;
            border: 1px solid rgba(45, 22, 14, 0.25);
            color: var(--ink);
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            z-index: 10;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
            transition: all 0.2s ease;
            margin-right: 12px;
        }

        .slider-arrow-btn:hover {
            background: var(--brand-green);
            color: #ffffff;
            border-color: var(--brand-green);
        }

        .nav {
            min-height: 90px;
            display: flex;
            align-items: center;
            overflow-x: auto;
            white-space: nowrap;
            scrollbar-width: none;
            -webkit-overflow-scrolling: touch;
            scroll-behavior: smooth;
            width: 100%;
        }

        .nav::-webkit-scrollbar {
            display: none;
        }

        .nav-track {
            display: flex;
            align-items: center;
            gap: 28px;
            white-space: nowrap;
            animation: navTicker 40s linear infinite;
            padding: 4px 0;
        }

        .nav-slider-wrap:hover .nav-track {
            animation-play-state: paused;
        }

        @keyframes navTicker {
            0% {
                transform: translateX(0);
            }

            50% {
                transform: translateX(-40%);
            }

            100% {
                transform: translateX(0);
            }
        }

        .nav a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 4px 6px;
            transition: all 0.2s ease;
            font-weight: 700;
            flex-shrink: 0;
            cursor: pointer;
            text-align: center;
            border-bottom: 2px solid transparent;
            font-size: 11px;
            line-height: 1.25;
            color: var(--ink);
            min-width: 90px;
            text-decoration: none;
        }

        .nav a:hover,
        .nav a.active {
            color: var(--brand-green);
            border-bottom-color: var(--brand-green);
        }

        .nav-cat-img {
            width: 52px;
            height: 52px;
            min-width: 52px;
            min-height: 52px;
            object-fit: contain;
            display: block;
            flex-shrink: 0;
            filter: drop-shadow(0 3px 6px rgba(45, 22, 14, 0.14));
            transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
            margin: 0 auto;
        }

        .nav a:hover .nav-cat-img,
        .nav a.active .nav-cat-img {
            transform: translateY(-2px) scale(1.08);
        }

        .nav-cat-text {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            text-align: center;
            white-space: normal;
            display: block;
            max-width: 95px;
            word-break: break-word;
        }

        /* HERO BANNER & TRUST */
        .hero {
            position: relative;
            background: #fbf5e9;
            padding: 50px 0 60px;
            border-bottom: 1px solid var(--line);
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.05fr 0.95fr;
            gap: 48px;
            align-items: center;
        }

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

        .hero-img-wrap {
            position: relative;
            width: 100%;
            height: 480px;
            aspect-ratio: 1 / 1;
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 16px 40px rgba(45, 22, 14, 0.14);
            border: 1px solid rgba(45, 22, 14, 0.08);
            background: #fbf5e9;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 15%;
            display: block;
            border-radius: 24px;
        }

        .kicker {
            margin: 0 0 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .kicker-pill {
            background: #f3e9d2;
            color: #6b4d1b;
            border: 1px solid #dfc99b;
            padding: 6px 14px;
            border-radius: 50px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
        }

        .kicker-founder-badge {
            background: var(--brand-green);
            color: #ffffff;
            padding: 6px 14px;
            border-radius: 50px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            box-shadow: 0 3px 8px rgba(45, 106, 79, 0.25);
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }

        .hero h1 {
            margin: 0 0 20px;
            font: 400 clamp(42px, 5vw, 72px)/1.02 var(--serif);
            letter-spacing: -.045em;
        }

        .hero p {
            max-width: 640px;
            font: 16px/1.75 var(--serif);
            color: #4a3f35;
        }

        .buttons {
            display: flex;
            gap: 12px;
            margin-top: 26px;
        }

        .button {
            min-height: 48px;
            padding: 0 24px;
            display: inline-flex;
            align-items: center;
            border: 1px solid var(--ink);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            cursor: pointer;
            border-radius: 4px;
            transition: all 0.2s ease;
        }

        .primary {
            background: var(--ink);
            color: white;
        }

        .primary:hover {
            background: #000;
        }

        .button.secondary {
            background: transparent;
            color: var(--ink);
        }

        .button.secondary:hover {
            background: var(--paper);
        }

        .trust {
            background: var(--paper);
            border-bottom: 1px solid var(--line);
        }

        .trust-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }

        .trust-grid div {
            min-height: 70px;
            padding: 16px;
            text-align: center;
            border-right: 1px solid var(--line);
            font-family: var(--serif);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
        }

        .trust-grid div:last-child {
            border: 0;
        }

        section {
            padding: 60px 0;
            border-bottom: 1px solid var(--line);
        }

        .center {
            text-align: center;
        }

        .title {
            margin: 0 0 10px;
            font: 400 34px/1.15 var(--serif);
            letter-spacing: -.03em;
        }

        .intro {
            max-width: 650px;
            margin: 0 auto 30px;
            color: #6e6258;
            font-family: var(--serif);
            font-size: 14px;
        }

        /* ABOUT SECTION */
        .about-section {
            background: #f4ecdd;
            padding: 70px 0;
            border-bottom: 1px solid var(--line);
        }

        .about-grid {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 40px;
            align-items: center;
        }

        .about-heading {
            font: 400 clamp(32px, 4vw, 52px)/1.1 var(--serif);
            color: var(--brand-dark-green);
            margin: 0 0 18px;
            letter-spacing: -0.03em;
        }

        .about-desc {
            font: 16px/1.7 var(--serif);
            color: #5c4f43;
            margin-bottom: 30px;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 32px;
        }

        .stat-card {
            background: #ffffff;
            padding: 22px 20px;
            border-radius: 16px;
            border: 1px solid rgba(45, 22, 14, 0.1);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
        }

        .stat-number {
            font-size: 24px;
            font-weight: 800;
            color: var(--ink);
            margin-bottom: 6px;
            font-family: var(--sans);
        }

        .stat-label {
            font-size: 13px;
            color: #6e6258;
            line-height: 1.45;
            font-family: var(--serif);
        }

        .btn-checkout-green {
            background: var(--brand-green);
            color: #fff;
            padding: 14px 28px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.04em;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.25s ease;
            box-shadow: 0 4px 14px rgba(125, 161, 82, 0.35);
            cursor: pointer;
        }

        .btn-checkout-green:hover {
            background: var(--brand-dark-green);
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(106, 140, 67, 0.4);
        }

        .about-image-wrapper {
            position: relative;
            background: #8aa36e;
            padding: 16px;
            border-radius: 28px;
            box-shadow: 0 16px 40px rgba(45, 22, 14, 0.12);
        }

        .about-image-card {
            background: #fbf5e9;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
        }

        .about-image-card img {
            width: 100%;
            height: auto;
            max-height: 520px;
            object-fit: contain;
            display: block;
        }

        .about-motto-overlay {
            position: absolute;
            top: 20px;
            left: 20px;
            background: rgba(251, 245, 233, 0.92);
            backdrop-filter: blur(8px);
            padding: 8px 18px;
            border-radius: 20px;
            font-family: var(--serif);
            font-size: 18px;
            font-weight: 700;
            color: var(--ink);
            border: 1px solid var(--gold);
        }

        /* JOURNEY CARDS */
        .journeys {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }

        .card {
            min-height: 220px;
            padding: 22px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: #fff;
            border: 1px solid var(--line);
            transition: transform 0.2s ease;
            border-radius: 8px;
            cursor: pointer;
        }

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

        .card:nth-child(1) {
            background: linear-gradient(145deg, #e7dbc5, #fff);
        }

        .card:nth-child(2) {
            background: linear-gradient(145deg, #d8dfcf, #fff);
        }

        .card:nth-child(3) {
            background: linear-gradient(145deg, #ead9c3, #fff);
        }

        .card:nth-child(4) {
            background: linear-gradient(145deg, #ded5c9, #fff);
        }

        .card h3 {
            margin: 0 0 6px;
            font: 400 19px/1.2 var(--serif);
        }

        .card p {
            margin: 0 0 16px;
            color: #74695f;
            font-family: var(--serif);
            font-size: 12px;
        }

        .card span {
            padding-top: 10px;
            border-top: 1px solid var(--line);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--brand-dark-green);
        }

        /* SHOP BY CATEGORY GRID */
        .categories-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 14px;
        }

        .category-card {
            display: flex;
            flex-direction: column;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.2s ease;
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            text-align: center;
            padding: 18px 12px;
        }

        .category-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
            border-color: var(--brand-green);
        }

        .category-card .icon-wrap {
            width: 60px;
            height: 60px;
            margin: 0 auto 12px;
            background: #ffffff;
            border: 2px solid #e8dfcf;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(45, 22, 14, 0.08);
            transition: all 0.25s ease;
        }

        .category-card .icon-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .category-card:hover .icon-wrap {
            border-color: var(--brand-dark-green);
            transform: scale(1.08);
            box-shadow: 0 8px 20px rgba(125, 161, 82, 0.25);
        }

        .category-card:hover .icon-wrap img {
            transform: scale(1.12);
        }

        .side-cat-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            overflow: hidden;
            background: #fff;
            border: 1px solid #e8dfcf;
            vertical-align: middle;
            margin-right: 6px;
            flex-shrink: 0;
        }

        .side-cat-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .category-card h3 {
            margin: 0 0 4px;
            font: 400 15px var(--serif);
            color: var(--ink);
        }

        .category-card p {
            margin: 0;
            color: #756b61;
            font-size: 11px;
        }

        /* TESTIMONIALS SECTION - BRAND ACCENT CARDS */
        .testimonials-section {
            background: #ffffff;
            padding: 70px 0;
            border-bottom: 1px solid var(--line);
        }

        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-top: 36px;
        }

        .testimonial-card {
            background: #faf5eb;
            padding: 26px 28px;
            border-radius: 18px;
            border: 1px solid rgba(45, 22, 14, 0.12);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .testimonial-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: transparent;
            transition: background 0.3s ease;
        }

        /* CARD 1 - BRAND GREEN ACCENT */
        .testimonial-card.theme-green:hover {
            transform: translateY(-6px);
            border-color: rgba(125, 161, 82, 0.5);
            box-shadow: 0 16px 36px rgba(125, 161, 82, 0.18);
            background: #ffffff;
        }

        .testimonial-card.theme-green::before {
            background: #7da152;
        }

        .testimonial-card.theme-green .reviewer-avatar {
            background: linear-gradient(135deg, #7da152, #577833);
        }

        /* CARD 2 - WARM GOLD ACCENT */
        .testimonial-card.theme-gold:hover {
            transform: translateY(-6px);
            border-color: rgba(211, 173, 76, 0.5);
            box-shadow: 0 16px 36px rgba(211, 173, 76, 0.2);
            background: #ffffff;
        }

        .testimonial-card.theme-gold::before {
            background: #d3ad4c;
        }

        .testimonial-card.theme-gold .reviewer-avatar {
            background: linear-gradient(135deg, #d3ad4c, #a88126);
        }

        /* CARD 3 - TERRACOTTA / SACRED ACCENT */
        .testimonial-card.theme-terracotta:hover {
            transform: translateY(-6px);
            border-color: rgba(192, 92, 56, 0.5);
            box-shadow: 0 16px 36px rgba(192, 92, 56, 0.18);
            background: #ffffff;
        }

        .testimonial-card.theme-terracotta::before {
            background: #c05c38;
        }

        .testimonial-card.theme-terracotta .reviewer-avatar {
            background: linear-gradient(135deg, #c05c38, #973a19);
        }

        .review-product-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font-size: 10.5px;
            font-weight: 700;
            padding: 4px 10px;
            border-radius: 12px;
            background: rgba(45, 22, 14, 0.06);
            color: #5d4b3c;
            margin-bottom: 12px;
        }

        .stars-row {
            color: var(--gold);
            font-size: 15px;
            margin-bottom: 10px;
            letter-spacing: 2px;
        }

        .testimonial-text {
            font-family: var(--serif);
            font-size: 14.5px;
            line-height: 1.55;
            color: #2d160e;
            margin-bottom: 20px;
            font-weight: 500;
        }

        .reviewer-info {
            display: flex;
            align-items: center;
            gap: 12px;
            border-top: 1px solid rgba(45, 22, 14, 0.08);
            padding-top: 14px;
        }

        .reviewer-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            color: #fff;
            display: grid;
            place-items: center;
            font-weight: 700;
            font-size: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .reviewer-name {
            font-size: 13px;
            font-weight: 700;
            color: var(--ink);
        }

        .reviewer-city {
            font-size: 11px;
            color: #756b61;
        }

        /* CATEGORY VIEW & CATALOG STYLES */
        .cat-hero {
            background: linear-gradient(135deg, #e4d7c0 0%, #fbf5e9 100%);
            padding: 40px 0;
            border-bottom: 1px solid var(--line);
        }

        .cat-hero-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .cat-hero-text h1 {
            font: 400 38px/1.1 var(--serif);
            margin: 0 0 10px;
            color: var(--ink);
        }

        .cat-hero-text p {
            font-family: var(--serif);
            font-size: 15px;
            color: #5c4f43;
            margin: 0;
            max-width: 650px;
        }

        .cat-badge-big {
            background: var(--brand-green);
            color: #fff;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 700;
        }

        .catalog-layout {
            display: grid;
            grid-template-columns: 240px 1fr;
            gap: 28px;
            padding: 30px 0 60px;
        }

        .sidebar {
            background: rgba(240, 230, 212, 0.4);
            border: 1px solid var(--line);
            border-radius: 12px;
            padding: 16px;
            height: fit-content;
            position: sticky;
            top: 130px;
        }

        .sidebar-title {
            font: 700 11px var(--sans);
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--ink);
            padding-bottom: 8px;
            border-bottom: 1px solid var(--line);
            margin-bottom: 12px;
        }

        .cat-menu-list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .cat-menu-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 9px 12px;
            font-size: 12px;
            font-weight: 600;
            color: #55473e;
            border-radius: 8px;
            transition: all 0.15s ease;
            width: 100%;
            text-align: left;
            border: none;
            background: transparent;
            cursor: pointer;
        }

        .side-cat-label {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .side-cat-icon {
            width: 18px;
            height: 18px;
            display: grid;
            place-items: center;
            color: var(--brand-dark-green);
            flex-shrink: 0;
            transition: color 0.15s ease;
        }

        .cat-menu-btn:hover,
        .cat-menu-btn.active {
            background: #fff;
            color: var(--ink);
            font-weight: 700;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
        }

        .cat-menu-btn:hover .side-cat-icon,
        .cat-menu-btn.active .side-cat-icon {
            color: var(--brand-green);
        }

        .cat-menu-btn.active {
            border-left: 3px solid var(--brand-green);
        }

        .cat-count {
            font-size: 10px;
            background: rgba(45, 22, 14, 0.08);
            padding: 2px 6px;
            border-radius: 10px;
        }

        .subnav-tabs {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            padding-bottom: 12px;
            margin-bottom: 16px;
            scrollbar-width: none;
        }

        .subtab-pill {
            padding: 8px 18px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            color: #55473e;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .subtab-pill:hover,
        .subtab-pill.active {
            background: var(--brand-green);
            color: #fff;
            border-color: var(--brand-green);
        }

        .toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 18px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            margin-bottom: 22px;
            font-size: 12px;
            color: #6e6258;
        }

        .badge-count {
            background: var(--brand-green);
            color: #fff;
            padding: 3px 10px;
            border-radius: 12px;
            font-size: 11px;
            font-weight: 700;
        }

        .toolbar select {
            padding: 6px 12px;
            border: 1px solid var(--line);
            background: #fff;
            font-size: 12px;
            color: var(--ink);
            border-radius: 6px;
            outline: none;
            cursor: pointer;
        }

        /* PRODUCTS GRID */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }

        .product-card {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 12px;
            padding: 14px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: all 0.2s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
            border-color: var(--brand-green);
        }

        .img-box {
            height: 190px;
            background: #faf8f5;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            margin-bottom: 12px;
            cursor: pointer;
            padding: 0;
        }

        .product-card-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
            transition: transform 0.3s ease;
        }

        .product-card:hover .product-card-img {
            transform: scale(1.05);
        }

        .img-icon {
            font-size: 48px;
        }

        .product-card h3 {
            font: 700 13px/1.3 var(--sans);
            margin: 0 0 6px;
            color: var(--ink);
            height: 36px;
            overflow: hidden;
            cursor: pointer;
        }

        .product-card .price-row {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 12px;
        }

        .product-card .price {
            font-size: 14px;
            font-weight: 800;
            color: var(--brand-dark-green);
        }

        .product-card .old-price {
            font-size: 11px;
            text-decoration: line-through;
            color: #888;
        }

        .card-actions {
            display: flex;
            gap: 6px;
            width: 100%;
            margin-top: auto;
        }

        .btn-add {
            flex: 1.25;
            background: var(--brand-green);
            color: #fff;
            border: none;
            border-radius: 20px;
            padding: 9px 4px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.03em;
            cursor: pointer;
            transition: all 0.2s ease;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            box-shadow: 0 2px 6px rgba(125, 161, 82, 0.25);
            line-height: 1;
        }

        .btn-add:hover {
            background: var(--brand-dark-green);
            transform: translateY(-1px);
        }

        .btn-view {
            flex: 1;
            background: #ffffff;
            color: var(--ink);
            border: 1px solid var(--line);
            border-radius: 20px;
            padding: 9px 4px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            cursor: pointer;
            transition: all 0.2s ease;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            line-height: 1;
        }

        .btn-view:hover {
            background: var(--paper);
            border-color: var(--brand-green);
        }

        /* PDP VIEW */
        #pdp-view {
            display: none;
            padding: 30px 0 60px;
        }

        .breadcrumbs {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 12px;
            color: #756b61;
            margin-bottom: 24px;
            padding-bottom: 12px;
            border-bottom: 1px solid var(--line);
        }

        .btn-back-catalog {
            background: var(--paper);
            border: 1px solid var(--line);
            padding: 6px 14px;
            border-radius: 16px;
            font-weight: 700;
            cursor: pointer;
        }

        .pdp-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: start;
        }

        .pdp-info .pdp-kicker {
            font-size: 10px;
            font-weight: 700;
            color: #866536;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .pdp-info h1 {
            font: 400 32px var(--serif);
            margin: 0 0 14px;
            color: var(--ink);
        }

        .price-box {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 20px;
            background: #fff;
            padding: 14px 20px;
            border-radius: 10px;
            border: 1px solid var(--line);
        }

        .current-price {
            font-size: 24px;
            font-weight: 800;
            color: var(--brand-dark-green);
        }

        .mrp-price {
            font-size: 14px;
            text-decoration: line-through;
            color: #888;
        }

        .discount-tag {
            background: #e74c3c;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            padding: 3px 8px;
            border-radius: 10px;
        }

        .pdp-highlights {
            background: #fff;
            padding: 18px;
            border-radius: 10px;
            border: 1px solid var(--line);
            margin-bottom: 24px;
            font-size: 13px;
        }

        .pdp-highlights ul {
            margin: 8px 0 0;
            padding-left: 18px;
            color: #5c4f43;
        }

        .qty-buy-row {
            display: flex;
            gap: 12px;
            align-items: center;
            margin-bottom: 22px;
        }

        .qty-picker {
            display: inline-flex;
            align-items: center;
            border: 1px solid var(--line);
            background: #fff;
            border-radius: 22px;
            height: 44px;
        }

        .qty-btn {
            width: 34px;
            height: 100%;
            background: transparent;
            border: none;
            font-size: 16px;
            cursor: pointer;
        }

        .qty-val {
            width: 32px;
            text-align: center;
            font-weight: 700;
        }

        .btn-add-bag {
            flex: 1;
            height: 46px;
            background: var(--brand-green);
            color: #fff;
            border: none;
            border-radius: 23px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            cursor: pointer;
        }

        .btn-buy-now {
            flex: 1;
            height: 46px;
            background: var(--ink);
            color: #fff;
            border: none;
            border-radius: 23px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            cursor: pointer;
        }

        /* QUICK VIEW MODAL */
        .modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.55);
            backdrop-filter: blur(4px);
            z-index: 150;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .modal-card {
            background: #fbf5e9;
            border: 1px solid var(--gold);
            border-radius: 14px;
            max-width: 560px;
            width: 100%;
            max-height: 85vh;
            overflow-y: auto;
            padding: 26px;
            position: relative;
        }

        .modal-close {
            position: absolute;
            top: 16px;
            right: 18px;
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
        }

        .modal-title {
            font: 400 22px var(--serif);
            margin: 0 0 4px;
            border-bottom: 1px solid var(--line);
            padding-bottom: 10px;
        }

        .modal-price {
            font-size: 16px;
            font-weight: 700;
            color: var(--brand-dark-green);
            margin-bottom: 16px;
        }

        .modal-section {
            margin-bottom: 14px;
            background: #fff;
            padding: 14px;
            border-radius: 8px;
            border: 1px solid var(--line);
        }

        .modal-section h4 {
            margin: 0 0 6px;
            font-size: 12px;
            font-weight: 700;
            color: var(--brand-dark-green);
            text-transform: uppercase;
        }

        /* CART DRAWER */
        .cart-drawer-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 200;
            display: none;
            justify-content: flex-end;
        }

        .cart-drawer {
            width: min(420px, 90vw);
            height: 100%;
            background: #fff;
            border-left: 1px solid var(--line);
            display: flex;
            flex-direction: column;
            padding: 24px;
            box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15);
        }

        .cart-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--line);
            margin-bottom: 16px;
        }

        .cart-header h2 {
            margin: 0;
            font: 400 20px var(--serif);
        }

        .cart-items {
            flex: 1;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .cart-item {
            display: flex;
            gap: 12px;
            padding: 10px;
            background: var(--cream);
            border-radius: 8px;
            border: 1px solid var(--line);
            align-items: center;
        }

        .cart-item-info {
            flex: 1;
            min-width: 0;
        }

        .cart-item-title {
            font-size: 12px;
            font-weight: 700;
            color: var(--ink);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .cart-item-price {
            font-size: 12px;
            color: var(--brand-dark-green);
            font-weight: bold;
            margin-top: 2px;
        }

        .cart-item-remove {
            cursor: pointer;
            color: #c0392b;
            border: none;
            background: none;
            font-size: 16px;
        }

        .cart-footer {
            padding-top: 16px;
            padding-bottom: 24px;
            border-top: 1px solid var(--line);
            margin-top: 16px;
        }

        .cart-subtotal {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 14px;
        }

        .btn-checkout {
            width: 100%;
            padding: 16px;
            background: var(--brand-green);
            color: #fff;
            border: none;
            border-radius: 26px;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 14px rgba(125, 161, 82, 0.35);
        }

        .btn-checkout:hover {
            background: var(--brand-dark-green);
        }

        /* CHECKOUT MODAL & INVOICE BILL STYLES */
        .checkout-grid {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 28px;
            margin-top: 16px;
        }

        .checkout-form {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .form-row-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

        .checkout-summary-card {
            background: #faf5eb;
            border-radius: 14px;
            padding: 20px;
            border: 1px solid var(--line);
        }

        .checkout-item-row {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 0;
            border-bottom: 1px solid rgba(45, 22, 14, 0.08);
        }

        .checkout-item-img {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            object-fit: cover;
            background: #fff;
            border: 1px solid var(--line);
        }

        .checkout-item-info {
            flex: 1;
        }

        .checkout-item-name {
            font-weight: 700;
            font-size: 12.5px;
            color: var(--ink);
        }

        .checkout-item-qty {
            font-size: 11px;
            color: #776a5e;
        }

        .checkout-item-price {
            font-weight: 700;
            font-size: 13px;
            color: var(--brand-dark-green);
        }

        .invoice-box {
            background: #ffffff;
            padding: 30px;
            border-radius: 14px;
            border: 1px solid #e0d5c1;
            font-family: var(--sans);
            color: #2d160e;
        }

        .invoice-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            border-bottom: 2px solid var(--brand-green);
            padding-bottom: 18px;
            margin-bottom: 20px;
        }

        .invoice-logo-box img {
            height: 52px;
            margin-bottom: 4px;
        }

        .invoice-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-size: 12.5px;
        }

        .invoice-table th,
        .invoice-table td {
            padding: 10px 12px;
            border-bottom: 1px solid #eee;
            text-align: left;
        }

        .invoice-table th {
            background: #faf5eb;
            font-weight: 700;
            color: var(--brand-dark-green);
        }

        #account-label {
            max-width: 90px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            vertical-align: middle;
        }

        @media (max-width: 768px) {
            .checkout-grid {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            .invoice-box {
                padding: 16px 12px !important;
            }

            .invoice-header {
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
                gap: 12px !important;
                padding-bottom: 12px !important;
            }

            .invoice-header>div {
                text-align: center !important;
            }

            .invoice-header .invoice-logo-box img {
                height: 44px !important;
            }

            .invoice-details-grid {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }

            .invoice-table th,
            .invoice-table td {
                padding: 8px 6px !important;
                font-size: 11px !important;
            }

            .invoice-actions {
                flex-direction: column !important;
                gap: 8px !important;
            }

            .invoice-actions button {
                max-width: 100% !important;
                width: 100% !important;
            }
        }

        @media print {
            body * {
                visibility: hidden !important;
            }

            .invoice-printable-area,
            .invoice-printable-area * {
                visibility: visible !important;
            }

            .invoice-printable-area {
                position: absolute !important;
                left: 0 !important;
                top: 0 !important;
                width: 100% !important;
            }

            .modal-overlay {
                background: none !important;
            }

            .modal-close,
            .invoice-actions {
                display: none !important;
            }
        }

        /* FOOTER */
        footer {
            padding: 50px 0 30px;
            background: #21100b;
            color: #f0e6d7;
        }

        .foot {
            display: grid;
            grid-template-columns: 1.6fr repeat(3, 1fr);
            gap: 42px;
        }

        .foot img {
            width: 200px;
            margin-bottom: 12px;
            filter: brightness(0) invert(1);
        }

        .foot h3 {
            font: 400 16px var(--serif);
            margin-top: 0;
        }

        .foot a {
            display: block;
            margin: 8px 0;
            font-size: 11px;
            color: #baa99b;
            transition: color 0.2s ease;
            cursor: pointer;
        }

        .foot a:hover {
            color: #fff;
        }

        .btn-home-link {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            background: var(--paper);
            padding: 6px 12px;
            border-radius: 16px;
            border: 1px solid var(--line);
            font-weight: 700;
            font-size: 11px;
            color: var(--ink);
            text-decoration: none;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .btn-home-link:hover {
            background: var(--gold);
            color: var(--ink);
        }

        /* FLOATING WHATSAPP BUTTON WIDGET */
        .whatsapp-float-btn {
            position: fixed;
            bottom: 24px;
            left: 24px;
            width: 52px;
            height: 52px;
            background: #25D366;
            color: #ffffff !important;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
            z-index: 250;
            transition: all 0.25s ease;
            text-decoration: none;
        }

        .whatsapp-float-btn:hover {
            background: #1eb956;
            color: #ffffff !important;
            transform: translateY(-3px) scale(1.08);
            box-shadow: 0 8px 24px rgba(37, 211, 102, 0.6);
        }

        /* STAY CONNECTED WITH US SECTION */
        .connected-section {
            background: #f5eee1;
            padding: 60px 0 70px;
            border-top: 1px solid var(--line);
            position: relative;
            overflow: hidden;
        }

        .connected-title {
            font: 700 clamp(28px, 4vw, 42px) var(--serif);
            color: #6b8846;
            margin: 0 0 36px;
            text-align: center;
            letter-spacing: -0.01em;
        }

        .connected-grid {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 40px;
            align-items: center;
        }

        .address-card {
            background: #ffffff;
            border-radius: 24px;
            padding: 32px 36px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
            display: flex;
            flex-direction: column;
            gap: 22px;
            border: 1px solid rgba(107, 136, 70, 0.15);
        }

        .address-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            font-size: 14px;
            line-height: 1.5;
            color: #2d160e;
        }

        .address-icon {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            background: rgba(107, 136, 70, 0.12);
            color: #6b8846;
            display: grid;
            place-items: center;
            font-size: 18px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .address-text strong {
            display: block;
            font-size: 15px;
            color: #2d160e;
            margin-bottom: 2px;
        }

        .connected-right {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 18px;
        }

        .thank-you-msg {
            font-family: var(--serif);
            font-size: 15.5px;
            line-height: 1.55;
            color: #4a3f35;
            font-weight: 600;
            max-width: 440px;
        }

        .btn-maps {
            background: #3b82f6;
            color: #ffffff !important;
            padding: 12px 28px;
            border-radius: 28px;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
            transition: all 0.25s ease;
            cursor: pointer;
            border: none;
        }

        .btn-maps:hover {
            background: #2563eb;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(59, 130, 246, 0.45);
        }

        .btn-review {
            background: #eab308;
            color: #ffffff !important;
            padding: 12px 28px;
            border-radius: 28px;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 14px rgba(234, 179, 8, 0.35);
            transition: all 0.25s ease;
            cursor: pointer;
            border: none;
        }

        .btn-review:hover {
            background: #ca8a04;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(234, 179, 8, 0.45);
        }

        .social-follow-label {
            font-size: 13px;
            font-weight: 700;
            color: #4a3f35;
            margin-top: 10px;
        }

        .social-icons-row {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .social-icon-btn {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            color: #ffffff !important;
            font-size: 18px;
            text-decoration: none;
            transition: transform 0.2s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .social-icon-btn:hover {
            transform: translateY(-3px) scale(1.08);
        }

        .social-insta {
            background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
        }

        .social-fb {
            background: #1877f2;
        }

        .social-in {
            background: #0a66c2;
        }

        /* SITE FOOTER OLIVE GREEN */
        .site-footer-olive {
            background: #586b3c;
            color: #fbf5e9;
            padding: 40px 0 90px;
            text-align: center;
        }

        .site-footer-brand {
            font: 700 28px var(--serif);
            margin-bottom: 16px;
            color: #ffffff;
            letter-spacing: -0.02em;
        }

        .site-footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 14px 22px;
            margin-bottom: 24px;
        }

        .site-footer-links a {
            color: #ffffff;
            text-decoration: none;
            font-size: 12.5px;
            font-weight: 600;
            transition: opacity 0.2s ease;
            cursor: pointer;
        }

        .site-footer-links a:hover {
            opacity: 0.8;
            text-decoration: underline;
        }

        .site-footer-copy {
            font-size: 11.5px;
            color: rgba(255, 255, 255, 0.8);
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 18px;
            margin-top: 10px;
        }

        .footer-social-row {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            margin: 18px 0 22px;
        }

        .footer-social-btn {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.15);
            color: #ffffff !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.25s ease;
            border: 1px solid rgba(255, 255, 255, 0.25);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .footer-social-btn:hover {
            background: #ffffff;
            transform: translateY(-3px) scale(1.08);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        }

        .footer-social-btn.fb:hover {
            color: #1877f2 !important;
        }

        .footer-social-btn.insta:hover {
            color: #e1306c !important;
        }

        .footer-social-btn.linkedin:hover {
            color: #0a66c2 !important;
        }

        /* INSTAGRAM & SCROLLING VIDEO REELS SECTION CSS */
        .insta-reels-section {
            background: #f5eee1;
            padding: 60px 0 70px;
            border-bottom: 1px solid var(--line);
        }

        .insta-layout-grid {
            display: grid;
            grid-template-columns: 0.8fr 1.2fr;
            gap: 40px;
            align-items: center;
        }

        .insta-text-col {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .insta-text-col h2 {
            font: 700 clamp(30px, 4vw, 42px) var(--serif);
            color: #6b8846;
            margin: 0 0 14px;
            letter-spacing: -0.02em;
            line-height: 1.15;
        }

        .insta-text-col p {
            font-size: 14.5px;
            line-height: 1.65;
            color: #6e6258;
            margin: 0 0 24px;
            max-width: 360px;
        }

        .insta-visit-btn {
            background: #7da152;
            color: #ffffff !important;
            padding: 12px 26px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 14px rgba(125, 161, 82, 0.35);
            transition: all 0.25s ease;
        }

        .insta-visit-btn:hover {
            background: #5d7e3a;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(125, 161, 82, 0.5);
        }

        .insta-reels-showcase {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .reel-col-tall {
            grid-column: 1;
        }

        .reel-col-stack {
            grid-column: 2;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .reel-card {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            background: #2d160e;
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            text-decoration: none;
            display: block;
        }

        .reel-card:hover {
            transform: translateY(-4px) scale(1.015);
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
        }

        .reel-card.tall {
            height: 380px;
        }

        .reel-card.short {
            height: 182px;
        }

        .reel-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            opacity: 0.92;
            transition: transform 0.4s ease;
        }

        .reel-card:hover img {
            transform: scale(1.05);
            opacity: 1;
        }

        .reel-play-overlay {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.45);
            backdrop-filter: blur(4px);
            color: #ffffff;
            display: grid;
            place-items: center;
            font-size: 14px;
            border: 1px solid rgba(255, 255, 255, 0.3);
            transition: all 0.2s ease;
        }

        .reel-card:hover .reel-play-overlay {
            background: var(--brand-green);
            transform: scale(1.1);
        }

        /* OVERLAY TEXT BOXES MATCHING SCREENSHOT DESIGN */
        .reel-box-overlay-laddu {
            position: absolute;
            top: 45px;
            left: 50%;
            transform: translateX(-50%);
            background: #ffffff;
            padding: 14px 18px;
            border-radius: 16px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
            text-align: center;
            width: 82%;
            border: 1px solid var(--line);
        }

        .reel-box-overlay-laddu h3 {
            margin: 0 0 6px;
            font-size: 26px;
            font-weight: 900;
            color: #1a1a1a;
            letter-spacing: -0.02em;
        }

        .reel-box-overlay-laddu p {
            margin: 2px 0;
            font-size: 11px;
            font-weight: 700;
            color: #222222;
        }

        .reel-box-overlay-saranya {
            position: absolute;
            bottom: 14px;
            left: 14px;
            right: 14px;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(4px);
            padding: 8px 12px;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        }

        .reel-box-overlay-saranya .yellow-badge {
            background: #facc15;
            color: #1a1a1a;
            font-weight: 900;
            font-size: 13px;
            padding: 3px 10px;
            border-radius: 4px;
            display: inline-block;
            letter-spacing: 0.04em;
        }

        .reel-box-overlay-saranya .badge-sub {
            font-size: 9.5px;
            font-weight: 800;
            letter-spacing: 0.08em;
            color: #333333;
            margin-top: 4px;
            text-transform: uppercase;
        }

        .reel-box-overlay-dinner {
            position: absolute;
            bottom: 12px;
            left: 12px;
            right: 12px;
            background: rgba(15, 23, 42, 0.9);
            backdrop-filter: blur(4px);
            padding: 10px 12px;
            border-radius: 12px;
            color: #ffffff;
            text-align: center;
        }

        .reel-box-overlay-dinner .line1 {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.05em;
            color: #facc15;
            text-transform: uppercase;
        }

        .reel-box-overlay-dinner .line2 {
            font-size: 18px;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 0.02em;
            margin-top: 2px;
        }

        /* BLOGS SECTION CSS */
        .blogs-section {
            background: #ffffff;
            padding: 60px 0 70px;
            border-bottom: 1px solid var(--line);
        }

        .blogs-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-top: 36px;
        }

        .blog-card {
            background: #fbf5e9;
            border: 1px solid var(--line);
            border-radius: 20px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
            cursor: pointer;
        }

        .blog-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
            border-color: var(--brand-green);
        }

        .blog-img-wrap {
            height: 190px;
            width: 100%;
            position: relative;
            overflow: hidden;
            background: #f0e6d4;
        }

        .blog-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .blog-card:hover .blog-img-wrap img {
            transform: scale(1.06);
        }

        .blog-cat-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(4px);
            color: var(--brand-dark-green);
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.04em;
            padding: 4px 10px;
            border-radius: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .blog-content {
            padding: 20px;
            display: flex;
            flex-direction: column;
            flex: 1;
        }

        .blog-title {
            font: 700 17px/1.35 var(--serif);
            color: var(--ink);
            margin: 0 0 10px;
            transition: color 0.2s ease;
        }

        .blog-card:hover .blog-title {
            color: var(--brand-dark-green);
        }

        .blog-excerpt {
            font-size: 12.5px;
            line-height: 1.6;
            color: #665b50;
            margin: 0 0 16px;
            flex: 1;
        }

        .blog-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 12px;
            border-top: 1px solid rgba(45, 22, 14, 0.08);
            font-size: 11.5px;
            color: #887a6d;
            font-weight: 600;
        }

        .blog-read-btn {
            color: var(--brand-dark-green);
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        /* SHIPPING CHARGES TABLE MATRIX */
        .shipping-table-wrap {
            overflow-x: auto;
            margin: 16px 0;
            border-radius: 8px;
            border: 1px solid var(--line);
        }

        .shipping-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
            text-align: center;
        }

        .shipping-table th,
        .shipping-table td {
            padding: 10px 12px;
            border: 1px solid #e0d5c1;
        }

        .shipping-table th {
            background: #f0e6d4;
            color: #2d160e;
            font-weight: 700;
        }

        .shipping-table tr:nth-child(even) {
            background: #faf5ed;
        }

        @media(max-width:1100px) {
            .products-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media(max-width:950px) {
            .hero-grid {
                grid-template-columns: 1fr !important;
                gap: 28px !important;
            }

            .hero-copy {
                text-align: center !important;
            }

            .hero p {
                margin: 0 auto 24px !important;
            }

            .hero .buttons {
                justify-content: center !important;
            }

            .hero-img-wrap {
                width: 100% !important;
                max-height: none !important;
                border-radius: 18px !important;
            }

            .hero-img-wrap img {
                width: 100% !important;
                height: auto !important;
                max-height: 420px !important;
                object-fit: cover !important;
                object-position: center top !important;
            }

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

            .categories-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .testimonials-grid {
                grid-template-columns: 1fr;
            }

            .insta-layout-grid {
                grid-template-columns: 1fr !important;
                gap: 28px !important;
            }

            .insta-text-col {
                align-items: center !important;
                text-align: center !important;
            }

            .insta-text-col p {
                max-width: 100% !important;
            }

            .blogs-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 20px !important;
            }

            .head {
                grid-template-columns: 160px 1fr auto;
            }

            .foot {
                grid-template-columns: repeat(2, 1fr);
            }

            .sidebar {
                display: none !important;
            }

            .catalog-layout {
                grid-template-columns: 1fr;
                padding-top: 10px;
            }
        }

        @media(max-width:640px) {
            .blogs-grid {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            .categories-grid {
                grid-template-columns: repeat(2, 1fr) !important;
            }

            .reel-box-overlay-laddu {
                width: 90% !important;
                padding: 10px 8px !important;
            }

            .reel-box-overlay-laddu h3 {
                font-size: 20px !important;
            }

            .reel-box-overlay-saranya {
                padding: 6px 8px !important;
            }

            .reel-box-overlay-saranya .yellow-badge {
                font-size: 11px !important;
                padding: 2px 6px !important;
            }

            .reel-box-overlay-saranya .badge-sub {
                font-size: 8.5px !important;
            }

            .reel-box-overlay-dinner {
                padding: 6px 8px !important;
            }

            .reel-box-overlay-dinner .line1 {
                font-size: 9.5px !important;
            }

            .reel-box-overlay-dinner .line2 {
                font-size: 14px !important;
            }
        }

        /* FIXED MOBILE BOTTOM NAVIGATION BAR */
        .mobile-bottom-nav {
            display: none;
        }

        @media (max-width: 1024px) {
            body {
                padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important;
            }

            .logo {
                height: 48px !important;
                max-height: 52px !important;
            }

            .mobile-bottom-nav {
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                height: calc(62px + env(safe-area-inset-bottom)) !important;
                padding-bottom: env(safe-area-inset-bottom) !important;
                background: #faf5eb !important;
                border-top: 1px solid #e0d5c1 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-around !important;
                z-index: 2147483647 !important;
                box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12) !important;
                box-sizing: border-box !important;
                -webkit-transform: translateZ(0) !important;
                transform: translateZ(0) !important;
                will-change: transform !important;
            }

            .mob-nav-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 2px !important;
                color: #55483d !important;
                text-decoration: none !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                cursor: pointer !important;
                flex: 1 !important;
                padding: 6px 0 !important;
                background: transparent !important;
                border: none !important;
                transition: color 0.2s ease !important;
                position: relative !important;
            }

            .mob-nav-item.active,
            .mob-nav-item:hover {
                color: var(--brand-dark-green) !important;
            }

            .mob-cart-badge {
                position: absolute !important;
                top: 2px !important;
                right: calc(50% - 18px) !important;
                background: var(--brand-dark-green) !important;
                color: #ffffff !important;
                font-size: 10px !important;
                font-weight: 800 !important;
                width: 17px !important;
                height: 17px !important;
                border-radius: 50% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .whatsapp-float-btn {
                bottom: calc(140px + env(safe-area-inset-bottom)) !important;
                left: 16px !important;
                z-index: 2147483646 !important;
            }

            /* CHAT WIDGET MOBILE ALIGNMENT ABOVE NAV BAR */
            #chat-widget-container,
            #chat-widget-bubble,
            #chat-widget-root,
            div[id*="chat-widget"],
            iframe[src*="chat-widget"] {
                bottom: calc(76px + env(safe-area-inset-bottom)) !important;
            }

            .products-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 12px !important;
            }

            .product-card {
                padding: 10px !important;
            }

            .img-box {
                height: 165px !important;
                margin-bottom: 8px !important;
            }

            .product-card-img {
                object-fit: cover !important;
            }

            .card-actions {
                display: flex !important;
                gap: 4px !important;
                width: 100% !important;
            }

            .btn-add {
                flex: 1.3 !important;
                padding: 8px 2px !important;
                font-size: 10px !important;
                font-weight: 800 !important;
                letter-spacing: 0 !important;
                border-radius: 14px !important;
                height: 32px !important;
            }

            .btn-view {
                flex: 1 !important;
                padding: 8px 2px !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                letter-spacing: 0 !important;
                border-radius: 14px !important;
                height: 32px !important;
            }
        }

        /* MOBILE NAVIGATION TOGGLE BUTTON & DRAWER CSS */
        .mob-nav-toggle {
            display: none;
            background: #fff;
            border: 1px solid var(--line);
            color: var(--ink);
            width: 38px;
            height: 38px;
            border-radius: 12px;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            transition: all 0.2s ease;
            flex-shrink: 0;
            line-height: 1;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
        }

        .mob-nav-toggle:hover {
            background: var(--gold);
            color: var(--ink);
        }

        .mob-menu-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.55);
            backdrop-filter: blur(4px);
            z-index: 350;
            display: none;
            opacity: 0;
            transition: opacity 0.25s ease;
        }

        .mob-menu-overlay.active {
            display: block;
            opacity: 1;
        }

        .mob-menu-drawer {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: min(320px, 86vw);
            background: #fbf5e9;
            box-shadow: 6px 0 24px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            transform: translateX(-100%);
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            border-right: 1px solid var(--gold);
        }

        .mob-menu-overlay.active .mob-menu-drawer {
            transform: translateX(0);
        }

        .mob-menu-header {
            padding: 16px 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid var(--line);
            background: #f0e6d4;
        }

        .mob-menu-brand {
            cursor: pointer;
        }

        .mob-menu-logo {
            height: 36px;
            width: auto;
            object-fit: contain;
        }

        .mob-menu-close {
            background: #fff;
            border: 1px solid var(--line);
            width: 32px;
            height: 32px;
            border-radius: 50%;
            font-size: 16px;
            font-weight: bold;
            color: var(--ink);
            cursor: pointer;
            display: grid;
            place-items: center;
            transition: background 0.2s ease;
        }

        .mob-menu-close:hover {
            background: var(--gold);
        }

        .mob-menu-body {
            flex: 1;
            overflow-y: auto;
            padding: 18px 14px;
        }

        .mob-menu-section-label {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.12em;
            color: var(--brand-dark-green);
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .mob-menu-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 14px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 12px;
            margin-bottom: 8px;
            font-size: 13.5px;
            font-weight: 700;
            color: var(--ink);
            text-decoration: none;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .mob-menu-item:hover,
        .mob-menu-item.active {
            border-color: var(--brand-green);
            background: #f4ecdd;
            color: var(--brand-dark-green);
        }

        .mob-item-icon {
            font-size: 18px;
        }

        .mob-categories-list {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .mob-cat-btn {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 14px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            font-size: 12.5px;
            font-weight: 600;
            color: #4a3f35;
            cursor: pointer;
            text-align: left;
            transition: all 0.2s ease;
        }

        .mob-cat-btn:hover,
        .mob-cat-btn.active {
            background: var(--brand-green);
            color: #fff;
            border-color: var(--brand-green);
        }

        .mob-cat-btn:hover .mob-cat-badge,
        .mob-cat-btn.active .mob-cat-badge {
            background: #fff;
            color: var(--brand-dark-green);
        }

        .mob-cat-badge {
            font-size: 10px;
            font-weight: 700;
            background: var(--paper);
            color: var(--ink);
            padding: 2px 7px;
            border-radius: 10px;
        }

        .mob-menu-footer {
            padding: 14px;
            background: #f0e6d4;
            border-top: 1px solid var(--line);
            text-align: center;
            font-size: 11px;
            color: #6e6258;
        }

        .mob-menu-footer p {
            margin: 3px 0;
        }

        @media(max-width:768px) {
            .notice {
                display: none !important;
            }

            .wrap {
                padding: 0 14px !important;
            }

            .head {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: space-between !important;
                align-items: center !important;
                gap: 8px !important;
                padding: 10px 0 !important;
            }

            .logo-link {
                width: auto !important;
                flex: 0 0 auto !important;
                display: flex !important;
                justify-content: flex-start !important;
                align-items: center !important;
                order: 1 !important;
                margin-bottom: 0 !important;
            }

            .logo {
                height: 40px !important;
                max-height: 42px !important;
                margin: 0 !important;
            }

            .actions {
                width: auto !important;
                flex: 0 0 auto !important;
                order: 2 !important;
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                gap: 8px !important;
                background: transparent !important;
                padding: 0 !important;
                border-radius: 0 !important;
                border: none !important;
                box-shadow: none !important;
                justify-content: flex-end !important;
            }

            /* Hide top inline Home & Account buttons on Mobile View as requested */
            .actions a.btn-home-link,
            .actions button.account-btn {
                display: none !important;
            }

            .actions div.cart-trigger {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                padding: 7px 14px !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                border-radius: 18px !important;
                text-align: center !important;
                white-space: nowrap !important;
                width: auto !important;
                box-sizing: border-box !important;
            }

            .mob-nav-toggle {
                display: inline-flex !important;
            }

            .search-wrap {
                width: 100% !important;
                flex: 1 0 100% !important;
                order: 3 !important;
                margin-top: 4px !important;
            }

            .search {
                height: 42px !important;
                padding: 0 16px !important;
            }

            .search input {
                font-size: 12.5px !important;
            }

            .hero {
                min-height: auto !important;
                padding: 28px 14px !important;
                background: linear-gradient(135deg, #f4e9d8 0%, #fbf5e9 100%) !important;
                border-radius: 0 0 16px 16px !important;
            }

            .shade {
                display: none !important;
            }

            .hero-copy {
                padding: 0 !important;
                text-align: center !important;
            }

            .kicker {
                font-size: 10px !important;
                letter-spacing: 0.14em !important;
                background: rgba(211, 173, 76, 0.25);
                display: inline-block;
                padding: 5px 12px;
                border-radius: 14px;
                margin-bottom: 12px !important;
                font-weight: 700 !important;
                color: #5d482d !important;
            }

            .hero h1 {
                font-size: 26px !important;
                line-height: 1.25 !important;
                margin-bottom: 12px !important;
                font-weight: 700 !important;
                color: var(--ink) !important;
            }

            .hero p {
                font-size: 13.5px !important;
                line-height: 1.55 !important;
                margin-bottom: 20px !important;
                color: #4a3f35 !important;
            }

            .buttons {
                display: flex !important;
                flex-direction: column !important;
                gap: 10px !important;
                width: 100% !important;
            }

            .buttons a.button {
                width: 100% !important;
                justify-content: center !important;
                padding: 14px 20px !important;
                font-size: 12px !important;
                font-weight: 700 !important;
                border-radius: 24px !important;
                text-align: center !important;
                box-sizing: border-box !important;
            }

            .btn-checkout-green {
                width: 100% !important;
                justify-content: center !important;
                padding: 14px 20px !important;
                font-size: 12.5px !important;
                border-radius: 24px !important;
            }

            /* STACKED TRUST BAR CARDS ON MOBILE FOR CLEAN READABILITY */
            .trust-grid {
                grid-template-columns: 1fr !important;
                gap: 8px !important;
                padding: 12px 0 !important;
            }

            .trust-grid div {
                min-height: 44px !important;
                padding: 10px 16px !important;
                font-size: 12.5px !important;
                line-height: 1.4 !important;
                border-right: none !important;
                background: #fff !important;
                border-radius: 12px !important;
                border: 1px solid var(--line) !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: row !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 8px !important;
            }

            .about-section {
                padding: 32px 0 !important;
            }

            .about-heading {
                font-size: 22px !important;
                line-height: 1.3 !important;
                margin-bottom: 10px !important;
                text-align: center !important;
            }

            .about-desc {
                font-size: 13px !important;
                line-height: 1.55 !important;
                text-align: center !important;
                margin-bottom: 20px !important;
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
                margin-bottom: 20px !important;
            }

            .stat-card {
                padding: 14px 12px !important;
                text-align: center !important;
                background: #fff !important;
                border-radius: 12px !important;
                border: 1px solid var(--line) !important;
            }

            .stat-number {
                font-size: 16px !important;
                margin-bottom: 4px !important;
            }

            .stat-label {
                font-size: 11px !important;
                line-height: 1.35 !important;
            }

            .categories-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 12px !important;
            }

            .category-card {
                padding: 16px 10px !important;
                border-radius: 14px !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
            }

            .category-card .icon-wrap {
                font-size: 32px !important;
                margin-bottom: 6px !important;
            }

            .category-card h3 {
                font-size: 13.5px !important;
                margin-bottom: 4px !important;
            }

            .category-card p {
                font-size: 10.5px !important;
            }

            .achievements-section {
                padding: 36px 0 !important;
            }

            .achievements-heading {
                font-size: 22px !important;
            }

            .achievements-subheading {
                font-size: 12.5px !important;
            }

            .achievements-grid {
                grid-template-columns: 1fr !important;
                gap: 14px !important;
                margin-top: 20px !important;
            }

            .achievement-card {
                padding: 22px 18px !important;
            }

            .achievement-card h3 {
                font-size: 16px !important;
                margin-bottom: 6px !important;
            }

            .achievement-card p {
                font-size: 12px !important;
            }

            .about-grid {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            .about-image-card img {
                height: auto !important;
                max-height: 380px !important;
                object-fit: contain !important;
            }

            .testimonials-grid {
                grid-template-columns: 1fr !important;
                gap: 14px !important;
            }

            .journeys {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 12px !important;
            }

            .journeys .card {
                padding: 16px 12px !important;
            }

            .journeys .card h3 {
                font-size: 14px !important;
            }

            .journeys .card p {
                font-size: 11px !important;
            }

            .slider-arrow {
                display: none !important;
            }

            footer {
                padding: 24px 0 85px !important;
                background: #1b0d09 !important;
            }

            .foot {
                grid-template-columns: repeat(3, 1fr) !important;
                text-align: left !important;
                gap: 16px 8px !important;
            }

            .foot>div:first-child {
                grid-column: 1 / -1;
                padding-bottom: 12px;
                margin-bottom: 4px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                text-align: center;
            }

            .foot img {
                width: 130px !important;
                margin: 0 auto 6px !important;
            }

            .foot p {
                font-size: 11px !important;
                line-height: 1.4 !important;
                margin: 0 auto !important;
                max-width: 90% !important;
                color: #baa99b !important;
            }

            .foot h3 {
                font-size: 11px !important;
                font-weight: 700 !important;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                margin: 0 0 8px 0 !important;
                color: #f0e6d7 !important;
                white-space: nowrap;
            }

            .foot a {
                margin: 4px 0 !important;
                font-size: 10.5px !important;
                line-height: 1.35 !important;
                color: #baa99b !important;
                word-break: break-word;
            }

            .cat-hero {
                padding: 20px 0 !important;
            }

            .cat-hero-content {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 8px !important;
            }

            .cat-hero-text h1 {
                font-size: 20px !important;
                margin-bottom: 4px !important;
            }

            .cat-hero-text p {
                font-size: 12px !important;
                line-height: 1.45 !important;
            }

            .products-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
            }

            .connected-grid {
                grid-template-columns: 1fr !important;
                gap: 30px !important;
            }

            .address-card {
                padding: 24px 20px !important;
            }

            .connected-section {
                padding: 40px 0 50px !important;
            }

            .whatsapp-float-btn {
                bottom: 72px !important;
                left: 14px !important;
                width: 46px !important;
                height: 46px !important;
                box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4) !important;
            }
        }

        /* MOBILE BOTTOM NAVIGATION BAR STYLES */
        .mobile-bottom-nav {
            display: none;
        }

        @media (max-width: 950px) {
            .mobile-bottom-nav {
                display: flex !important;
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                height: 60px !important;
                background: #fbf5e9 !important;
                backdrop-filter: blur(12px) !important;
                border-top: 1px solid rgba(45, 22, 14, 0.16) !important;
                z-index: 9999 !important;
                justify-content: space-around !important;
                align-items: center !important;
                padding: 4px 6px !important;
                box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12) !important;
            }

            .mob-nav-item {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background: none;
                border: none;
                color: #756556;
                font-size: 10.5px;
                font-weight: 700;
                cursor: pointer;
                padding: 4px 0;
                position: relative;
                transition: color 0.15s ease;
                text-decoration: none;
            }

            .mob-nav-item.active,
            .mob-nav-item:hover {
                color: var(--brand-dark-green);
            }

            .mob-nav-icon {
                font-size: 18px;
                margin-bottom: 2px;
            }

            .mob-cart-badge {
                position: absolute;
                top: 2px;
                right: 20%;
                background: var(--gold);
                color: var(--ink);
                font-size: 9px;
                font-weight: bold;
                padding: 1px 5px;
                border-radius: 10px;
            }

            body {
                padding-bottom: 64px !important;
            }

            .cat-hero {
                padding: 24px 0 !important;
            }

            .cat-hero-content {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 8px !important;
            }

            .cat-hero-text h1 {
                font-size: 24px !important;
                margin-bottom: 4px !important;
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
            }

            .cat-hero-text p {
                font-size: 12.5px !important;
                line-height: 1.5 !important;
                color: #55473e !important;
            }

            .cat-badge-big {
                font-size: 11px !important;
                padding: 4px 12px !important;
                margin-top: 4px !important;
            }

            .toolbar {
                flex-direction: row !important;
                justify-content: space-between !important;
                align-items: center !important;
                gap: 8px !important;
                padding: 10px 14px !important;
                border-radius: 10px !important;
            }

            .products-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 12px !important;
            }

            .product-card {
                padding: 12px 10px !important;
                border-radius: 14px !important;
                display: flex !important;
                flex-direction: column !important;
                justify-content: space-between !important;
                background: #fff !important;
                border: 1px solid var(--line) !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
            }

            .img-box {
                height: 130px !important;
                width: 100% !important;
                margin-bottom: 10px !important;
                padding: 6px !important;
                background: #faf8f5 !important;
                border-radius: 10px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-shrink: 0 !important;
            }

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

            .product-card h3 {
                font-size: 12.5px !important;
                line-height: 1.35 !important;
                height: 34px !important;
                margin: 0 0 8px !important;
                font-weight: 700 !important;
                color: var(--ink) !important;
                display: -webkit-box !important;
                -webkit-line-clamp: 2 !important;
                line-clamp: 2 !important;
                -webkit-box-orient: vertical !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            .product-card .price-row {
                margin-bottom: 10px !important;
                gap: 6px !important;
                flex-wrap: wrap !important;
                align-items: baseline !important;
            }

            .product-card .price {
                font-size: 14px !important;
                font-weight: 800 !important;
                color: var(--brand-dark-green) !important;
            }

            .product-card .old-price {
                font-size: 11px !important;
                color: #888 !important;
            }

            .card-actions {
                grid-template-columns: 1fr 1fr !important;
                gap: 6px !important;
            }

            .btn-add,
            .btn-view {
                padding: 9px 4px !important;
                font-size: 10px !important;
                border-radius: 14px !important;
                text-align: center !important;
                font-weight: 700 !important;
            }

            .breadcrumbs {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 10px !important;
            }

            .btn-back-catalog {
                align-self: flex-start !important;
            }

            .pdp-grid {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            #pdp-main-image-display {
                height: 270px !important;
                max-height: 270px !important;
            }
        }

        /* OUR ACHIEVEMENTS SECTION */
        .achievements-section {
            padding: 56px 0;
            background: var(--cream);
            border-top: 1px solid var(--line);
        }

        .achievements-heading {
            font: 700 clamp(24px, 4vw, 34px)/1.2 var(--serif);
            color: #7da152;
            margin: 0 0 10px;
            text-align: center;
        }

        .achievements-subheading {
            font-size: 14px;
            color: #6a5d53;
            margin: 0;
            text-align: center;
        }

        .achievements-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-top: 36px;
        }

        @media (max-width: 900px) {
            .achievements-grid {
                grid-template-columns: 1fr;
            }
        }

        .achievement-card {
            background: #f0e6d5;
            border-radius: 16px;
            padding: 36px 28px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .achievement-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
        }

        .achievement-icon {
            color: #7da152;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .achievement-card h3 {
            font: 700 18px/1.3 var(--serif);
            color: #7da152;
            margin: 0 0 12px;
        }

        .achievement-card p {
            font-size: 13px;
            line-height: 1.6;
            color: #55483d;
            margin: 0;
        }

        /* ACCOUNT BUTTON & MODAL */
        .account-btn {
            background: transparent;
            border: 1px solid var(--line);
            color: var(--ink);
            padding: 7px 16px;
            border-radius: 20px;
            cursor: pointer;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .06em;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: all 0.2s ease;
        }

        .account-btn:hover {
            background: var(--paper);
            border-color: var(--brand-green);
        }

        .account-modal-card {
            max-width: 440px;
            border-radius: 16px;
            background: #fbf5e9;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
            transition: max-width 0.3s ease;
        }

        .account-modal-card.logged-in {
            max-width: 920px;
            width: 95%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 24px;
        }

        /* ACCOUNT DASHBOARD GRID & SIDEBAR */
        .account-dashboard-grid {
            display: grid;
            grid-template-columns: 240px 1fr;
            gap: 20px;
            margin-top: 12px;
        }

        @media (max-width: 768px) {
            .account-dashboard-grid {
                grid-template-columns: 1fr;
            }
        }

        .account-sidebar {
            background: #faf5eb;
            border: 1px solid #ebdcc5;
            border-radius: 14px;
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .account-user-card {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            background: #fff;
            border-radius: 12px;
            border: 1px solid #ebdcc5;
        }

        .account-avatar-circle {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #ebdcc5;
            color: #5c3d2e;
            display: grid;
            place-items: center;
            font-size: 18px;
            font-weight: 700;
        }

        .account-user-info h3 {
            font-size: 13.5px;
            font-weight: 700;
            margin: 0 0 2px;
            color: var(--ink);
        }

        .account-user-info p {
            font-size: 11px;
            color: #776a5e;
            margin: 0;
            word-break: break-all;
        }

        .account-nav-title {
            font-size: 12.5px;
            font-weight: 700;
            color: var(--ink);
            margin: 6px 4px 2px;
        }

        .account-nav-menu {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .account-nav-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 9px 12px;
            border-radius: 8px;
            border: none;
            background: transparent;
            font-size: 13px;
            font-weight: 600;
            color: var(--ink);
            cursor: pointer;
            transition: all 0.2s ease;
            text-align: left;
        }

        .account-nav-item:hover {
            background: #f0e4d2;
        }

        .account-nav-item.active {
            background: #f4edd9;
            color: var(--brand-dark-green);
            font-weight: 700;
        }

        .acc-nav-icon {
            margin-right: 8px;
            font-size: 14px;
        }

        .acc-nav-label {
            flex: 1;
        }

        .acc-nav-arrow {
            color: #998c7e;
            font-size: 14px;
        }

        .acc-logout-btn {
            margin-top: 10px;
            padding: 9px;
            background: #c0392b;
            color: #fff;
            border: none;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.2s ease;
            width: 100%;
        }

        .acc-logout-btn:hover {
            background: #a93226;
        }

        .account-main-content {
            background: #fff;
            border: 1px solid #ebdcc5;
            border-radius: 14px;
            padding: 20px 22px;
            min-height: 360px;
        }

        .sec-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #f0e6d6;
            padding-bottom: 12px;
            margin-bottom: 16px;
        }

        .sec-header h2 {
            font: 400 20px var(--serif);
            margin: 0;
            color: var(--ink);
        }

        .btn-brown-edit {
            background: #5c3d2e;
            color: #fff;
            border: none;
            border-radius: 8px;
            padding: 6px 18px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .btn-brown-edit:hover {
            background: #442a1e;
        }

        .btn-delete-profile {
            background: #84a144;
            color: #fff;
            border: none;
            border-radius: 20px;
            padding: 9px 22px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .btn-delete-profile:hover {
            background: #6e8835;
        }

        .profile-field-row {
            display: grid;
            grid-template-columns: 160px 1fr;
            padding: 14px 0;
            border-bottom: 1px dashed #f0e6d6;
            font-size: 13px;
        }

        .profile-field-row .field-label {
            font-weight: 700;
            color: var(--ink);
        }

        .profile-field-row .field-value {
            color: #554a3e;
        }

        .rewards-banner-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

        .reward-box {
            background: #faf5eb;
            padding: 14px;
            border-radius: 12px;
            border: 1px solid #ebdcc5;
            text-align: center;
        }

        .reward-box.gold {
            background: #fcf6e8;
            border-color: #e5cd96;
        }

        .reward-box .box-label {
            font-size: 11px;
            color: #776a5e;
            font-weight: 700;
            text-transform: uppercase;
        }

        .reward-box .box-val {
            font-size: 18px;
            font-weight: bold;
            color: var(--brand-dark-green);
            margin-top: 4px;
        }

        .reward-box.gold .box-val {
            color: #b38622;
        }

        .auth-tabs {
            display: flex;
            background: var(--paper);
            border-radius: 10px;
            padding: 3px;
            margin-bottom: 18px;
        }

        .auth-tab {
            flex: 1;
            border: none;
            background: transparent;
            padding: 9px;
            font-size: 12px;
            font-weight: 700;
            color: #66584c;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .auth-tab.active {
            background: #fff;
            color: var(--ink);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        }

        .google-auth-btn {
            width: 100%;
            padding: 11px 16px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 10px;
            font-size: 12px;
            font-weight: 700;
            color: var(--ink);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            cursor: pointer;
            transition: all 0.2s ease;
            margin-bottom: 16px;
        }

        .google-auth-btn:hover {
            border-color: var(--brand-green);
            background: #faf8f5;
        }

        .auth-divider {
            text-align: center;
            position: relative;
            margin: 16px 0;
        }

        .auth-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background: var(--line);
        }

        .auth-divider span {
            position: relative;
            background: #fbf5e9;
            padding: 0 10px;
            font-size: 10px;
            font-weight: 700;
            color: #8c7b6c;
            letter-spacing: .05em;
        }

        .form-label {
            display: block;
            font-size: 11px;
            font-weight: 700;
            color: var(--ink);
            margin-bottom: 4px;
        }

        .form-input {
            width: 100%;
            padding: 10px 14px;
            border: 1px solid var(--line);
            border-radius: 8px;
            font-size: 13px;
            background: #fff;
            outline: none;
            transition: border-color 0.2s ease;
            box-sizing: border-box;
        }

        .form-input:focus {
            border-color: var(--brand-green);
        }

        .auth-submit-btn {
            width: 100%;
            padding: 12px;
            background: var(--brand-dark-green);
            color: #fff;
            border: none;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .auth-submit-btn:hover {
            background: var(--olive);
        }

        /* HARDCODED DUAL FAILSAFE FOR MOBILE BOTTOM NAV */
        @media screen and (max-width: 1200px) {
            #mobile-bottom-nav-bar {
                display: flex !important;
                visibility: visible !important;
                opacity: 1 !important;
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                height: calc(62px + env(safe-area-inset-bottom)) !important;
                padding-bottom: env(safe-area-inset-bottom) !important;
                background: #faf5eb !important;
                border-top: 1px solid #e0d5c1 !important;
                align-items: center !important;
                justify-content: space-around !important;
                z-index: 2147483647 !important;
                box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12) !important;
                box-sizing: border-box !important;
                -webkit-transform: translateZ(0) !important;
                transform: translateZ(0) !important;
            }

            body {
                padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important;
            }

            @media screen and (min-width: 1201px) {
                #mobile-bottom-nav-bar {
                    display: none !important;
                }
            }