/* Page Content Elegant Styling */
        .page-content-wrapper {
            margin: 0 auto;
            background: #fff;
            line-height: 1.8;
            color: #333;
        }

        .page-content-wrapper h1,
        .page-content-wrapper h2,
        .page-content-wrapper h3,
        .page-content-wrapper h4,
        .page-content-wrapper h5,
        .page-content-wrapper h6 {
            color: #052f3f;
            font-weight: 600;
            margin-top: 1em;
            margin-bottom: .2em;
            line-height: 1.4;
        }

        .page-content-wrapper h1 {
            font-size: 2.5rem;
            border-bottom: 3px solid #54b12b;
            padding-bottom: 15px;
        }

        .page-content-wrapper h2 {
            font-size: 2rem;
            border-bottom: 2px solid #54b12b;
            padding-bottom: 10px;
        }

        .page-content-wrapper h3 {
            font-size: 1.75rem;
            color: #54b12b;
        }

        .page-content-wrapper h4 {
            font-size: 1.5rem;
        }

        .page-content-wrapper p {
            margin-bottom: 1.5em;
            font-size: 1.05rem;
            color: #555;
        }

        .page-content-wrapper p:first-child {
            font-size: 1.15rem;
            color: #333;
            font-weight: 400;
        }

        .page-content-wrapper ul,
        .page-content-wrapper ol {
            margin: 1.5em 0;
            padding-left: 2em;
        }

        .page-content-wrapper li {
            margin-bottom: 0.8em;
            color: #555;
        }

        .page-content-wrapper ul li {
            list-style-type: none;
            position: relative;
            padding-left: 1.5em;
        }

        .page-content-wrapper ul li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #54b12b;
            font-weight: bold;
            font-size: 1.2em;
        }

        .page-content-wrapper ol li {
            list-style-type: decimal;
        }

        .page-content-wrapper a {
            color: #54b12b;
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: all 0.3s ease;
        }

        .page-content-wrapper a:hover {
            color: #45a020;
            border-bottom-color: #45a020;
        }

        .page-content-wrapper strong,
        .page-content-wrapper b {
            color: #052f3f;
            font-weight: 600;
        }

        .page-content-wrapper em,
        .page-content-wrapper i {
            font-style: italic;
            color: #666;
        }

        .page-content-wrapper blockquote {
            border-left: 4px solid #54b12b;
            padding: 20px 30px;
            margin: 2em 0;
            background: #f8f9fa;
            border-radius: 0 8px 8px 0;
            font-style: italic;
            color: #555;
        }

        .page-content-wrapper img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            margin: 2em 0;
        }

        .page-content-wrapper table {
            width: 100%;
            border-collapse: collapse;
            margin: 2em 0;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
        }

        .page-content-wrapper table th {
            background: #54b12b;
            color: #fff;
            padding: 15px;
            text-align: left;
            font-weight: 600;
        }

        .page-content-wrapper table td {
            padding: 12px 15px;
            border-bottom: 1px solid #e9ecef;
        }

        .page-content-wrapper table tr:last-child td {
            border-bottom: none;
        }

        .page-content-wrapper table tr:nth-child(even) {
            background: #f8f9fa;
        }

        .page-content-wrapper hr {
            border: none;
            border-top: 2px solid #e9ecef;
            margin: 3em 0;
        }

        @media screen and (max-width: 767px) {
            .page-content-wrapper {
                padding: 25px 20px;
                margin: 0 15px;
            }

            .page-content-wrapper h1 {
                font-size: 2rem;
            }

            .page-content-wrapper h2 {
                font-size: 1.75rem;
            }

            .page-content-wrapper h3 {
                font-size: 1.5rem;
            }

            .page-content-wrapper p {
                font-size: 1rem;
            }
        }

        /* Best Selling Products Carousel Styles */
        .best-selling-products {
            position: relative;
        }

        .best-selling-products .best-selling-nav {
            display: flex;
            gap: 10px;
        }

        .best-selling-slider {
            padding: 20px 0 50px 0;
            overflow: hidden;
        }

        .best-selling-slider .swiper-slide {
            height: auto;
            display: flex;
        }

        .best-selling-slider .product-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            background: #fff;
            padding: 15px;
        }

        .best-selling-slider .swiper-slide-active .product-card,
        .best-selling-slider .swiper-slide:hover .product-card {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .best-selling-slider .card-image {
            overflow: hidden;
            background: #f8f9fa;
            min-height: 200px;
        }

        .best-selling-slider .card-image img {
            transition: transform 0.3s ease;
            width: 100%;
            height: auto;
            max-height: 250px;
            object-fit: contain;
        }

        .best-selling-slider .swiper-slide:hover .card-image img {
            transform: scale(1.05);
        }

        .best-selling-slider .card-title {
            margin-bottom: 15px;
        }

        .best-selling-slider .card-title h2 {
            margin: 0;
            padding: 0;
        }

        .best-selling-slider .card-action {
            margin-top: 15px;
            text-align: center;
        }

        .best-selling-prev,
        .best-selling-next {
            width: 40px;
            height: 40px;
            background: #54b12b;
            border-radius: 50%;
            color: #fff;
            position: relative;
            margin-top: 0;
            top: 0;
            left: 0;
            right: 0;
        }

        .best-selling-prev::after,
        .best-selling-next::after {
            font-size: 16px;
            font-weight: bold;
        }

        .best-selling-prev:hover,
        .best-selling-next:hover {
            background: #45a020;
        }

        @media screen and (max-width: 767px) {
            .best-selling-products .best-selling-nav {
                display: none;
            }

            .best-selling-products .title {
                text-align: center;
            }
        }

        /* Sidebar Height Matching Product Area */
        .sidemenu-wrap {
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

        .sidemenu {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .sidemenu-container {
            flex: 1;
            overflow-y: hidden;
            overflow-x: hidden;
            position: relative;
        }

        .sidemenu-container.expanded {
            overflow-y: auto;
        }

        .sidemenu-container.collapsed {
            max-height: 100%;
        }

        /* Custom scrollbar for sidebar */
        .sidemenu-container::-webkit-scrollbar {
            width: 6px;
        }

        .sidemenu-container::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .sidemenu-container::-webkit-scrollbar-thumb {
            background: #2E8B22;
            border-radius: 3px;
        }

        .sidemenu-container::-webkit-scrollbar-thumb:hover {
            background: #2E661A;
        }

        .sidemenu-item.hidden {
            display: none;
        }

        /* Hide items initially on desktop to prevent flash on page load */
        @media (min-width: 768px) {
            .sidemenu-item {
                display: none;
            }
            
            .sidemenu-item.visible {
                display: block;
            }
        }

        .sidemenu-toggle-more {
            width: 100%;
            padding: 12px 15px;
            background-color: #2E8B22;
            color: #fff;
            border: 1px solid #2E8B22;
            border-top: none;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.3s ease;
            margin-top: auto;
        }

        .sidemenu-toggle-more .toggle-text {
            display: inline-block;
        }

        .sidemenu-toggle-more:hover {
            background-color: #2E661A;
            border-color: #2E661A;
        }

        .sidemenu-toggle-more i {
            transition: transform 0.3s ease;
        }

        .sidemenu-toggle-more.expanded i {
            transform: rotate(180deg);
        }


        /* Match sidebar height to product area */
        @media (min-width: 768px) {
            .sidemenu-wrap {
                height: fit-content;
                min-height: 0;
            }

            .product-area {
                display: flex;
                flex-direction: column;
            }

            /* Use JavaScript to match heights dynamically */
        }

        /* Sticky category filter (desktop) — bounded to .bam-prod-shell, capped to viewport with internal scroll */
        @media (min-width: 992px) {
            .bam-prod-shell .sidemenu-wrap { position: sticky; top: 20px; align-self: flex-start; z-index: 5; }
            .bam-prod-shell .sidemenu-container { max-height: calc(100vh - 40px) !important; overflow-y: auto; }
        }

        /* ============================================================
           Category banner — compact, full-bleed, LIGHT bam theme.
           Full-width via the layouts.main hero slot; the category filter
           sidebar is rendered inside content so it sits below this banner.
           ============================================================ */
        .bam-cat-hero { position: relative; background: linear-gradient(118deg, #F6F9F3 0%, #EAF3E3 52%, #DCEBD2 100%); border-bottom: 1px solid #E1E9DB; padding: 24px 0 26px; font-family: 'DM Sans', sans-serif; color: #2A4046; overflow: hidden; }
        .bam-cat-hero::before { content: ''; position: absolute; top: -55%; right: -4%; width: 460px; height: 460px; background: radial-gradient(circle, rgba(46,139,34,.12) 0%, rgba(46,139,34,0) 68%); pointer-events: none; }
        .bam-cat-hero::after { content: ''; position: absolute; bottom: -60%; left: -6%; width: 420px; height: 420px; background: radial-gradient(circle, rgba(239,161,6,.07) 0%, rgba(239,161,6,0) 70%); pointer-events: none; }
        .bam-cat-hero > .container { position: relative; z-index: 1; }
        .bam-cat-hero * { box-sizing: border-box; }
        .bam-cat-hero-crumb { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; color: #627C84; margin-bottom: 16px; }
        .bam-cat-hero-crumb a { display: inline-flex; align-items: center; gap: 6px; color: #627C84; text-decoration: none; transition: color .2s ease; }
        .bam-cat-hero-crumb a:hover { color: #2E8B22; }
        .bam-cat-hero-crumb i { font-size: 10px; color: #9AAEA6; }
        .bam-cat-hero-crumb > span { color: #021E27; font-weight: 600; }

        .bam-cat-hero-main { display: flex; align-items: center; justify-content: space-between; gap: 44px; }
        .bam-cat-hero-copy { flex: 1 1 auto; min-width: 0; max-width: 780px; }
        .bam-cat-hero-eyebrow { display: inline-block; font-family: 'Outfit', 'DM Sans', sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; color: #2E8B22; margin-bottom: 11px; }
        .bam-cat-hero-title { font-family: 'Outfit', 'DM Sans', sans-serif; font-size: 34px; font-weight: 800; line-height: 1.1; color: #021E27; margin: 0 0 11px; letter-spacing: -.01em; }
        .bam-cat-hero-title span { color: #2E8B22; font-weight: 800; }
        .bam-cat-hero-sub { font-size: 14px; line-height: 1.65; color: #5C747B; margin: 0; max-width: 600px; }

        /* vertical, text-only stats (no boxes) with a slim divider */
        .bam-cat-hero-stats { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; flex-shrink: 0; text-align: right; padding-left: 28px; border-left: 1px solid #D3E2C9; }
        .bam-cat-hero-stat-val { display: block; font-family: 'Outfit', 'DM Sans', sans-serif; font-size: 32px; font-weight: 900; color: #2E661A; line-height: 1; letter-spacing: -.01em; }
        .bam-cat-hero-stat-label { display: block; margin-top: 4px; font-size: 11px; font-weight: 600; color: #7C949B; text-transform: uppercase; letter-spacing: .5px; }

        /* glassy (frosted) subcategory pills */
        .bam-cat-hero-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
        .bam-cat-hero-pill { display: inline-flex; align-items: center; padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.7); background: rgba(255,255,255,.42); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); box-shadow: 0 3px 12px rgba(2,30,39,.07), inset 0 1px 0 rgba(255,255,255,.65); color: #244C18; font-family: 'Outfit', 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
        .bam-cat-hero-pill:hover { background: rgba(46,139,34,.94); border-color: rgba(46,139,34,.94); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(46,139,34,.3); }

        @media (max-width: 991px) {
            .bam-cat-hero { padding: 20px 0 22px; }
            .bam-cat-hero-main { flex-direction: column; align-items: flex-start; gap: 18px; }
            .bam-cat-hero-stats { flex-direction: row; align-items: flex-start; gap: 30px; text-align: left; padding-left: 0; border-left: none; }
            .bam-cat-hero-title { font-size: 28px; }
        }
        @media (max-width: 560px) {
            .bam-cat-hero-title { font-size: 23px; }
            .bam-cat-hero-stat-val { font-size: 25px; }
            .bam-cat-hero-stats { gap: 22px; }
        }

        /* "You may also like" reuses the home .bh-catalog card; keep the linked name inheriting */
        .bh .bh-catalog-name a { color: inherit; text-decoration: none; }
        .bh .bh-catalog-card:hover .bh-catalog-name a { color: #2E661A; }
        /* carousel + chevron arrows (side gutters, centered on the product image).
           left/right are forced with !important to beat the old .best-selling-prev/next
           rule (left:0;right:0) that still lives in this stylesheet. */
        .bam-related-section .bh-container { max-width: none; }
        .bam-related-carousel { position: relative; padding: 0 54px; }
        .bam-related-carousel .best-selling-slider { overflow: hidden; padding: 6px 2px 12px; }
        .bam-related-carousel .swiper-slide { height: auto; }
        .bam-related-carousel .swiper-slide .bh-catalog-card { height: 100%; }
        .bam-related-arrow { position: absolute; top: 50% !important; transform: translateY(-50%); z-index: 6; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid #E4E9E2; background: #fff; color: #021E27; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; box-shadow: 0 6px 16px rgba(2,30,39,.1); transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease; }
        .bam-related-arrow:hover { background: #2E8B22; border-color: #2E8B22; color: #fff; box-shadow: 0 10px 22px rgba(46,139,34,.28); }
        .bam-related-arrow.swiper-button-disabled { opacity: .4; cursor: default; box-shadow: none; }
        .bam-related-prev { left: 0 !important; right: auto !important; }
        .bam-related-next { right: 0 !important; left: auto !important; }
        @media (max-width: 767px) { .bam-related-carousel { padding: 0; } .bam-related-arrow { display: none; } }