/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme for Radhe Indian Grocery Store
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* -------------------------------------------------------------
   1. Brand Colors & Global Typography
   ------------------------------------------------------------- */
:root {
    --radhe-primary: #02588B;
    --radhe-primary-dark: #014169;
    --radhe-primary-light: #0198D1;
    --radhe-gold: #FFB800;
    --radhe-gold-light: #FEF3C7;
    --radhe-bg-light: #F0F9FF;
    --radhe-bg-card: #FFFFFF;
    --radhe-text: #334155;
    --radhe-heading: #0F172A;
    --radhe-border: #E5E7EB;
    --radhe-container-max: 1200px;
}

html, body {
    overflow-x: hidden;
    background-color: #FFFFFF;
    color: var(--radhe-text);
}

/* -------------------------------------------------------------
   2. Stretched Containers with Boxed Inner Content
   ------------------------------------------------------------- */
/* Page wrappers span full width for edge-to-edge section backgrounds */
.main-page-wrapper,
.content-layout-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Ensure inner content across all Elementor sections remains cleanly boxed */
.e-con.e-parent.e-con-boxed > .e-con-inner,
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-stretched > .elementor-container {
    max-width: var(--radhe-container-max) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* Fallback for any full-width parent container with boxed children */
.e-con.e-parent.e-con-full:not(.e-con-full-bleed):not(.wd-section-stretch) > .e-con-inner {
    max-width: var(--radhe-container-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Boxed layout for standard theme & WooCommerce pages */
body:not(.elementor-page) .main-page-wrapper > .container,
.single-product .main-page-wrapper > .container,
.woocommerce-cart .main-page-wrapper > .container,
.woocommerce-checkout .main-page-wrapper > .container,
.woocommerce-account .main-page-wrapper > .container,
.post-type-archive-product .main-page-wrapper > .container,
.tax-product_cat .main-page-wrapper > .container {
    max-width: 1222px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Remove awkward bottom gaps between last section and footer */
.elementor-section-wrap,
.elementor-section:last-child,
.elementor-container:last-child,
.e-con.e-parent:last-child {
    margin-bottom: 0 !important;
}

/* -------------------------------------------------------------
   3. Shop Mega Menu Dropdown (Clean, Perfectly Aligned, NO ICONS)
   ------------------------------------------------------------- */
/* Dropdown container */
.wd-dropdown-menu.wd-design-full-width {
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-top: 1px solid #F1F5F9 !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    padding: 0 !important;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                visibility 0.25s ease, 
                transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Inner container inside mega menu */
.wd-dropdown-menu.wd-design-full-width > .container.wd-entry-content {
    max-width: 1220px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
}

/* Mega menu columns layout */
.radhe-mega-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 16px !important;
}

.elementor-element-radhe_mega_root {
    width: 100% !important;
}

.elementor-element-radhe_col_1,
.elementor-element-radhe_col_2,
.elementor-element-radhe_col_3,
.elementor-element-radhe_col_4 {
    flex: 1 1 25% !important;
    max-width: 25% !important;
    box-sizing: border-box !important;
}

/* Mega menu column headers */
.elementor-element-radhe_col_1 h4,
.elementor-element-radhe_col_2 h4,
.elementor-element-radhe_col_3 h4,
.elementor-element-radhe_col_4 h4 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--radhe-primary) !important;
    margin: 0 0 10px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #F1F5F9 !important;
    letter-spacing: 0.2px !important;
}

/* Banner image hover zoom */
.elementor-element-radhe_mega_root img {
    border-radius: 8px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    display: block !important;
    margin-bottom: 12px !important;
}

.elementor-element-radhe_col_1:hover img,
.elementor-element-radhe_col_2:hover img,
.elementor-element-radhe_col_3:hover img,
.elementor-element-radhe_col_4:hover img {
    transform: scale(1.02) !important;
}

/* Clean Category Text Links (Strictly NO icons) */
.radhe-mega-links {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.radhe-mega-links li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.radhe-mega-links li a {
    display: flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.radhe-mega-links li a:hover {
    color: var(--radhe-primary) !important;
    background-color: #F0F9FF !important;
    transform: translateX(4px) !important;
    font-weight: 600 !important;
}

/* "View All Groceries" button in mega menu */
.radhe-mega-links li.radhe-mega-view-all {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px dashed #E2E8F0 !important;
}

.radhe-mega-links li.radhe-mega-view-all a {
    color: var(--radhe-primary) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    display: flex !important;
    justify-content: space-between !important;
}

.radhe-mega-links li.radhe-mega-view-all a:hover {
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--radhe-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.08) !important;
}

/* -------------------------------------------------------------
   4. Modern Homepage & Contact Us Page System (V4)
   ------------------------------------------------------------- */

/* Common Section Headings & Badges */
.sec-eyebrow {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--radhe-primary) !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

.sec-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--radhe-heading) !important;
    margin: 0 0 10px !important;
}

.sec-subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 !important;
    max-width: 650px !important;
}

.section-heading-center {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 38px !important;
    width: 100% !important;
}

.section-heading-split {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 36px !important;
    width: 100% !important;
}

.btn-view-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 11px 22px !important;
    background: #EAF5FA !important;
    color: var(--radhe-primary) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-view-all:hover {
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

/* 4a. Modern Grocery Hero (radhe-hero-v4) */
.radhe-hero-v4 {
    background: linear-gradient(135deg, #000000 0%, #374151 55%, #1F2937 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

.radhe-hero-v4 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 36px !important;
}

.radhe-hero-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(245, 183, 0, 0.15) !important;
    border: 1px solid rgba(245, 183, 0, 0.45) !important;
    color: var(--radhe-gold) !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 18px !important;
}

.badge-dot {
    width: 7px !important;
    height: 7px !important;
    background: var(--radhe-gold) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px var(--radhe-gold) !important;
}

.radhe-hero-v4 .radhe-hero-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: #FFFFFF !important;
    margin: 0 0 18px !important;
}

.radhe-hero-v4 .hero-gold-text {
    color: var(--radhe-gold) !important;
}

.radhe-hero-v4 .radhe-hero-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #F4F4F5 !important;
    max-width: 580px !important;
    margin: 0 0 28px !important;
}

/* 4a-extra. Dedicated High-Contrast Rules for About Us Page */
.radhe-about-wrapper .radhe-hero-title {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: clamp(34px, 4.2vw, 52px) !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    line-height: 1.18 !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.5px !important;
}

.radhe-about-wrapper .radhe-hero-title span {
    color: #000000 !important;
}

.radhe-about-wrapper .radhe-hero-desc {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    margin: 0 0 35px 0 !important;
    max-width: 580px !important;
}

.radhe-hero-actions {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-bottom: 28px !important;
}

.btn-hero-primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 28px !important;
    background: var(--radhe-gold) !important;
    color: #0F172A !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(245, 183, 0, 0.35) !important;
    transition: all 0.2s ease !important;
}

.btn-hero-primary:hover {
    background: #EAB308 !important;
    color: #0F172A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(245, 183, 0, 0.45) !important;
}

.btn-hero-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 13px 26px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-hero-secondary:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

.radhe-hero-trust {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.trust-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 20px !important;
    padding: 5px 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    color: #F4F4F5 !important;
}

.trust-chk {
    color: var(--radhe-gold) !important;
    font-weight: 700 !important;
}

.hero-video-wrapper {
    position: relative !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    background: #000000 !important;
}

.hero-video-wrapper {
    position: relative !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    background: #000000 !important;
    max-height: 400px !important;
}

.hero-video-player {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 20px !important;
}

.hero-float-badge {
    position: absolute !important;
    z-index: 2 !important;
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 8px 14px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

.top-badge { top: 14px !important; right: 14px !important; }
.bottom-badge { bottom: 14px !important; left: 14px !important; }
.star-icon { color: var(--radhe-gold) !important; }

/* 4b. Trust & Value Ribbon (radhe-trust-ribbon) */
.trust-strip-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
}

.trust-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 18px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.trust-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.08) !important;
    border-color: #E5E7EB !important;
}

.trust-card-icon {
    font-size: 26px !important;
    min-width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #EAF5FA !important;
    border-radius: 10px !important;
}

.trust-card-text strong {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--radhe-heading) !important;
    margin-bottom: 2px !important;
}

.trust-card-text span {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    color: #64748B !important;
    line-height: 1.4 !important;
}

/* 4c. Visual Category Showcase (radhe-categories-v4) */
.categories-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

.cat-card {
    position: relative !important;
    height: 220px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 20px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
}

.cat-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(124, 58, 237, 0.08) !important;
}

.cat-card-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.4s ease !important;
}

.cat-card:hover .cat-card-img {
    transform: scale(1.06) !important;
}

.cat-card-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.15) 0%, rgba(15, 23, 42, 0.88) 100%) !important;
}

.cat-card-content {
    position: relative !important;
    z-index: 2 !important;
    color: #FFFFFF !important;
}

.cat-tag {
    display: inline-block !important;
    background: rgba(245, 183, 0, 0.95) !important;
    color: #0F172A !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

.cat-card-content h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 0 3px !important;
}

.cat-card-content p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: #E2E8F0 !important;
    margin: 0 0 10px !important;
}

.cat-btn {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--radhe-gold) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: transform 0.2s ease !important;
}

.cat-card:hover .cat-btn {
    transform: translateX(4px) !important;
}

/* 4d. Featured Products 5-Column Grid (radhe-products-v4) */
.products-showcase-5col {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
}

.prod-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
    box-sizing: border-box !important;
}

.prod-card:hover {
    transform: translateY(-4px) !important;
    border-color: #E5E7EB !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.08) !important;
}

.prod-deal-card {
    border: 1.5px solid var(--radhe-gold) !important;
    box-shadow: 0 6px 20px rgba(245, 183, 0, 0.12) !important;
}

.prod-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 2 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.badge-top { background: #F4F4F5 !important; color: #92400E !important; }
.badge-family { background: #F4F4F5 !important; color: #1F2937 !important; }
.badge-staple { background: #F1F5F9 !important; color: #334155 !important; }
.badge-whole { background: #F4F4F5 !important; color: #000000 !important; }
.badge-sale { background: var(--radhe-gold) !important; color: #0F172A !important; font-weight: 800 !important; }

.prod-img-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 185px !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.prod-img-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 185px !important;
    max-height: 185px !important;
    width: 100% !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.prod-img-wrap img {
    height: 155px !important;
    max-height: 155px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.prod-card:hover .prod-img-wrap img {
    transform: scale(1.05) !important;
}

.prod-info {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.prod-cat {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: var(--radhe-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}

.prod-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 8px !important;
    min-height: 36px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.prod-title a {
    color: var(--radhe-heading) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.prod-title a:hover {
    color: var(--radhe-primary) !important;
}

.prod-price-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.prod-price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--radhe-primary) !important;
}

.sale-price del {
    font-size: 12px !important;
    color: #94A3B8 !important;
    font-weight: 400 !important;
    margin-right: 4px !important;
}

.sale-price {
    color: #D97706 !important;
}

.prod-stock-tag {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    background: #F4F4F5 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.btn-prod-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    gap: 5px !important;
    padding: 8px 10px !important;
    background: #F1F5F9 !important;
    color: #0F172A !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-prod-action:hover {
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
}

.btn-prod-highlight {
    background: var(--radhe-gold) !important;
    color: #0F172A !important;
}

.btn-prod-highlight:hover {
    background: #EAB308 !important;
    color: #0F172A !important;
}

/* 4e. Weekly Deal Spotlight Banner (radhe-deal-banner-v4) */
.deal-spotlight-box {
    background: linear-gradient(135deg, #1F2937 0%, #000000 100%) !important;
    border-radius: 24px !important;
    padding: 48px 40px !important;
    display: grid !important;
    grid-template-columns: 1.3fr 1fr !important;
    gap: 36px !important;
    align-items: center !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 40px rgba(124, 58, 237, 0.08) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.deal-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.deal-pill .elementor-heading-title,
.deal-pill {
    display: inline-block !important;
    background: rgba(245, 183, 0, 0.2) !important;
    border: 1px solid rgba(245, 183, 0, 0.5) !important;
    color: var(--radhe-gold) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    letter-spacing: 1px !important;
    margin-bottom: 14px !important;
    width: fit-content !important;
}

.deal-title-heading .elementor-heading-title,
.deal-copy h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    line-height: 1.2 !important;
    margin: 0 0 14px !important;
}

.deal-desc-widget p,
.deal-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #F4F4F5 !important;
    margin: 0 0 18px !important;
}

/* Feature bullets */
.deal-features-list .elementor-icon-list-items,
.deal-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
}

.deal-features-list .elementor-icon-list-item,
.deal-features li {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.deal-features-list .elementor-icon-list-icon i,
.deal-features-list .elementor-icon-list-icon svg,
.deal-features li span {
    color: var(--radhe-gold) !important;
    font-weight: 700 !important;
}

.deal-features-list .elementor-icon-list-text {
    color: #FFFFFF !important;
}

/* Pricing and Button Row */
.deal-pricing-cta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.deal-price-block {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.deal-old-price {
    font-size: 14px !important;
    color: #94A3B8 !important;
    text-decoration: line-through !important;
}

.deal-current-price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--radhe-gold) !important;
}

.deal-save-tag {
    background: #F4F4F5 !important;
    color: #92400E !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
}

.deal-pricing-cta .elementor-button,
.btn-claim-deal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 26px !important;
    background: var(--radhe-gold) !important;
    color: #0F172A !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    gap: 6px !important;
    border: none !important;
}

.deal-pricing-cta .elementor-button:hover,
.btn-claim-deal:hover {
    background: #EAB308 !important;
    color: #0F172A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(245, 183, 0, 0.35) !important;
}

/* Right Visual Container & Badge */
.deal-visual {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    padding: 28px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.deal-badge-container {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 10px !important;
}

.deal-card-badge {
    background: var(--radhe-gold) !important;
    color: #0F172A !important;
    border-radius: 12px !important;
    padding: 8px 14px !important;
    text-align: center !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
    z-index: 10 !important;
    display: inline-block !important;
    width: fit-content !important;
}

.deal-badge-title {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
}

.deal-badge-price {
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.deal-badge-sub {
    display: block !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    opacity: 0.85 !important;
}

.deal-prod-img,
.deal-prod-img img {
    max-height: 260px !important;
    width: auto !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    transition: transform 0.3s ease !important;
}

.deal-prod-img:hover img {
    transform: scale(1.03) !important;
}


/* 4f. Why Harrow Chooses Radhe (radhe-benefits-v4) */
.benefits-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

.benefit-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 28px 20px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.benefit-card:hover {
    transform: translateY(-4px) !important;
    border-color: #E5E7EB !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.08) !important;
}

.benefit-icon {
    font-size: 32px !important;
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #EAF5FA !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
}

.benefit-card h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--radhe-heading) !important;
    margin: 0 0 8px !important;
}

.benefit-card p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 !important;
}

/* 4g. Customer Reviews (radhe-reviews-v4) */
.reviews-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

.review-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 28px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
}

.review-stars {
    color: var(--radhe-gold) !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    margin-bottom: 12px !important;
}

.review-quote {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
    font-style: italic !important;
    margin: 0 0 20px !important;
}

.review-author {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.author-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.author-info strong {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--radhe-heading) !important;
}

.author-info span {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11.5px !important;
    color: #64748B !important;
}

/* 4h. Store Experience Spotlight (radhe-visit-v4) */
.visit-store-split {
    display: grid !important;
    grid-template-columns: 1.15fr 1fr !important;
    gap: 32px !important;
    align-items: center !important;
    width: 100% !important;
}

.visit-details-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 20px 0 26px !important;
}

.visit-detail-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 12px 14px !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    border: 1px solid #E2E8F0 !important;
}

.detail-icon {
    font-size: 22px !important;
    min-width: 28px !important;
}

.visit-detail-item strong {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--radhe-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin-bottom: 2px !important;
}

.visit-detail-item p {
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #334155 !important;
}

.visit-detail-item a {
    color: var(--radhe-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.visit-action-buttons {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.btn-maps-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-maps-action:hover {
    background: var(--radhe-primary-dark) !important;
    transform: translateY(-2px) !important;
}

.btn-contact-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    background: #F1F5F9 !important;
    color: #0F172A !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-contact-action:hover {
    background: #E2E8F0 !important;
}

.visit-video-container {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;
    border: 2px solid #E2E8F0 !important;
    background: #000000 !important;
}

.visit-video-container {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;
    border: 2px solid #E2E8F0 !important;
    background: #000000 !important;
    height: 340px !important;
}

.visit-video-player {
    width: 100% !important;
    height: 340px !important;
    object-fit: cover !important;
    display: block !important;
}

.visit-video-overlay {
    position: absolute !important;
    bottom: 14px !important;
    left: 14px !important;
    right: 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

.badge-store-live, .badge-store-hours {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(6px) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
}

/* 4i. Bottom Community CTA Strip (radhe-bottom-cta-v4 & radhe-contact-cta-v4) */
.community-cta-box {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.cta-text h2 {
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
}

.cta-text p {
    color: #F4F4F5 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    margin: 0 !important;
}

.cta-buttons {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.btn-cta-gold {
    padding: 13px 26px !important;
    background: var(--radhe-gold) !important;
    color: #0F172A !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-cta-gold:hover {
    background: #EAB308 !important;
    transform: translateY(-2px) !important;
}

.btn-cta-white {
    padding: 12px 24px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.btn-cta-white:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* 4j. Contact Us Page (radhe-contact-*) */
.radhe-contact-hero-v4 {
    background: linear-gradient(135deg, #000000 0%, #374151 60%, #1F2937 100%) !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

.contact-hero-content {
    max-width: 780px !important;
    margin: 0 auto !important;
}

.contact-hero-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(245, 183, 0, 0.15) !important;
    border: 1px solid rgba(245, 183, 0, 0.45) !important;
    color: var(--radhe-gold) !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 16px !important;
}

.contact-hero-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
    margin: 0 0 14px !important;
}

.contact-hero-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #F4F4F5 !important;
    margin: 0 !important;
}

/* 4 Quick Contact Cards */
.contact-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.contact-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    padding: 24px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    box-sizing: border-box !important;
    height: 100% !important;
}

.contact-card:hover {
    transform: translateY(-4px) !important;
    border-color: #E5E7EB !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.08) !important;
}

.contact-card-icon {
    font-size: 26px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #EAF5FA !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
    flex-shrink: 0 !important;
}

.contact-card h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--radhe-heading) !important;
    margin: 0 0 6px !important;
    min-height: 24px !important;
}

.contact-card p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 0 12px !important;
    flex-grow: 1 !important;
    min-height: 42px !important;
    word-break: break-word !important;
}

.contact-card a {
    color: var(--radhe-primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.contact-card a:hover {
    text-decoration: underline !important;
}

.contact-card p a {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

.contact-card-link {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--radhe-primary) !important;
    text-decoration: none !important;
    margin-top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    line-height: 26px !important;
}

.contact-card-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F4F4F5 !important;
    color: #000000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    margin-top: auto !important;
    height: 26px !important;
    line-height: 26px !important;
    align-self: flex-start !important;
}

/* Split Contact Section */
.radhe-contact-split-v4 {
    background: #F8FAFC !important;
    padding: 50px 20px 65px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.radhe-contact-split-v4 > .e-con-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

/* Force both child containers to fill their 100% column grid cells */
.radhe-contact-split-v4 > .e-con-inner > .e-con,
.radhe-contact-split-v4 .contact-form-card,
.radhe-contact-split-v4 .contact-sidebar-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05) !important;
    padding: 42px 38px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 100% !important;
}

.form-header-box {
    margin-bottom: 24px !important;
    width: 100% !important;
}

.form-title,
.info-sidebar-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--radhe-heading) !important;
    margin: 4px 0 8px !important;
    line-height: 1.25 !important;
}

.form-desc,
.info-sidebar-desc {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #64748B !important;
    margin: 0 0 22px !important;
}

.store-info-sidebar {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.sidebar-details-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    margin-bottom: 24px !important;
    flex-grow: 1 !important;
    width: 100% !important;
}

.sidebar-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 13px 16px !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    border: 1px solid #E2E8F0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    transition: border-color 0.2s ease, background 0.2s ease !important;
}

.sidebar-item:hover {
    background: #F1F5F9 !important;
    border-color: #CBD5E1 !important;
}

.sidebar-icon {
    font-size: 22px !important;
    min-width: 28px !important;
    line-height: 1.2 !important;
}

.sidebar-item > div {
    flex: 1 !important;
}

.sidebar-item strong {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--radhe-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 3px !important;
}

.sidebar-item p {
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
}

.sidebar-item a {
    color: var(--radhe-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.btn-sidebar-maps {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 24px !important;
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: auto !important;
    white-space: nowrap !important;
}

.btn-sidebar-maps:hover {
    background: var(--radhe-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.08) !important;
}

/* WPForms Form Elements Clean Styling */
#wpforms-35738 #wpforms-35738-field_6-container,
#wpforms-35738 #wpforms-35738-field_7-container {
    display: none !important;
}

.wpforms-container, .wpforms-form {
    width: 100% !important;
    margin: 0 !important;
}

.wpforms-field {
    padding: 8px 0 !important;
}

.wpforms-field-label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="number"],
.wpforms-field textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #F8FAFC !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #0F172A !important;
    transition: all 0.2s ease !important;
    min-height: 46px !important;
}

.wpforms-field textarea {
    min-height: 120px !important;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus {
    background: #FFFFFF !important;
    border-color: var(--radhe-primary) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.08) !important;
    outline: none !important;
}

.wpforms-submit {
    background: var(--radhe-primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 28px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.wpforms-submit:hover {
    background: var(--radhe-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.08) !important;
}

/* Map Section */
.map-container-box {
    width: 100% !important;
}

.map-embed-wrapper {
    width: 100% !important;
    height: 410px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
}

.map-embed-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    display: block !important;
}

/* FAQ Cards Grid */
.faq-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
}

.faq-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 24px 22px !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.02) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.faq-card:hover {
    transform: translateY(-2px) !important;
    border-color: #E5E7EB !important;
}

.faq-card h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--radhe-heading) !important;
    margin: 0 0 8px !important;
}

.faq-card p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 !important;
}

/* -------------------------------------------------------------
   5. Policy Pages Layout & Clean Modern Typography
   ------------------------------------------------------------- */
.site-policy-container {
    max-width: 940px;
    margin: 0 auto;
    padding: 30px 24px 60px;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--radhe-text);
    line-height: 1.8;
}

.site-policy-container h2 {
    color: var(--radhe-heading);
    font-weight: 600;
    font-size: 24px;
    margin-top: 36px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--radhe-border);
}

.site-policy-container h3 {
    color: var(--radhe-heading);
    font-weight: 600;
    font-size: 19px;
    margin-top: 24px;
    margin-bottom: 12px;
}

.site-policy-container ul,
.site-policy-container ol {
    margin-bottom: 22px;
    padding-left: 24px;
}

.site-policy-container li {
    margin-bottom: 8px;
}

.site-policy-container a {
    color: var(--radhe-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.site-policy-container a:hover {
    color: var(--radhe-primary-dark);
}

.site-policy-container table {
    width: 100%;
    border-collapse: collapse;
    margin: 22px 0;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.site-policy-container th,
.site-policy-container td {
    padding: 12px 16px;
    border: 1px solid var(--radhe-border);
}

.site-policy-container th {
    background-color: #f1f5f9;
    font-weight: 600;
    color: var(--radhe-heading);
}

/* -------------------------------------------------------------
   6. Seamless Dark Footer & Zero Whitespace
   ------------------------------------------------------------- */
.wd-footer,
.footer-container {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border-top: 1px solid #E5E7EB !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
}

.footer-container .main-footer,
.footer-container .container.main-footer,
.container.main-footer {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.radhe-premium-footer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Hide third-party injected credits & redundant copyright */
.codexinh-credit,
div.codexinh-credit,
.copyrights-wrapper,
.min-footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Currency symbol */
.woocommerce-Price-currencySymbol {
    font-weight: 600;
}

/* -------------------------------------------------------------
   7. Responsive Media Queries (Mobile & Tablet)
   ------------------------------------------------------------- */
@media (max-width: 1024px) {
    .trust-strip-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
    
    .categories-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .products-showcase-5col {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .deal-spotlight-box {
        grid-template-columns: 1fr !important;
        padding: 36px 28px !important;
    }

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

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

    .visit-store-split {
        grid-template-columns: 1fr !important;
    }

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

    .radhe-contact-split-v4 > .e-con-inner {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .site-policy-container {
        padding: 20px 16px 40px;
    }
    
    .site-policy-container h2 {
        font-size: 20px;
        margin-top: 26px;
    }
    
    .site-policy-container h3 {
        font-size: 17px;
    }
    
    .site-policy-container table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .radhe-hero-v4 {
        padding: 45px 16px !important;
    }

    .radhe-hero-v4 > .e-con-inner {
        flex-direction: column !important;
        gap: 32px !important;
    }

    .radhe-hero-v4 .radhe-hero-title {
        font-size: 32px !important;
    }

    .radhe-hero-v4 .radhe-hero-desc {
        font-size: 14px !important;
    }

    .sec-title {
        font-size: 26px !important;
    }

    .section-heading-split {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .contact-hero-title {
        font-size: 30px !important;
    }

    .map-embed-wrapper {
        height: 320px !important;
    }

    .faq-cards-grid {
        grid-template-columns: 1fr !important;
    }

    .community-cta-box {
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
    }

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

@media (max-width: 640px) {
    .radhe-hero-v4 .radhe-hero-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .radhe-hero-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .btn-hero-primary, .btn-hero-secondary {
        width: 100% !important;
        justify-content: center !important;
    }

    .trust-strip-grid {
        grid-template-columns: 1fr !important;
    }

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

    .cat-card {
        height: 180px !important;
        padding: 14px !important;
    }

    .cat-card-content h3 {
        font-size: 14.5px !important;
    }

    .cat-card-content p {
        display: none !important;
    }

    /* 5-product showcase = 2 columns on mobile */
    .products-showcase-5col {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .prod-card {
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .btn-prod-action {
        font-size: 11px !important;
        padding: 7px 6px !important;
        white-space: nowrap !important;
        gap: 3px !important;
        letter-spacing: -0.2px !important;
    }

    .btn-claim-deal {
        white-space: nowrap !important;
        padding: 11px 16px !important;
        font-size: 12.5px !important;
        justify-content: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .btn-sidebar-maps {
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .prod-img-wrap {
        height: 135px !important;
    }

    .prod-title {
        font-size: 12px !important;
        min-height: 32px !important;
    }

    .prod-price {
        font-size: 14px !important;
    }

    .deal-copy h2,
    .deal-title-heading .elementor-heading-title {
        font-size: 24px !important;
    }

    .deal-visual {
        padding: 16px !important;
    }

    .deal-prod-img,
    .deal-prod-img img {
        max-height: 200px !important;
    }

    .deal-badge-container {
        justify-content: center !important;
    }

    .benefits-grid-4 {
        grid-template-columns: 1fr !important;
    }

    .reviews-grid-3 {
        grid-template-columns: 1fr !important;
    }

    /* Contact info cards = 2 columns on mobile */
    .contact-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .contact-card {
        padding: 16px 10px !important;
        border-radius: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }

    .contact-card-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 20px !important;
        margin-bottom: 8px !important;
        border-radius: 10px !important;
        flex-shrink: 0 !important;
    }

    .contact-card h3 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        min-height: 34px !important;
        margin: 0 0 6px !important;
        display: flex !important;
        align-items: flex-start !important;
    }

    .contact-card p {
        font-size: 11px !important;
        line-height: 1.45 !important;
        margin: 0 0 10px !important;
        flex-grow: 1 !important;
        min-height: 38px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        word-break: break-word !important;
    }

    .contact-card p a {
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
    }

    .contact-card-email,
    .contact-card p a[href^="mailto:"] {
        font-size: 9.8px !important;
        line-height: 1.35 !important;
        letter-spacing: -0.2px !important;
        display: inline-block !important;
        word-break: break-all !important;
    }

    .contact-card-sub {
        font-size: 10.5px !important;
        color: #64748B !important;
        display: block !important;
        margin-top: 2px !important;
    }

    .contact-card-link,
    .contact-card-badge {
        font-size: 11px !important;
        height: 24px !important;
        line-height: 24px !important;
        margin-top: auto !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .contact-card-badge {
        padding: 0 8px !important;
        font-size: 10px !important;
    }

    .radhe-contact-split-v4 .e-con-inner > .e-con {
        padding: 24px 18px !important;
    }
}

/* ---------------
/* -------------------------------------------------------------
   Fresh Sage & Warm Cream Modern Typography & Polish
   ------------------------------------------------------------- */
.radhe-hero-v5 {
    background: #F9FAFB !important;
}

.radhe-hero-v5 h1 {
    letter-spacing: -0.5px !important;
}

/* Card hover lifts */
.elementor-element-szv4x0ky .e-con,
.elementor-element-1e8befb5 .e-con,
.elementor-element-feb03e8a .e-con,
.elementor-element-da6d28bf .e-con,
.elementor-element-761fe9ea .e-con {
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.elementor-element-1e8befb5 .e-con:hover,
.elementor-element-feb03e8a .e-con:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.06) !important;
}

/* Ensure mobile images & buttons scale smoothly */
@media (max-width: 767px) {
    .elementor-widget-button .elementor-button {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
}

/* -------------------------------------------------------------
   Modern Warm Saffron & Mango Amber Polish (Hero v6 & Cards)
   ------------------------------------------------------------- */
.radhe-hero-v6 {
    background-color: #F9FAFB !important;
}

.radhe-hero-v6 h1 {
    letter-spacing: -0.5px !important;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11' !important;
}

/* Eye-catching subtle warm glow on main hero CTA */
.radhe-hero-v6 .elementor-widget-button .elementor-button {
    box-shadow: 0 8px 22px rgba(124, 58, 237, 0.12) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.radhe-hero-v6 .elementor-widget-button .elementor-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, 0.16) !important;
}

/* Card hover lifts with warm amber shadow */
.elementor-element-szv4x0ky .e-con,
.elementor-element-1e8befb5 .e-con,
.elementor-element-feb03e8a .e-con,
.elementor-element-da6d28bf .e-con,
.elementor-element-761fe9ea .e-con {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.elementor-element-1e8befb5 .e-con:hover,
.elementor-element-feb03e8a .e-con:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, 0.06) !important;
    border-color: #E5E7EB !important;
}

/* Ensure mobile images & buttons scale smoothly */
@media (max-width: 767px) {
    .radhe-hero-v6 {
        padding-top: 28px !important;
        padding-bottom: 32px !important;
    }
    .elementor-widget-button .elementor-button {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
}


/* -------------------------------------------------------------
   Ultra-Premium Royal Bordeaux & Alabaster Minimalist Polish
   ------------------------------------------------------------- */
.radhe-luxury-hero {
    background-color: #F9FAFB !important;
}

.radhe-luxury-hero h1 {
    letter-spacing: -0.6px !important;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11' !important;
}

/* Quick Aisle Navigation pills */
.hero-quick-aisles a {
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.hero-quick-aisles a:hover {
    background: #F4F4F5 !important;
    border-color: #E5E7EB !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.06) !important;
}

/* Luxury button smooth hover effects */
.radhe-luxury-hero .elementor-widget-button .elementor-button {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.radhe-luxury-hero .elementor-widget-button .elementor-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px rgba(124, 58, 237, 0.14) !important;
}

/* Card subtle lift on hover */
.radhe-luxury-hero .e-con:hover {
    border-color: #E5E7EB !important;
}

@media (max-width: 767px) {
    .radhe-luxury-hero {
        padding-top: 28px !important;
        padding-bottom: 32px !important;
    }
    .hero-quick-aisles {
        gap: 6px !important;
    }
    .hero-quick-aisles a {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}


/* -------------------------------------------------------------
   Split Video Hero (v7) & Royal Amethyst Clean Styling
   ------------------------------------------------------------- */
.radhe-hero-v7 {
    background-color: #FAFAFA !important;
}

.radhe-hero-v7 h1 {
    letter-spacing: -0.5px !important;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11' !important;
}

.radhe-hero-v7 .elementor-widget-button .elementor-button {
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.22) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.radhe-hero-v7 .elementor-widget-button .elementor-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, 0.30) !important;
}

@media (max-width: 767px) {
    .radhe-hero-v7 {
        padding-top: 24px !important;
        padding-bottom: 28px !important;
    }
}


/* =============================================================
/* =============================================================
   /* =============================================================
   RADHE BULLETPROOF RESPONSIVE SYSTEM (DESKTOP, TABLET, MOBILE)
   ============================================================= */

/* --- SECTION 1: TRUST STRIP --- */
/* Desktop (>1024px): 4 Columns in 1 row */
.radhe-trust-strip,
.radhe-trust-strip.e-con,
.radhe-trust-strip > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: 100% !important;
}
.radhe-trust-strip > .e-con,
.radhe-trust-strip > .e-con-inner > .e-con {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Tablet (641px - 1024px): 2x2 Grid */
@media (max-width: 1024px) and (min-width: 641px) {
    .radhe-trust-strip,
    .radhe-trust-strip.e-con,
    .radhe-trust-strip > .e-con-inner {
        flex-wrap: wrap !important;
        gap: 14px !important;
    }
    .radhe-trust-strip > .e-con,
    .radhe-trust-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
    }
}
/* Mobile (<= 640px): 2x2 Grid (Compact & Space Saving) */
@media (max-width: 640px) {
    .radhe-trust-strip,
    .radhe-trust-strip.e-con,
    .radhe-trust-strip > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    .radhe-trust-strip > .e-con,
    .radhe-trust-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        padding: 12px 10px !important;
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
        gap: 6px !important;
    }
    .radhe-trust-strip h4 {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }
    .radhe-trust-strip p {
        font-size: 10.5px !important;
        line-height: 1.35 !important;
    }
}

/* --- SECTION 2: SHOP BY CATEGORY (6 CARDS) --- */
/* Desktop (>1024px): 6 Columns in 1 row */
.radhe-cats-strip,
.radhe-cats-strip.e-con,
.radhe-cats-strip > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: 100% !important;
}
.radhe-cats-strip > .e-con,
.radhe-cats-strip > .e-con-inner > .e-con {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Tablet (641px - 1024px): 3x2 Grid */
@media (max-width: 1024px) and (min-width: 641px) {
    .radhe-cats-strip,
    .radhe-cats-strip.e-con,
    .radhe-cats-strip > .e-con-inner {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
    .radhe-cats-strip > .e-con,
    .radhe-cats-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(33.333% - 8px) !important;
        width: calc(33.333% - 8px) !important;
        max-width: calc(33.333% - 8px) !important;
    }
}
/* Mobile (<= 640px): 2x3 Grid (2 Columns per row) */
@media (max-width: 640px) {
    .radhe-cats-strip,
    .radhe-cats-strip.e-con,
    .radhe-cats-strip > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    .radhe-cats-strip > .e-con,
    .radhe-cats-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        padding: 16px 10px 14px !important;
    }
    .radhe-cats-strip h3 {
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
    .radhe-cats-strip .elementor-button {
        padding: 6px 12px !important;
        font-size: 11.5px !important;
    }
}

/* --- SECTION 3: FEATURED GROCERY PRODUCTS (4 CARDS) --- */
/* Desktop (>1024px): 4 Columns in 1 row */
.radhe-products-strip,
.radhe-products-strip.e-con,
.radhe-products-strip > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
}
.radhe-products-strip > .e-con,
.radhe-products-strip > .e-con-inner > .e-con {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Tablet (641px - 1024px): 2x2 Grid */
@media (max-width: 1024px) and (min-width: 641px) {
    .radhe-products-strip,
    .radhe-products-strip.e-con,
    .radhe-products-strip > .e-con-inner {
        flex-wrap: wrap !important;
        gap: 16px !important;
    }
    .radhe-products-strip > .e-con,
    .radhe-products-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(50% - 8px) !important;
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
}
/* Mobile (<= 640px): 2 COLUMNS PER ROW (Modern Grocery App Style!) */
@media (max-width: 640px) {
    .radhe-products-strip,
    .radhe-products-strip.e-con,
    .radhe-products-strip > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .radhe-products-strip > .e-con,
    .radhe-products-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        padding: 12px 10px 14px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
    /* Product image container height on mobile */
    .radhe-products-strip div[style*="height:180px"] {
        height: 120px !important;
        margin-bottom: 8px !important;
    }
    .radhe-products-strip img {
        max-height: 100% !important;
        object-fit: contain !important;
    }
    /* Product title 2-line clamp */
    .radhe-products-strip h3 {
        font-size: 12.5px !important;
        line-height: 1.3 !important;
        min-height: 32px !important;
        margin-bottom: 4px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    /* Badges */
    .radhe-products-strip div[style*="justify-content:space-between"] {
        margin-bottom: 6px !important;
    }
    .radhe-products-strip div[style*="justify-content:space-between"] span {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }
    /* Rating */
    .radhe-products-strip div[style*="color:#FFB800"] {
        font-size: 10.5px !important;
        margin-bottom: 4px !important;
    }
    /* Price */
    .radhe-products-strip div[style*="align-items:baseline"] {
        margin-bottom: 8px !important;
    }
    .radhe-products-strip div[style*="align-items:baseline"] span[style*="font-size:20px"] {
        font-size: 15px !important;
    }
    .radhe-products-strip div[style*="align-items:baseline"] span[style*="font-size:13px"] {
        font-size: 11px !important;
    }
    /* Add to Basket Button */
    .radhe-products-strip .elementor-button {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        padding: 8px 6px !important;
        font-size: 11.5px !important;
        border-radius: 9999px !important;
        white-space: nowrap !important;
    }
}

/* --- SECTION 5: THE RADHE DIFFERENCE (4 CARDS) --- */
/* Desktop (>1024px): 4 Columns in 1 row */
.radhe-diff-strip,
.radhe-diff-strip.e-con,
.radhe-diff-strip > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
}
.radhe-diff-strip > .e-con,
.radhe-diff-strip > .e-con-inner > .e-con {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Tablet (641px - 1024px): 2x2 Grid */
@media (max-width: 1024px) and (min-width: 641px) {
    .radhe-diff-strip,
    .radhe-diff-strip.e-con,
    .radhe-diff-strip > .e-con-inner {
        flex-wrap: wrap !important;
        gap: 14px !important;
    }
    .radhe-diff-strip > .e-con,
    .radhe-diff-strip > .e-con-inner > .e-con {
        flex: 0 0 calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
    }
}
/* Mobile (<= 640px): 1 Card per row */
@media (max-width: 640px) {
    .radhe-diff-strip,
    .radhe-diff-strip.e-con,
    .radhe-diff-strip > .e-con-inner {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .radhe-diff-strip > .e-con,
    .radhe-diff-strip > .e-con-inner > .e-con {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px 16px !important;
    }
}

/* --- SECTION 6: REVIEWS (3 CARDS) --- */
/* Desktop (>1024px): 3 Columns in 1 row */
.radhe-reviews-strip,
.radhe-reviews-strip.e-con,
.radhe-reviews-strip > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
}
.radhe-reviews-strip > .e-con,
.radhe-reviews-strip > .e-con-inner > .e-con {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Tablet & Mobile (<= 1024px): 1 Card per row */
@media (max-width: 1024px) {
    .radhe-reviews-strip,
    .radhe-reviews-strip.e-con,
    .radhe-reviews-strip > .e-con-inner {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
    }
    .radhe-reviews-strip > .e-con,
    .radhe-reviews-strip > .e-con-inner > .e-con {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 18px !important;
    }
}

/* --- HERO SECTION MOBILE PERFECTION --- */
@media (max-width: 640px) {
    .radhe-video-hero-slider {
        padding: 20px 14px 24px !important;
    }
    .rv-title {
        font-size: 24px !important;
        line-height: 1.22 !important;
    }
    .rv-desc {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }
    .rv-btn-group {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .rv-btn-primary,
    .rv-btn-secondary {
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .rv-stats-row {
        gap: 6px !important;
        padding-top: 10px !important;
    }
    .rv-stat-item {
        padding: 6px 4px !important;
    }
    .rv-stat-num {
        font-size: 12px !important;
    }
    .rv-stat-label {
        font-size: 9.5px !important;
    }
    .rv-video-frame {
        height: 220px !important;
    }
    .rv-bottom-controls {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin-top: 18px !important;
        padding-top: 14px !important;
    }
    .rv-tabs-group {
        display: flex !important;
        gap: 4px !important;
    }
    .rv-tab-pill {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }
    .rv-tab-pill span.num {
        display: none !important;
    }
    .rv-arrow {
        width: 34px !important;
        height: 34px !important;
        font-size: 14px !important;
    }
}


/* --- RADHE PRODUCT BADGE & CATEGORY ALIGNMENT --- */
.radhe-prod-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #02588B !important;
    color: #FFFFFF !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    letter-spacing: 0.4px !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.radhe-prod-cat {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #0198D1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.3 !important;
    display: block !important;
}

@media (max-width: 640px) {
    .radhe-prod-badge {
        font-size: 9px !important;
        padding: 3px 6px !important;
        letter-spacing: 0.2px !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }
    .radhe-prod-cat {
        font-size: 9.5px !important;
        margin-bottom: 2px !important;
    }
}
