/** Shopify CDN: Minification failed

Line 502:0 All "@import" rules must come first
Line 1478:0 All "@import" rules must come first

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================*/

/* ─── Global PDP & Landing Page Unified Font Family (Poppins / Inter) ─── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600;700&display=swap');

/* ─── PDP 2-Column Layout & Gallery (Explicit 24px Thumbnail-to-Image Gap) ─── */
@media (min-width: 992px) {
    .productView-top {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 24px !important;
        /* Tight gap between Gallery and Text */
        width: 100% !important;
        max-width: 1200px !important;
        /* Standard 1200px container width */
        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Left Gallery Column: 70px (thumbs) + 24px (margin-right) + 450px (main image) = 544px */
    .halo-productView-left {
        width: 544px !important;
        max-width: 544px !important;
        flex: 0 0 544px !important;
        box-sizing: border-box !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Right Text Column: 632px */
    .halo-productView-right,
    .productView-details {
        flex: 0 0 632px !important;
        width: 632px !important;
        max-width: 632px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .halo-productView-left.productView-images,
    .productView-images-wrapper,
    .productView.layout-1 .productView-image-wrapper,
    .productView.layout-2 .productView-image-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        position: relative !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .productView-image-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        position: relative !important;
        width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .productView-image-wrapper .productView-thumbnail-wrapper,
    .productView-thumbnail-wrapper,
    .productView.layout-1 .productView-thumbnail-wrapper,
    .productView.layout-2 .productView-thumbnail-wrapper {
        display: block !important;
        float: none !important;
        position: relative !important;
        width: 70px !important;
        max-width: 70px !important;
        flex: 0 0 70px !important;
        min-width: 70px !important;
        margin-right: 24px !important;
        /* GUARANTEED 24px gap between thumbnail border & main image border */
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        z-index: 3 !important;
        order: -1 !important;
    }

    .productView-thumbnail-wrapper .productView-for {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .productView-thumbnail-wrapper .slick-list {
        width: 100% !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .productView-thumbnail-wrapper .slick-track {
        display: flex !important;
        flex-direction: column !important;
        transform: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .productView-thumbnail-wrapper .slick-slide {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }

    .productView-image-wrapper .productView-nav,
    .productView-image-wrapper .productView-nav-gallery,
    .productView-nav {
        display: block !important;
        float: none !important;
        width: 450px !important;
        max-width: 450px !important;
        flex: 0 0 450px !important;
        min-width: 450px !important;
        position: relative !important;
        z-index: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        order: 1 !important;
    }

    .productView-image,
    .productView-nav .productView-image,
    .productView-nav .productView-img-container {
        width: 100% !important;
        max-width: 450px !important;
        height: 450px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 14px !important;
        background: #FFFFFF !important;
        border: 1px solid #E5E7EB !important;
        box-sizing: border-box !important;
    }

    .productView-nav img,
    .productView-image img,
    .productView-nav .media,
    .productView-img-container,
    .productView-nav .productView-img-container img {
        width: 100% !important;
        height: 100% !important;
        max-height: 450px !important;
        object-fit: contain !important;
        border-radius: 13px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .productView-thumbnail {
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }

    .productView-thumbnail-link {
        width: 70px !important;
        height: 70px !important;
        border-radius: 8px !important;
        border: 1.5px solid #E5E7EB !important;
        background: #FFFFFF !important;
        padding: 3px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
    }

    .productView-thumbnail-link img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }

    .productView-thumbnail.slick-current .productView-thumbnail-link,
    .productView-thumbnail:hover .productView-thumbnail-link {
        border: 2px solid #2C4A3E !important;
        box-shadow: 0 4px 12px rgba(44, 74, 62, 0.15) !important;
    }

    .productView-nav .data-lazy-loading {
        display: none !important;
    }
}

/* ─── Collection Numbered Page Pagination Styling (< 1 2 3 ... 18 >) ─── */
.pagination__list {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 40px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    list-style: none !important;
}

.pagination__list .pagination-num,
.pagination__list .pagination-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pagination__list .pagination__item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 8px !important;
    border: 1.5px solid #D1D5DB !important;
    background: #FFFFFF !important;
    color: #1F2937 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.pagination__list .pagination__item:hover {
    border-color: #2C4A3E !important;
    color: #2C4A3E !important;
    background: #F3F4F6 !important;
    transform: translateY(-1px) !important;
}

.pagination__list .pagination__item--current {
    border-color: #2C4A3E !important;
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(44, 74, 62, 0.25) !important;
}

.pagination__list .pagination__item-arrow {
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    border: 1.5px solid #D1D5DB !important;
    background: #FFFFFF !important;
    color: #1F2937 !important;
}

.pagination__list .pagination__item-arrow svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
}

/* ─── Sidebar Filter & Availability Checkbox Alignment & Styling ─── */
.facets__list .facets__item,
.facets__list .list-menu__item {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    gap: 12px !important;
}

.facets__list .facets__item input[type="checkbox"],
.facets__list .list-menu__item input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    accent-color: #2C4A3E !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.facets__list .facets__item label.facet-checkbox,
.facets__list .facets__item .form-label--checkbox,
.facets__list .list-menu__item label.facet-checkbox,
.facets__list .list-menu__item .form-label--checkbox {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1F2937 !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.facets__list .facets__item label.facet-checkbox .count,
.facets__list .list-menu__item label.facet-checkbox .count {
    margin-left: 4px !important;
    color: #6B7280 !important;
    font-weight: 400 !important;
}

/* ─── Header Categories Mega Menu Hidden State ─── */
.category-mega-dropdown-panel {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.header-nav-categories-item:hover .category-mega-dropdown-panel {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
label,
input,
button,
select,
textarea,
.template-product,
.productView,
.productView-title,
.productView-brand,
.productView-price,
.productView-rating,
.productView-desc,
.productView-subTitle,
.productView-tagline,
.productView-info,
.productView-group,
.productView-action,
.productView-accordion,
.productView-tab,
.productView-details,
.productView-subtotal,
.productView-checkbox,
.product-option,
.product-form__input,
.sticky-add-to-cart,
.halo-product-tabs {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Slideshow: Responsive height matching 1770x720px aspect ratio */
.slideshow-wrapper .slideshow .item .adaptive_height {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    overflow: hidden !important;
}

.slideshow-wrapper .slideshow .item .adaptive_height .slide-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.slideshow-wrapper .slideshow .item .adaptive_height img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    image-rendering: -webkit-optimize-contrast;
}

.slideshow-wrapper .slideshow .item .not_img {
    height: 720px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f0eb;
    color: #8D5E44;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .slideshow-wrapper .slideshow .item .not_img {
        height: 520px !important;
    }
}

.menu-lv-item a {
    padding: 6px 10px !important;
}

ul.list-menu.list-menu--inline.text-left {
    padding-top: 2px !important;
}

.container-1170 {
    max-width: 1260px !important;
}

.container {
    max-width: 1360px !important;
}

.brands-block.brands-slider img.lazyloaded {
    width: 80px !important;
    height: auto;
}

.brands-block a.adaptive_height {
    padding-top: 100px !important;
}

.brands-block .wrapper-image {
    margin-bottom: 16px !important;
}

.halo-block-content .slick-arrow {
    top: 40% !important;
}

.wrapper-image {
    PADDING-BOTTOM: 20px !important;
}

div#insta-feed {
    padding-bottom: 40px !important;
}

.image_logo img.lazyloaded {
    width: 160px;
    height: 80px;
    object-fit: contain;
}

@media only screen and (max-width: 600px) {
    .section-block-right {
        padding-top: 40px;
    }

    .halo-sticky-toolbar-mobile {
        display: none;
    }
}

/* =============================================================================
// Moha UI Landing Page Modernization Styles
// ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* 1. Global Reset, Background, and Font Stack */
body {
    background-color: var(--modern-bg-warm) !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    color: #232323 !important;
}

/* Typography Overrides (Moha D2C Standard) */
h1,
h2,
h3,
.title,
.card__heading,
.card-title,
.halo-block-header .title,
.product-block-title,
.featured-collection-title,
.custom-category-banners-title {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
}

p,
span,
a,
div,
li,
select,
input,
textarea,
button,
.price-item,
.card-vendor {
    font-family: 'Inter', 'Poppins', sans-serif !important;
}

/* 2. Announcement Bar (Dusty Coral / Rose) */
#shopify-section-announcement_bar_k6mFHK .announcement-bar,
#shopify-section-announcement-bar .announcement-bar,
div[id*="announcement_bar"] .announcement-bar,
.announcement-bar {
    background: #D36F78 !important;
    background-color: #D36F78 !important;
}

#shopify-section-announcement_bar_k6mFHK .announcement-bar__message,
#shopify-section-announcement_bar_k6mFHK .message,
#shopify-section-announcement_bar_k6mFHK p,
#shopify-section-announcement_bar_k6mFHK a,
.announcement-bar__message,
.announcement-bar__message p,
.announcement-bar__message span,
.announcement-bar a,
.announcement-bar span,
.announcement-bar p {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    font-family: 'Poppins', sans-serif !important;
}

/* 3. Header & Navigation (Clean Single-Row Layout like Screenshot) */
/* 3. Header & Navigation (Clean Single-Row Layout like Screenshot) */
#shopify-section-9c03747e-b054-4db8-8194-5a35c71f82ca {
    background-color: var(--modern-bg-warm, #FCFAF7) !important;
}

.header-navigation-wrapper,
.header-nav-plain {
    background: var(--modern-bg-warm, #FCFAF7) !important;
    background-color: var(--modern-bg-warm, #FCFAF7) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    box-shadow: none !important;
}

@media (min-width: 1025px) {

    /* Style the flex container for logo, menu, and icons in a single row */
    .header-nav-plain>.container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 85px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        max-width: 100% !important;
    }

    /* Ensure the logo is properly sized and aligned left */
    .header-nav-plain .header-logo {
        flex: 0 0 auto !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Center the menu links */
    .header-nav-plain .main-menu {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Style the icons (search, user, cart) on the right */
    .header-nav-plain .header-icons {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 25px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .header-nav-plain .header-icons .header__iconItem {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }
}

/* Format menu links: dark charcoal color, bold font weight, sans-serif, uppercase */
.header-nav-plain .menu-lv-1__action,
.header-nav-plain .menu-lv-1>a,
.header-nav-plain .menu-lv-item a,
.header-nav-plain .list-menu--inline a {
    color: #3C2A1E !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    transition: var(--modern-transition) !important;
}

.header-nav-plain .menu-lv-1__action:hover,
.header-nav-plain .menu-lv-1>a:hover,
.header-nav-plain .menu-lv-item a:hover {
    color: var(--modern-primary, #1E5631) !important;
    /* Moha Green on hover */
    opacity: 1 !important;
}

.header-nav-plain .header__icon--cart {
    position: relative !important;
}

.header-nav-plain .header__icon--cart .cart-count-bubble,
.header-mobile .header__icon--cart .cart-count-bubble,
.header__icon--cart .cart-count-bubble {
    background-color: #1E5631 !important;
    background: #1E5631 !important;
    /* Earthy Herbal Green count bubble */
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -5px !important;
    right: -10px !important;
}

.header-nav-plain .header__icon--cart .cart-count-bubble .text,
.header-mobile .header__icon--cart .cart-count-bubble .text,
.header__icon--cart .cart-count-bubble .text {
    color: #ffffff !important;
}

/* 4. Hero Slideshow Redesign (Screenshot 1) */
.slide-show .heading,
.slide-show h2 {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    color: #3C2A1E !important;
}

.slide-show .sub-heading,
.slide-show .slide-des {
    font-family: 'Poppins', sans-serif !important;
    color: #555555 !important;
}

/* Outline Feature Badges (e.g. pH Balanced) */
.hero-feature-badges {
    display: flex;
    gap: 15px;
    margin-top: 25px;
    flex-wrap: wrap;
    justify-content: center;
}

.hero-feature-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid rgba(60, 42, 30, 0.3);
    border-radius: 30px;
    font-size: 13px;
    font-weight: 500;
    color: #3C2A1E;
}

/* 5. Product Cards Redesign (Moha Exact Style) */
/* ─── Card Wrapper — Equal Height Flexbox ──────── */
.product-item {
    background-color: #ffffff !important;
    border: 1px solid #E2E2E2 !important;
    border-radius: 16px !important;
    padding: 10px !important;
    /* 10px padding around inner elements */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.product-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1) !important;
    border-color: #D6D6D6 !important;
}

/* Reset default card border/padding structures from theme */
.product-item .card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.product-item .card-product,
.product-item .card-product__wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* ─── Image Area — Rounded Box inside Card ──────── */
.product-item .card-media {
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #F5F0EA !important;
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0 !important;
    /* Resets inline padding-bottom */
}

.product-item .card-media img,
.product-item .card-media .media,
.product-item .card-media .media img {
    border-radius: 12px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.product-item:hover .card-media img {
    transform: scale(1.04) !important;
}

/* ─── PDP Gallery Media Reset ─────────────────── */
.productView-media img,
.productView-image img,
.productView-nav img {
    object-fit: contain !important;
    max-width: 100% !important;
}

/* ─── Card Info Wrapper — Flex Stretch for Equal Heights ── */
.product-item .card-information {
    padding: 10px 4px 4px 4px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
}

.product-item .card-information__wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    text-align: left !important;
}

/* Enforce Left Alignment on All Text Elements */
.product-item .card__heading,
.product-item .card__heading a,
.product-item .card-title,
.product-item .card-short-description,
.product-item .card-rating-wrapper,
.product-item .card-volume,
.product-item .card-price,
.product-item .card-price dl,
.product-item .card-mrp-subtext {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* ─── Title (Single Line with Ellipsis & Beautiful Tooltip) ─── */
.product-item .card__heading {
    position: relative !important;
    margin: 0 0 4px 0 !important;
    min-height: 24px !important;
    display: block !important;
    overflow: visible !important;
    z-index: 10 !important;
}

.product-item .card-title {
    position: relative !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1.35 !important;
    letter-spacing: -0.1px !important;
    max-width: 100% !important;
    cursor: pointer !important;
}

.product-item .title-text {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

/* Elegant Floating Tooltip on Hover */
.product-item .title-tooltip {
    position: absolute !important;
    bottom: 100% !important;
    left: 0 !important;
    transform: translateY(-4px) scale(0.95) !important;
    background: #133B20 !important;
    /* Premium Dark Green */
    color: #ffffff !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    white-space: normal !important;
    word-break: break-word !important;
    width: max-content !important;
    max-width: 240px !important;
    text-align: left !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
    z-index: 99999 !important;
    line-height: 1.35 !important;
}

/* Tooltip Pointer Arrow */
.product-item .title-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 16px !important;
    border-width: 5px 6px 0 6px !important;
    border-style: solid !important;
    border-color: #133B20 transparent transparent transparent !important;
}

/* Reveal Tooltip on Hover */
.product-item .card__heading:hover .title-tooltip,
.product-item .card-title:hover~.title-tooltip,
.product-item .title-text:hover~.title-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-8px) scale(1) !important;
}

/* ─── Short Description ───────────────────────────── */
.card-short-description {
    font-size: 13px !important;
    color: #4A4A4A !important;
    line-height: 1.4 !important;
    margin: 4px 0 6px 0 !important;
    min-height: 36px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* ─── Star Rating (Highlighted Golden Badge) ──────── */
.product-item .card-rating-wrapper {
    min-height: 26px !important;
    display: flex !important;
    align-items: center !important;
    margin: 4px 0 6px 0 !important;
}

.product-item .card-rating-stars {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 12px !important;
    color: #333333 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    visibility: visible !important;
    opacity: 1 !important;
    line-height: 1 !important;
    background-color: #FFF8E7 !important;
    /* Highlight Soft Gold Background */
    border: 1px solid #FFEAA7 !important;
    /* Golden Pill Border */
    padding: 3px 8px !important;
    border-radius: 20px !important;
}

.product-item .star-icon-svg,
.product-item .card-rating-stars svg {
    fill: #FFB800 !important;
    /* Bright Golden Star */
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

.product-item .card-rating-stars .rating-num {
    font-weight: 700 !important;
    color: #111111 !important;
}

.product-item .card-rating-stars .rating-divider {
    color: #CCCCCC !important;
    margin: 0 1px !important;
}

.product-item .card-rating-stars .rating-count {
    color: #666666 !important;
    font-weight: 400 !important;
}

/* ─── Volume / Size ───────────────────────────────── */
.card-volume {
    font-size: 13.5px !important;
    color: #555555 !important;
    margin: 6px 0 4px 0 !important;
    font-weight: 400 !important;
    font-family: 'Poppins', sans-serif !important;
    min-height: 20px !important;
}

/* ─── Price Display (Fitted 1 Single Line) ─────────────────── */
.product-item .card-price {
    width: 100% !important;
    overflow: hidden !important;
    margin: 4px 0 2px 0 !important;
    min-height: 22px !important;
}

.card-price .price .price__sale {
    display: none !important;
}

.card-price .price.price--on-sale .price__regular {
    display: none !important;
}

.card-price .price.price--on-sale .price__sale {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    margin: 0 !important;
    width: 100% !important;
}

.card-price .price:not(.price--on-sale) .price__regular {
    display: flex !important;
    align-items: baseline !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Sale Price (14px) */
.card-price .price-item--regular,
.card-price .price-item--sale {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: -0.2px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Compare-At (crossed out) Price (10.5px) */
.card-price .price__compare {
    order: 2 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.card-price .price__last {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.card-price .price__compare .price-item,
.card-price .price__compare s {
    font-size: 10.5px !important;
    font-weight: 400 !important;
    color: #A0A0A0 !important;
    text-decoration: line-through !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Savings Badge - Clean & Never Clipped */
.card-price .price__saved,
.card-price .price-item--saved {
    order: 3 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #1E5631 !important;
    background-color: rgba(30, 86, 49, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Poppins', sans-serif !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    max-width: 100% !important;
}

/* ─── Tax Subtext ─────────────────────────────────── */
.card-mrp-subtext {
    font-size: 11.5px !important;
    color: #888888 !important;
    font-style: italic !important;
    margin: 2px 0 8px 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    min-height: 16px !important;
}

/* ─── Add to Cart Button (Solid Brand Green #1E5631 & Always Aligned) ── */
.product-item .card-action {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: 100% !important;
    margin-top: auto !important;
    /* Pushes button to bottom of equal height card */
    padding-top: 8px !important;
    display: block !important;
    z-index: 5 !important;
}

.product-item .card-action form {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
}

.card-action button,
.card-action .button,
.product-item .card-action button,
.product-item .button-ATC,
.product-item .product-form__submit {
    background: #1E5631 !important;
    background-color: #1E5631 !important;
    color: #ffffff !important;
    border: 1px solid #1E5631 !important;
    border-radius: 50px !important;
    /* Full pill */
    padding: 11px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    font-family: 'Poppins', sans-serif !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.card-action button:hover,
.card-action .button:hover,
.product-item .card-action button:hover,
.product-item .button-ATC:hover,
.product-item .product-form__submit:hover {
    background: #133B20 !important;
    background-color: #133B20 !important;
    border-color: #133B20 !important;
    color: #ffffff !important;
}

/* ─── Slick Slider & Grid Equal Heights Fix ──────── */
.slick-track {
    display: flex !important;
    align-items: stretch !important;
}

.slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.slick-slide>div {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.slick-slide .product-item,
.halo-row .product-item,
.grid .product-item {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
}

/* Sold Out */
.card-action button[disabled],
.card-action button.disabled {
    background-color: #D4BBBF !important;
    border: none !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* ─── Badges (Pill Style like Moha) ──────────────── */
.card__badge {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    z-index: 5 !important;
}

.badge,
.card__badge .badge {
    border-radius: 6px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border: none !important;
    text-transform: capitalize !important;
    box-shadow: none !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 0.2px !important;
}

.badge--sale,
.product-badge .sale-badge {
    background-color: #B57380 !important;
    /* Moha Rose */
    color: #ffffff !important;
}

.badge--new,
.product-badge .new-badge,
.product-badge [data-title*="New"] {
    background-color: #2E7D4E !important;
    /* Forest green - Moha "New Launch" */
    color: #ffffff !important;
}

/* Custom categories styling (Bubbles) */
.custom-category-bubbles {
    background-color: var(--modern-bg-warm) !important;
}

/* Floating video widgets (Watch & Buy) */
.floating-video-trigger {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 140px;
    height: 220px;
    border-radius: var(--modern-border-radius);
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    border: 2px solid #ffffff;
    cursor: pointer;
    transition: var(--modern-transition);
}

.floating-video-trigger:hover {
    transform: scale(1.03) translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.floating-video-trigger video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.floating-video-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    color: #ffffff;
    text-align: center;
    padding: 10px 5px 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.floating-video-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    z-index: 10;
}

/* =============================================================================
// Search Results Page Modernization (Moha-inspired Layout)
// ============================================================================= */

/* Center and style the search results heading in Title Case */
.template-search .page-header {
    text-align: center !important;
    text-transform: none !important;
    /* Title Case match */
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
    /* Medium elegant weight */
    font-size: 38px !important;
    /* Larger elegant heading */
    letter-spacing: normal !important;
    color: #232323 !important;
    margin-top: 45px !important;
    margin-bottom: 40px !important;
}

/* Product results count label style (Moha exact match) */
.search-results-count-wrapper {
    margin-bottom: 25px !important;
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.search-results-count {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4A4A4A !important;
    text-transform: lowercase !important;
    /* e.g. "65 products found" */
}

/* Force 4-column layout for products on desktop search results next to the sidebar */
@media (min-width: 1025px) {

    .template-search .productListing,
    .template-search .productGrid,
    .template-search .productList {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding: 0 !important;
    }

    .template-search .productListing .product,
    .template-search .productGrid .product,
    .template-search .productList .product {
        width: 25% !important;
        /* 4 columns on desktop */
        display: block !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 30px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    /* Clear margins on the first row of 4 products */
    .template-search .productListing .product:nth-child(-n+4),
    .template-search .productGrid .product:nth-child(-n+4),
    .template-search .productList .product:nth-child(-n+4) {
        margin-top: 0 !important;
    }

    /* Flex grid content wrapper to sit sidebar and products side-by-side */
    .template-search .halo-search-content {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    /* Sidebar width and spacing */
    .template-search .page-sidebar {
        width: 250px !important;
        flex: 0 0 250px !important;
        display: block !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Main products section width */
    .template-search .page-content {
        flex: 1 1 calc(100% - 250px) !important;
        width: calc(100% - 250px) !important;
        padding-left: 15px !important;
        box-sizing: border-box !important;
    }
}

/* Sidebar Styles (Moha exact match) */
.template-search .halo-sidebar-header {
    border-bottom: none !important;
    padding: 0 0 10px 0 !important;
    margin-bottom: 15px !important;
}

.template-search .halo-sidebar-header .title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: #232323 !important;
    letter-spacing: normal !important;
}

.template-search .sidebarBlock-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: #232323 !important;
    padding: 12px 0 !important;
    letter-spacing: normal !important;
    border-bottom: none !important;
}

.template-search .facets__list .facet-checkbox {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #4A4A4A !important;
    padding: 6px 0 !important;
    font-weight: 400 !important;
}

.template-search .facets__list .facet-checkbox input[type="checkbox"] {
    border-radius: 4px !important;
    border: 1px solid #D1C7BD !important;
}

/* Force 2-column layout for products on tablet/mobile search results */
@media (max-width: 1024px) {

    .template-search .productListing,
    .template-search .productGrid,
    .template-search .productList {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin-left: -8px !important;
        margin-right: -8px !important;
        padding: 0 !important;
    }

    .template-search .productListing .product,
    .template-search .productGrid .product,
    .template-search .productList .product {
        width: 50% !important;
        display: block !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-top: 25px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .template-search .productListing .product:nth-child(-n+2),
    .template-search .productGrid .product:nth-child(-n+2),
    .template-search .productList .product:nth-child(-n+2) {
        margin-top: 0 !important;
    }
}

/* Force 1-column layout only on very small mobile screens if needed */
@media (max-width: 360px) {

    .template-search .productListing .product,
    .template-search .productGrid .product,
    .template-search .productList .product {
        width: 100% !important;
    }
}

/* =============================================================================
   Site-Wide Font: 'TheSeasons' (Headings & Header Nav Links) + 'Poppins' (Body & Price)
   ============================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'TheSeasons';
    src: url('https://cdn.shopify.com/s/files/1/0688/2498/9743/files/Fontspring-DEMO-theseasons-lt.otf?v=1749554099') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-heading-family: 'TheSeasons', Georgia, serif !important;
    --font-body-family: 'Poppins', sans-serif !important;
    --font-menu-lv1-family: 'TheSeasons', Georgia, serif !important;
}

/* Luxury Editorial Headings, Section Titles & Main Header Nav Links use 'TheSeasons' */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.section-block-title,
.title,
.product-title,
.card-title,
.slideshow .title,
.banner-title,
.halo-block-header .title,
.site-nav .menu-lv-1>a,
.menu-lv-1__action,
.header-navigation .site-nav-title,
.menu-dropdown__column .site-nav-title,
.menu-dropdown__block--title,
.list-product-tabs .tab-links,
.categories-title {
    font-family: 'TheSeasons', Georgia, serif !important;
    letter-spacing: 0.3px !important;
}

/* Clean, Crisp Poppins for Body Text, Buttons & Price Amounts */
body,
p,
span,
button,
input,
select,
textarea,
.site-nav .menu-lv-2>a,
.site-nav .menu-lv-3>a,
.price,
.button,
.card-action,
.header__icon,
.price-item,
.cart-count-bubble {
    font-family: 'Poppins', sans-serif !important;
}

/* =============================================================================
   Always Sticky Header Navigation
   ============================================================================= */
.shopify-section-header-sticky,
.header-navigation-wrapper.shopify-section-header-sticky,
.section-header-navigation.shopify-section-header-sticky,
.section-header-navigation {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background-color: #FCFAF7 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Force Header Logo Visibility in Sticky Header */
.shopify-section-header-sticky .header-logo,
.shopify-section-header-show .header-logo,
.scrolled-past-header .header-logo,
.header-logo.hide-main-menu,
.header-logo.show-main-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* =============================================================================
   Moha-Style Mega Menu / Header Nav Dropdown Exact Layout
   ============================================================================= */
.menu-lv-1 {
    position: relative !important;
}

.menu-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: -20px !important;
    transform: none !important;
    width: 720px !important;
    min-width: 680px !important;
    max-width: 780px !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.12) !important;
    background-color: #ffffff !important;
    border: 1px solid #eae1d8 !important;
    overflow: hidden !important;
    padding: 24px 28px !important;
    margin-top: 0 !important;
    z-index: 999 !important;
}

.menu-dropdown__wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 25px !important;
    overflow: hidden !important;
}

/* Left Column: Category List */
.menu-dropdown__column {
    flex: 1 1 auto !important;
    min-width: 180px !important;
    max-width: 300px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    float: none !important;
}

.menu-dropdown__column .site-nav,
.menu-dropdown__column .site-nav-list,
.menu-dropdown__column [data-griditem] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    float: none !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

.menu-dropdown__column .site-nav-title,
.menu-dropdown__block--title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
    letter-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

.menu-dropdown__column .site-nav-list,
.menu-dropdown__column .list-unstyled {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}

.menu-dropdown__column .site-nav-link,
.menu-dropdown__column .menu-lv-2__action,
.menu-dropdown__column .menu-lv-3__action,
.menu-dropdown__column .site-nav-title {
    display: block !important;
    width: 100% !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #4a4a4a !important;
    text-transform: capitalize !important;
    padding: 5px 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.menu-dropdown__column .site-nav-link:hover,
.menu-dropdown__column .menu-lv-2__action:hover,
.menu-dropdown__column .site-nav-title:hover {
    color: #1E5631 !important;
    transform: translateX(4px) !important;
    background: transparent !important;
}

/* Right Column: Promotional Image Banners */
.menu-dropdown__banner,
.site-nav-banner {
    flex: 0 0 340px !important;
    width: 340px !important;
    max-width: 340px !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow: hidden !important;
}

.menu-dropdown__banner .site-nav-banner--item,
.menu-dropdown__banner .banner,
.site-nav-banner .banner {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-bottom: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.menu-dropdown__banner .banner a.image,
.site-nav-banner .banner a.image {
    padding-top: 0 !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.menu-dropdown__banner .banner a.image img,
.site-nav-banner .banner a.image img,
.menu-dropdown__banner .not_img,
.site-nav-banner .not_img {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.3s ease !important;
}

.menu-dropdown__banner .banner:hover img,
.site-nav-banner .banner:hover img {
    transform: scale(1.02) !important;
}

/* =============================================================================
   Standard Header Navigation Dropdowns (Combos, Anti-Acne, Soaps, etc.)
   ============================================================================= */
.list-menu--disclosure {
    width: max-content !important;
    min-width: 290px !important;
    max-width: 440px !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1) !important;
    background-color: #ffffff !important;
    border: 1px solid #eae1d8 !important;
    padding: 12px 10px !important;
    margin-top: 8px !important;
}

.list-menu--disclosure .menu-lv-2 {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f3ece5 !important;
}

.list-menu--disclosure .menu-lv-2:last-child {
    border-bottom: none !important;
}

.list-menu--disclosure .menu-lv-2__action {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #232323 !important;
    text-transform: capitalize !important;
    line-height: 1.4 !important;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
    border-radius: 8px !important;
}

.list-menu--disclosure .menu-lv-2__action:hover {
    color: #1E5631 !important;
    background-color: #f7f3ee !important;
    transform: translateX(4px) !important;
}

.list-menu--disclosure .menu-lv-2__action .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
}

.menu-dropdown__column .site-nav-link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #444444 !important;
    text-transform: capitalize !important;
    padding: 6px 0 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.menu-dropdown__column .site-nav-link:hover {
    color: #8D5E44 !important;
    transform: translateX(4px) !important;
}

.site-nav-banner .banner-item img,
.site-nav-product .card {
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.site-nav-banner .banner-item:hover img,
.site-nav-product .card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(141, 94, 68, 0.12) !important;
}

/* =============================================================================
   Pokonut & Moha D2C Herbal Skincare Design System & UI Overrides
   ============================================================================= */

:root {
    --skincare-bg-cream: #FAF7F2;
    --skincare-green-dark: #2C4A3E;
    --skincare-green-leaf: #3D6B56;
    --skincare-terracotta: #C86D51;
    --skincare-sand: #F2ECE1;
    --skincare-gold: #D4AF37;
    --skincare-radius-pill: 50px;
    --skincare-radius-card: 16px;
    --skincare-shadow-soft: 0 8px 24px rgba(44, 74, 62, 0.08);
}

/* 1. Category & Concern Bubbles / Pill Swiper Styling */
.custom-category-bubbles-section,
.skincare-concern-wrapper {
    background-color: #FAF7F2 !important;
    padding: 30px 0 !important;
}

.skincare-bubble-list,
.custom-category-bubbles-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 16px !important;
    padding: 10px 4px 20px 4px !important;
    scrollbar-width: thin;
    scrollbar-color: #3D6B56 transparent;
    -webkit-overflow-scrolling: touch;
}

.skincare-bubble-list::-webkit-scrollbar,
.custom-category-bubbles-list::-webkit-scrollbar {
    height: 4px;
}

.skincare-bubble-list::-webkit-scrollbar-thumb,
.custom-category-bubbles-list::-webkit-scrollbar-thumb {
    background-color: #3D6B56;
    border-radius: 10px;
}

.skincare-bubble-item,
.custom-category-bubbles-item {
    flex: 0 0 auto !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.skincare-bubble-item:hover,
.custom-category-bubbles-item:hover {
    transform: translateY(-4px) !important;
}

.skincare-bubble-img-wrap,
.custom-category-bubbles-image {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 6px 18px rgba(44, 74, 62, 0.12) !important;
    margin: 0 auto 10px auto !important;
    background-color: #ffffff !important;
    transition: border-color 0.25s ease !important;
}

.skincare-bubble-item:hover .skincare-bubble-img-wrap,
.custom-category-bubbles-item:hover .custom-category-bubbles-image {
    border-color: #3D6B56 !important;
}

.skincare-bubble-title,
.custom-category-bubbles-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2C4A3E !important;
    margin-top: 6px !important;
    text-transform: capitalize !important;
}

/* 2. D2C Trust & Guarantees Bar */
.skincare-trust-bar-section {
    background: linear-gradient(135deg, #2C4A3E 0%, #1E3A2B 100%) !important;
    color: #ffffff !important;
    padding: 24px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.skincare-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px !important;
    align-items: center !important;
    justify-content: center !important;
}

.skincare-trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    justify-content: center !important;
    padding: 10px !important;
}

.skincare-trust-icon {
    width: 42px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
    display: flex !items-center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 50% !important;
    color: #D4AF37 !important;
}

.skincare-trust-text,
.skincare-trust-heading,
.skincare-trust-subtext,
.skincare-trust-title {
    font-family: 'Inter', 'Poppins', sans-serif !important;
}

.skincare-trust-heading {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}

.skincare-trust-subtext {
    font-size: 12px !important;
    color: #d1e2d9 !important;
    margin: 2px 0 0 0 !important;
    font-weight: 400 !important;
}

/* 3. Herbal & Active Ingredients Spotlight Section */
.skincare-ingredients-section {
    background-color: #FAF7F2 !important;
    padding: 60px 0 !important;
}

.skincare-ingredients-header {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto 40px auto !important;
}

.skincare-ingredients-subheading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #C86D51 !important;
    margin-bottom: 8px !important;
}

.skincare-ingredients-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #2C4A3E !important;
    margin-bottom: 12px !important;
}

.skincare-ingredients-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 24px !important;
}

.skincare-ingredient-card {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    padding: 28px 24px !important;
    box-shadow: 0 8px 24px rgba(44, 74, 62, 0.06) !important;
    border: 1px solid #f0e8df !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    text-align: center !important;
}

.skincare-ingredient-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 32px rgba(44, 74, 62, 0.12) !important;
    border-color: #3D6B56 !important;
}

.skincare-ingredient-img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 auto 16px auto !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}

.skincare-ingredient-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #2C4A3E !important;
    margin-bottom: 8px !important;
}

.skincare-ingredient-badge {
    display: inline-block !important;
    background-color: #FAF7F2 !important;
    color: #C86D51 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
    margin-bottom: 12px !important;
}

.skincare-ingredient-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 4. Enhanced D2C Product Card Visual Overrides */
.card-product,
.product-item {
    border-radius: 16px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.card-product:hover,
.product-item:hover {
    box-shadow: 0 10px 28px rgba(44, 74, 62, 0.1) !important;
}

.card-product .card-badge,
.product-item .badge {
    border-radius: 50px !important;
    padding: 4px 12px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
}

.card-product .card-action .button,
.product-item .button {
    border-radius: 50px !important;
    background-color: #2C4A3E !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: background-color 0.25s ease !important;
}

.card-product .card-action .button:hover,
.product-item .button:hover {
    background-color: #C86D51 !important;
}

/* 5. Customer Review Block Testimonial Carousel Overrides */
.customer-review-block {
    background-color: #FCFAF7 !important;
    padding: 60px 0 !important;
}

.customer-review-block .halo-block-header .title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #2C4A3E !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}

.customer-review-block .halo-block-header .subtext-review {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #C86D51 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.customer-review__item {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 28px 24px !important;
    box-shadow: 0 8px 24px rgba(44, 74, 62, 0.06) !important;
    border: 1px solid #f0e8df !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.customer-review__item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(44, 74, 62, 0.12) !important;
    border-color: #3D6B56 !important;
}

.customer-review__item .heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2C4A3E !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.customer-review__item .customer-review__content,
.customer-review__item .body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    color: #4A4A4A !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

.customer-review__item .star-reviews .star--icon {
    font-size: 16px !important;
    color: #D4AF37 !important;
    letter-spacing: 2px !important;
}

.customer-review__item .star-reviews .star--icon:before {
    content: "\2605" !important;
    color: #D4AF37 !important;
}

.customer-review__item .customer-review__info,
.customer-review__item .name {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2C4A3E !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.customer-review__item .date {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #888888 !important;
    font-weight: 400 !important;
}

/* ==========================================================================
   6. Comprehensive Responsive Suite for All Screen Sizes (Mobile, Tablet, Desktop)
   ========================================================================== */

/* Mobile Screens (up to 767px) */
@media (max-width: 767px) {

    /* Trust Bar */
    .skincare-trust-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 12px !important;
        padding: 0 8px !important;
    }

    .skincare-trust-item {
        flex-direction: column !important;
        text-align: center !important;
        gap: 6px !important;
    }

    .skincare-trust-title {
        font-size: 13px !important;
    }

    .skincare-trust-subtext {
        font-size: 11px !important;
    }

    /* Ingredients Spotlight */
    .skincare-ingredients-heading {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .skincare-ingredients-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .skincare-ingredient-card {
        padding: 20px 16px !important;
    }

    /* Brand Story Section */
    .skincare-story-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        text-align: center !important;
    }

    .skincare-story-floating-badge {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        margin: 12px auto 0 auto !important;
        display: inline-block !important;
        padding: 10px 18px !important;
        font-size: 12px !important;
    }

    .skincare-story-stats {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }

    .skincare-stat-item span:first-child {
        font-size: 22px !important;
    }

    /* Testimonials Carousel & Customer Review Block */
    .skincare-testimonials-grid,
    .customer-review-slide {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .skincare-testimonial-card,
    .customer-review__item {
        padding: 20px 16px !important;
        border-radius: 14px !important;
    }

    .customer-review-block .halo-block-header .title {
        font-size: 24px !important;
    }

    /* Newsletter Section */
    .skincare-newsletter-card {
        padding: 28px 16px !important;
        border-radius: 18px !important;
    }

    .skincare-newsletter-card h2 {
        font-size: 24px !important;
    }

    .skincare-newsletter-card p {
        font-size: 13.5px !important;
    }

    .skincare-newsletter-form div {
        flex-direction: column !important;
        width: 100% !important;
    }

    .skincare-newsletter-form input,
    .skincare-newsletter-form button {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
}

/* Tablet Screens (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .skincare-trust-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

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

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

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

    .skincare-newsletter-card {
        padding: 36px 24px !important;
    }
}

/* Desktop & Ultra-wide Screens (1025px+) */
@media (min-width: 1025px) {
    .skincare-trust-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .skincare-ingredients-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .skincare-testimonials-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* ─── Unified Brand Green & Cyan Color Theme for Collection & Search Pages ─── */

/* 1. Sidebar Headings & Filters */
.sidebarBlock-heading {
    color: #1E392A !important;
    font-weight: 700 !important;
    border-left: 3px solid #2C4A3E !important;
    padding-left: 10px !important;
}

.facets__clear-all,
.facets__reset {
    color: #059669 !important;
    font-weight: 600 !important;
}

.facets__clear-all:hover,
.facets__reset:hover {
    color: #047857 !important;
    text-decoration: underline !important;
}

/* 2. Sidebar Filter Checkboxes & Badges */
.facets__list .facets__item input[type="checkbox"],
.facets__list .list-menu__item input[type="checkbox"] {
    accent-color: #2C4A3E !important;
}

.facets__list .facets__item label.facet-checkbox:hover,
.facets__list .list-menu__item label.facet-checkbox:hover {
    color: #059669 !important;
}

/* 3. Toolbar & Dropdowns */
.toolbar .toolbar-item select,
.toolbar .toolbar-item .dropdown-toggle,
.toolbar .dropdown-menu {
    border-color: #D1D5DB !important;
}

.toolbar .dropdown-menu li.is-active,
.toolbar .dropdown-menu li:hover {
    background-color: #F0FDF4 !important;
    color: #166534 !important;
}

.toolbar .dropdown-menu li.is-active .text {
    font-weight: 700 !important;
    color: #166534 !important;
}

/* 4. Numbered Pagination Buttons */
.pagination__list .pagination__item--current {
    border-color: #2C4A3E !important;
    background-color: #2C4A3E !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(44, 74, 62, 0.25) !important;
}

.pagination__list .pagination__item:hover {
    border-color: #059669 !important;
    color: #059669 !important;
    background-color: #ECFDF5 !important;
}

/* 5. Product Card Buttons & Badges */
.product-card .card-action .btn,
.product-item .card-action .btn,
.product-card .button {
    background-color: #2C4A3E !important;
    border-color: #2C4A3E !important;
    color: #FFFFFF !important;
}

.product-card .card-action .btn:hover,
.product-item .card-action .btn:hover,
.product-card .button:hover {
    background-color: #1E392A !important;
    border-color: #1E392A !important;
    box-shadow: 0 4px 12px rgba(30, 57, 42, 0.3) !important;
}

/* 6. Savings Badge & Sale Badges */
.card-price .price__saved,
.card-price .price-item--saved {
    color: #166534 !important;
    background-color: #DCFCE7 !important;
    border: 1px solid #BBF7D0 !important;
}

/* 7. Search Results Banner & Result Headings - Centered in Middle */
.search-page-title,
.template-search .page-header,
.template-search h1.page-header {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    display: block !important;
    color: #1E392A !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    font-family: 'Poppins', sans-serif !important;
    margin-top: 15px !important;
    margin-bottom: 4px !important;
}

/* ─── Expand Collection & Search Container Width to Eliminate Right Margin Gap ─── */
.search-container,
.collection-default .container,
.collection-default .container-1170,
.collection-default .container-1770,
.template-search .container,
.template-search .container-1170,
.template-search .container-1770 {
    max-width: 94% !important;
    width: 94% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1600px) {

    .search-container,
    .collection-default .container,
    .collection-default .container-1170,
    .collection-default .container-1770,
    .template-search .container,
    .template-search .container-1170,
    .template-search .container-1770 {
        max-width: 1680px !important;
        width: 1680px !important;
    }
}

/* ─── Search Page Top Search Bar Form Styling ─── */
.search-page-bar-wrapper {
    max-width: 600px !important;
    width: 100% !important;
    margin: 18px auto 30px auto !important;
}

.search-page-field-inline {
    display: flex !important;
    width: 100% !important;
    max-width: 580px !important;
    margin: 0 auto !important;
    align-items: center !important;
}

.search-page-field-inline input.search__input {
    flex: 1 !important;
    height: 48px !important;
    border: 1.5px solid #D1D5DB !important;
    border-right: none !important;
    border-radius: 8px 0 0 8px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    background: #FFFFFF !important;
    color: #111111 !important;
    outline: none !important;
}

.search-page-field-inline button.search__button {
    height: 48px !important;
    width: 54px !important;
    min-width: 54px !important;
    border-radius: 0 8px 8px 0 !important;
    background: #2C4A3E !important;
    border: 1.5px solid #2C4A3E !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.search-page-field-inline button.search__button svg {
    width: 20px !important;
    height: 20px !important;
    fill: #FFFFFF !important;
}

/* ─── Ultra-Next Level Search Page Title & Subtitle Banner ─── */
.template-search .collection-default {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.template-search .search-container {
    min-height: auto !important;
    padding-top: 15px !important;
    padding-bottom: 0 !important;
}

.search-page-header-banner {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

.search-page-main-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #1E392A !important;
    letter-spacing: -0.5px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    text-align: center !important;
}

.search-highlight-term {
    color: #059669 !important;
    position: relative !important;
    display: inline-block !important;
    background: rgba(5, 150, 105, 0.08) !important;
    padding: 2px 14px !important;
    border-radius: 8px !important;
}

.search-page-subtext {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
    max-width: 640px !important;
    margin: 4px auto 0 auto !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* ─── Search Hero Card Box Container (Red Box Request) ─── */
.search-hero-card-box {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 22px 25px 24px 25px !important;
    max-width: 680px !important;
    margin: 10px auto 0 auto !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    text-align: center !important;
}

.search-hero-card-box .search-page-subtext {
    margin: 0 auto 18px auto !important;
    color: #4B5563 !important;
}

.search-hero-card-box .search-page-bar-wrapper {
    margin: 0 auto !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 8. CART PAGE & CART DRAWER PREMIUM BRAND STYLING SYSTEM                   */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Cart Page Container & Header Title ─── */
.template-cart .cart-container {
    max-width: 94% !important;
    width: 94% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1600px) {
    .template-cart .cart-container {
        max-width: 1680px !important;
        width: 1680px !important;
    }
}

.template-cart .page-header {
    text-align: center !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #1E392A !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

/* ─── Free Shipping Progress Bar ─── */
.previewCartMessage .free-shipping-component,
.cart-message .free-shipping-component,
.cart-countdown {
    background: #F0FDF4 !important;
    border: 1px solid #BBF7D0 !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    color: #166534 !important;
    font-weight: 600 !important;
}

.free-shipping-component .progress-bar,
.previewCartMessage .progress-bar {
    background: #E5E7EB !important;
    border-radius: 20px !important;
    height: 8px !important;
    overflow: hidden !important;
}

.free-shipping-component .progress-bar .progress,
.previewCartMessage .progress-bar .progress {
    background: linear-gradient(90deg, #2C4A3E 0%, #059669 100%) !important;
    border-radius: 20px !important;
}

/* ─── Cart Table & Items List ─── */
.cart-items thead th {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    color: #1E392A !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid #E5E7EB !important;
    padding-bottom: 12px !important;
}

.cart-item {
    border-bottom: 1px solid #F3F4F6 !important;
    padding: 20px 0 !important;
}

.cart-item__name,
.previewCartItem-name {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    color: #1E392A !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

.cart-item__name:hover,
.previewCartItem-name:hover {
    color: #059669 !important;
}

.cart-item__price,
.previewCartItem-price {
    font-weight: 700 !important;
    color: #1E392A !important;
    font-size: 16px !important;
}

/* ─── Quantity Input Box (- 1 +) ─── */
.cart-item__quantity .quantity,
.previewCartItem-qty .quantity {
    border: 1.5px solid #D1D5DB !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.cart-item__quantity .quantity__button,
.previewCartItem-qty .quantity__button {
    color: #1E392A !important;
    font-weight: 700 !important;
    background: #F9FAFB !important;
    transition: all 0.2s ease !important;
}

.cart-item__quantity .quantity__button:hover,
.previewCartItem-qty .quantity__button:hover {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
}

/* ─── Cart Order Summary Card & Buttons ─── */
.cart-summary,
.cart__footer {
    background: #FFFFFF !important;
    border: 1.5px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 25px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

.cart-summary .cart-summary-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1E392A !important;
    border-bottom: 1px solid #E5E7EB !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
}

.cart-summary .subtotal-price,
.cart-subtotal .money {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1E392A !important;
}

.cart__checkout-button,
.previewCartCheckout-button,
button[name="checkout"],
.cart__submit {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    border: none !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 14px rgba(44, 74, 62, 0.25) !important;
    transition: all 0.25s ease !important;
}

.cart__checkout-button:hover,
.previewCartCheckout-button:hover,
button[name="checkout"]:hover,
.cart__submit:hover {
    background: #1E392A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(44, 74, 62, 0.35) !important;
}

.cart-continue-button,
.previewCartView-button {
    background: transparent !important;
    color: #2C4A3E !important;
    border: 1.5px solid #2C4A3E !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

.cart-continue-button:hover,
.previewCartView-button:hover {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
}

/* ─── Cart Drawer Styling (Slide-In Quick Cart) ─── */
.halo-cart-sidebar {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.12) !important;
}

.halo-cart-sidebar .halo-sidebar-header {
    background: #F8FAF8 !important;
    border-bottom: 1.5px solid #E5E7EB !important;
    padding: 20px 24px !important;
}

.halo-cart-sidebar .halo-sidebar-header .title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1E392A !important;
}

.halo-cart-sidebar .cartCount {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 9. NEXT-LEVEL LUXURY CART PAGE TABLE & ORDER SUMMARY DESIGN SYSTEM         */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Cart Table Header & Clean Card Container ─── */
.cart-header {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    margin-bottom: 20px !important;
}

.cart-header-item {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    color: #1E392A !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.8px !important;
}

.cart-list .cart-item {
    background: #FFFFFF !important;
    border: 1.5px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.cart-list .cart-item:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
    border-color: #D1D5DB !important;
}

.cart-item-image img {
    border-radius: 12px !important;
    border: 1px solid #E5E7EB !important;
    object-fit: cover !important;
}

.cart-item-name .text {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    color: #1E392A !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.cart-item-name:hover .text {
    color: #059669 !important;
}

.cart-item-vendor {
    color: #059669 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    background: #ECFDF5 !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    margin-top: 6px !important;
}

/* ─── Item Price & Savings Badge ─── */
.cart-item-price .price,
.cart-item__price-wrapper .price--end {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1E392A !important;
}

.cart-item-price s.cart-item__old-price {
    color: #9CA3AF !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
    margin-right: 6px !important;
}

/* ─── Quantity Control Box (- 1 +) ─── */
.cart-item-quantity .cart-item-qty {
    display: flex !important;
    align-items: center !important;
    border: 1.5px solid #D1D5DB !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    width: fit-content !important;
}

.cart-item-quantity .btn-quantity {
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F9FAFB !important;
    color: #1E392A !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cart-item-quantity .btn-quantity:hover {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
}

.cart-item-quantity input.cart-item-qty-input {
    width: 48px !important;
    height: 38px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border: none !important;
    color: #111111 !important;
}

/* ─── Modern Trash / Remove Button ─── */
.cart-remove,
.cart-item-remove a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #FEF2F2 !important;
    color: #EF4444 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.cart-remove:hover,
.cart-item-remove a:hover {
    background: #EF4444 !important;
    color: #FFFFFF !important;
    transform: scale(1.1) !important;
}

.cart-remove svg {
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
}

/* ─── Order Summary Sidebar Card ─── */
.cart-content-item.cart-total {
    background: #FFFFFF !important;
    border: 1.5px solid #E5E7EB !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05) !important;
    position: sticky !important;
    top: 100px !important;
}

.cart--totals-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1E392A !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #2C4A3E !important;
    padding-bottom: 14px !important;
    margin-bottom: 22px !important;
    letter-spacing: 0.5px !important;
}

.cart-totals li.cart-total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #F3F4F6 !important;
}

.cart-totals .cart-total-label .text {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4B5563 !important;
}

.cart-totals .cart-total-value .text {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

.cart-totals li.cart-total-grandtotal {
    border-bottom: none !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.cart-totals li.cart-total-grandtotal .cart-total-label .text {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1E392A !important;
    text-transform: uppercase !important;
}

.cart-totals li.cart-total-grandtotal .cart-total-value .text {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #1E392A !important;
}

/* ─── Checkout & Continue Buttons ─── */
.button-checkout,
#cart-checkout {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    border: none !important;
    height: 52px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(44, 74, 62, 0.3) !important;
    transition: all 0.25s ease !important;
    margin-top: 15px !important;
    margin-bottom: 12px !important;
}

.button-checkout:hover,
#cart-checkout:hover {
    background: #1E392A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(44, 74, 62, 0.4) !important;
}

.button-continue {
    background: transparent !important;
    color: #2C4A3E !important;
    border: 2px solid #2C4A3E !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

.button-continue:hover {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 10. CART PAGE REFERENCE DESIGN SYSTEM (MATCHING USER SCREENSHOT)          */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. Top Checkout Steps Progress Bar (1. Cart ── 2. Checkout ── 3. Payment) ─── */
.cart-checkout-steps-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 10px !important;
    margin-bottom: 28px !important;
}

.cart-checkout-steps-bar .checkout-step {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #9CA3AF !important;
    font-weight: 500 !important;
}

.cart-checkout-steps-bar .checkout-step.step-active {
    color: #111111 !important;
    font-weight: 700 !important;
}

.cart-checkout-steps-bar .step-num {
    font-weight: 700 !important;
}

.cart-checkout-steps-bar .step-line {
    width: 32px !important;
    height: 1.5px !important;
    background: #D1D5DB !important;
}

/* ─── 2. Clean Item Card Container (Matching Cream Card Background) ─── */
.cart-list .cart-item {
    background: #FBFBF9 !important;
    border: 1px solid #EEEEEC !important;
    border-radius: 18px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    box-shadow: none !important;
}

.cart-item-image img {
    border-radius: 14px !important;
    background: #F3F3F0 !important;
    border: none !important;
}

.cart-item-name .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

/* ─── Pill-Shaped Quantity Box (- 1 +) ─── */
.cart-item-quantity .cart-item-qty {
    border: 1px solid #E5E7EB !important;
    border-radius: 25px !important;
    background: #FFFFFF !important;
    padding: 2px 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.cart-item-quantity .btn-quantity {
    background: transparent !important;
    color: #111111 !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    font-weight: 600 !important;
}

.cart-item-quantity .btn-quantity:hover {
    background: #F3F4F6 !important;
    color: #111111 !important;
}

/* ─── 3. Right Sidebar Order Summary Card (Matching Reference Image) ─── */
.cart-content-item.cart-total {
    background: #FBFBF9 !important;
    border: 1px solid #EEEEEC !important;
    border-radius: 22px !important;
    padding: 28px !important;
    box-shadow: none !important;
}

.cart--totals-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px !important;
}

.cart-totals li.cart-total {
    border-bottom: none !important;
    padding: 8px 0 !important;
}

.cart-totals .cart-total-label .text {
    font-size: 14px !important;
    color: #6B7280 !important;
    font-weight: 500 !important;
}

.cart-totals .cart-total-value .text {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

.cart-totals li.cart-total-shipping .cart-total-value .text,
.cart-totals li.cart-total-shipping span {
    color: #F97316 !important;
    font-weight: 700 !important;
}

.cart-totals li.cart-total-grandtotal {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.cart-totals li.cart-total-grandtotal .cart-total-label .text {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: capitalize !important;
}

.cart-totals li.cart-total-grandtotal .cart-total-value .text {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

/* ─── Pill-Shaped Proceed to Checkout Button ─── */
.button-checkout,
#cart-checkout {
    background: #232321 !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: none !important;
    border-radius: 30px !important;
    height: 52px !important;
    box-shadow: none !important;
    margin-top: 18px !important;
    margin-bottom: 16px !important;
}

.button-checkout:hover,
#cart-checkout:hover {
    background: #2C4A3E !important;
    transform: translateY(-1px) !important;
}

/* ─── Estimated Delivery Sub-note ─── */
.cart-estimated-delivery-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 18px !important;
    font-size: 13.5px !important;
    color: #4B5563 !important;
    font-weight: 500 !important;
}

.cart-estimated-delivery-badge strong {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 11. EXACT REFERENCE SCREENSHOT MATCH (SERIF PLAYFAIR TITLE & COUPON BOX)   */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Elegant Left-Aligned Serif "Cart" Header ─── */
.template-cart .page-header {
    text-align: left !important;
    font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
    font-size: 46px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}

/* ─── Left-Aligned Checkout Steps Indicator (1. Cart ── 2. Checkout ── 3. Payment) ─── */
.cart-checkout-steps-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 32px !important;
}

.cart-checkout-steps-bar .checkout-step {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14.5px !important;
    color: #9CA3AF !important;
    font-weight: 500 !important;
}

.cart-checkout-steps-bar .checkout-step.step-active {
    color: #111111 !important;
    font-weight: 700 !important;
}

.cart-checkout-steps-bar .step-line {
    width: 44px !important;
    height: 1.5px !important;
    background: #D1D5DB !important;
}

/* ─── Have a Coupon? Card Box (Bottom Right Sidebar) ─── */
.cart-have-coupon-box {
    background: #FBFBF9 !important;
    border: 1.5px solid #EEEEEC !important;
    border-radius: 18px !important;
    padding: 22px !important;
    margin-top: 24px !important;
}

.cart-have-coupon-box .coupon-box-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin-bottom: 14px !important;
}

.cart-have-coupon-box .coupon-box-field {
    display: flex !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 4px 6px 4px 14px !important;
    align-items: center !important;
}

.cart-have-coupon-box .coupon-input {
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    color: #111111 !important;
}

.cart-have-coupon-box .coupon-apply-btn {
    background: transparent !important;
    border: none !important;
    color: #F97316 !important;
    /* Vibrant Orange/Coral Apply button text */
    font-weight: 700 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    padding: 6px 14px !important;
    font-family: 'Poppins', sans-serif !important;
    transition: color 0.2s ease !important;
}

.cart-have-coupon-box .coupon-apply-btn:hover {
    color: #EA580C !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 12. EXTRA PRODUCT DETAILS, GST, DELETE MODAL & TOAST NOTIFICATIONS         */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Product Column Extra Details ─── */
.cart-item-extra-details {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.cart-detail-badge {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.cart-detail-badge.stock-badge {
    background: #ECFDF5 !important;
    color: #047857 !important;
    border: 1px solid #A7F3D0 !important;
}

.cart-detail-badge.stock-badge .dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #10B981 !important;
    display: inline-block !important;
}

.cart-detail-badge.organic-badge {
    background: #FEF3C7 !important;
    color: #92400E !important;
    border: 1px solid #FDE68A !important;
}

.cart-detail-badge.sku-badge {
    background: #F3F4F6 !important;
    color: #4B5563 !important;
    border: 1px solid #E5E7EB !important;
}

/* ─── Shipping & GST Breakdown Tags ─── */
.shipping-free-tag {
    color: #F97316 !important;
    font-weight: 700 !important;
    background: #FFF7ED !important;
    padding: 2px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #FFEDD5 !important;
}

.gst-included-text {
    font-size: 13.5px !important;
    color: #6B7280 !important;
    font-weight: 600 !important;
}

/* ─── Delete Confirmation Modal Overlay ─── */
.cart-modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease !important;
}

.cart-modal-backdrop.modal-open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.cart-delete-modal-card {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 30px !important;
    max-width: 420px !important;
    width: 90% !important;
    text-align: center !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
    transform: scale(0.9) !important;
    transition: transform 0.25s ease !important;
    position: relative !important;
}

.cart-modal-close-btn {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    background: transparent !important;
    border: none !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #9CA3AF !important;
    cursor: pointer !important;
    padding: 4px !important;
    transition: color 0.2s ease !important;
}

.cart-modal-close-btn:hover {
    color: #111827 !important;
}

.cart-modal-backdrop.modal-open .cart-delete-modal-card {
    transform: scale(1) !important;
}

.cart-delete-modal-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background: #FEF2F2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 16px auto !important;
}

.cart-delete-modal-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin-bottom: 8px !important;
}

.cart-delete-modal-desc {
    font-size: 14.5px !important;
    color: #4B5563 !important;
    line-height: 1.5 !important;
    margin-bottom: 24px !important;
}

.cart-delete-modal-buttons {
    display: flex !important;
    gap: 12px !important;
}

.cart-modal-btn {
    flex: 1 !important;
    height: 46px !important;
    border-radius: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cart-modal-btn.btn-cancel-modal {
    background: #F3F4F6 !important;
    color: #374151 !important;
    border: none !important;
}

.cart-modal-btn.btn-cancel-modal:hover {
    background: #E5E7EB !important;
}

.cart-modal-btn.btn-confirm-delete {
    background: #EF4444 !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3) !important;
}

.cart-modal-btn.btn-confirm-delete:hover {
    background: #DC2626 !important;
}

/* ─── Bottom-Right Toast Notifications ─── */
#cart-toast-container {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    pointer-events: none !important;
}

.cart-toast-item {
    background: #111827 !important;
    color: #FFFFFF !important;
    padding: 14px 22px !important;
    border-radius: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    pointer-events: auto !important;
}

.cart-toast-item.toast-show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.cart-toast-item.toast-removed {
    background: #1F2937 !important;
    border-left: 4px solid #EF4444 !important;
}

.cart-toast-item.toast-success {
    background: #064E3B !important;
    border-left: 4px solid #10B981 !important;
}

.cart-toast-item.toast-order {
    background: #1E392A !important;
    border-left: 4px solid #F59E0B !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 13. EXACT IMAGE 1 CART UI DESIGN SYSTEM (SINGLE CONTAINER & IMAGE 1 MATCH)  */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Page Title "YOUR CART" ─── */
.template-cart .your-cart-header-title {
    font-family: 'Poppins', 'Inter', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
    margin-top: 10px !important;
    margin-bottom: 24px !important;
}

/* ─── Single White Card Container for Left Items (Image 1 Match) ─── */
.cart-content-item[data-cart-content] .cart {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 20px !important;
    padding: 24px 28px !important;
    box-shadow: none !important;
}

/* Hide Table Header & Extra Columns */
.cart-header {
    display: none !important;
}

.cart-item-block.cart-item-price:not(.small-screen-visible),
.cart-item-block.cart-item-total {
    display: none !important;
}

/* ─── Cart Item Row (Flex Layout with Top Right Trash & Bottom Right Pill) ─── */
.cart-list .cart-item {
    display: flex !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #F3F4F6 !important;
    border-radius: 0 !important;
    padding: 24px 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
}

.cart-list .cart-item:last-child {
    border-bottom: none !important;
}

.cart-item-block.cart-item-info {
    width: 100% !important;
}

.cart-item-wrapper {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.cart-item-block-left {
    width: 105px !important;
    flex-shrink: 0 !important;
}

.cart-item-image img {
    width: 105px !important;
    height: 105px !important;
    border-radius: 14px !important;
    background: #F3F4F6 !important;
    object-fit: cover !important;
    border: none !important;
}

.cart-item-block-right {
    margin-left: 20px !important;
    padding-right: 140px !important;
}

.cart-item-name .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.cart-item-variant {
    font-size: 14px !important;
    color: #6B7280 !important;
    font-weight: 500 !important;
}

.cart-item-price.small-screen-visible {
    display: block !important;
    margin-top: 6px !important;
}

.cart-item-price .price {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

/* ─── Top Right Red Trash Icon (Image 1 Match) ─── */
.cart-item-block.cart-item-remove,
.cart-item-remove.small-screen-visible {
    position: absolute !important;
    top: 24px !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.cart-remove {
    background: transparent !important;
    color: #EF4444 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-remove:hover {
    background: transparent !important;
    color: #DC2626 !important;
    transform: scale(1.15) !important;
}

.cart-remove svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #EF4444 !important;
    fill: #EF4444 !important;
}

/* ─── Bottom Right Pill Quantity Selector (Image 1 Match) ─── */
.cart-item-block.cart-item-quantity,
.cart-item-quantity.small-screen-visible {
    position: absolute !important;
    bottom: 24px !important;
    right: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.cart-item-qty {
    border-radius: 30px !important;
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    padding: 2px 8px !important;
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    width: fit-content !important;
}

.cart-item-qty .btn-quantity {
    background: transparent !important;
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
}

.cart-item-qty .btn-quantity:hover {
    background: #E5E7EB !important;
    color: #111111 !important;
}

.cart-item-qty input.cart-item-qty-input {
    background: transparent !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    width: 36px !important;
    border: none !important;
    color: #111111 !important;
    text-align: center !important;
}

/* ─── Right Column Order Summary (Image 1 Match) ─── */
.cart-content-item.cart-total {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 20px !important;
    padding: 28px !important;
    box-shadow: none !important;
}

.cart--totals-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 22px !important;
}

.cart-totals li.cart-total {
    border-bottom: none !important;
    padding: 8px 0 !important;
}

.cart-totals .cart-total-label .text {
    font-size: 15px !important;
    color: #6B7280 !important;
    font-weight: 500 !important;
}

.cart-totals .cart-total-value .text {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

.cart-totals li.cart-total-savings .cart-total-value .text,
.cart-totals li.cart-total-savings span {
    color: #EF4444 !important;
    font-weight: 700 !important;
}

.cart-totals li.cart-total-grandtotal {
    border-top: 1px solid #F3F4F6 !important;
    padding-top: 16px !important;
    margin-top: 10px !important;
}

.cart-totals li.cart-total-grandtotal .cart-total-label .text {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: capitalize !important;
}

.cart-totals li.cart-total-grandtotal .cart-total-value .text {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

/* ─── Integrated Promo Code Field inside Order Summary (Image 1 Match) ─── */
.cart-summary-promo-code-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 22px !important;
}

.cart-summary-promo-code-box .promo-input-wrapper {
    display: flex !important;
    align-items: center !important;
    background: #F3F4F6 !important;
    border-radius: 25px !important;
    padding: 4px 16px !important;
    flex: 1 !important;
    gap: 8px !important;
}

.cart-summary-promo-code-box .summary-promo-input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 14px !important;
    padding: 10px 0 !important;
    width: 100% !important;
    color: #111111 !important;
    box-shadow: none !important;
}

.cart-summary-promo-code-box .summary-promo-apply-btn {
    background: #000000 !important;
    color: #FFFFFF !important;
    border-radius: 25px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.cart-summary-promo-code-box .summary-promo-apply-btn:hover {
    background: #2C4A3E !important;
}

/* ─── Checkout Button (Go to Checkout →) ─── */
.button-checkout,
#cart-checkout {
    background: #000000 !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: none !important;
    border-radius: 30px !important;
    height: 52px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-shadow: none !important;
    margin-top: 10px !important;
    transition: all 0.2s ease !important;
}

.button-checkout:hover,
#cart-checkout:hover {
    background: #2C4A3E !important;
    transform: translateY(-1px) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 15. PERFECT 3-COLUMN GRID ALIGNMENT MATCHING REFERENCE IMAGE                */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* Outer Main Card Container */
.cart-content-item[data-cart-content] .cart {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 24px !important;
    padding: 32px !important;
    box-shadow: none !important;
}

/* Top Header Bar inside Outer Card */
.cart-new-ref-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 24px !important;
}

.cart-new-ref-header .cart-title-group {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.cart-new-ref-header .cart-title-main {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 !important;
}

.cart-new-ref-header .cart-count-sub {
    font-size: 16px !important;
    color: #9CA3AF !important;
    font-weight: 400 !important;
}

.cart-new-ref-header .clear-cart-btn-link {
    color: #EF4444 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: opacity 0.2s ease !important;
}

.cart-new-ref-header .clear-cart-btn-link:hover {
    opacity: 0.8 !important;
}

/* Header Row Column Titles */
.cart-column-headers-row {
    display: flex !important;
    align-items: center !important;
    padding: 0 24px 16px 24px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #111111 !important;
}

.cart-column-headers-row .col-head-product {
    flex: 2 !important;
    text-align: left !important;
}

.cart-column-headers-row .col-head-count {
    flex: 1 !important;
    text-align: center !important;
}

.cart-column-headers-row .col-head-price {
    flex: 1 !important;
    text-align: right !important;
}

/* Cart Item Container Box */
.cart-list .cart-item {
    background: #FFFFFF !important;
    border: 1.5px solid #F3F4F6 !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-shadow: none !important;
    position: relative !important;
}

.cart-list .cart-item:last-child {
    margin-bottom: 0 !important;
}

/* Column 1: PRODUCT (Image + Info) */
.cart-list .cart-item .cart-item-block.cart-item-info {
    flex: 2 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-list .cart-item .cart-item-wrapper {
    display: flex !important;
    align-items: center !important;
}

.cart-list .cart-item .cart-item-block-left {
    width: 85px !important;
    flex-shrink: 0 !important;
}

.cart-list .cart-item .cart-item-image img {
    width: 85px !important;
    height: 85px !important;
    border-radius: 16px !important;
    background: #F0F2F8 !important;
    object-fit: cover !important;
    border: none !important;
}

.cart-list .cart-item .cart-item-block-right {
    margin-left: 18px !important;
    padding-right: 0 !important;
}

.cart-list .cart-item .cart-item-name .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    display: block !important;
}

.cart-list .cart-item .cart-item-variant {
    font-size: 14px !important;
    color: #9CA3AF !important;
    font-weight: 400 !important;
    margin-top: 3px !important;
}

/* Column 2: COUNT (- 1 +) */
.cart-list .cart-item .cart-item-block.cart-item-quantity {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-list .cart-item .cart-item-qty {
    border: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
}

.cart-list .cart-item .btn-quantity {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1.5px solid #E5E7EB !important;
    background: #FFFFFF !important;
    color: #111111 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.cart-list .cart-item .btn-quantity:hover {
    border-color: #111111 !important;
    background: #FFFFFF !important;
    color: #111111 !important;
}

.cart-list .cart-item input.cart-item-qty-input {
    width: 28px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #111111 !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

/* Column 3: PRICE (Rs. 468.00  ✕) */
.cart-list .cart-item .cart-item-block.cart-item-price-actions {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cart-list .cart-item .price-val-display {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111111 !important;
}

.cart-list .cart-item .cart-remove-x-btn {
    color: #EF4444 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 4px !important;
    line-height: 1 !important;
    transition: transform 0.2s ease !important;
}

.cart-list .cart-item .cart-remove-x-btn:hover {
    transform: scale(1.2) !important;
    color: #DC2626 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 16. CRITICAL FIXES: Image Visibility, Qty Layout, Hide Delivery/Coupon    */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* FIX 1: Product Image — base theme uses position:absolute on img inside 
   .cart-item-image which needs padding-bottom to create height. Override to 
   position:static so the image naturally takes up space. */
.cart-list .cart-item .cart-item-image {
    display: block !important;
    overflow: visible !important;
    position: relative !important;
    width: 85px !important;
    height: 85px !important;
    padding-bottom: 0 !important;
    border-radius: 16px !important;
    background: #F0F2F8 !important;
}

.cart-list .cart-item .cart-item-image img {
    position: static !important;
    width: 85px !important;
    height: 85px !important;
    border-radius: 16px !important;
    object-fit: cover !important;
    background: #F0F2F8 !important;
    display: block !important;
}

/* Hide the external link icon overlay on cart images */
.cart-list .cart-item .cart-item-image .icon {
    display: none !important;
}

/* FIX 2: Quantity Buttons — FULL override for - 1 + horizontal pill layout */
.cart-list .cart-item .cart-item-block.cart-item-quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-list .cart-item cart-update-quantity,
.cart-list .cart-item cart-update-quantity.cart-item-qty {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    background: #F3F4F6 !important;
    border-radius: 30px !important;
    padding: 4px 6px !important;
    position: relative !important;
}

/* Override base theme position:absolute on btn-quantity */
.cart-list .cart-item .btn-quantity {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}

.cart-list .cart-item .btn-quantity:hover {
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    border-color: #2C4A3E !important;
}

/* Hide the pseudo-element +/- bars from base theme (we use text characters instead) */
.cart-list .cart-item .btn-quantity:before,
.cart-list .cart-item .btn-quantity:after {
    display: none !important;
}

/* Quantity input in the middle */
.cart-list .cart-item .cart-item-qty-input,
.cart-list .cart-item cart-update-quantity input[type="number"] {
    width: 36px !important;
    height: 32px !important;
    text-align: center !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 4px !important;
    box-shadow: none !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
}

.cart-list .cart-item cart-update-quantity input[type="number"]::-webkit-inner-spin-button,
.cart-list .cart-item cart-update-quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Hide any labels inside quantity */
.cart-list .cart-item cart-update-quantity .hiddenLabels,
.cart-list .cart-item cart-update-quantity label {
    display: none !important;
}

/* FIX 3: Hide Delivery Estimate & Coupon Box (CSS backup) */
.cart-estimated-delivery-badge {
    display: none !important;
}

.cart-have-coupon-box {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 17. Discount Row & Promo Code Validation Feedback                         */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* Discount row always visible */
.cart-total-discount-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
}

.cart-total-discount-row .discount-amount-val {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* Promo feedback message */
.promo-feedback-msg {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 2px;
    transition: all 0.3s ease;
}

.promo-feedback-msg.promo-valid {
    background: rgba(5, 150, 105, 0.08) !important;
    color: #059669 !important;
    border: 1px solid rgba(5, 150, 105, 0.25) !important;
}

.promo-feedback-msg.promo-invalid {
    background: rgba(239, 68, 68, 0.08) !important;
    color: #EF4444 !important;
    border: 1px solid rgba(239, 68, 68, 0.25) !important;
}

.promo-feedback-msg svg {
    flex-shrink: 0;
}

/* Countdown text inside feedback */
.promo-feedback-msg .countdown-text {
    margin-left: auto;
    font-size: 11px;
    font-weight: 500;
    opacity: 0.7;
    white-space: nowrap;
    font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 18. Cart Item Rating & Weight Badge (Balanced Gap Layout & Trash Icons)     */
/* ═══════════════════════════════════════════════════════════════════════════ */

.cart-list .cart-item .cart-item-block-right {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    /* Comfortable gap between title, rating, weight */
}

.cart-list .cart-item .cart-item-name {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.cart-list .cart-item .cart-item-name .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}

.cart-list .cart-item .cart-item-meta-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    /* Comfortable gap between rating badge and weight */
    margin-top: 2px !important;
}

/* Rating Badge matching screenshot 1:1 */
.cart-list .cart-item .cart-item-rating-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #FFFDF0 !important;
    /* Soft warm yellow */
    border: 1px solid #FDE68A !important;
    /* Gold border */
    border-radius: 20px !important;
    padding: 3px 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.cart-list .cart-item .cart-item-rating-badge .rating-star-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
}

.cart-list .cart-item .cart-item-rating-badge .rating-score {
    font-weight: 800 !important;
    color: #0F172A !important;
    font-size: 12px !important;
}

.cart-list .cart-item .cart-item-rating-badge .rating-divider {
    color: #CBD5E1 !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    margin: 0 2px !important;
}

.cart-list .cart-item .cart-item-rating-badge .rating-count {
    font-weight: 400 !important;
    color: #64748B !important;
    font-size: 12px !important;
}

/* Weight / Volume Text */
.cart-list .cart-item .cart-item-weight {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    /* Clean gray text like image */
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Clear cart trash icon alignment */
.clear-cart-btn-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #EF4444 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.clear-cart-btn-link .clear-cart-trash-icon {
    stroke: #EF4444 !important;
    flex-shrink: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 19. CART DRAWER (SIDEBAR) LUXURY DESIGN OVERHAUL                           */
/* ═══════════════════════════════════════════════════════════════════════════ */

/* Circle 1 Fix: Header Item Count Badge */
.halo-cart-sidebar .wrapper-cartCount {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #4B5563 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
}

.halo-cart-sidebar .cart-count-badge,
.halo-cart-sidebar .cartCount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 26px !important;
    height: 24px !important;
    padding: 0 8px !important;
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    line-height: 1 !important;
    overflow: visible !important;
}

/* Circle 2 Fix: Sidebar Item Title & Price Formatting (Full Single-Line Width) */
.halo-cart-sidebar .previewCartItem {
    display: flex !important;
    align-items: flex-start !important;
    position: relative !important;
}

.halo-cart-sidebar .previewCartItem-image {
    width: 75px !important;
    min-width: 75px !important;
    flex-shrink: 0 !important;
}

.halo-cart-sidebar .previewCartItem-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 0 !important;
    padding: 0 35px 0 14px !important;
    /* Leaves room for right remove button */
    overflow: hidden !important;
}

.halo-cart-sidebar .previewCartItem-name,
.halo-cart-sidebar .previewCartItem-name .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    max-width: 100% !important;
}

.halo-cart-sidebar .previewCartItem-price,
.halo-cart-sidebar .previewCartItem-price .price,
.halo-cart-sidebar .previewCartItem-price span,
.halo-cart-sidebar .previewCartItem-saving-price {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 4px !important;
    white-space: nowrap !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    margin: 0 !important;
}

.halo-cart-sidebar .previewCartItem-price .price {
    display: inline-block !important;
    white-space: nowrap !important;
}

/* Section 3 Fix: Related Products Carousel & Cards Premium Styling */
.previewCartCollection {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 16px !important;
    margin: 20px 0 !important;
}

.previewCartTitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 14px !important;
}

.previewCartCollection .product-item-custom .card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 14px !important;
    padding: 12px !important;
}

.previewCartCollection .product-item-custom .card-product {
    width: 70px !important;
    height: 70px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

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

.previewCartCollection .product-item-custom .card-information {
    flex: 1 !important;
    overflow: hidden !important;
}

.previewCartCollection .product-item-custom .card-title,
.previewCartCollection .product-item-custom .card-title .text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 4px !important;
    display: block !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.previewCartCollection .product-item-custom .card-price,
.previewCartCollection .product-item-custom .price,
.previewCartCollection .product-item-custom .price-item {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #1E392A !important;
    margin-bottom: 6px !important;
    white-space: nowrap !important;
}

.previewCartCollection .product-item-custom .card-button {
    display: inline-block !important;
    background: #2C4A3E !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

.previewCartCollection .product-item-custom .card-button:hover {
    background: #059669 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 20. SIDEBAR RELATED PRODUCTS VERTICAL PRODUCT CARD (1:1 ACCURATE UI)        */
/* ═══════════════════════════════════════════════════════════════════════════ */

.previewCartCollection {
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    margin: 14px 0 !important;
}

.previewCartTitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 14px !important;
}

.sidebar-card-inner {
    background: #FFFFFF !important;
    border: 1.5px solid #E5E7EB !important;
    border-radius: 16px !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s ease !important;
}

.sidebar-card-inner:hover {
    border-color: #2C4A3E !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

.sidebar-card-media {
    width: 100% !important;
    height: 138px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: #FAFAFA !important;
    overflow: hidden !important;
}

.sidebar-card-media img {
    max-height: 125px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.sidebar-card-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    text-align: left !important;
}

.sidebar-card-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    text-decoration: none !important;
    line-height: 1.28 !important;
    display: block !important;
}

.sidebar-card-subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Dedicated Rating Pill matching image 1:1 */
.sidebar-rating-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #FFFDF0 !important;
    /* Soft warm yellow */
    border: 1px solid #FDE68A !important;
    /* Gold border */
    border-radius: 20px !important;
    padding: 2.5px 9px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.sidebar-rating-pill .rating-star-icon {
    width: 12px !important;
    height: 12px !important;
    flex-shrink: 0 !important;
}

.sidebar-rating-pill .rating-score {
    font-weight: 800 !important;
    color: #0F172A !important;
    font-size: 11.5px !important;
}

.sidebar-rating-pill .rating-divider {
    color: #CBD5E1 !important;
    font-weight: 400 !important;
    font-size: 10.5px !important;
    margin: 0 1.5px !important;
}

.sidebar-rating-pill .rating-count {
    font-weight: 400 !important;
    color: #64748B !important;
    font-size: 11.5px !important;
}

.sidebar-card-weight {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
    margin-top: 1px !important;
}

.sidebar-card-price-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    margin-top: 1px !important;
}

.sidebar-card-price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #111827 !important;
}

.sidebar-card-tax-sub {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-style: italic !important;
    color: #9CA3AF !important;
}

.sidebar-atc-form {
    width: 100% !important;
    margin-top: 4px !important;
}

.sidebar-atc-btn {
    width: 100% !important;
    height: 40px !important;
    background: #1E392A !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 26px !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease !important;
}

.sidebar-atc-btn:hover {
    background: #059669 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* 21. FULL VIEWPORT HEIGHT & CENTERED SEARCH SECTION (GAP BALANCING)          */
/* ═══════════════════════════════════════════════════════════════════════════ */

html,
body {
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    display: flex !important;
    flex-direction: column !important;
}

.body-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    width: 100% !important;
}

#MainContent,
.wrapper-body,
.content-for-layout {
    flex: 1 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.template-search #MainContent,
.template-search .wrapper-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 30px 0 !important;
}

.template-search [id^="SearchSection-"],
.template-search .collection-default {
    margin: auto 0 !important;
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.wrapper-footer,
#shopify-section-footer,
footer.footer {
    margin-top: auto !important;
}

/* ─── Slideshow Permanent Image Visibility Fix (Prevent 1-sec Fade Hide) ─── */
.slideshow-wrapper .slideshow .images-contain,
.slideshow-wrapper .slideshow .item,
.slideshow-wrapper .slideshow .item img,
.slideshow-wrapper .slideshow .adaptive_height,
.slideshow-wrapper .slideshow .slide-image,
body:not(.safari).banner-animation-1 .slideshow .images-contain,
body:not(.safari).banner-animation-1 .slideshow .item img,
body:not(.safari).banner-animation-1 .slideshow .slide-image {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
}


/* ==========================================================================
   SAMSKRITHI HERBAL JOURNAL & ARTICLE LUXURY STYLING
   ========================================================================== */

/* Blog Listing Hero Header */
.samskrithi-blog-hero {
    background: linear-gradient(135deg, #2C4A3E 0%, #1D332A 100%);
    border-radius: 20px;
    padding: 50px 30px 40px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 45px;
    box-shadow: 0 10px 30px rgba(44, 74, 62, 0.15);
    font-family: 'Poppins', 'Inter', sans-serif !important;
}

.samskrithi-blog-hero .hero-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: #E3DEC9;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 18px;
    border-radius: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.samskrithi-blog-hero .hero-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    color: #FFFFFF !important;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: -0.02em;
}

.samskrithi-blog-hero .hero-subtitle {
    font-size: 15px;
    color: #E2E8F0;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.blog-category-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.blog-category-pills .cat-pill {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-category-pills .cat-pill:hover,
.blog-category-pills .cat-pill.active {
    background: #E3DEC9;
    color: #2C4A3E !important;
    border-color: #E3DEC9;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Article Cards Upgrade */
.blog-block-item .article-item {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #EAEAEA;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.blog-block-item .article-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(44, 74, 62, 0.12);
    border-color: #D1E2D9;
}

.blog-block-item .blog-title a {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 22px;
    font-weight: 700;
    color: #2C4A3E;
    line-height: 1.35;
    transition: color 0.2s;
}

.blog-block-item .blog-title a:hover {
    color: #1D332A;
}

.blog-block-item .blog-info {
    font-size: 12.5px;
    color: #777777;
    margin-top: 8px;
}

.blog-block-item .blog-summary {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin-top: 12px;
}

/* Article Page Editorial Suite */
.main-blog-post .article-header {
    text-align: center;
    margin-bottom: 35px;
}

.main-blog-post .article-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 38px;
    font-weight: 700;
    color: #2C4A3E;
    line-height: 1.25;
    margin: 15px 0;
}

.main-blog-post .article-image img {
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.main-blog-post .article-content {
    font-family: 'Poppins', 'Inter', sans-serif !important;
    font-size: 16px;
    line-height: 1.8;
    color: #333333;
}

.main-blog-post blockquote {
    background: #F4F7F5;
    border-left: 4px solid #2C4A3E;
    border-radius: 0 14px 14px 0;
    padding: 20px 25px;
    margin: 30px 0;
    font-style: italic;
    font-size: 17px;
    color: #2C4A3E;
}

@media (max-width: 768px) {
    .samskrithi-blog-hero {
        padding: 35px 20px 30px;
    }

    .samskrithi-blog-hero .hero-title {
        font-size: 26px;
    }

    .main-blog-post .article-title {
        font-size: 26px;
    }
}


/* ==========================================================================
   EXACT PDP TYPOGRAPHY & PREMIUM 5-STAR HERBAL JOURNAL LAYOUT
   ========================================================================== */

/* Enforce exact PDP Font Family across all Blog & Article elements */
.samskrithi-blog-wrapper,
.samskrithi-blog-wrapper *,
.main-blog-block,
.main-blog-block *,
.main-blog-post,
.main-blog-post * {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Hero Banner */
.samskrithi-blog-hero {
    background: linear-gradient(135deg, #2C4A3E 0%, #1D332A 100%);
    border-radius: 20px;
    padding: 50px 30px 40px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 45px;
    box-shadow: 0 10px 30px rgba(44, 74, 62, 0.15);
}

.samskrithi-blog-hero .hero-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: #E3DEC9;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 18px;
    border-radius: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.samskrithi-blog-hero .hero-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    color: #FFFFFF !important;
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: -0.02em;
}

.samskrithi-blog-hero .hero-subtitle {
    font-size: 15px;
    color: #E2E8F0;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.blog-category-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.blog-category-pills .cat-pill {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-category-pills .cat-pill:hover,
.blog-category-pills .cat-pill.active {
    background: #E3DEC9;
    color: #2C4A3E !important;
    border-color: #E3DEC9;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* 3-Column Luxury Article Grid Suite */
.blog-grid-suite {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.journal-card-item {
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
}

.journal-card-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(44, 74, 62, 0.14);
    border-color: #2C4A3E;
}

.card-media-wrap {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.card-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.card-image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.journal-card-item:hover .card-image-link img {
    transform: scale(1.06);
}

.card-tag-badge,
.sample-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(44, 74, 62, 0.9);
    color: #E3DEC9;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 14px;
    backdrop-filter: blur(4px);
}

.sample-img-box {
    width: 100%;
    height: 100%;
    position: relative;
}

.img-bg-1 {
    background: linear-gradient(135deg, #2C4A3E 0%, #3B6353 100%);
}

.img-bg-2 {
    background: linear-gradient(135deg, #1D332A 0%, #2C4A3E 100%);
}

.img-bg-3 {
    background: linear-gradient(135deg, #3B6353 0%, #1D332A 100%);
}

.img-bg-4 {
    background: linear-gradient(135deg, #2C4A3E 0%, #4A7A67 100%);
}

.img-bg-5 {
    background: linear-gradient(135deg, #1D332A 0%, #3B6353 100%);
}

.img-bg-6 {
    background: linear-gradient(135deg, #4A7A67 0%, #2C4A3E 100%);
}

.card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 12px;
    color: #777777;
    margin-bottom: 10px;
    font-weight: 500;
}

.card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 10px;
}

.card-title a {
    color: #2C4A3E !important;
    text-decoration: none;
    transition: color 0.2s;
}

.card-title a:hover {
    color: #1D332A !important;
}

.card-excerpt {
    font-size: 13.5px;
    color: #555555;
    line-height: 1.6;
    margin: 0 0 18px;
    flex-grow: 1;
}

.card-read-btn {
    display: inline-block;
    color: #2C4A3E !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.card-read-btn:hover {
    color: #1D332A !important;
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .blog-grid-suite {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .blog-grid-suite {
        grid-template-columns: 1fr;
    }

    .samskrithi-blog-hero .hero-title {
        font-size: 25px;
    }
}


/* ==========================================================================
   SAMSKRITHI 5-STAR ULTRA-LUXURY MAGAZINE EDITORIAL JOURNAL UI
   ========================================================================== */

/* Enforce Exact PDP Font Family across all Blog & Article elements */
.samskrithi-blog-wrapper,
.samskrithi-blog-wrapper *,
.main-blog-block,
.main-blog-block *,
.main-blog-post,
.main-blog-post *,
.sample-article-modal,
.sample-article-modal * {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Botanical Masthead Banner */
.samskrithi-blog-hero {
    background: linear-gradient(135deg, #1D332A 0%, #2C4A3E 50%, #152720 100%);
    border-radius: 24px;
    padding: 55px 40px 45px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 40px;
    box-shadow: 0 16px 40px rgba(29, 51, 42, 0.22);
    border: 1px solid rgba(227, 222, 201, 0.25);
    position: relative;
    overflow: hidden;
}

.samskrithi-blog-hero::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(227, 222, 201, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.samskrithi-blog-hero .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #E3DEC9;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 18px;
    border-radius: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 18px;
    border: 1px solid rgba(227, 222, 201, 0.3);
}

.samskrithi-blog-hero .hero-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    color: #FFFFFF !important;
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.samskrithi-blog-hero .hero-subtitle {
    font-size: 15.5px;
    color: #E2E8F0;
    max-width: 720px;
    margin: 0 auto 30px;
    line-height: 1.65;
}

/* Journal Live Search Bar */
.journal-search-box {
    max-width: 520px;
    margin: 0 auto 30px;
    position: relative;
}

.journal-search-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 14px 24px 14px 50px;
    color: #FFFFFF !important;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
}

.journal-search-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.journal-search-input:focus {
    background: rgba(255, 255, 255, 0.25);
    border-color: #E3DEC9;
    box-shadow: 0 0 20px rgba(227, 222, 201, 0.3);
}

.search-icon-svg {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    fill: none;
    stroke: rgba(255, 255, 255, 0.8);
    stroke-width: 2;
}

/* Category Filter Pills */
.blog-category-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.blog-category-pills .cat-pill {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 22px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.22);
    cursor: pointer;
}

.blog-category-pills .cat-pill:hover,
.blog-category-pills .cat-pill.active {
    background: #E3DEC9;
    color: #1D332A !important;
    border-color: #E3DEC9;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* Story of the Week Asymmetric Hero Spotlight */
.journal-hero-spotlight {
    background: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #E5E7EB;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    transition: all 0.35s ease;
}

.journal-hero-spotlight:hover {
    box-shadow: 0 20px 45px rgba(29, 51, 42, 0.14);
    border-color: #2C4A3E;
}

.spotlight-media {
    position: relative;
    overflow: hidden;
    min-height: 380px;
}

.spotlight-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.journal-hero-spotlight:hover .spotlight-img {
    transform: scale(1.05);
}

.spotlight-content {
    padding: 45px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.spotlight-badge-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.spotlight-pill {
    background: #2C4A3E;
    color: #E3DEC9;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.read-time-pill {
    font-size: 12px;
    color: #6B7280;
    font-weight: 500;
}

.spotlight-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 28px;
    font-weight: 700;
    color: #1D332A !important;
    line-height: 1.3;
    margin: 0 0 16px;
}

.spotlight-excerpt {
    font-size: 14.5px;
    color: #4B5563;
    line-height: 1.7;
    margin: 0 0 24px;
}

.spotlight-author-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #F3F4F6;
}

.author-info-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #2C4A3E;
    color: #E3DEC9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
}

.author-text .author-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #1F2937;
}

.author-text .author-role {
    font-size: 11.5px;
    color: #6B7280;
}

.spotlight-cta-btn {
    background: #2C4A3E;
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.spotlight-cta-btn:hover {
    background: #1D332A;
    transform: translateX(4px);
    box-shadow: 0 6px 18px rgba(29, 51, 42, 0.25);
}

/* 3-Column Luxury Journal Cards Grid */
.blog-grid-suite {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.journal-card-item {
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
}

.journal-card-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(44, 74, 62, 0.15);
    border-color: #2C4A3E;
}

.card-media-wrap {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.card-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.card-image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.journal-card-item:hover .card-image-link img {
    transform: scale(1.08);
}

.card-tag-badge,
.sample-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(29, 51, 42, 0.9);
    color: #E3DEC9;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 13px;
    border-radius: 14px;
    backdrop-filter: blur(4px);
}

.card-read-time {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255, 255, 255, 0.9);
    color: #1F2937;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 12px;
    backdrop-filter: blur(4px);
}

.card-body {
    padding: 26px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 12px;
    color: #6B7280;
    margin-bottom: 12px;
    font-weight: 500;
}

.card-title {
    font-size: 18.5px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 12px;
}

.card-title a {
    color: #1D332A !important;
    text-decoration: none;
    transition: color 0.2s;
}

.card-title a:hover {
    color: #2C4A3E !important;
}

.card-excerpt {
    font-size: 13.5px;
    color: #4B5563;
    line-height: 1.65;
    margin: 0 0 20px;
    flex-grow: 1;
}

.card-footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #F3F4F6;
}

.card-read-btn-link {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    color: #2C4A3E !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}

.card-read-btn-link:hover {
    color: #1D332A !important;
    transform: translateX(4px);
}

/* Herb of the Month Botanical Spotlight Section */
.herb-spotlight-section {
    background: #F9F8F3;
    border: 1px solid #EAE5D9;
    border-radius: 24px;
    padding: 40px;
    margin-bottom: 55px;
}

.herb-header {
    text-align: center;
    margin-bottom: 30px;
}

.herb-badge {
    color: #2C4A3E;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.herb-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 26px;
    font-weight: 700;
    color: #1D332A;
    margin: 6px 0 0;
}

.herb-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.herb-item-card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 22px;
    text-align: center;
    border: 1px solid #E5E7EB;
    transition: all 0.3s ease;
}

.herb-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(44, 74, 62, 0.1);
    border-color: #2C4A3E;
}

.herb-icon {
    font-size: 32px;
    margin-bottom: 12px;
    display: block;
}

.herb-name {
    font-size: 16px;
    font-weight: 700;
    color: #1D332A;
    margin: 0 0 6px;
}

.herb-benefit {
    font-size: 12.5px;
    color: #6B7280;
    line-height: 1.5;
    margin: 0;
}

/* Herbal Beauty Circle Newsletter Banner */
.herbal-newsletter-banner {
    background: linear-gradient(135deg, #2C4A3E 0%, #1D332A 100%);
    border-radius: 24px;
    padding: 50px 40px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 50px;
    box-shadow: 0 14px 35px rgba(29, 51, 42, 0.18);
}

.newsletter-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #FFFFFF !important;
}

.newsletter-subtitle {
    font-size: 15px;
    color: #E2E8F0;
    max-width: 600px;
    margin: 0 auto 28px;
    line-height: 1.6;
}

.newsletter-form-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 480px;
    margin: 0 auto;
}

.newsletter-input {
    flex-grow: 1;
    background: #FFFFFF;
    border: none;
    border-radius: 30px;
    padding: 14px 24px;
    font-size: 14px;
    color: #1F2937;
    outline: none;
}

.newsletter-btn {
    background: #E3DEC9;
    color: #1D332A !important;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newsletter-btn:hover {
    background: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

/* Modal Article Reader Styling */
.sample-article-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(5px);
}

.modal-card-content {
    position: relative;
    background: #FFFFFF;
    border-radius: 24px;
    max-width: 680px;
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.modal-close-btn {
    position: absolute;
    top: 18px;
    right: 22px;
    background: #F3F4F6;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 22px;
    cursor: pointer;
    color: #4B5563;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.modal-close-btn:hover {
    background: #E5E7EB;
    color: #111827;
}

.modal-badge {
    font-size: 11px;
    font-weight: 700;
    color: #2C4A3E;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.modal-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 26px;
    font-weight: 700;
    color: #1D332A;
    margin: 10px 0 12px;
    line-height: 1.3;
}

.modal-meta {
    font-size: 12.5px;
    color: #6B7280;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #F3F4F6;
}

.modal-body {
    font-size: 15px;
    color: #374151;
    line-height: 1.75;
    margin-bottom: 30px;
}

.modal-takeaway-box {
    background: #F9F8F3;
    border-left: 4px solid #2C4A3E;
    padding: 16px 20px;
    border-radius: 8px;
    margin: 20px 0;
    font-size: 14px;
    color: #1D332A;
    font-weight: 500;
}

.modal-footer-btn {
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #F3F4F6;
}

@media (max-width: 991px) {
    .journal-hero-spotlight {
        grid-template-columns: 1fr;
    }

    .spotlight-media {
        min-height: 260px;
    }

    .blog-grid-suite {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

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

@media (max-width: 640px) {
    .blog-grid-suite {
        grid-template-columns: 1fr;
    }

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

    .samskrithi-blog-hero .hero-title {
        font-size: 27px;
    }

    .newsletter-form-inline {
        flex-direction: column;
    }

    .newsletter-input,
    .newsletter-btn {
        width: 100%;
    }
}


/* ==========================================================================
   EXACT MOHA WEBSITE BLOG LISTING (IMAGE 2) & ARTICLE PAGE (IMAGE 1) STYLES
   ========================================================================== */

/* Enforce Exact PDP Font Family across all Blog & Article elements */
.moha-blog-wrapper,
.moha-blog-wrapper *,
.moha-article-post-wrapper,
.moha-article-post-wrapper * {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* 1. Moha Hero Banner Card (Soft Beige & Gold Ribbon Border) */
.moha-blog-hero-banner {
    background: #FAF8F5;
    border: 2px solid #EAE5D9;
    border-radius: 24px;
    padding: 60px 40px;
    text-align: center;
    margin-bottom: 45px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
}

.moha-hero-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 52px;
    font-weight: 700;
    color: #1A4D3E !important;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}

.moha-hero-subtitle {
    font-size: 18px;
    color: #333333;
    margin: 0;
    font-weight: 500;
}

/* 2. RECENT POSTS SECTION (Asymmetric Layout like Moha) */
.moha-recent-posts-section {
    margin-bottom: 55px;
}

.moha-section-heading {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #111827;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.moha-recent-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 35px;
}

.moha-main-card {
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.moha-card-img-wrap {
    width: 100%;
    height: 320px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 18px;
}

.moha-sample-img {
    width: 100%;
    height: 100%;
    transition: transform 0.4s ease;
}

.moha-main-card:hover .moha-sample-img,
.moha-row-card:hover .moha-sample-img,
.moha-grid-card:hover .moha-sample-img {
    transform: scale(1.05);
}

.img-bg-1 {
    background: linear-gradient(135deg, #1A4D3E 0%, #2C7A63 100%);
}

.img-bg-2 {
    background: linear-gradient(135deg, #2C7A63 0%, #1A4D3E 100%);
}

.img-bg-3 {
    background: linear-gradient(135deg, #153D31 0%, #2C7A63 100%);
}

.moha-card-date {
    font-size: 13px;
    color: #7C3AED;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.moha-card-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.3;
}

.moha-card-title a,
.moha-row-title a,
.moha-grid-card-title a {
    color: #111827 !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    transition: color 0.2s;
}

.moha-card-title a:hover,
.moha-row-title a:hover,
.moha-grid-card-title a:hover {
    color: #1A4D3E !important;
}

.moha-arrow-icon {
    font-size: 18px;
    font-weight: 400;
    color: #111827;
    transition: transform 0.2s;
}

.moha-card-title a:hover .moha-arrow-icon,
.moha-row-title a:hover .moha-arrow-icon,
.moha-grid-card-title a:hover .moha-arrow-icon {
    transform: translate(3px, -3px);
    color: #1A4D3E;
}

.moha-card-excerpt,
.moha-row-excerpt,
.moha-grid-card-excerpt {
    font-size: 14px;
    color: #4B5563;
    line-height: 1.6;
    margin: 0;
}

/* Stacked Right List Cards */
.moha-recent-right-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.moha-row-card {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 20px;
    align-items: center;
    background: #FFFFFF;
}

.moha-row-img {
    height: 110px;
    border-radius: 16px;
    overflow: hidden;
}

.moha-row-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1.35;
}

/* 3. ALL BLOG POSTS SECTION (3-Column Moha Grid) */
.moha-all-posts-section {
    margin-bottom: 60px;
}

.moha-all-heading {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 36px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 30px;
}

.moha-3col-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 30px;
}

.moha-grid-card {
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;

}

.moha-grid-img-wrap {
    width: 100%;
    height: 240px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 16px;
}

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

.moha-grid-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.moha-grid-card-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.35;
}

/* 4. MOHA INDIVIDUAL BLOG POST PAGE (IMAGE 1 STYLES) */
.moha-article-post-wrapper {
    padding: 40px 0 60px;
    background: #FFFFFF;
}

.container-900 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.moha-article-header {
    margin-bottom: 30px;
}

.moha-article-main-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 38px;
    font-weight: 700;
    color: #111827 !important;
    line-height: 1.3;
    margin: 0 0 14px;
}

.moha-article-meta-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13.5px;
    color: #6B7280;
    font-weight: 500;
    padding-bottom: 16px;
    border-bottom: 1px solid #E5E7EB;
}

.moha-article-share-btn {
    cursor: pointer;
    background: #F3F4F6;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 600;
    color: #111827;
}

.moha-article-banner-box {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 35px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.moha-article-banner-img {
    width: 100%;
    height: auto;
    display: block;
}

.moha-article-formatted-body {
    font-size: 16px;
    color: #374151;
    line-height: 1.8;
    margin-bottom: 45px;
}

.moha-article-formatted-body h2 {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    margin: 35px 0 16px;
}

.moha-article-formatted-body p {
    margin-bottom: 20px;
}

/* Built-in FAQs Accordion */
.moha-article-faqs-section {
    background: #FAF8F5;
    border: 1px solid #EAE5D9;
    border-radius: 24px;
    padding: 35px;
    margin-top: 40px;
}

.moha-faqs-heading {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 24px;
}

.moha-accordion-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.moha-accordion-item {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #E5E7EB;
    overflow: hidden;
}

.moha-accordion-toggle {
    width: 100%;
    background: none;
    border: none;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    cursor: pointer;
    text-align: left;
}

.toggle-icon {
    font-size: 22px;
    color: #1A4D3E;
    font-weight: 400;
}

.moha-accordion-content {
    padding: 0 24px 20px;
    font-size: 14.5px;
    color: #4B5563;
    line-height: 1.65;
}

@media (max-width: 991px) {
    .moha-recent-grid {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 640px) {
    .moha-3col-grid {
        grid-template-columns: 1fr;
    }

    .moha-hero-title {
        font-size: 36px;
    }

    .moha-row-card {
        grid-template-columns: 100px 1fr;
    }
}


/* ==========================================================================
   IMAGE PLACEHOLDERS WITH DIMENSIONS & CRISP ELEGANT TYPOGRAPHY
   ========================================================================== */

/* Image Placeholders with Dimensions */
.moha-placeholder-box {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #F4F1EA 0%, #EAE5D9 100%);
    border: 1px dashed #C8BFAC;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2C4A3E;
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease;
}

.moha-main-card:hover .moha-placeholder-box,
.moha-row-card:hover .moha-placeholder-box,
.moha-grid-card:hover .moha-placeholder-box {
    background: linear-gradient(135deg, #EAE5D9 0%, #DFD8C6 100%);
    border-color: #2C4A3E;
}

.moha-placeholder-box .ph-icon {
    font-size: 26px;
    margin-bottom: 6px;
}

.moha-placeholder-box .ph-label {
    font-size: 13px;
    font-weight: 700;
    color: #1D332A;
    margin-bottom: 4px;
}

.moha-placeholder-box .ph-dim {
    font-size: 12px;
    font-weight: 600;
    color: #2C4A3E;
    background: rgba(44, 74, 62, 0.08);
    padding: 4px 12px;
    border-radius: 12px;
    border: 1px solid rgba(44, 74, 62, 0.15);
}

.moha-placeholder-box .ph-dim-small {
    font-size: 11px;
    font-weight: 700;
    color: #2C4A3E;
    background: rgba(44, 74, 62, 0.08);
    padding: 3px 8px;
    border-radius: 10px;
}

/* Crisp Clean Typography Override */
.moha-card-date {
    font-size: 13px !important;
    color: #6D28D9 !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 8px !important;
}

.moha-card-title,
.moha-row-title,
.moha-grid-card-title {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    color: #111827 !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    line-height: 1.35 !important;
}

.moha-card-title {
    font-size: 24px !important;
}

.moha-row-title {
    font-size: 17px !important;
}

.moha-grid-card-title {
    font-size: 20px !important;
}

.moha-card-excerpt,
.moha-row-excerpt,
.moha-grid-card-excerpt {
    font-size: 14px !important;
    color: #374151 !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

.moha-arrow-icon {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

.moha-hero-banner {
    background: #FAF8F5 !important;
    border: 2px solid #EAE5D9 !important;
    padding: 50px 30px !important;
}

.moha-hero-title {
    font-size: 42px !important;
    color: #1A4D3E !important;
    margin-bottom: 12px !important;
}

.moha-hero-subtitle {
    font-size: 16px !important;
    color: #4B5563 !important;
}


/* ==========================================================================
   MOHA ARTICLE MODAL READER STYLING (MATCHING SCREENSHOT EXACTLY)
   ========================================================================== */

.moha-modal-article-reader {
    max-width: 820px !important;
    padding: 35px 40px !important;
}

.modal-top-banner-wrap {
    width: 100%;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

.modal-hero-placeholder {
    height: 100% !important;
    border-radius: 20px !important;
}

.modal-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13.5px;
    color: #6B7280;
    font-weight: 500;
    margin-bottom: 25px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E5E7EB;
}

.modal-share-chip {
    cursor: pointer;
    background: #F3F4F6;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 600;
    color: #111827;
    font-size: 12px;
}

.moha-article-formatted-body h3 {
    font-family: 'TheSeasons', 'Playfair Display', serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 28px 0 14px !important;
}

.moha-article-formatted-body ul {
    margin: 14px 0 22px 20px !important;
    padding-left: 10px !important;
}

.moha-article-formatted-body li {
    font-size: 15px !important;
    color: #374151 !important;
    line-height: 1.7 !important;
    margin-bottom: 8px !important;
}

.moha-modal-faqs-container {
    background: #FAF8F5;
    border: 1px solid #EAE5D9;
    border-radius: 20px;
    padding: 28px;
    margin: 35px 0 25px;
}

.moha-modal-faqs-container .moha-faqs-heading {
    font-size: 26px !important;
    margin-bottom: 18px !important;
}


/* ==========================================================================
   ABSOLUTE PDP FONT FAMILY OVERRIDE FOR EVERY SINGLE WORD & MODAL CONTENT
   ========================================================================== */

.moha-blog-wrapper,
.moha-blog-wrapper *,
.moha-blog-hero-banner,
.moha-blog-hero-banner *,
.moha-hero-title,
.moha-hero-subtitle,
.moha-recent-posts-section,
.moha-recent-posts-section *,
.moha-card-title,
.moha-card-title *,
.moha-row-title,
.moha-row-title *,
.moha-grid-card-title,
.moha-grid-card-title *,
.moha-all-heading,
.moha-all-heading *,
.moha-section-heading,
.sample-article-modal,
.sample-article-modal *,
.moha-modal-article-reader,
.moha-modal-article-reader *,
.modal-title,
.modal-meta-bar,
.modal-meta-text,
.modal-body,
.modal-body *,
.moha-faqs-heading,
.moha-accordion-toggle,
.moha-accordion-toggle *,
.moha-accordion-content,
.moha-accordion-content *,
.moha-article-post-wrapper,
.moha-article-post-wrapper * {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Ensure crisp line-height & weight */
.moha-hero-title {
    font-weight: 700 !important;
    font-size: 38px !important;
    color: #1A4D3E !important;
}

.moha-card-title,
.moha-row-title,
.moha-grid-card-title,
.modal-title {
    font-weight: 700 !important;
    color: #111827 !important;
}

.moha-all-heading,
.moha-faqs-heading {
    font-weight: 700 !important;
    color: #111827 !important;
}


/* ==========================================================================
   OFFERS & PROMOTIONS PAGE STYLING (MATCHING PDP FONT FAMILY & BRANDING)
   ========================================================================== */

.offers-page-wrapper,
.offers-page-wrapper * {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.offers-hero-banner {
    background: linear-gradient(135deg, #FAF8F5 0%, #F4F0E6 100%);
    border: 2px solid #EAE5D9;
    border-radius: 24px;
    padding: 45px 30px;
    text-align: center;
    margin-bottom: 40px;
}

.offers-hero-badge {
    display: inline-block;
    background: rgba(44, 74, 62, 0.08);
    border: 1px solid rgba(44, 74, 62, 0.18);
    color: #1A4D3E;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 14px;
}

.offers-hero-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #1A4D3E !important;
    margin-bottom: 12px !important;
    line-height: 1.25 !important;
}

.offers-hero-subtitle {
    font-size: 15.5px !important;
    color: #4B5563 !important;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6 !important;
}

.offers-section-container {
    margin-bottom: 50px;
}

.offers-section-header {
    margin-bottom: 25px;
}

.offers-section-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 6px !important;
}

.offers-section-desc {
    font-size: 14.5px !important;
    color: #6B7280 !important;
}

/* Coupon Cards Grid */
.offers-coupons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 28px;
}

@media (max-width: 480px) {
    .offers-coupons-grid {
        grid-template-columns: 1fr;
    }
}

.coupon-card-item {
    background: #FFFFFF;
    border: 2px dashed #2C4A3E;
    border-radius: 20px;
    padding: 24px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.coupon-card-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(44, 74, 62, 0.1);
}

.coupon-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background: #7C3AED;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 12px;
    letter-spacing: 0.04em;
}

.coupon-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
}

.coupon-desc {
    font-size: 13.5px !important;
    color: #4B5563 !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    min-height: 40px;
}

.coupon-code-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 10px 14px;
    margin-bottom: 12px;
}

.coupon-code-text {
    font-family: monospace !important;
    font-size: 16px;
    font-weight: 800;
    color: #1A4D3E;
    letter-spacing: 0.08em;
}

.coupon-copy-btn {
    background: #1A4D3E;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background 0.2s ease;
}

.coupon-copy-btn:hover {
    background: #2C4A3E;
}

.coupon-expiry {
    font-size: 12px !important;
    color: #9CA3AF !important;
    font-weight: 500 !important;
    display: block;
}

/* Bundles Grid */
.offers-bundles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 28px;
}

.offer-bundle-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease;
}

.offer-bundle-card:hover {
    transform: translateY(-4px);
}

.bundle-img-wrap {
    width: 100%;
    height: 240px;
    position: relative;
    background: #F9FAFB;
}

.bundle-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bundle-placeholder {
    height: 100% !important;
}

.bundle-save-tag {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #EF4444;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 12px;
}

.bundle-info {
    padding: 22px;
}

.bundle-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 6px !important;
}

.bundle-desc {
    font-size: 13.5px !important;
    color: #4B5563 !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
}

.bundle-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 18px;
}

.bundle-price {
    font-size: 22px;
    font-weight: 800;
    color: #1A4D3E;
}

.bundle-compare-price {
    font-size: 15px;
    color: #9CA3AF;
    text-decoration: line-through;
    font-weight: 500;
}

.bundle-cta-btn {
    width: 100%;
    text-align: center;
    border-radius: 12px !important;
}

/* Flash Sale Banner */
.offers-countdown-banner {
    background: linear-gradient(135deg, #1A4D3E 0%, #0F3026 100%);
    border-radius: 24px;
    padding: 45px 30px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.countdown-badge {
    background: rgba(255, 255, 255, 0.15);
    color: #FDE047;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 20px;
    letter-spacing: 0.05em;
    display: inline-block;
    margin-bottom: 14px;
}

.countdown-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
}

.countdown-subtitle {
    font-size: 15px !important;
    color: #D1D5DB !important;
    margin-bottom: 25px !important;
}

.countdown-timer-boxes {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 30px;
}

.timer-box {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    padding: 12px 20px;
    min-width: 75px;
}

.timer-num {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #FFFFFF;
}

.timer-unit {
    font-size: 11px;
    color: #D1D5DB;
    text-transform: uppercase;
    font-weight: 600;
}

.countdown-btn {
    background: #FFFFFF !important;
    color: #1A4D3E !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
}

.countdown-btn:hover {
    background: #F3F4F6 !important;
}

/* T&C Accordion */
.offers-tc-container {
    background: #FAF8F5;
    border: 1px solid #EAE5D9;
    border-radius: 24px;
    padding: 35px;
}

.tc-heading {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 20px !important;
}

.tc-accordion-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tc-accordion-item {
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    background: #FFFFFF;
    overflow: hidden;
}

.tc-accordion-toggle {
    width: 100%;
    padding: 16px 20px;
    background: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    cursor: pointer;
    text-align: left;
}

.tc-accordion-content {
    padding: 0 20px 16px;
    font-size: 14px;
    color: #4B5563;
    line-height: 1.6;
}

/* Toast Notification */
.copy-toast-notification {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #111827;
    color: #FFFFFF;
    padding: 14px 22px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 999999;
}




/* Clean Full Width Slideshow Container Fix */
.slideshow-wrapper .container-full,
.slideshow-wrapper .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slideshow-wrapper .slide-image {
    display: block !important;
    width: 100% !important;
}

.slideshow-wrapper .slide-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Carousel & Slider Navigation Buttons - Theme Green */
.reels-nav-btn,
.slider-button--prev,
.slider-button--next,
.halo-product-block .slick-prev,
.halo-product-block .slick-next,
.featured-collection .slick-prev,
.featured-collection .slick-next {
    background: #1E392A !important;
    background-color: #1E392A !important;
    border-color: #1E392A !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(30, 57, 42, 0.3) !important;
}

.reels-nav-btn svg,
.slider-button--prev svg,
.slider-button--next svg,
.slick-prev:before,
.slick-next:before {
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.reels-nav-btn:hover,
.slider-button--prev:hover,
.slider-button--next:hover,
.halo-product-block .slick-prev:hover,
.halo-product-block .slick-next:hover,
.featured-collection .slick-prev:hover,
.featured-collection .slick-next:hover {
    background: #2C4A3E !important;
    background-color: #2C4A3E !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 20px rgba(30, 57, 42, 0.45) !important;
}

/* ========================================================
   Landing Page Banner "Shop Now" Buttons (Natural Soaps & Baby Products)
   ======================================================== */
.product-block .banner-button,
.product-block .custom-button-style,
.product-block .banner-action .button,
.product-block .btn-banner,
.halo-product-block .banner-button {
    background-color: #1E392A !important;
    border-color: #1E392A !important;
    color: #FFFFFF !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 14px rgba(30, 57, 42, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.product-block .banner-button:hover,
.product-block .custom-button-style:hover,
.product-block .banner-action .button:hover,
.product-block .btn-banner:hover,
.halo-product-block .banner-button:hover {
    background-color: #2C4A3E !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(44, 74, 62, 0.4) !important;
}

/* ========================================================
   Footer PDP Font Family Sync, Font Size Boost & Hover Highlights
   ======================================================== */
.footer,
.footer-1,
.footer *,
.footer__content-top,
.footer-block__item,
.footer__heading,
.footer-block__heading,
.footer-block__subtext,
.list-menu__item--link,
.footer-bottom,
.footer-bottom__text,
.footer-block__details,
.footer-block__newsletter button {
    font-family: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Compact Footer Top & Reduced Height */
.footer__content-top,
.footer-block__top {
    padding-top: 24px !important;
    padding-bottom: 18px !important;
}

.footer-block__top .footer-block__item {
    vertical-align: top !important;
}

.footer-block__text .image_logo {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
}

.footer-block__text .footer-block__details {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.footer-block__newsletter {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Category Hero Banner Auto-Fitting (1770x350 Desktop, 767x400 Mobile) */
.collection-banner .image-desktop-banner,
.collection-banner .image:not(.image-mobile) {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-top: 19.77% !important; /* (350 / 1770) * 100 */
    max-height: 350px !important;
    aspect-ratio: 1770 / 350 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    display: block !important;
}

.collection-banner .image-desktop-banner img,
.collection-banner .image:not(.image-mobile) img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.collection-banner .image.image-mobile,
.collection-banner .image-mobile-banner {
    display: none !important;
}

@media (max-width: 767px) {
    .collection-banner .image-desktop-banner,
    .collection-banner .image:not(.image-mobile) {
        display: none !important;
    }

    .collection-banner .image.image-mobile,
    .collection-banner .image-mobile-banner {
        position: relative !important;
        width: 100% !important;
        height: 0 !important;
        padding-top: 52.15% !important; /* (400 / 767) * 100 */
        max-height: 400px !important;
        aspect-ratio: 767 / 400 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        display: block !important;
    }

    .collection-banner .image.image-mobile img,
    .collection-banner .image-mobile-banner img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

.collection-header .collection-title,
.collection-info--absolute .collection-title {
    font-size: 42px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

/* Category Hero Banner Side Gaps & Container Alignment */
.collection-header {
    max-width: 1770px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.collection-banner {
    border-radius: 8px !important;
    overflow: hidden !important;
}

@media (min-width: 768px) {
    .collection-header {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.collection-banner--overlay .image:before {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

/* Headings */
.footer-1 .footer-block__heading,
.footer .footer__heading,
.footer-1 .footer__heading {
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #1E392A !important;
    margin-bottom: 18px !important;
}

/* Links & Text */
.footer-1 .list-menu__item--link,
.footer .list-menu__item--link,
.footer-1 .footer-block__details a,
.footer .footer-block__details a,
.footer-1 .footer-block__subtext,
.footer .footer-block__subtext,
.footer-1 .footer-block__details,
.footer .footer-block__details {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #3C3C3C !important;
}

.footer-1 .footer-block__subtext p,
.footer-1 .footer-block__details .rte p {
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: #4A4A4A !important;
}

/* Interactive Hover Highlighting with Subtle Shift */
.footer a,
.footer .list-menu__item--link,
.footer .footer-block__details a,
.footer-bottom a {
    position: relative;
    display: inline-block;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.footer a:hover,
.footer .list-menu__item--link:hover,
.footer .footer-block__details a:hover,
.footer-bottom a:hover {
    color: #1E392A !important;
    font-weight: 600 !important;
    transform: translateX(4px) !important;
    text-shadow: 0 0 1px rgba(30, 57, 42, 0.2) !important;
}

/* Social Media Icons Styling */
.footer-1 .list-social,
.footer .list-social,
.list-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
    margin-top: 14px !important;
}

.footer-1 .list-social__item,
.footer .list-social__item,
.list-social__item {
    position: relative !important;
    margin: 0 !important;
}

.footer-1 .list-social__link,
.footer .list-social__link,
.footer-block__list-social .list-social__link,
.list-social__link {
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #1E392A !important;
    background-color: #1E392A !important;
    border: 1.5px solid #1E392A !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 10px rgba(30, 57, 42, 0.25) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform: translateZ(0);
}

/* Force all SVG icons & elements to be crisp 100% white */
.footer-1 .list-social__link svg,
.footer-1 .list-social__link svg *,
.footer-1 .list-social__link svg path,
.footer-1 .list-social__link svg g,
.footer .list-social__link svg,
.footer .list-social__link svg *,
.footer .list-social__link svg path,
.footer .list-social__link svg g,
.footer-block__list-social .list-social__link svg,
.footer-block__list-social .list-social__link svg *,
.footer-block__list-social .list-social__link svg path,
.footer-block__list-social .list-social__link svg g,
.list-social__link svg,
.list-social__link svg *,
.list-social__link svg path,
.list-social__link svg g {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    width: 20px !important;
    height: 20px !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover: Increase icon & button size smoothly WITHOUT changing color */
.footer-1 .list-social__link:hover,
.footer .list-social__link:hover,
.footer-block__list-social .list-social__link:hover,
.list-social__link:hover {
    background: #1E392A !important;
    background-color: #1E392A !important;
    border-color: #1E392A !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) scale(1.2) !important;
    box-shadow: 0 8px 22px rgba(30, 57, 42, 0.4) !important;
}

.footer-1 .list-social__link:hover svg,
.footer-1 .list-social__link:hover svg *,
.footer .list-social__link:hover svg,
.footer .list-social__link:hover svg *,
.footer-block__list-social .list-social__link:hover svg,
.footer-block__list-social .list-social__link:hover svg *,
.list-social__link:hover svg,
.list-social__link:hover svg * {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    transform: scale(1.1) !important;
}

/* Floating Tooltip for Social Media Icons */
.list-social__link .social-tooltip {
    position: absolute !important;
    bottom: calc(100% + 9px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(6px) scale(0.92) !important;
    background: #1E392A !important;
    color: #FFFFFF !important;
    border: 1px solid #D97706 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
    z-index: 9999 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

.list-social__link .social-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 5px 5px 0 5px !important;
    border-style: solid !important;
    border-color: #D97706 transparent transparent transparent !important;
}

.list-social__link:hover .social-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
}

/* =============================================================================
   PDP Ratings Breakdown Green Highlight Progress Bars
   ============================================================================= */
.d2c-rev-bars {
    flex: 1 !important;
    max-width: 400px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.d2c-bar-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 13px !important;
    color: #2C4A3E !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}

.d2c-bar-row .d2c-star-label,
.d2c-bar-row span:first-child {
    min-width: 32px !important;
    color: #1E392A !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.d2c-bar-row .d2c-percent-label,
.d2c-bar-row span:last-child {
    min-width: 40px !important;
    text-align: right !important;
    color: #1E392A !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.d2c-bar {
    flex: 1 !important;
    height: 10px !important;
    background: #E5EBE6 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

.d2c-fill {
    height: 100% !important;
    background-color: #1E392A !important;
    background: linear-gradient(90deg, #1E392A 0%, #2C4A3E 100%) !important;
    border-radius: 20px !important;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block !important;
    position: relative !important;
}

/* Review Section Header Spacing */
.d2c-photo-reviews-section .d2c-rev-header-wrap,
.d2c-photo-reviews-section .text-center:has(.d2c-rev-heading),
#d2c-photo-reviews-section .text-center.mb-4 {
    margin-bottom: 36px !important;
}

.d2c-rev-subheading {
    margin-bottom: 8px !important;
    display: inline-block !important;
}

.d2c-rev-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {

    .d2c-photo-reviews-section .d2c-rev-header-wrap,
    .d2c-photo-reviews-section .text-center:has(.d2c-rev-heading),
    #d2c-photo-reviews-section .text-center.mb-4 {
        margin-bottom: 26px !important;
    }
}

/* PDP Botanical Guarantee Header Spacing */
.d2c-pdp-trust-section .d2c-pdp-trust-header,
.d2c-pdp-trust-section .text-center:has(.d2c-pdp-trust-heading),
.section-d2c-pdp-trust .d2c-pdp-trust-header {
    margin-bottom: 38px !important;
}

.d2c-pdp-trust-subheading {
    margin-bottom: 8px !important;
    display: inline-block !important;
}

.d2c-pdp-trust-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {

    .d2c-pdp-trust-section .d2c-pdp-trust-header,
    .d2c-pdp-trust-section .text-center:has(.d2c-pdp-trust-heading),
    .section-d2c-pdp-trust .d2c-pdp-trust-header {
        margin-bottom: 24px !important;
    }
}

/* Footer Social Media Icons & Floating Tooltips */
.footer .list-social,
.footer-1 .list-social,
.footer-block__list-social .list-social {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.footer .list-social__item,
.footer-1 .list-social__item,
.footer-block__list-social .list-social__item {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.footer .list-social__link,
.footer-1 .list-social__link,
.footer-block__list-social .list-social__link,
.list-social__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    background-color: #1E392A !important;
    border: 1.5px solid #1E392A !important;
    color: #FFFFFF !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important;
    position: relative !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer .list-social__link:hover,
.footer-1 .list-social__link:hover,
.footer-block__list-social .list-social__link:hover,
.list-social__link:hover {
    background-color: #1E392A !important;
    border-color: #1E392A !important;
    transform: scale(1.15) !important;
    box-shadow: 0 4px 12px rgba(30, 57, 42, 0.35) !important;
}

.footer .list-social__link:before,
.footer-1 .list-social__link:before,
.footer-block__list-social .list-social__link:before {
    display: none !important;
}

.footer .list-social__link svg,
.footer-1 .list-social__link svg,
.footer-block__list-social .list-social__link svg,
.list-social__link svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    stroke: none !important;
    transition: transform 0.25s ease !important;
    display: block !important;
}

.footer .list-social__link svg *,
.footer-1 .list-social__link svg *,
.footer-block__list-social .list-social__link svg *,
.list-social__link svg *,
.footer .list-social__link svg path,
.footer-1 .list-social__link svg path,
.footer-block__list-social .list-social__link svg path,
.list-social__link svg path,
.footer .list-social__link svg g,
.footer-1 .list-social__link svg g,
.footer-block__list-social .list-social__link svg g,
.list-social__link svg g {
    fill: #FFFFFF !important;
    stroke: none !important;
    color: #FFFFFF !important;
}

/* Floating Tooltip */
.list-social__link .social-tooltip {
    position: absolute !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(4px) !important;
    background-color: #1E392A !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(217, 119, 6, 0.6) !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-family: 'Poppins', 'Inter', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    z-index: 100 !important;
    line-height: 1.2 !important;
}

.list-social__link .social-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 5px 5px 0 5px !important;
    border-style: solid !important;
    border-color: #1E392A transparent transparent transparent !important;
}

.list-social__link:hover .social-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* Visible Transformation & Botanical Guarantee PDP Clean Font Match */
.d2c-clinical-heading,
.d2c-transformation-title,
.d2c-info-heading,
.d2c-info-card-title,
.d2c-pdp-trust-heading,
.d2c-pdp-trust-title,
.d2c-why-heading,
.d2c-why-card-title,
.d2c-clinical-results-section h2,
.d2c-clinical-results-section h3,
.d2c-clinical-results-section h4,
.d2c-pdp-trust-section h2,
.d2c-pdp-trust-section span {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.d2c-clinical-subheading,
.d2c-metric-num,
.d2c-metric-text,
.d2c-transformation-tag,
.d2c-transformation-desc,
.d2c-clinical-results-section p,
.d2c-clinical-results-section span,
.d2c-pdp-trust-subheading {
    font-family: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
/* =============================================================================
   Explicit About Us Page PDP Font Match Override
   ============================================================================= */
.d2c-about-us-wrapper,
.d2c-about-us-wrapper *,
.halo-about-content,
.halo-about-content *,
.d2c-tc-wrapper,
.d2c-tc-wrapper *,
.d2c-rp-wrapper,
.d2c-rp-wrapper * {
    font-family: 'Inter', 'Poppins', sans-serif !important;
}