/**
* Theme Name: Hara Child
* Description: This is a child theme for Hara
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 1.2.19
* Template: hara
*/


/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
/* Hide Product Color and Product Size sidebar filters */
.woof_container_pa_color,
.woof_container_pa_size,
.widget_layered_nav.woocommerce-widget-layered-nav-pa_color,
.widget_layered_nav.woocommerce-widget-layered-nav-pa_size {
  display: none !important;
}

/* Hide Product Color and Product Size sidebar filters */
.woof_container_pa_color,
.woof_container_pa_size,
.woof_container_productcolor,
.woof_container_productsize {
  display: none !important;
}


/* High Specificity Rule to completely hide Product Color and Product Size */
body .sidebar .woof_redraw_zone .woof_container_pa_color,
body .sidebar .woof_redraw_zone .woof_container_pa_size,
body .sidebar .woof_redraw_zone .woof_container_productcolor,
body .sidebar .woof_redraw_zone .woof_container_productsize,
body .woof_container_pa_color,
body .woof_container_pa_size,
body .woof_container_productcolor,
body .woof_container_productsize,
div[data-css-class="woof_container_pa_color"],
div[data-css-class="woof_container_pa_size"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* High-Performance Smooth Scroll & Header Padding */
html {}

:target {}

.back-to-top,
a.scroll-to-top,
#back-to-top {
  transition: opacity 0.3s ease, transform 0.3s ease;
}


/* Smooth Scroll CSS */
html {}


/* Clean Native Smooth Scroll & Sticky Header Offset */
html {}

body {
  overflow-x: hidden;
  overflow-y: auto !important;
}

:target {}


html {}

body {
  overflow-x: hidden;
  overflow-y: auto !important;
}

:target {}


/* Native Ultra-Smooth Scroll Optimization */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}


/* Smooth Scroll CSS Configuration */
html {}

body {
  overflow-x: hidden;
  overflow-y: auto !important;
}

:target {}


/* Clean Native Smooth Scroll Base */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}


/* Ultra-Responsive Smooth Scroll Baseline */
html {}

body {
  overflow-x: hidden;
  overflow-y: auto !important;
}

:target {}


/* 100% Pure Native CSS Smooth Scroll Engine */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}


/* Enhanced 100% Native CSS Smooth Scroll Engine */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  -webkit-overflow-scrolling: touch;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}

/* Subtle Native Section Alignment */
.elementor-section,
section {}


/* 120 FPS GPU Accelerated Native Smooth Scroll Engine */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  -webkit-overflow-scrolling: touch;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}

/* GPU Layer Promoted Section Alignment */
.elementor-section,
section {}


/* Silky Smooth Scroll Engine Baseline */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}


/* 100% Pure Native CSS Smooth Scroll Engine */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  -webkit-overflow-scrolling: touch;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}


/* Physics Momentum Baseline */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}


/* 100% Unblocked Clean Native Scroll Engine */
html {
  height: auto !important;
  overflow-y: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

#page,
#content,
.site-content,
.elementor {
  overflow: visible !important;
}

:target {}

html,
body {}

/* High Specificity Rule to hide Product Color and Product Size filter sidebar */
body .sidebar .woof_redraw_zone .woof_container_pa_color,
body .sidebar .woof_redraw_zone .woof_container_pa_size,
body .sidebar .woof_redraw_zone .woof_container_productcolor,
body .sidebar .woof_redraw_zone .woof_container_productsize {
  display: none !important;
}

/* Footer Typography & Color Fixes - Prevent Blue Link/Heading Clash */
.tbay-footer,
.footer-6,
#tbay-footer,
footer {
  color: #555555 !important;
}

.tbay-footer h1,
.tbay-footer h2,
.tbay-footer h3,
.tbay-footer h4,
.tbay-footer h5,
.tbay-footer h6,
.footer-6 h1,
.footer-6 h2,
.footer-6 h3,
.footer-6 h4,
.footer-6 h5,
.footer-6 h6,
.tbay-footer .elementor-heading-title,
.footer-6 .elementor-heading-title,
.footer-6 .widget-title,
.footer-6 h2.widget-title {
  color: #222222 !important;
}

.tbay-footer a,
.footer-6 a {
  color: #333333 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.tbay-footer a:hover,
.footer-6 a:hover {
  color: #6ebe44 !important;
}

.footer-6 a[href^="mailto:"],
.footer-6 a[href^="tel:"] {
  color: #222222 !important;
}

.footer-6 a[href^="mailto:"]:hover,
.footer-6 a[href^="tel:"]:hover {
  color: #6ebe44 !important;
}


/* ==========================================================================
   Mobile Responsiveness & Spacing Fixes (< 768px)
   Target Pages: Perfume Vending Machines, Private Label, Contact & Quote Forms
   ========================================================================== */
@media screen and (max-width: 768px) {

  /* Container & Outer Layout Padding */
  .efour-pl-container,
  .efour-vending-container,
  .efour-rfq-container,
  .efour-wholesale-container,
  .site-main,
  .entry-content,
  #main-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hero & Feature Grid Stacking */
  .efour-pl-hero-grid,
  .efour-vending-hero-grid,
  .efour-vending-grid,
  .efour-pl-specs-grid,
  .efour-pl-card-grid,
  .efour-vending-card-grid,
  .efour-pl-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 24px 16px !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
  }

  /* Image Containers inside Grids */
  .efour-pl-hero-img img,
  .efour-vending-hero-img img,
  .efour-pl-card-img img,
  .efour-vending-card-img img {
    width: 100% !important;
    height: auto !important;
    max-height: 280px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }

  /* Form Containers & Quotation / Contact Forms */
  .efour-pl-form-grid,
  .efour-wholesale-quote-form,
  .efour-vending-form-box,
  .efour-quote-form-container,
  .fluentform,
  .wpforms-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 16px !important;
    margin: 0 auto 30px auto !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
  }

  /* Multi-column Form Rows -> Stack vertically */
  .efour-form-row,
  .ff-t-cell,
  .wpforms-field-row {
    flex-direction: column !important;
    display: block !important;
    width: 100% !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  .efour-form-row>div,
  .efour-form-row>label,
  .ff-t-cell>div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Inputs, Selects & Textareas */
  .efour-wholesale-quote-form input[type="text"],
  .efour-wholesale-quote-form input[type="email"],
  .efour-wholesale-quote-form input[type="tel"],
  .efour-wholesale-quote-form select,
  .efour-wholesale-quote-form textarea,
  .efour-pl-form-grid input,
  .efour-pl-form-grid select,
  .efour-pl-form-grid textarea,
  .fluentform input,
  .fluentform select,
  .fluentform textarea {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
  }

  /* Form Submit Buttons */
  .efour-wholesale-quote-form button[type="submit"],
  .efour-pl-form-grid button[type="submit"],
  .fluentform button[type="submit"] {
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  /* Breadcrumb Header Banner Adjustments for Mobile */
  .tbay-breadcrumb,
  #tbay-breadscrumb-title,
  .tbay-breadcrumb-blog,
  .breadcrumbs-image {
    padding: 24px 15px !important;
    min-height: auto !important;
  }

  .tbay-breadcrumb .page-title,
  #tbay-breadscrumb-title .page-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-bottom: 6px !important;
    word-break: break-word !important;
  }

  .tbay-breadcrumb .breadcrumb,
  #tbay-breadscrumb-title ol.breadcrumb {
    font-size: 13px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
  }

  /* Typography & Titles */
  .efour-pl-sec-title,
  .efour-vending-sec-title,
  .efour-rfq-title {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
  }

  .efour-pl-hero-subtitle,
  .efour-vending-hero-subtitle {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
}



/* ==========================================================================
   TARGETED MOBILE SCREENSHOT FIXES (< 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

  /* 1. Fix Narrow Contact Card & Container Padding */
  .efour-pl-hero-grid,
  .efour-vending-hero-grid,
  .efour-vending-grid,
  .efour-pl-specs-grid,
  .efour-pl-card-grid,
  .efour-pl-form-grid,
  .efour-wholesale-quote-form,
  .efour-vending-form-box,
  .efour-contact-card,
  .efour-pl-contact-box,
  .elementor-column-gap-default>.elementor-column>.elementor-element-populate {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px 14px !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
  }

  .efour-pl-container,
  .efour-vending-container,
  .efour-rfq-container,
  .efour-wholesale-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 3. Product Selection Grid & Cards Fixes */
  .epr-products-grid,
  .ewq-products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 4px !important;
  }

  .epr-product-card,
  .ewq-product-card {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .epr-product-body,
  .ewq-card-body {
    padding: 8px 10px !important;
  }

  .epr-product-name,
  .ewq-card-name {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* Disable distracting view-details hover overlay on mobile touch screens */
  .epr-product-card .epr-product-overlay {
    display: none !important;
  }

  /* 4. Page Bottom Spacing so Content is Never Covered by Bottom Nav & Floating Bar */
  body,
  .site-content,
  #main-content,
  .entry-content {
    padding-bottom: 130px !important;
  }
}



/* ==========================================================================
   PRIVATE LABEL 100% FULL-WIDTH MOBILE OVERHAUL (< 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

  /* Eliminate outer margin/padding stacking from theme & page wrappers */
  .page-id-6616 #main-content,
  .page-id-6616 .site-main,
  .page-id-6616 .entry-content,
  .page-id-6616 #primary,
  .page-id-6616 .container,
  .page-id-6616 .tbay-container,
  .page-id-6616 .col-md-12,
  .efour-pl-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* Full Width Card Containers */
  .efour-pl-hero-grid,
  .efour-pl-card,
  .efour-pl-partnership-banner,
  .efour-pl-specs-grid,
  .efour-pl-form-grid,
  .efour-pl-sec {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 16px 12px !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
  }

  /* Single Column Stack for Hero Grid */
  .efour-pl-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .efour-pl-hero-content {
    width: 100% !important;
  }

  .efour-pl-hero-img {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .efour-pl-hero-img img {
    max-width: 180px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
}

  /* ==========================================================================
   PRIVATE LABEL STICKY SELECTION BAR (SLEEK COMPACT CAPSULE)
   ========================================================================== */
        #efour-pl-sticky-bar,
        .efour-pl-sticky-bar {
            position: fixed !important;
            bottom: 20px !important;
            left: 50% !important;
            transform: translateX(-50%) translateY(100px) !important;
            z-index: 999999 !important;
            width: auto !important;
            max-width: calc(100vw - 32px) !important;
            background: rgba(15, 23, 42, 0.92) !important;
            backdrop-filter: blur(16px) !important;
            -webkit-backdrop-filter: blur(16px) !important;
            border: 1px solid rgba(255, 255, 255, 0.14) !important;
            border-radius: 9999px !important;
            padding: 6px 10px 6px 14px !important;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
            opacity: 0 !important;
            visibility: hidden !important;
            transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
            display: none !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 16px !important;
            box-sizing: border-box !important;
        }

        #efour-pl-sticky-bar.visible,
        .efour-pl-sticky-bar.visible {
            display: flex !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateX(-50%) translateY(0) !important;
        }

        .efour-pl-sticky-info {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            color: #ffffff !important;
            white-space: nowrap !important;
            flex-shrink: 0 !important;
            cursor: pointer !important;
            margin: 0 !important;
            padding: 0 !important;
            flex-direction: row !important;
            width: auto !important;
        }

        .efour-pl-sticky-badge {
            background: #6EBE44 !important;
            color: #ffffff !important;
            font-weight: 700 !important;
            font-size: 12px !important;
            min-width: 22px !important;
            height: 22px !important;
            padding: 0 5px !important;
            border-radius: 11px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            line-height: 1 !important;
            text-transform: none !important;
            margin: 0 !important;
        }

        .efour-pl-sticky-text {
            font-size: 13px !important;
            font-weight: 600 !important;
            color: #f8fafc !important;
            white-space: nowrap !important;
            line-height: 1 !important;
            display: inline-flex !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 0 !important;
            width: auto !important;
        }

        .efour-pl-sticky-actions {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            flex-shrink: 0 !important;
            white-space: nowrap !important;
            margin: 0 !important;
            padding: 0 !important;
            flex-direction: row !important;
            width: auto !important;
        }

        .efour-pl-sticky-clear-btn,
        #efour-pl-sticky-bar .efour-pl-sticky-clear-btn,
        #efour-pl-sticky-bar button.efour-pl-sticky-clear-btn {
            background: transparent !important;
            border: none !important;
            color: #94a3b8 !important;
            padding: 5px 8px !important;
            border-radius: 20px !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            cursor: pointer !important;
            white-space: nowrap !important;
            text-decoration: none !important;
            transition: all 0.2s ease !important;
            flex-shrink: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            margin: 0 !important;
            width: auto !important;
            max-width: none !important;
            box-shadow: none !important;
            line-height: 1.2 !important;
        }

        .efour-pl-sticky-clear-btn:hover,
        #efour-pl-sticky-bar .efour-pl-sticky-clear-btn:hover,
        #efour-pl-sticky-bar button.efour-pl-sticky-clear-btn:hover {
            color: #f87171 !important;
            background: rgba(248, 113, 113, 0.12) !important;
        }

        .efour-pl-sticky-submit-btn,
        #efour-pl-sticky-bar .efour-pl-sticky-submit-btn,
        #efour-pl-sticky-bar button.efour-pl-sticky-submit-btn {
            background: linear-gradient(135deg, #6EBE44 0%, #5ca135 100%) !important;
            color: #ffffff !important;
            border: none !important;
            padding: 7px 16px !important;
            border-radius: 30px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            cursor: pointer !important;
            box-shadow: 0 2px 10px rgba(110, 190, 68, 0.35) !important;
            white-space: nowrap !important;
            transition: all 0.2s ease !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            flex-shrink: 0 !important;
            line-height: 1.2 !important;
            width: auto !important;
            max-width: none !important;
            margin: 0 !important;
        }

        .efour-pl-sticky-submit-btn:hover,
        #efour-pl-sticky-bar .efour-pl-sticky-submit-btn:hover,
        #efour-pl-sticky-bar button.efour-pl-sticky-submit-btn:hover {
            background: linear-gradient(135deg, #78ce4b 0%, #64ae39 100%) !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 14px rgba(110, 190, 68, 0.45) !important;
        }

        @media (max-width: 600px) {
            #efour-pl-sticky-bar,
            .efour-pl-sticky-bar {
                bottom: 12px !important;
                width: calc(100% - 20px) !important;
                padding: 6px 8px 6px 10px !important;
                justify-content: space-between !important;
                border-radius: 9999px !important;
                flex-direction: row !important;
            }
            .efour-pl-sticky-clear-btn,
            #efour-pl-sticky-bar .efour-pl-sticky-clear-btn,
            #efour-pl-sticky-bar button.efour-pl-sticky-clear-btn {
                padding: 4px 6px !important;
                font-size: 11px !important;
            }
            .efour-pl-sticky-submit-btn,
            #efour-pl-sticky-bar .efour-pl-sticky-submit-btn,
            #efour-pl-sticky-bar button.efour-pl-sticky-submit-btn {
                padding: 6px 12px !important;
                font-size: 12px !important;
            }
        }

/* ==========================================================================
   UNIVERSAL CATEGORY NAVIGATION RIGHT-FLYOUT OVERRIDE (ALL MENU WIDGETS)
   ========================================================================== */

/* 1. Force parent items to have relative positioning for flyout anchor */
.menu-item-has-children,
.cat-parent,
.dropdown-submenu,
.tbay-element-nav-menu .menu-item-has-children,
.tbay-vertical .menu-item-has-children,
.category-inside .menu-item-has-children,
nav.tbay-vertical .menu-item-has-children,
.widget_nav_menu .menu-item-has-children,
.vertical-menu .menu-item-has-children,
.navbar-nav .menu-item-has-children {
  position: relative !important;
}

/* 2. Transform all submenus / children lists into absolute right-flyout popups */
.sub-menu,
.dropdown-menu,
ul.children,
.menu-item-has-children>.sub-menu,
.menu-item-has-children>.dropdown-menu,
.cat-parent>.children,
.tbay-element-nav-menu .sub-menu,
.tbay-element-nav-menu .dropdown-menu,
.tbay-vertical .sub-menu,
.tbay-vertical .dropdown-menu,
.category-inside-content .sub-menu,
.category-inside-content .dropdown-menu,
nav.tbay-vertical .sub-menu,
nav.tbay-vertical .dropdown-menu,
.widget_nav_menu .sub-menu,
.widget_nav_menu .dropdown-menu,
.vertical-menu .sub-menu,
.vertical-menu .dropdown-menu,
.navbar-nav .sub-menu,
.navbar-nav .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  right: auto !important;
  min-width: 240px !important;
  width: max-content !important;
  max-width: 340px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 10px 0 !important;
  margin: 0 0 0 2px !important;
  float: none !important;
  box-sizing: border-box !important;
  z-index: 999999 !important;
}

/* 3. Hide submenus by default */
.menu-item-has-children>.sub-menu,
.menu-item-has-children>.dropdown-menu,
.cat-parent>.children,
.tbay-element-nav-menu .sub-menu,
.tbay-element-nav-menu .dropdown-menu,
.tbay-vertical .sub-menu,
.tbay-vertical .dropdown-menu,
.category-inside-content .sub-menu,
.category-inside-content .dropdown-menu {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 4. Display Submenu on Hover, Active, Open, Show, or JS inline style display */
.menu-item-has-children:hover>.sub-menu,
.menu-item-has-children.active>.sub-menu,
.menu-item-has-children.open>.sub-menu,
.menu-item-has-children.show>.sub-menu,
.menu-item-has-children:hover>.dropdown-menu,
.menu-item-has-children.active>.dropdown-menu,
.menu-item-has-children.open>.dropdown-menu,
.menu-item-has-children.show>.dropdown-menu,
.cat-parent:hover>.children,
.cat-parent.active>.children,
.cat-parent.open>.children,
.tbay-element-nav-menu .menu-item-has-children:hover>.sub-menu,
.tbay-element-nav-menu .menu-item-has-children.active>.sub-menu,
.tbay-element-nav-menu .menu-item-has-children.open>.sub-menu,
.tbay-vertical .menu-item-has-children:hover>.sub-menu,
.tbay-vertical .menu-item-has-children.active>.sub-menu,
.tbay-vertical .menu-item-has-children.open>.sub-menu,
.category-inside .menu-item-has-children:hover>.sub-menu,
.category-inside .menu-item-has-children.active>.sub-menu,
.category-inside .menu-item-has-children.open>.sub-menu,
.sub-menu[style*="display: block"],
.dropdown-menu[style*="display: block"],
.children[style*="display: block"],
.sub-menu[style*="display: flex"],
.dropdown-menu[style*="display: flex"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  right: auto !important;
}

/* 5. Submenu Links Styling */
.sub-menu>li,
.dropdown-menu>li,
ul.children>li {
  padding: 0 !important;
  list-style: none !important;
  position: relative !important;
}

.sub-menu>li>a,
.dropdown-menu>li>a,
ul.children>li>a {
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  padding: 10px 18px !important;
  color: #374151 !important;
  display: block !important;
  border: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.sub-menu>li>a:hover,
.dropdown-menu>li>a:hover,
ul.children>li>a:hover {
  color: #6EBE44 !important;
  background: #f0fdf4 !important;
}

/* 6. Caret Icon handling: Point Right (No rotation down) */
.menu-item-has-children>a .caret,
.menu-item-has-children>a i,
.menu-item-has-children>a .tbay-icon,
.cat-parent>a .caret,
.cat-parent>a i {
  transition: transform 0.2s ease !important;
  display: inline-block !important;
  margin-left: auto !important;
  transform: none !important;
}

.menu-item-has-children:hover>a .caret,
.menu-item-has-children.active>a .caret,
.menu-item-has-children.open>a .caret,
.menu-item-has-children:hover>a i,
.menu-item-has-children.active>a i,
.menu-item-has-children.open>a i,
.cat-parent:hover>a .caret,
.cat-parent.active>a .caret,
.cat-parent.open>a .caret {
  transform: none !important;
}


/* ==========================================================================
   Customer Feedback Updates
   ========================================================================== */

/* 1. Categories Header Button Text & Icon White Color */
.tbay-element-nav-menu.category-inside .toggle-menu-title.category-inside-title a.click-show-menu,
.tbay-element-nav-menu.category-inside .toggle-menu-title.category-inside-title a.click-show-menu span,
.tbay-element-nav-menu.category-inside .toggle-menu-title.category-inside-title a.click-show-menu i,
.category-inside-title a,
.category-inside-title a span,
.category-inside-title a i {
  color: #ffffff !important;
}

/* 2. Submit Wholesale Quote Request Button Green Color */
button#ewq-submit-btn,
.ewq-submit-btn,
#ewq-submit-btn,
button.ewq-submit-btn {
  background-color: #6EBE44 !important;
  background: #6EBE44 !important;
  color: #ffffff !important;
  border-color: #6EBE44 !important;
  box-shadow: 0 4px 12px rgba(110, 190, 68, 0.3) !important;
}

button#ewq-submit-btn:hover,
.ewq-submit-btn:hover {
  background-color: #649c23 !important;
  background: #649c23 !important;
  color: #ffffff !important;
}

/* 3. Footer: Logo Sizing, Column Layout & Mobile Responsiveness */
.elementor-element-footer_logo_1787068160 img,
div[data-id="footer_logo_1787068160"] img,
footer img[src*="Untitled-design-25"] {
  max-width: 135px !important;
  width: 135px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 12px !important;
}

@media (min-width: 768px) {

  .elementor-element-6e487aa,
  div[data-id="6e487aa"] {
    display: block !important;
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }

  .elementor-element-e5a1eef>.elementor-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
  }

  .elementor-element-e5a1eef>.elementor-container>.elementor-column {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }
}

@media (max-width: 767px) {

  .elementor-element-6e487aa,
  div[data-id="6e487aa"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-element-e5a1eef>.elementor-container {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .elementor-element-e5a1eef>.elementor-container>.elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 25px !important;
    text-align: left !important;
  }

  .elementor-element-footer_logo_1787068160 img,
  div[data-id="footer_logo_1787068160"] img,
  footer img[src*="Untitled-design-25"] {
    max-width: 130px !important;
    width: 130px !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
  }
}


/* ==========================================================================
   Batch 2 Design Updates & Top Button Green Styling
   ========================================================================== */

/* 1. Best Seller Category Tabs: Center Align & Reduce Font Size */
.tbay-element-product-categories-tabs .wrapper-heading-tab ul.product-categories-tabs-title,
.tbay-element-product-categories-tabs .nav-tabs,
ul.product-categories-tabs-title {
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.tbay-element-product-categories-tabs .wrapper-heading-tab ul.product-categories-tabs-title>li>a,
.tbay-element-product-categories-tabs .nav-tabs>li>a,
ul.product-categories-tabs-title>li>a {
  font-size: 14px !important;
  padding: 6px 14px !important;
  line-height: 20px !important;
}

.tbay-element-product-categories-tabs .wrapper-heading-tab ul.product-categories-tabs-title>li>a span,
.tbay-element-product-categories-tabs .nav-tabs>li>a span {
  font-size: 14px !important;
}

/* 2. Top (Scroll-to-Top) Button: Completely Removed Per User Request */
#tbay-to-top,
.tbay-to-top,
#tbay-to-top-mobile,
.tbay-to-top-mobile,
#back-to-top,
.back-to-top,
#back-to-top-mobile,
.tbay-to-top-mobile #back-to-top-mobile,
a#tbay-to-top,
a.tbay-to-top,
a#back-to-top,
a#back-to-top-mobile,
a#back-to-top-mobile.enable-bg-img,
a.enable-bg-img#back-to-top-mobile {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 3. Header Top & Footer Phone Number Font Family */
.elementor-icon-box-description,
p.elementor-icon-box-description,
.header-contact p,
.top-contact p,
footer p span[style*="font-size: 24pt"] {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-style: normal !important;
}


/* ==========================================================================
   Wholesale Page Green Theme & Best Seller Header Fixes
   ========================================================================== */

/* Wholesale Page Green Overrides */
#ewq-wrapper .ewq-header {
  background: linear-gradient(135deg, #6EBE44 0%, #649c23 100%) !important;
}

#ewq-wrapper .ewq-header-icon {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

#ewq-wrapper .ewq-header-icon svg {
  color: #ffffff !important;
}

#ewq-wrapper .ewq-step-badge,
#ewq-wrapper .ewq-badge,
.ewq-step-badge {
  background: #6EBE44 !important;
  color: #ffffff !important;
}

#ewq-wrapper .ewq-cat-tab.active {
  background: #6EBE44 !important;
  color: #ffffff !important;
  border-color: #6EBE44 !important;
}

#ewq-wrapper .ewq-cat-tab.active .ewq-cat-count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

#ewq-wrapper .ewq-product-card.selected {
  border-color: #6EBE44 !important;
  box-shadow: 0 0 0 3px rgba(110, 190, 68, 0.2) !important;
  background: #f4fbf0 !important;
}

#ewq-wrapper .ewq-card-check {
  background: #6EBE44 !important;
  color: #ffffff !important;
}

#ewq-wrapper button#ewq-submit-btn,
#ewq-wrapper .ewq-submit-btn,
button#ewq-submit-btn,
.ewq-submit-btn {
  background: linear-gradient(135deg, #6EBE44 0%, #649c23 100%) !important;
  background-color: #6EBE44 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(110, 190, 68, 0.35) !important;
}

#ewq-wrapper button#ewq-submit-btn:hover,
#ewq-wrapper .ewq-submit-btn:hover,
button#ewq-submit-btn:hover,
.ewq-submit-btn:hover {
  background: linear-gradient(135deg, #649c23 0%, #52821b 100%) !important;
  background-color: #649c23 !important;
  color: #ffffff !important;
}

/* Best Seller Header & Tabs Centering Fix */
.tbay-element-product-categories-tabs .wrapper-heading-tab {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

.tbay-element-product-categories-tabs .wrapper-heading-tab .heading-tbay-title {
  width: 100% !important;
  text-align: center !important;
  float: none !important;
  margin: 0 0 15px 0 !important;
  display: block !important;
}

.tbay-element-product-categories-tabs .wrapper-heading-tab .heading-tbay-title .title {
  white-space: nowrap !important;
  display: inline-block !important;
  text-align: center !important;
}

.tbay-element-product-categories-tabs .wrapper-heading-tab ul.product-categories-tabs-title {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  float: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 auto !important;
}


/* ==========================================================================
   Header & Footer Phone Number Styling (Single Line & Reduced Font Size)
   ========================================================================== */

#tbay-header .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description,
.tbay_header-template .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

#tbay-header .elementor-widget-icon-box .elementor-icon-box-wrapper,
.tbay_header-template .elementor-widget-icon-box .elementor-icon-box-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: max-content !important;
}

/* Ensure footer phone description displays cleanly */
footer .elementor-widget-icon-box .elementor-icon-box-description,
.site-footer .elementor-widget-icon-box .elementor-icon-box-description,
.tbay-footer .elementor-widget-icon-box .elementor-icon-box-description {
  white-space: nowrap !important;
  font-weight: 600 !important;
}


/* ==========================================================================
   Footer Layout & Alignment Adjustments
   ========================================================================== */
/* Logo Sizing & Display */
.tbay-footer .elementor-widget-image img,
.site-footer .elementor-widget-image img,
footer .elementor-widget-image img {
  max-width: 170px !important;
  height: auto !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
}

/* Clean Left Column Alignment */
.tbay-footer .elementor-column:first-child,
.site-footer .elementor-column:first-child {
  text-align: left !important;
}

.tbay-footer .elementor-column:first-child .elementor-widget,
.site-footer .elementor-column:first-child .elementor-widget {
  margin-bottom: 15px !important;
  text-align: left !important;
}

.tbay-footer .elementor-column:first-child .elementor-widget-container,
.site-footer .elementor-column:first-child .elementor-widget-container {
  align-items: flex-start !important;
  text-align: left !important;
}

.tbay-footer .elementor-column:first-child .elementor-icon-box-wrapper,
.site-footer .elementor-column:first-child .elementor-icon-box-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
}

.tbay-footer .elementor-column:first-child .social-icons,
.site-footer .elementor-column:first-child .social-icons,
.tbay-footer .elementor-column:first-child .tbay-social-link {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 15px 0 0 0 !important;
}

/* 4. Footer Phone Number Size & Icon Box Refinements */
.elementor-element-ca2e4e8 .elementor-icon-box-description,
footer .elementor-icon-box-description,
footer .elementor-icon-box-description span,
footer p span[style*="font-size"] {
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  white-space: nowrap !important;
}

.elementor-element-ca2e4e8 .elementor-icon-box-title,
footer .elementor-icon-box-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}

.elementor-element-e5a1eef>.elementor-container>.elementor-column {
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}


/* 5. Force Compact Sizing on Call Us Phone Number & Icon Box */
.elementor-element-ca2e4e8,
div[data-id="ca2e4e8"],
.elementor-element-ca2e4e8 .elementor-icon-box-wrapper,
.elementor-element-ca2e4e8 .elementor-icon-box-content {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.elementor-element-ca2e4e8 .elementor-icon-box-title,
.elementor-element-ca2e4e8 .elementor-icon-box-title a,
.elementor-element-ca2e4e8 h3,
.elementor-element-ca2e4e8 h3 a {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element-ca2e4e8 .elementor-icon-box-description,
.elementor-element-ca2e4e8 .elementor-icon-box-description *,
.elementor-element-ca2e4e8 p,
.elementor-element-ca2e4e8 span,
.elementor-element-ca2e4e8 a,
footer div[data-id="ca2e4e8"] * {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
  white-space: nowrap !important;
}


/* 6. Footer Title Headings Typography: Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer .elementor-heading-title,
footer .widget-title,
footer .tbay-widget-title,
footer .tbay-menu-vertical-title,
footer .title,
footer .elementor-widget-heading *,
div[data-id="be728e0"] *,
div[data-id="26bc87b"] *,
div[data-id="886c603"] *,
div[data-id="heading_follow_us_1787084950"] * {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 700 !important;
}


/* Wholesale Header Text Color White */
#ewq-wrapper .ewq-header-title,
#ewq-wrapper .ewq-header-sub {
  color: #ffffff !important;
}

/* Perfume Vending Machine Fade Slider */
.efour-vm-hero-img-box {
  position: relative;
  text-align: center;
  width: 100%;
}

.efour-vm-fade-slider {
  position: relative;
  width: 100%;
  max-width: 440px;
  height: 380px;
  margin: 0 auto;
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border: 4px solid #ffffff;
  background: #ffffff;
  overflow: hidden;
}

.efour-vm-fade-slider .efour-vm-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}

.efour-vm-fade-slider .efour-vm-slide.active {
  opacity: 1;
  z-index: 2;
}

@media (max-width: 768px) {
  .efour-vm-fade-slider {
    height: 280px;
  }
}


/* Perfume Vending Machine Zero-Jump Modal Styles */
.efour-vm-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(6px);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.efour-vm-modal-overlay.active {
  display: flex !important;
  opacity: 1 !important;
}

.efour-vm-modal-box {
  background: #ffffff;
  border-radius: 20px;
  max-width: 900px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
  padding: 35px;
  animation: efourModalSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes efourModalSlideIn {
  from {
    transform: scale(0.95) translateY(20px);
    opacity: 0;
  }

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

.efour-vm-modal-close {
  position: absolute;
  top: 18px;
  right: 22px;
  background: #f1f5f9;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: #64748b;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.efour-vm-modal-close:hover {
  background: #e2e8f0;
  color: #0f172a;
}

.efour-vm-modal-content {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 30px;
  align-items: start;
}

.efour-vm-modal-img-col {
  text-align: center;
  position: relative;
}

.efour-vm-modal-img-col img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: contain;
}

.efour-vm-modal-badge {
  display: inline-block;
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  margin-top: 12px;
}

.efour-vm-modal-subtitle {
  font-size: 12px;
  font-weight: 800;
  color: #6EBE44;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.efour-vm-modal-title {
  font-size: 24px;
  font-weight: 800;
  color: #0f172a;
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.3;
}

.efour-vm-modal-section-title {
  font-size: 15px;
  font-weight: 700;
  color: #334155;
  margin-top: 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 6px;
}

.efour-vm-modal-specs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 18px;
}

.efour-vm-modal-spec-item {
  background: #f8fafc;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #f1f5f9;
}

.efour-vm-modal-spec-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.efour-vm-modal-spec-value {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: #1e293b;
  margin-top: 2px;
}

html body .efour-vm-modal-desc,
.efour-vm-modal-desc {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  text-align: left !important;
  text-justify: none !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  margin-bottom: 24px !important;
}

.efour-vm-modal-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #6EBE44 0%, #44922e 100%);
  color: #ffffff !important;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 12px;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 20px -4px rgba(110, 190, 68, 0.4);
  transition: all 0.2s ease;
  font-size: 15px;
}

.efour-vm-modal-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px -4px rgba(110, 190, 68, 0.5);
}

@media (max-width: 768px) {
  .efour-vm-modal-content {
    grid-template-columns: 1fr;
  }

  .efour-vm-modal-specs-grid {
    grid-template-columns: 1fr;
  }

  .efour-vm-modal-box {
    padding: 22px 18px;
  }
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY (MONTSERRAT & SOLID BLACK HEADINGS)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* HERO TITLES (INSIDE 2-COLUMN HERO GRIDS) - LEFT ALIGNED */
.efour-pl-hero-title,
.efour-vending-hero-title,
.efour-vm-hero-title,
.efour-vm-hero-subtitle,
.efour-vending-hero-subtitle,
h1.efour-pl-hero-title,
h1.efour-vending-hero-title,
h2.efour-vm-hero-subtitle {
  font-family: 'Montserrat', sans-serif !important;
  color: #111111 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #111111 !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  text-align: left !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

/* ABOUT US HERO TITLE - CENTERED HIGH SPECIFICITY OVERRIDE */
html body .efour-about-wrapper .efour-about-hero-title,
html body .efour-about-hero-title,
h1.efour-about-hero-title,
.efour-about-hero-title {
  font-family: 'Montserrat', sans-serif !important;
  color: #111111 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #111111 !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* SECTION TITLES & HEADINGS ACROSS ALL PAGES - CLEAN CENTER ALIGNMENT */
.efour-pl-sec-title,
.efour-about-sec-title,
.efour-vending-sec-title,
.efour-vm-sec-title,
.ewq-sec-title,
.section-title,
.tbay-addon-title,
.tbay-addon-title .title,
.tbay-addon-title .subtitle,
h2.efour-pl-sec-title,
h2.efour-vm-sec-title,
h2.ewq-sec-title,
h2.section-title {
  font-family: 'Montserrat', sans-serif !important;
  color: #111111 !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

.efour-pl-hero-title *,
.efour-about-hero-title *,
.efour-vending-hero-title *,
.efour-vm-hero-subtitle *,
.efour-pl-hero-title-accent {
  color: #111111 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #111111 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: inherit !important;
  text-align: inherit !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

/* ==========================================================================
   PERFUME VENDING MACHINE BANNER TITLE WHITE FIX
   ========================================================================== */
.efour-vending-banner-title,
.efour-vending-banner h1,
.efour-vending-banner h2,
.efour-vending-banner h3,
.efour-vending-banner h4,
.efour-vm-banner-title,
.efour-vm-banner h1,
.efour-vm-banner h2,
.efour-vm-banner h3,
.efour-vm-banner h4,
[class*="vending"] .banner-title,
[class*="vending"] [class*="banner"] h1,
[class*="vending"] [class*="banner"] h2,
[class*="vending"] [class*="banner"] h3,
[class*="vending"] [class*="banner"] h4,
[class*="vending"] [class*="banner"] .title,
div[class*="vending"] h2,
div[class*="vending"] h3,
.efour-vending-container h2,
.efour-vending-container h3,
.efour-vending-card-title-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ==========================================================================
   CLEAN LEFT ALIGNED CARD & HERO TEXT (PRIVATE LABEL, ABOUT US, VENDING)
   ========================================================================== */
html body .efour-vending-container .efour-vending-hero-desc,
html body .efour-vending-hero-desc,
html body .efour-vm-hero-desc,
.efour-vm-hero-desc,
.efour-vending-hero-desc {
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  text-align: left !important;
  text-justify: none !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  word-break: normal !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/* ABOUT US HERO DESCRIPTION (RESTORED PREVIOUS 14.5PX JUSTIFIED ALIGNMENT) */
html body .efour-about-wrapper .efour-about-hero-desc,
html body .efour-about-hero-desc,
.efour-about-hero-desc {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  text-align: justify !important;
  text-align-last: left !important;
  -webkit-text-align-last: left !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  word-break: normal !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  color: #475569 !important;
}

/* PRIVATE LABEL HERO & CARD DESCRIPTIONS (ISOLATED CLEAN LEFT ALIGNMENT) */
html body.page-id-6152 p,
html body.page-id-6152 div,
html body.page-id-6152 .efour-pl-wrapper p,
html body .efour-pl-wrapper .efour-pl-hero-desc,
html body .efour-pl-hero-desc,
.efour-pl-hero-desc,
html body .efour-pl-wrapper .efour-pl-sec-desc,
.efour-pl-sec-desc,
html body .efour-pl-wrapper .efour-pl-card-desc,
html body .efour-pl-wrapper .efour-pl-process-text,
html body .efour-pl-container .efour-pl-card-desc,
html body .efour-pl-card p,
html body .efour-pl-card-desc,
html body .efour-pl-process-card p,
html body .efour-pl-process-text,
.efour-pl-card-desc,
.efour-pl-process-text {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  text-align: justify !important;
  text-align-last: left !important;
  -webkit-text-align-last: left !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  word-break: normal !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  color: #475569 !important;
}

/* ABOUT US FEATURE CARDS DESCRIPTION (RESTORED PREVIOUS 14.5PX JUSTIFIED ALIGNMENT) */
html body .efour-about-wrapper .efour-about-card-desc,
html body .efour-about-card-desc,
html body .efour-about-card p,
html body .efour-vending-container .efour-vending-card-desc,
html body .efour-vending-card-desc,
html body .efour-vending-grid p,
html body .efour-vm-card-desc,
html body .efour-vm-feature-desc,
html body .efour-vm-hero-desc,
html body .efour-vending-container p,
.efour-about-card-desc,
.efour-vm-card-desc,
.efour-vm-hero-desc,
.efour-vending-card-desc {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-align: justify !important;
  text-align-last: left !important;
  -webkit-text-align-last: left !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  word-break: normal !important;
  color: #475569 !important;
}

/* SECTION DESCRIPTION TEXT — CENTER ALIGNED NOT JUSTIFIED */
html body .efour-vm-sec-desc,
html body .efour-about-sec-desc,
html body .efour-pl-sec-desc {
  font-size: 15px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-justify: none !important;
  word-spacing: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  color: #475569 !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ==========================================================================
   PAGE CONTAINER WRAPPER PADDING & CENTERING FIX
   ========================================================================== */
html body .efour-vm-wrapper,
html body .efour-vending-container,
html body .efour-about-wrapper,
html body .efour-pl-wrapper {
  max-width: 1200px !important;
  width: 92% !important;
  margin: 0 auto !important;
  padding: 30px 20px 60px 20px !important;
  box-sizing: border-box !important;
}

/* SECTION TITLES & SUBTITLES CENTERING */
html body .efour-vm-sec-title,
html body .efour-vm-sec-desc,
html body .efour-about-sec-title,
html body .efour-about-sec-desc,
html body .efour-pl-sec-title,
html body .efour-pl-sec-desc {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* HIGH SPECIFICITY BOLD TITLE TYPOGRAPHY FOR VENDING & ABOUT US PAGES */
html body .efour-pl-banner-title,
html body .efour-pl-banner-subtitle,
html body .efour-pl-sec-title,
html body .efour-pl-title,
html body .efour-vm-hero-subtitle,
html body .efour-vm-sec-title,
html body .efour-vm-banner-title,
html body .efour-vm-partnership-title,
html body .efour-vm-wrapper h1,
html body .efour-vm-wrapper h2,
html body .efour-vm-wrapper h3,
html body .efour-vending-container h1,
html body .efour-vending-container h2,
html body .efour-vending-container h3,
html body .efour-about-banner-title,
html body .efour-about-hero-title,
html body .efour-about-hero-subtitle,
html body .efour-about-sec-title,
html body .efour-about-title,
html body .efour-about-wrapper h1,
html body .efour-about-wrapper h2,
html body .efour-about-wrapper h3 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.25 !important;
}

/* HOMEPAGE ELEMENTOR BANNER TITLE BLACK COLOR FIX */
html body .elementor-widget-banner .banner-title,
html body .elementor-widget-banner .banner-subtitle,
html body .elementor-widget-banner h2,
html body .elementor-widget-banner h3,
html body .elementor-widget-banner h4 {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

html body .efour-pl-banner-desc,
html body .efour-vm-partnership-desc,
html body .efour-vm-partnership-banner p {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  text-align: left !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

html body .efour-vm-process-card p,
html body .efour-vm-process-text,
html body .efour-vm-card-text,
html body .efour-vm-card p,
html body .efour-vm-model-card p {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-align: left !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

/* FEATURE CARDS, SOLUTION CARDS & PROCESS CARDS — SMOOTH JUSTIFIED WITH HYPHENS */
html body .efour-vm-card-text,
html body .efour-vm-card p,
html body .efour-vm-solution-text,
html body .efour-vm-process-text,
html body .efour-vm-process-card p {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-align: justify !important;
  text-align-last: left !important;
  text-justify: inter-word !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  margin-left: 0 !important;
  width: 100% !important;
}

/* WHOLESALE SUBMIT BUTTON & HEADINGS TYPOGRAPHY */
html body #ewq-wrapper .ewq-header-title,
html body .ewq-header-title {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.3px !important;
}

html body #ewq-wrapper .ewq-section-title,
html body .ewq-section-title {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
}

html body #ewq-wrapper .ewq-submit-btn,
html body .ewq-submit-btn {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

/* PERFUME VENDING MACHINE MODEL TITLES CENTER ALIGNMENT */
html body .efour-vm-model-name,
.efour-vm-model-name,
html body .efour-vm-card .efour-vm-model-name {
  text-align: center !important;
}

/* FLOATING WHATSAPP WIDGET — RELOCATE TO BOTTOM RIGHT */
.whatsapp-float,
.join-chat,
.ht-ctc-chat,
.ht-ctc-style-1,
.ht-ctc-style-2,
.ht-ctc-style-3,
#ht-ctc-chat,
#whatsapp-button,
.floating-whatsapp,
div[class*="ht-ctc-chat"] {
  left: auto !important;
  right: 25px !important;
  bottom: 25px !important;
}

/* ABOUT US BRAND CAROUSEL CONTAINER OVERFLOW FIX */
.efour-about-brands,
.efour-about-brands .swiper-container,
.efour-about-brands .elementor-widget-container {
  overflow: visible !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

html body .efour-vm-solution-title {
  text-align: left !important;
  margin-left: 0 !important;
  width: 100% !important;
}

html body .efour-vm-solution-card {
  text-align: left !important;
  align-items: flex-start !important;
}

/* ==========================================================================
   UNIFIED ALIGNMENT FIX FOR FORM CONFIRMATION BOXES & SECTION HEADERS
   ========================================================================== */
html body .efour-vm-inquiry-success,
html body .ewq-success-message,
html body .wpforms-confirmation-container,
html body div[class*="success-message"],
html body div[class*="inquiry-success"] {
  text-align: center !important;
  margin: 0 auto 40px auto !important;
  max-width: 700px !important;
  width: 100% !important;
}

html body .efour-vm-inquiry-success h3,
html body .efour-vm-inquiry-success p,
html body .efour-vm-inquiry-success div,
html body .ewq-success-message h3,
html body .ewq-success-message p,
html body .ewq-success-message div,
html body .wpforms-confirmation-container p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

/* SECTION TITLES & SUBTITLES MATCHED CENTER ALIGNMENT */
html body .efour-pl-sec-title,
html body .efour-vm-sec-title,
html body .ewq-sec-title,
html body .efour-pl-sec-desc,
html body .efour-vm-sec-desc,
html body .ewq-sec-desc,
html body .section-title,
html body .tbay-addon-title .title,
html body .tbay-addon-title .subtitle {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-justify: none !important;
  word-spacing: normal !important;
}

/* AMAZON STYLE BRAND LABEL ROUNDED RECTANGLE BADGE */
.amazon-style-brand-label {
  display: inline-block !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}

/* PRODUCT MODAL DESCRIPTION INTER-WORD JUSTIFICATION & HYPHENATION */
.ewq-modal-desc,
.ewq-product-modal-desc,
.efour-pl-modal-desc,
.efour-vm-modal-desc,
[class*="modal"] .product-description,
[class*="modal"] [class*="modal-desc"],
.ewq-modal-content p,
.ewq-modal-body p {
  text-align: justify !important;
  text-align-last: left !important;
  -webkit-text-align-last: left !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  word-break: normal !important;
  line-height: 1.65 !important;
}

/* ==========================================================================
   GLOBAL SITE-WIDE MONTSERRAT FONT ENFORCEMENT (ALL PAGES)
   ========================================================================== */
html,
body,
#page,
#content,
.site-content,
.elementor,
.elementor-element,
.elementor-widget,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
label,
input,
select,
textarea,
button,
td,
th,
li,
div,
button,
input[type="submit"],
#ewq-wrapper,
#ewq-wrapper *,
.epr-wrapper,
.epr-wrapper *,
.efour-wholesale-container,
.efour-wholesale-container *,
#efour-ws-sticky-bar,
#efour-ws-sticky-bar *,
#efour-pl-sticky-bar,
#efour-pl-sticky-bar *,
#efour-qty-modal,
#efour-qty-modal *,
.ewq-modal-backdrop,
.ewq-modal-backdrop *,
.ewq-modal-card,
.ewq-modal-card *,
.efour-pl-modal-overlay,
.efour-pl-modal-overlay *,
[class*="ewq-"],
[class*="epr-"],
[class*="efour-ws-"],
[class*="efour-qty-"] {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==========================================================================
   WOOCOMMERCE CHECKOUT PAGE & ORDER REVIEW UI POLISH
   ========================================================================== */

/* Main Checkout Container & Centered Boundary Layout */
body.woocommerce-checkout {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#tbay-header,
.site-header,
#tbay-main-content {
  width: 100% !important;
  max-width: 100% !important;
}

.woocommerce-checkout #main-container,
.woocommerce-checkout #main-content {
  padding-top: 20px !important;
  padding-bottom: 50px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.woocommerce-checkout form.checkout,
form.checkout.woocommerce-checkout.row {
  display: flex !important;
  flex-wrap: wrap !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  clear: both !important;
  float: none !important;
  align-items: flex-start !important;
  gap: 30px !important;
  justify-content: space-between !important;
}

/* Left Column: Billing & Shipping Wrapper */
.woocommerce-checkout .billing-wrapper {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
  flex: 0 0 calc(50% - 15px) !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Right Column: Order Review & Payment Wrapper */
.woocommerce-checkout .review-wrapper {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
  flex: 0 0 calc(50% - 15px) !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Internal Card Containers inside columns */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .order-review,
.woocommerce-checkout .order-payment {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 28px 30px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  margin-bottom: 25px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/* Reset inner .col-1 and .col-2 inside #customer_details */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile & Tablet Responsive Single Column */
@media (max-width: 991px) {

  .woocommerce-checkout .billing-wrapper,
  .woocommerce-checkout .review-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #76b52a !important;
}

/* Order Review Table Styling & Generous Cell Padding */
.woocommerce-checkout-review-order-table,
table.shop_table.woocommerce-checkout-review-order-table,
.efour-checkout-table.woocommerce-checkout-review-order-table {
  display: table !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 25px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  table-layout: auto !important;
}

.woocommerce-checkout-review-order-table thead,
.efour-checkout-table thead {
  display: table-header-group !important;
}

.woocommerce-checkout-review-order-table tbody,
.efour-checkout-table tbody {
  display: table-row-group !important;
  max-height: none !important;
  overflow: visible !important;
}

.woocommerce-checkout-review-order-table tfoot,
.efour-checkout-table tfoot {
  display: table-footer-group !important;
}

.woocommerce-checkout-review-order-table thead tr,
.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot tr,
.efour-checkout-table thead tr,
.efour-checkout-table tbody tr,
.efour-checkout-table tfoot tr {
  display: table-row !important;
  width: 100% !important;
}

.woocommerce-checkout-review-order-table thead th,
.efour-checkout-table thead th {
  display: table-cell !important;
  padding: 14px 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #64748b !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  vertical-align: middle !important;
}

.woocommerce-checkout-review-order-table thead th.product-name,
.efour-checkout-table thead th.product-name {
  text-align: left !important;
  padding-left: 20px !important;
  width: auto !important;
}

.woocommerce-checkout-review-order-table thead th.product-total,
.efour-checkout-table thead th.product-total {
  text-align: right !important;
  padding-right: 22px !important;
  width: 1% !important;
  white-space: nowrap !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.efour-checkout-table th,
.efour-checkout-table td {
  display: table-cell !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  vertical-align: middle !important;
}

.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table td.product-name,
.efour-checkout-table th.product-name,
.efour-checkout-table td.product-name {
  text-align: left !important;
  padding-left: 20px !important;
  width: auto !important;
}

.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table td.product-total,
.efour-checkout-table th.product-total,
.efour-checkout-table td.product-total {
  text-align: right !important;
  padding-right: 22px !important;
  width: 1% !important;
  white-space: nowrap !important;
}

.woocommerce-checkout-review-order-table tr:last-child th,
.woocommerce-checkout-review-order-table tr:last-child td {
  border-bottom: none !important;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td,
.efour-checkout-table tfoot tr.order-total th,
.efour-checkout-table tfoot tr.order-total td {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  background: #f8fafc !important;
  padding: 18px 20px !important;
}

.woocommerce-checkout-review-order-table .order-total th,
.efour-checkout-table tfoot tr.order-total th {
  text-align: left !important;
  padding-left: 20px !important;
}

.woocommerce-checkout-review-order-table .order-total td,
.efour-checkout-table tfoot tr.order-total td {
  text-align: right !important;
  padding-right: 22px !important;
}

.woocommerce-checkout-review-order-table .order-total td .amount,
.woocommerce-checkout-review-order-table .amount,
.efour-checkout-table .amount {
  color: #76b52a !important;
  font-weight: 700 !important;
}

.woocommerce-checkout-review-order-table .order-total td strong .amount,
.efour-checkout-table tfoot tr.order-total td strong .amount {
  font-size: 20px !important;
  font-weight: 800 !important;
}


/* ==========================================================================
   MINI-CART DROPDOWN / ADD TO CART POPUP UI POLISH & PADDING FIX
   ========================================================================== */

/* 0. Reset Header Cart Icon Wrapper & .cart-popup to prevent header box expansion */
.site-header .widget_shopping_cart,
.site-header-cart .widget_shopping_cart,
.tbay-dropdown-cart,
.tbay-cart-dropdown,
.tbay-element-mini-cart,
.cart-popup,
.cart-dropdown,
div.cart-popup {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: auto !important;
  max-width: none !important;
  width: auto !important;
  border-radius: 0 !important;
}

/* 1. Target ONLY Mini-Cart Popover / Dropdown Menu Containers */
.site-header .widget_shopping_cart .dropdown-menu,
.site-header-cart .widget_shopping_cart .dropdown-menu,
.tbay-dropdown-cart .dropdown-menu,
.tbay-cart-dropdown .dropdown-menu,
.tbay-element-mini-cart .dropdown-menu,
.cart-popup>.dropdown-menu,
.cart-dropdown>.dropdown-menu,
.dropdown-menu.cart_list,
.dropdown-menu.tbay-dropdown-cart,
.mini-cart-dropdown {
  padding: 20px 22px !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18) !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  min-width: 360px !important;
  max-width: 400px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Ensure inner wrappers don't double padding or remove outer padding */
.tbay-dropdown-cart .mini_cart_inner,
.tbay-dropdown-cart .mcart-border,
.mini_cart_content .mini_cart_inner,
.mini_cart_content .mcart-border,
.widget_shopping_cart_content {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. Mini-Cart Product List */
ul.woocommerce-mini-cart,
ul.cart_list.product_list_widget,
.mini_cart_content ul.cart_list,
.mcart-border ul.cart_list {
  max-height: 320px !important;
  overflow-y: auto !important;
  padding: 4px 0 !important;
  margin: 0 0 16px 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Custom Sleek Scrollbar for Mini-Cart */
ul.woocommerce-mini-cart::-webkit-scrollbar,
ul.cart_list.product_list_widget::-webkit-scrollbar {
  width: 5px !important;
}

ul.woocommerce-mini-cart::-webkit-scrollbar-track,
ul.cart_list.product_list_widget::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
  border-radius: 10px !important;
}

ul.woocommerce-mini-cart::-webkit-scrollbar-thumb,
ul.cart_list.product_list_widget::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 10px !important;
}

/* 3. Product Item Row */
li.woocommerce-mini-cart-item,
li.mini_cart_item,
.mcart-border li.mini_cart_item,
.mini_cart_content li.mini_cart_item {
  padding: 12px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  position: relative !important;
  margin: 0 0 10px 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

li.woocommerce-mini-cart-item:last-child,
li.mini_cart_item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

/* 4. Product Image Box */
.mini_cart_item .product-image,
li.mini_cart_item .product-image,
li.woocommerce-mini-cart-item .product-image {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  flex: 0 0 64px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

.mini_cart_item .product-image a.image,
.mini_cart_item .product-image img,
li.mini_cart_item img,
li.woocommerce-mini-cart-item img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: none !important;
  display: block !important;
  margin: 0 !important;
}

/* 5. Product Details Info */
.mini_cart_item .product-details,
li.mini_cart_item .product-details {
  flex: 1 !important;
  min-width: 0 !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}

.mini_cart_item .product-details .product-name,
.mini_cart_item .product-details .product-name a,
li.mini_cart_item a:not(.remove) {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.mini_cart_item .product-details .product-name a:hover,
li.mini_cart_item a:not(.remove):hover {
  color: #76b52a !important;
}

.mini_cart_item .product-details .group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
}

.mini_cart_item .product-details .amount,
.mini_cart_item .product-details .woocommerce-Price-amount {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #76b52a !important;
}

/* 6. Remove/Trash Icon */
.mini_cart_item a.remove,
li.mini_cart_item a.remove,
li.woocommerce-mini-cart-item a.remove {
  color: #94a3b8 !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-decoration: none !important;
}

.mini_cart_item a.remove:hover,
li.mini_cart_item a.remove:hover {
  color: #ef4444 !important;
  background: #fef2f2 !important;
}

/* 7. Subtotal & Action Buttons Group */
.group-button,
.mini_cart_content .group-button,
.mcart-border .group-button,
.widget_shopping_cart .group-button {
  margin-top: 10px !important;
  padding-top: 14px !important;
  border-top: 1.5px dashed #e2e8f0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.group-button p.total,
.mini_cart_content .group-button p.total,
.widget_shopping_cart .total,
.woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.group-button p.total .amount,
.mini_cart_content .group-button p.total .amount,
.widget_shopping_cart .total .amount,
.woocommerce-mini-cart__total .amount {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #76b52a !important;
}

.group-button p.buttons,
.mini_cart_content .group-button p.buttons,
.widget_shopping_cart .buttons,
.woocommerce-mini-cart__buttons {
  display: flex !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.group-button p.buttons a.button,
.mini_cart_content .group-button p.buttons a.button,
.widget_shopping_cart .buttons a.button,
.woocommerce-mini-cart__buttons a.button {
  flex: 1 !important;
  text-align: center !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: none !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  display: inline-block !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

.group-button p.buttons a.button.view-cart,
.widget_shopping_cart .buttons a.button:not(.checkout) {
  background: #0f172a !important;
  color: #ffffff !important;
  border: 1px solid #0f172a !important;
}

.group-button p.buttons a.button.view-cart:hover,
.widget_shopping_cart .buttons a.button:not(.checkout):hover {
  background: #1e293b !important;
  color: #ffffff !important;
}

.group-button p.buttons a.button.checkout,
.widget_shopping_cart .buttons a.checkout {
  background: linear-gradient(135deg, #76b52a 0%, #649c22 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

.group-button p.buttons a.button.checkout:hover,
.widget_shopping_cart .buttons a.checkout:hover {
  background: linear-gradient(135deg, #649c22 0%, #52831b 100%) !important;
  box-shadow: 0 4px 14px rgba(118, 181, 42, 0.35) !important;
}

/* ==========================================================================
   FOOTER TITLES & WIDGET HEADINGS MONTSERRAT FONT ENFORCEMENT
   ========================================================================== */

#tbay-footer,
.site-footer,
.tbay-footer-container,
footer,
footer *,
#tbay-footer *,
.site-footer *,
.footer-title,
.widget-title,
.widgettitle,
.tbay-addon-title,
.tbay-addon-title .title,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
#tbay-footer h1,
#tbay-footer h2,
#tbay-footer h3,
#tbay-footer h4,
#tbay-footer h5,
#tbay-footer h6,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
footer a,
footer p,
footer span,
footer li {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==========================================================================
   HIDE CATEGORY DROPDOWN ("ALL") IN MOBILE SEARCH BAR
   ========================================================================== */
.topbar-device-mobile .select-category,
.tbay-search-mobile .select-category,
.tbay-search-form.tbay-search-mobile .select-category,
.topbar-device-mobile .input-group-addon.select-category {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1199px) {

  .topbar-device-mobile .select-category,
  .tbay-search-mobile .select-category,
  .tbay-search-form.tbay-search-mobile .select-category {
    display: none !important;
  }
}

/* Force Hide 4 Box Pillar Icons on About Us Page ONLY */
.efour-pillar-top,
.efour-pillar-icon,
.efour-about-wrapper .efour-pillar-top,
.efour-about-wrapper .efour-pillar-icon,
.efour-pillar-card .efour-pillar-top,
.efour-pillar-card .efour-pillar-icon,
.efour-pillar-card svg,
.efour-pillar-card i,
.efour-pillar-card img,
.efour-pillar-card .elementor-icon-box-icon,
.efour-pillar-card .elementor-icon,
.efour-pillar-card .elementor-icon-wrapper,
.efour-pillar-card [class*="icon"],
.efour-pillar-card [class*="svg"],
.efour-pillars-sec .elementor-icon-box-icon,
.efour-pillars-sec .elementor-icon,
.efour-pillars-sec svg,
.efour-pillars-sec i,
.efour-pillars-sec img,
.efour-pillars-grid .elementor-icon-box-icon,
.efour-pillars-grid .elementor-icon,
.efour-pillars-grid svg,
.efour-pillars-grid i,
.efour-pillars-grid img,
div.efour-pillar-icon,
div.efour-pillar-top {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.efour-pillar-card::before,
.efour-pillar-card::after,
.efour-pillars-grid>div::before,
.efour-pillars-grid>div::after {
  display: none !important;
  content: none !important;
}

/* Header & Mobile Logo Display Size Optimization */
.header-logo img,
.header-logo .header-logo-img,
.mobile-logo img,
.tbay-element-logo img,
.site-header .logo img,
header .logo img,
img.header-logo-img,
.custom-logo,
.logo a img,
.logo img,
.elementor-widget-theme-site-logo img {
  height: auto !important;
  max-height: 28px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
}

.header-logo a,
.mobile-logo a,
.tbay-element-logo a,
.site-header .logo a,
header .logo a,
.logo a,
.elementor-widget-theme-site-logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  width: auto !important;
}

/* ==========================================================================
   ABOUT US PAGE — FULL MOBILE FIX (< 768px)
   Overrides high-specificity desktop rules for wrapper width, padding,
   and text justification so the entire page looks natural on mobile.
   ========================================================================== */
@media (max-width: 768px) {

  /* Fix wrapper squish: replace 92% width + 20px padding with full-width + reasonable padding */
  html body .efour-about-wrapper,
  html body .efour-about-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 15px 40px 15px !important;
    box-sizing: border-box !important;
  }

  /* Hero description: keep justify on mobile, matching desktop */
  html body .efour-about-wrapper .efour-about-hero-desc,
  html body .efour-about-hero-desc,
  .efour-about-hero-desc {
    text-align: justify !important;
    text-align-last: left !important;
    -webkit-text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    word-spacing: normal !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
  }

  /* Pillar card descriptions: keep justify on mobile */
  html body .efour-about-wrapper .efour-pillar-desc,
  html body .efour-pillar-desc,
  .efour-pillar-desc {
    text-align: justify !important;
    text-align-last: left !important;
    -webkit-text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    word-spacing: normal !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
  }

  /* Feature card descriptions: keep justify on mobile */
  html body .efour-about-wrapper .efour-about-card-desc,
  html body .efour-about-card-desc,
  html body .efour-about-card p,
  .efour-about-card-desc {
    text-align: justify !important;
    text-align-last: left !important;
    -webkit-text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    word-spacing: normal !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
  }

  /* Pillar cards: ensure sensible internal padding */
  html body .efour-about-wrapper .efour-pillar-card,
  .efour-pillar-card {
    padding: 22px 18px !important;
  }

  /* Feature cards: ensure sensible internal padding */
  html body .efour-about-wrapper .efour-about-card,
  .efour-about-card {
    padding: 24px 18px !important;
  }

  /* Form box padding */
  html body .efour-about-wrapper .efour-about-form-box,
  .efour-about-form-box {
    padding: 20px 16px !important;
  }
}

/* ==========================================================================
   AUTO-OPEN CATEGORIES MENU ON HOMEPAGE LOAD
   ========================================================================== */
@media (min-width: 1200px) {

  body.home .tbay-element-nav-menu.category-inside.open .category-inside-content,
  body.home .tbay-element-nav-menu.category-inside .category-inside-content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    display: block !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 999 !important;
  }

  body.home .tbay-element-nav-menu.category-inside.open .category-inside-title:after,
  body.home .tbay-element-nav-menu.category-inside .category-inside-title:after {
    transform: rotate(180deg) !important;
  }
}


/* ==========================================================================
   WISHLIST ICON & SEARCH BAR CATEGORY DROPDOWN FIXES
   ========================================================================== */

/* 1. WISHLIST ICON RENDERING ON PRODUCT CARDS */
.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-button,
.product-button .yith-wcwl-add-to-wishlist,
.product-button .yith-wcwl-add-button {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.yith-wcwl-add-to-wishlist a,
.yith-wcwl-add-button a,
a.add_to_wishlist,
.product-button .yith-wcwl-add-to-wishlist a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #333333 !important;
}

.yith-wcwl-add-to-wishlist a i,
.yith-wcwl-add-button a i,
a.add_to_wishlist i,
.product-button .yith-wcwl-add-to-wishlist i {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 16px !important;
  color: #333333 !important;
}

/* Fallback heart icon if icon font or class is empty */
.yith-wcwl-add-to-wishlist a:empty::before,
.yith-wcwl-add-button a:empty::before,
a.add_to_wishlist:empty::before,
.product-button .yith-wcwl-add-to-wishlist a:empty::before {
  content: "\f004" !important;
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333333 !important;
}

.yith-wcwl-add-to-wishlist a:hover i,
.yith-wcwl-add-button a:hover i,
a.add_to_wishlist:hover i,
.product-button .yith-wcwl-add-to-wishlist a:hover i {
  color: #6EBE44 !important;
}






/* ==========================================================================
   SEARCH BAR CATEGORY DROPDOWN FULL DISPLAY (PREVENT "All Cate" TRUNCATION)
   ========================================================================== */
.tbay-search-form .input-group .select-category,
.searchform .input-group .select-category,
.header-main .input-group .select-category,
.select-category.input-group-addon,
.select-category {
  flex: 0 0 175px !important;
  min-width: 175px !important;
  width: 175px !important;
  max-width: 175px !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

.select-category .SumoSelect,
.SumoSelect {
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
}

.select-category .SumoSelect>.CaptionCont,
.SumoSelect>.CaptionCont {
  width: 100% !important;
  padding-right: 22px !important;
  padding-left: 8px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.select-category .SumoSelect>.CaptionCont>span,
.SumoSelect>.CaptionCont>span {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  font-size: 13px !important;
}

.select-category .SumoSelect>.CaptionCont>label,
.SumoSelect>.CaptionCont>label {
  right: 4px !important;
  width: 16px !important;
}

/* ==========================================================================
   UNIFORM FEATURE CARD ICON STYLING (MATCHING PRIVATE LABEL BRAND GREEN #6EBE44)
   ========================================================================== */
.efour-vm-icon-wrapper,
.efour-vending-icon-wrapper,
.efour-vm-card .efour-vm-icon-wrapper,
.efour-vm-feature-card .efour-vm-icon-wrapper,
.efour-vending-container .efour-vending-icon-wrapper {
  background: #f0f9eb !important;
  border-radius: 12px !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
}

.efour-vm-icon-wrapper svg,
.efour-vending-icon-wrapper svg,
.efour-vm-card .efour-vm-icon-wrapper svg,
.efour-vm-feature-card .efour-vm-icon-wrapper svg,
.efour-vending-container .efour-vending-icon-wrapper svg,
.efour-vm-icon-wrapper svg *,
.efour-vm-card .efour-vm-icon-wrapper svg *,
.efour-vm-card .efour-vm-icon-wrapper path,
.efour-vm-icon-wrapper path,
.efour-vending-icon-wrapper path,
.efour-vm-icon-wrapper i,
.efour-vending-icon-wrapper i {
  fill: #6EBE44 !important;
  color: #6EBE44 !important;
  stroke: none !important;
  width: 24px !important;
  height: 24px !important;
}

/* ==========================================================================
   PERFUME VENDING MACHINES HERO TITLE FONT WEIGHT (MATCH PRIVATE LABEL 600)
   ========================================================================== */
.efour-vm-hero-subtitle,
.efour-vending-hero-subtitle,
h2.efour-vm-hero-subtitle,
h2.efour-vending-hero-subtitle,
.efour-vm-hero-subtitle *,
h2.efour-vm-hero-subtitle * {
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}




/* ==========================================================================
   FOOTER HEADINGS & FIRST ITEMS HORIZONTAL ALIGNMENT
   ========================================================================== */
.tbay-footer .elementor-container,
.footer-6 .elementor-container,
#tbay-footer .elementor-container,
.site-footer .elementor-container {
  display: flex !important;
  align-items: flex-start !important;
}

.tbay-footer .elementor-column,
.footer-6 .elementor-column,
#tbay-footer .elementor-column,
.site-footer .elementor-column {
  vertical-align: top !important;
}

.tbay-footer .elementor-widget-wrap,
.footer-6 .elementor-widget-wrap,
#tbay-footer .elementor-widget-wrap,
.site-footer .elementor-widget-wrap {
  align-content: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Footer Column Headings Top Baseline Standardization */
.tbay-footer h1,
.tbay-footer h2,
.tbay-footer h3,
.tbay-footer h4,
.tbay-footer h5,
.tbay-footer h6,
.footer-6 h1,
.footer-6 h2,
.footer-6 h3,
.footer-6 h4,
.footer-6 h5,
.footer-6 h6,
#tbay-footer h1,
#tbay-footer h2,
#tbay-footer h3,
#tbay-footer h4,
#tbay-footer h5,
#tbay-footer h6,
.tbay-footer .elementor-heading-title,
.footer-6 .elementor-heading-title,
.footer-6 .widget-title,
.footer-6 h2.widget-title,
.footer-6 .heading-tbay-title,
.footer-6 .heading-tbay-title .title,
.tbay-footer .heading-tbay-title,
.tbay-footer .heading-tbay-title .title,
#tbay-footer .heading-tbay-title,
#tbay-footer .heading-tbay-title .title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

/* Equal Top Spacing for First Content Element under Heading across columns */
.tbay-footer .elementor-widget-text-editor,
.footer-6 .elementor-widget-text-editor,
.footer-6 .menu-vertical-container,
.tbay-footer .menu-vertical-container,
#tbay-footer .menu-vertical-container,
.tbay-footer ul.menu-vertical,
.footer-6 ul.menu-vertical {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.tbay-footer .elementor-widget-text-editor p,
.footer-6 .elementor-widget-text-editor p,
#tbay-footer .elementor-widget-text-editor p {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.5 !important;
}

.tbay-footer ul.menu-vertical,
.footer-6 ul.menu-vertical,
#tbay-footer ul.menu-vertical {
  padding-left: 0 !important;
  list-style: none !important;
}

.tbay-footer ul.menu-vertical li,
.footer-6 ul.menu-vertical li,
#tbay-footer ul.menu-vertical li {
  margin-bottom: 10px !important;
  line-height: 1.4 !important;
}

/* ==========================================================================
   PERFUME VENDING MACHINES PAGE ICONS — CRISP SVG OUTLINES & HOVER
   ========================================================================== */

/* Circular Background Container */
.efour-vm-solution-icon,
.efour-vm-icon-wrapper,
.efour-vending-icon-wrapper,
.efour-vm-card .efour-vm-icon-wrapper,
.efour-vm-feature-card .efour-vm-icon-wrapper,
.efour-vending-container .efour-vending-icon-wrapper {
  background-color: #f0f9eb !important;
  border: 1.5px solid #d4f0c6 !important;
  border-radius: 50% !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

/* Stroke SVGs (Credit Card, Wrench, Shield, Boxes, etc.) */
.efour-vm-solution-icon svg,
.efour-vm-solution-icon svg rect,
.efour-vm-solution-icon svg line,
.efour-vm-solution-icon svg polyline,
.efour-vm-solution-icon svg circle,
.efour-vm-solution-icon svg path:not([fill]),
.efour-vm-icon-wrapper svg,
.efour-vm-icon-wrapper svg rect,
.efour-vm-icon-wrapper svg line,
.efour-vm-icon-wrapper svg polyline,
.efour-vm-icon-wrapper svg circle,
.efour-vending-icon-wrapper svg {
  fill: none !important;
  stroke: #6EBE44 !important;
  stroke-width: 2px !important;
  color: #6EBE44 !important;
  transition: all 0.3s ease !important;
}

/* Solid/Fill SVGs (Layer Stack, Icons with explicit fill) */
.efour-vm-solution-icon svg path[fill],
.efour-vm-icon-wrapper svg path[fill],
.efour-vm-icon-wrapper i,
.efour-vending-icon-wrapper i {
  fill: #6EBE44 !important;
  stroke: none !important;
  color: #6EBE44 !important;
  transition: all 0.3s ease !important;
}

/* HOVER STATE: Green Circle with White Stroke/Fill Icon */
.efour-vm-solution-card:hover .efour-vm-solution-icon,
.efour-vm-card:hover .efour-vm-icon-wrapper,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper,
.efour-vm-solution-icon:hover,
.efour-vm-icon-wrapper:hover {
  background-color: #6EBE44 !important;
  border-color: #6EBE44 !important;
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 6px 16px rgba(110, 190, 68, 0.3) !important;
}

/* Stroke SVGs on Hover */
.efour-vm-solution-card:hover .efour-vm-solution-icon svg,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg rect,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg line,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg polyline,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg circle,
.efour-vm-card:hover .efour-vm-icon-wrapper svg,
.efour-vm-card:hover .efour-vm-icon-wrapper svg rect,
.efour-vm-card:hover .efour-vm-icon-wrapper svg line,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper svg,
.efour-vm-solution-icon:hover svg,
.efour-vm-solution-icon:hover svg rect,
.efour-vm-solution-icon:hover svg line,
.efour-vm-icon-wrapper:hover svg {
  fill: none !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* Solid/Fill SVGs on Hover */
.efour-vm-solution-card:hover .efour-vm-solution-icon svg path[fill],
.efour-vm-card:hover .efour-vm-icon-wrapper svg path[fill],
.efour-vm-feature-card:hover .efour-vm-icon-wrapper svg path[fill],
.efour-vm-solution-icon:hover svg path[fill],
.efour-vm-icon-wrapper:hover svg path[fill],
.efour-vm-icon-wrapper:hover i,
.efour-vending-icon-wrapper:hover i {
  fill: #ffffff !important;
  stroke: none !important;
  color: #ffffff !important;
}


/* ==========================================================================
   FOOTER EXACT HORIZONTAL ALIGNMENT OVERRIDE
   ========================================================================== */

/* Force all footer top columns to align at the top */
.tbay-footer .elementor-container,
.footer-6 .elementor-container,
#tbay-footer .elementor-container,
.site-footer .elementor-container {
  align-items: flex-start !important;
}

.tbay-footer .elementor-column,
.footer-6 .elementor-column,
#tbay-footer .elementor-column,
.site-footer .elementor-column {
  vertical-align: top !important;
}

/* Ensure the inner widget wrap has 0 top padding */
.tbay-footer .elementor-widget-wrap,
.footer-6 .elementor-widget-wrap,
#tbay-footer .elementor-widget-wrap,
.site-footer .elementor-widget-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
  justify-content: flex-start !important;
}

/* 1. TOP HEADINGS UNIFORMITY (Contact Us, Store Location, Quick Links, Follow Us) */
.tbay-footer h1,
.tbay-footer h2,
.tbay-footer h3,
.tbay-footer h4,
.footer-6 h1,
.footer-6 h2,
.footer-6 h3,
.footer-6 h4,
#tbay-footer h1,
#tbay-footer h2,
#tbay-footer h3,
#tbay-footer h4,
.tbay-footer .elementor-heading-title,
.footer-6 .elementor-heading-title,
.footer-6 .widget-title,
.footer-6 .heading-tbay-title,
.tbay-footer .heading-tbay-title,
#tbay-footer .heading-tbay-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #111111 !important;
}

/* Specific fix for Quick Links widget title container */
.tbay-footer .elementor-widget-tbay-menu-vertical .heading-tbay-title,
.footer-6 .elementor-widget-tbay-menu-vertical .heading-tbay-title,
#tbay-footer .elementor-widget-tbay-menu-vertical .heading-tbay-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
}

/* Remove default Elementor widget bottom margin from heading widgets in Col 1 & Col 2 */
div[data-id=be728e0],
div[data-id=26bc87b],
div[data-id=886c603],
div[data-id=heading_follow_us_1787084950] {
  margin-bottom: 15px !important;
}

/* 2. FIRST CONTENT ITEM BASELINE ALIGNMENT (If you have any question..., B.C. 1308861..., Shop) */
div[data-id=33b2aba],
div[data-id=b2a7a2a],
.tbay-footer .menu-vertical-container,
.footer-6 .menu-vertical-container,
#tbay-footer .menu-vertical-container,
.tbay-footer ul.menu-vertical,
.footer-6 ul.menu-vertical,
#tbay-footer ul.menu-vertical {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Normalize paragraph margins inside footer text editor widgets */
div[data-id=33b2aba] p,
div[data-id=b2a7a2a] p,
div[data-id=a288873] p,
div[data-id=d32fe1f] p,
.tbay-footer .elementor-widget-text-editor p,
.footer-6 .elementor-widget-text-editor p {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
}

/* Quick Links list items alignment */
.tbay-footer ul.menu-vertical,
.footer-6 ul.menu-vertical,
#tbay-footer ul.menu-vertical {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.tbay-footer ul.menu-vertical li:first-child,
.footer-6 ul.menu-vertical li:first-child,
#tbay-footer ul.menu-vertical li:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.tbay-footer ul.menu-vertical li,
.footer-6 ul.menu-vertical li,
#tbay-footer ul.menu-vertical li {
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
}

.tbay-footer ul.menu-vertical li a,
.footer-6 ul.menu-vertical li a,
#tbay-footer ul.menu-vertical li a {
  font-size: 14px !important;
  line-height: 1.5 !important;
  display: inline-block !important;
}

/* Column 4 Logo Alignment */
div[data-id=footer_logo_1787068160] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 12px !important;
}

div[data-id=footer_logo_1787068160] img {
  max-height: 32px !important;
  width: auto !important;
  display: block !important;
}


/* ==========================================================================
   PERFECT FOOTER ALIGNMENT OVERRIDE FOR ELEMENTOR POST 6152
   ========================================================================== */

/* Top columns alignment */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-section .elementor-container {
  display: flex !important;
  align-items: flex-start !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-column {
  vertical-align: top !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-column>.elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 1. TOP HEADINGS (Contact Us, Store Location, Quick Links) & LOGO (Col 4) */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-be728e0,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-26bc87b,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d>.elementor-widget-container,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-footer_logo_1787068160 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 15px !important;
  height: 32px !important;
  box-sizing: border-box !important;
}

/* Heading Titles Typography & Height */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-be728e0 .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-26bc87b .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-886c603 .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-heading_follow_us_1787084950 .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .heading-tbay-title .title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  height: 32px !important;
  color: #111111 !important;
  display: flex !important;
  align-items: center !important;
}

/* Col 4 Logo Image Fitting inside 32px height container */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-footer_logo_1787068160 img {
  height: 28px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* 2. ITEM BASELINES (If you have any question..., B.C. 1308861..., Shop, Follow Us) */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-33b2aba,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-b2a7a2a,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-heading_follow_us_1787084950,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Paragraph text alignment */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-33b2aba p,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-b2a7a2a p,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-a288873 p,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-d32fe1f p {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #555555 !important;
}

/* Quick Links list item 1 alignment */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical li:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical li {
  margin-bottom: 10px !important;
  line-height: 22px !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical li a {
  font-size: 14px !important;
  line-height: 22px !important;
  display: inline-block !important;
}

/* Follow Us heading in Col 4 (aligning with item 1 of other columns) */
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-heading_follow_us_1787084950 {
  margin-bottom: 10px !important;
}


/* ==========================================================================
   PERFUME VENDING MACHINES PAGE ICONS — FILL SVGs & STROKE SVGs HOVER FIX
   ========================================================================== */

/* 1. Circle Background Container */
.efour-vm-solution-icon,
.efour-vm-icon-wrapper,
.efour-vending-icon-wrapper,
.efour-vm-card .efour-vm-icon-wrapper,
.efour-vm-feature-card .efour-vm-icon-wrapper,
.efour-vending-container .efour-vending-icon-wrapper {
  background-color: #f0f9eb !important;
  border: 1.5px solid #d4f0c6 !important;
  border-radius: 50% !important;
  width: 54px !important;
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

/* 2. DEFAULT STATE COLOR (#6EBE44 Brand Green) */

/* 4 Feature Cards (Fill SVGs: HD Touch Screen, Multi-Payment, Multi-Tank, Commercial Quality) */
.efour-vm-card .efour-vm-icon-wrapper svg,
.efour-vm-feature-card .efour-vm-icon-wrapper svg,
.efour-vm-icon-wrapper svg {
  fill: #6EBE44 !important;
  color: #6EBE44 !important;
}

.efour-vm-card .efour-vm-icon-wrapper svg path,
.efour-vm-feature-card .efour-vm-icon-wrapper svg path,
.efour-vm-icon-wrapper svg path {
  fill: #6EBE44 !important;
}

/* 3 Solution Cards (Stroke SVGs: Custom Branding, Turnkey Payment, Technical Support) */
.efour-vm-solution-icon svg {
  color: #6EBE44 !important;
  stroke: #6EBE44 !important;
}

.efour-vm-solution-icon svg path,
.efour-vm-solution-icon svg rect,
.efour-vm-solution-icon svg line,
.efour-vm-solution-icon svg polyline,
.efour-vm-solution-icon svg circle {
  stroke: #6EBE44 !important;
  fill: none !important;
}

/* 3. HOVER STATE: Solid Green Circle (#6EBE44) + Crisp White Icons (#FFFFFF) */

.efour-vm-solution-card:hover .efour-vm-solution-icon,
.efour-vm-card:hover .efour-vm-icon-wrapper,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper,
.efour-vm-solution-icon:hover,
.efour-vm-icon-wrapper:hover {
  background-color: #6EBE44 !important;
  border-color: #6EBE44 !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(110, 190, 68, 0.3) !important;
}

/* 4 Feature Cards on Hover (Fill SVGs -> White Fill #FFFFFF) */
.efour-vm-card:hover .efour-vm-icon-wrapper svg,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper svg,
.efour-vm-icon-wrapper:hover svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

.efour-vm-card:hover .efour-vm-icon-wrapper svg path,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper svg path,
.efour-vm-icon-wrapper:hover svg path {
  fill: #ffffff !important;
}

/* 3 Solution Cards on Hover (Stroke SVGs -> White Stroke #FFFFFF, fill: none) */
.efour-vm-solution-card:hover .efour-vm-solution-icon svg,
.efour-vm-solution-icon:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.efour-vm-solution-card:hover .efour-vm-solution-icon svg path,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg rect,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg line,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg polyline,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg circle,
.efour-vm-solution-icon:hover svg path,
.efour-vm-solution-icon:hover svg rect,
.efour-vm-solution-icon:hover svg line,
.efour-vm-solution-icon:hover svg polyline,
.efour-vm-solution-icon:hover svg circle {
  stroke: #ffffff !important;
  fill: none !important;
}



/* ==========================================================================
   HIGH-SPECIFICITY FOOTER & PERFUME VENDING MACHINE OVERRIDES
   ========================================================================== */

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-section .elementor-container,
body.footer-6 #tbay-footer .elementor-container {
  display: flex !important;
  align-items: flex-start !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-column {
  vertical-align: top !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-column>.elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-be728e0,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-26bc87b,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d>.elementor-widget-container,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-footer_logo_1787068160 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 15px !important;
  box-sizing: border-box !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-be728e0 .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-26bc87b .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-886c603 .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-heading_follow_us_1787084950 .elementor-heading-title,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .heading-tbay-title .title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  color: #111111 !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-footer_logo_1787068160 img {
  height: 26px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-33b2aba,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-b2a7a2a,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-heading_follow_us_1787084950,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-33b2aba p,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-b2a7a2a p,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-a288873 p,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-d32fe1f p {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #555555 !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical li:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical li {
  margin-bottom: 10px !important;
  line-height: 22px !important;
}

body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .menu-vertical-container ul.menu-vertical li a {
  font-size: 14px !important;
  line-height: 22px !important;
  display: inline-block !important;
}

/* Perfume Vending Machines Page Icons Hover Fix */
.efour-vm-solution-icon,
.efour-vm-icon-wrapper,
.efour-vending-icon-wrapper,
.efour-vm-card .efour-vm-icon-wrapper,
.efour-vm-feature-card .efour-vm-icon-wrapper,
.efour-vending-container .efour-vending-icon-wrapper {
  background-color: #f0f9eb !important;
  border: 1.5px solid #d4f0c6 !important;
  border-radius: 50% !important;
  width: 54px !important;
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.efour-vm-card .efour-vm-icon-wrapper svg,
.efour-vm-feature-card .efour-vm-icon-wrapper svg,
.efour-vm-icon-wrapper svg {
  fill: #6EBE44 !important;
  color: #6EBE44 !important;
}

.efour-vm-card .efour-vm-icon-wrapper svg path,
.efour-vm-feature-card .efour-vm-icon-wrapper svg path,
.efour-vm-icon-wrapper svg path {
  fill: #6EBE44 !important;
}

.efour-vm-solution-icon svg {
  color: #6EBE44 !important;
  stroke: #6EBE44 !important;
}

.efour-vm-solution-icon svg path,
.efour-vm-solution-icon svg rect,
.efour-vm-solution-icon svg line,
.efour-vm-solution-icon svg polyline,
.efour-vm-solution-icon svg circle {
  stroke: #6EBE44 !important;
  fill: none !important;
}

.efour-vm-solution-card:hover .efour-vm-solution-icon,
.efour-vm-card:hover .efour-vm-icon-wrapper,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper,
.efour-vm-solution-icon:hover,
.efour-vm-icon-wrapper:hover {
  background-color: #6EBE44 !important;
  border-color: #6EBE44 !important;
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(110, 190, 68, 0.3) !important;
}

.efour-vm-card:hover .efour-vm-icon-wrapper svg,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper svg,
.efour-vm-icon-wrapper:hover svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

.efour-vm-card:hover .efour-vm-icon-wrapper svg path,
.efour-vm-feature-card:hover .efour-vm-icon-wrapper svg path,
.efour-vm-icon-wrapper:hover svg path {
  fill: #ffffff !important;
}

.efour-vm-solution-card:hover .efour-vm-solution-icon svg,
.efour-vm-solution-icon:hover svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.efour-vm-solution-card:hover .efour-vm-solution-icon svg path,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg rect,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg line,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg polyline,
.efour-vm-solution-card:hover .efour-vm-solution-icon svg circle,
.efour-vm-solution-icon:hover svg path,
.efour-vm-solution-icon:hover svg rect,
.efour-vm-solution-icon:hover svg line,
.efour-vm-solution-icon:hover svg polyline,
.efour-vm-solution-icon:hover svg circle {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Header Category Dropdown Width */
header .tbay-search-form .category-search,
header .tbay-search-form .category-select-wrapper,
header .tbay-search-form .selectBox-dropdown,
body .tbay-search-form .selectBox-dropdown,
html body a.selectBox.selectBox-dropdown {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 170px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

header .tbay-search-form .selectBox-dropdown .selectBox-label,
body .tbay-search-form .selectBox-dropdown .selectBox-label,
html body a.selectBox.selectBox-dropdown .selectBox-label {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 135px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 14px !important;
  color: #111111 !important;
  display: inline-block !important;
}

/* Global Product Cards Hover Action Buttons */
.product-block .yith-wcwl-add-to-wishlist a,
.product-block .tbay-product-wishlist a,
.product-block .tbay-quickview a,
.product-inner .yith-wcwl-add-to-wishlist a,
.product-inner .tbay-quickview a,
.yith-wcwl-add-button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
  color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.2s ease !important;
}

.product-block .yith-wcwl-add-to-wishlist a:hover,
.product-block .tbay-product-wishlist a:hover,
.product-block .tbay-quickview a:hover,
.product-inner .yith-wcwl-add-to-wishlist a:hover,
.product-inner .tbay-quickview a:hover,
.yith-wcwl-add-button a:hover {
  background-color: #6EBE44 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   HEADER SEARCH CATEGORY SELECTOR FIX (PREVENT 'ALL CATE' TRUNCATION)
   ========================================================================== */

header .tbay-search-form .category-search,
header .tbay-search-form .category-select-wrapper,
header .tbay-search-form .selectBox-dropdown,
body .tbay-search-form .selectBox-dropdown,
html body a.selectBox.selectBox-dropdown,
html body .selectBox-dropdown {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 175px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

header .tbay-search-form .selectBox-dropdown .selectBox-label,
body .tbay-search-form .selectBox-dropdown .selectBox-label,
html body a.selectBox.selectBox-dropdown .selectBox-label,
html body .selectBox-label {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 140px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 14px !important;
  color: #111111 !important;
  display: inline-block !important;
}

header .tbay-search-form .selectBox-dropdown .selectBox-arrow {
  margin-left: auto !important;
}

ul.selectBox-dropdown-menu,
.selectBox-dropdown-menu {
  z-index: 999999 !important;
  max-height: 350px !important;
  overflow-y: auto !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
}

/* ==========================================================================
   SHOP SIDEBAR WOOF PRICE FILTER SLIDER FIX
   ========================================================================== */

input.woof_range_slider {
  display: none !important;
}

.woof_price_filter_container .irs,
.woof_container_inner .irs,
.irs {
  display: block !important;
  position: relative !important;
  visibility: visible !important;
  height: 40px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.irs-line {
  background: #e0e0e0 !important;
  border: none !important;
  height: 6px !important;
  border-radius: 3px !important;
  top: 25px !important;
}

.irs-bar {
  background: #6EBE44 !important;
  height: 6px !important;
  border-radius: 3px !important;
  top: 25px !important;
}

.irs-slider {
  background: #ffffff !important;
  border: 2px solid #6EBE44 !important;
  width: 18px !important;
  height: 18px !important;
  top: 19px !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  cursor: pointer !important;
}

.irs-from,
.irs-to,
.irs-single {
  background: #6EBE44 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  top: 0px !important;
}

.irs-grid {
  display: none !important;
}

/* ==========================================================================
   PRODUCT CARDS DESKTOP WISHLIST & QUICK VIEW EYE BUTTON FIXES
   ========================================================================== */

.product-block .button-wishlist,
.product-block .button-wishlist.shown-mobile,
.product-block .tbay-quick-view,
.product-block .group-buttons .button-wishlist,
.product-block .group-buttons .tbay-quick-view,
.product-inner .button-wishlist,
.product-inner .tbay-quick-view,
.product-block .yith-wcwl-add-to-wishlist,
.product-block .tbay-product-wishlist {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.product-block .yith-wcwl-add-to-wishlist a,
.product-block .tbay-product-wishlist a,
.product-block .button-wishlist a,
.product-inner .yith-wcwl-add-to-wishlist a,
.product-inner .tbay-product-wishlist a,
.yith-wcwl-add-button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
  color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.product-block .button-wishlist a i,
.product-block .yith-wcwl-add-to-wishlist a i,
.yith-wcwl-add-button a i {
  color: #111111 !important;
  font-size: 15px !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.product-block .tbay-quick-view a.qview-button,
.product-block .tbay-quick-view a,
.product-inner .tbay-quick-view a,
a.qview-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
  color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  position: relative !important;
}

.product-block .tbay-quick-view a.qview-button span,
a.qview-button span {
  display: none !important;
}

.product-block .tbay-quick-view a.qview-button i,
.product-block .tbay-quick-view a i,
.product-inner .tbay-quick-view a i,
a.qview-button i {
  font-size: 15px !important;
  color: #111111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
}

.product-block .button-wishlist a:hover,
.product-block .yith-wcwl-add-to-wishlist a:hover,
.product-block .tbay-product-wishlist a:hover,
.product-block .tbay-quick-view a:hover,
.product-block .tbay-quick-view a.qview-button:hover,
.product-inner .yith-wcwl-add-to-wishlist a:hover,
.product-inner .tbay-quick-view a:hover,
a.qview-button:hover {
  background-color: #6EBE44 !important;
  color: #ffffff !important;
}

.product-block .button-wishlist a:hover i,
.product-block .yith-wcwl-add-to-wishlist a:hover i,
.product-block .tbay-product-wishlist a:hover i,
.product-inner .yith-wcwl-add-to-wishlist a:hover i,
.yith-wcwl-add-button a:hover i,
.product-block .tbay-quick-view a:hover i,
.product-block .tbay-quick-view a.qview-button:hover i,
.product-inner .tbay-quick-view a:hover i,
a.qview-button:hover i {
  color: #ffffff !important;
}


/* ==========================================================================
   FOOTER TITLES EQUIDISTANT SPACING & ALIGNMENT FIX
   ========================================================================== */

/* Force all top footer columns & inner widget wraps to align at top with 0 padding */
body footer#tbay-footer.footer-6 .elementor-container,
body footer#tbay-footer .elementor-container,
.tbay-footer .elementor-container,
.footer-6 .elementor-container {
  display: flex !important;
  align-items: flex-start !important;
}

body footer#tbay-footer.footer-6 .elementor-column,
body footer#tbay-footer .elementor-column,
.tbay-footer .elementor-column,
.footer-6 .elementor-column {
  vertical-align: top !important;
}

body footer#tbay-footer.footer-6 .elementor-widget-wrap,
body footer#tbay-footer .elementor-widget-wrap,
.tbay-footer .elementor-widget-wrap,
.footer-6 .elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Enforce EXACT EQUIDISTANT 12px margin-bottom for ALL footer headings/titles across all columns */
body footer#tbay-footer .elementor-heading-title,
body footer#tbay-footer .heading-tbay-title,
body footer#tbay-footer .heading-tbay-title .title,
body footer#tbay-footer .widget-title,
body footer#tbay-footer h1,
body footer#tbay-footer h2,
body footer#tbay-footer h3,
body footer#tbay-footer h4,
body footer#tbay-footer h5,
body footer#tbay-footer h6,
.footer-6 .elementor-heading-title,
.footer-6 .heading-tbay-title,
.footer-6 .heading-tbay-title .title,
.footer-6 .widget-title,
.footer-6 h1,
.footer-6 h2,
.footer-6 h3,
.footer-6 h4,
.footer-6 h5,
.footer-6 h6,
.tbay-footer .elementor-heading-title,
.tbay-footer .heading-tbay-title,
.tbay-footer .heading-tbay-title .title,
.tbay-footer .widget-title,
div[data-id="be728e0"],
div[data-id="26bc87b"],
div[data-id="886c603"],
div[data-id="heading_follow_us_1787084950"],
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-be728e0,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-26bc87b,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-886c603,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-heading_follow_us_1787084950,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-685569d .heading-tbay-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
  height: auto !important;
  min-height: auto !important;
  line-height: 1.25 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

/* Equal 0 top margin/padding on the first content element below each title */
body footer#tbay-footer .elementor-widget-text-editor,
body footer#tbay-footer .elementor-widget-text-editor p:first-child,
body footer#tbay-footer .menu-vertical-container,
body footer#tbay-footer ul.menu-vertical,
body footer#tbay-footer ul.menu-vertical li:first-child,
body footer#tbay-footer .tbay-social-icons,
body footer#tbay-footer .elementor-social-icons-wrapper,
.footer-6 .elementor-widget-text-editor,
.footer-6 .elementor-widget-text-editor p:first-child,
.footer-6 .menu-vertical-container,
.footer-6 ul.menu-vertical,
.footer-6 ul.menu-vertical li:first-child,
.footer-6 .tbay-social-icons,
.footer-6 .elementor-social-icons-wrapper,
div[data-id="33b2aba"],
div[data-id="33b2aba"] p:first-child,
div[data-id="b2a7a2a"],
div[data-id="b2a7a2a"] p:first-child,
div[data-id="a288873"],
div[data-id="a288873"] p:first-child,
div[data-id="social_icons_1787085000"],
div[data-id="social_icons_1787085000"] .elementor-social-icons-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Col 4 Logo Image Height Alignment & Tagline Ultra-High Specificity Alignment */
html body footer#tbay-footer .elementor-element.elementor-element-footer_logo_1787068160,
html body .footer-6 .elementor-element.elementor-element-footer_logo_1787068160,
div[data-id="footer_logo_1787068160"],
html body footer#tbay-footer .elementor-element.elementor-element-9f5bc15,
html body .footer-6 .elementor-element.elementor-element-9f5bc15,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-9f5bc15,
body footer#tbay-footer .elementor-6152 .elementor-element.elementor-element-9f5bc15,
.elementor-6152 .elementor-element.elementor-element-9f5bc15,
div[data-id="9f5bc15"],
.elementor-element-9f5bc15,
html body footer#tbay-footer .elementor-element.elementor-element-heading_follow_us_1787084950,
html body .footer-6 .elementor-element.elementor-element-heading_follow_us_1787084950,
div[data-id="heading_follow_us_1787084950"],
.elementor-element-heading_follow_us_1787084950,
.elementor-element-heading_follow_us_1787084950 .elementor-heading-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
  height: auto !important;
}

html body footer#tbay-footer .elementor-element.elementor-element-9f5bc15 p,
html body .footer-6 .elementor-element.elementor-element-9f5bc15 p,
div[data-id="9f5bc15"] p {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.4 !important;
}

html body footer#tbay-footer .elementor-element.elementor-element-38ef1b8,
html body .footer-6 .elementor-element.elementor-element-38ef1b8,
div[data-id="38ef1b8"],
.elementor-element-38ef1b8,
div[data-id="38ef1b8"] .elementor-social-icons-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

div[data-id="footer_logo_1787068160"] img,
body footer#tbay-footer.footer-6 .elementor-6152 .elementor-element.elementor-element-footer_logo_1787068160 img {
  height: 28px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}


/* ==========================================================================
   MINI-CART DROPDOWN POPUP MODAL PADDING & UI OVERHAUL
   ========================================================================== */

/* 1. Outer Modal Container & Popover Wrapper Padding (Strictly scoped to dropdown-menu) */
.site-header .widget_shopping_cart .dropdown-menu,
.site-header-cart .widget_shopping_cart .dropdown-menu,
.tbay-dropdown-cart .dropdown-menu,
.tbay-cart-dropdown .dropdown-menu,
.tbay-element-mini-cart .dropdown-menu,
.cart-popup>.dropdown-menu,
.cart-dropdown>.dropdown-menu,
.dropdown-menu.cart_list,
.dropdown-menu.tbay-dropdown-cart,
.mini-cart-dropdown {
  padding: 20px 22px !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18) !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  min-width: 360px !important;
  max-width: 400px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Remove default zero-padding collisions on inner wrappers */
.tbay-dropdown-cart .mini_cart_inner,
.tbay-dropdown-cart .mcart-border,
.mini_cart_content .mini_cart_inner,
.mini_cart_content .mcart-border,
.widget_shopping_cart_content {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. Mini-Cart Product List Container */
ul.woocommerce-mini-cart,
ul.cart_list.product_list_widget,
.mini_cart_content ul.cart_list,
.mcart-border ul.cart_list {
  max-height: 320px !important;
  overflow-y: auto !important;
  padding: 2px 4px !important;
  margin: 0 0 16px 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* 3. Product Item Card inside Mini-Cart */
li.woocommerce-mini-cart-item,
li.mini_cart_item,
.mcart-border li.mini_cart_item,
.mini_cart_content li.mini_cart_item {
  padding: 12px 14px !important;
  border: 1px solid #f1f5f9 !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  position: relative !important;
  margin: 0 0 10px 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

li.woocommerce-mini-cart-item:last-child,
li.mini_cart_item:last-child {
  margin-bottom: 0 !important;
}

/* 4. Product Image Box */
.mini_cart_item .product-image,
li.mini_cart_item .product-image,
li.woocommerce-mini-cart-item .product-image {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  flex: 0 0 60px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

.mini_cart_item .product-image img,
li.mini_cart_item img,
li.woocommerce-mini-cart-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: none !important;
  display: block !important;
  margin: 0 !important;
}

/* 5. Product Details Info */
.mini_cart_item .product-details,
li.mini_cart_item .product-details {
  flex: 1 !important;
  min-width: 0 !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

.mini_cart_item .product-details .product-name,
.mini_cart_item .product-details .product-name a,
li.mini_cart_item a:not(.remove) {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 4px !important;
}

/* 6. Subtotal & Action Buttons Container Padding */
.group-button,
.mini_cart_content .group-button,
.mcart-border .group-button,
.widget_shopping_cart .group-button {
  margin-top: 10px !important;
  padding-top: 14px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  border-top: 1.5px dashed #e2e8f0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.group-button p.total,
.mini_cart_content .group-button p.total,
.widget_shopping_cart .total,
.woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 0 14px 0 !important;
  padding: 0 2px !important;
  border: none !important;
}

.group-button p.total .amount,
.mini_cart_content .group-button p.total .amount,
.widget_shopping_cart .total .amount,
.woocommerce-mini-cart__total .amount {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #76b52a !important;
}

.group-button p.buttons,
.mini_cart_content .group-button p.buttons,
.widget_shopping_cart .buttons,
.woocommerce-mini-cart__buttons {
  display: flex !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.group-button p.buttons a.button,
.mini_cart_content .group-button p.buttons a.button,
.widget_shopping_cart .buttons a.button,
.woocommerce-mini-cart__buttons a.button {
  flex: 1 !important;
  text-align: center !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: none !important;
  box-shadow: none !important;
  display: inline-block !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   PRIVATE LABEL CATEGORY FILTER SELECTOR BAR RESTORATION & STYLING
   ========================================================================== */
html body #main > div > div.epr-wrapper > div.epr-filter-bar,
html body #main .epr-filter-bar,
html body .epr-wrapper .epr-filter-bar,
html body .epr-filter-bar,
#main>div>div.epr-wrapper>div.epr-filter-bar,
#main .epr-filter-bar,
.epr-wrapper .epr-filter-bar,
.epr-filter-bar,
div.epr-filter-bar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  padding: 20px 24px !important;
  margin: 0 0 28px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  gap: 10px !important;
}

.epr-cat-select-wrap,
div.epr-cat-select-wrap {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 480px !important;
}

.epr-cat-select-label,
label.epr-cat-select-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.epr-cat-select,
select#epr-cat-select,
select.epr-cat-select {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  background-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease !important;
}

.epr-cat-select:focus,
select#epr-cat-select:focus {
  border-color: #76b52a !important;
  box-shadow: 0 0 0 3px rgba(118, 181, 42, 0.15) !important;
}

/* ==========================================================================
   ABOUT US BREADCRUMB BANNER (PAGE ID 27)
   ========================================================================== */
body.page-id-27 #tbay-breadcrumb .efour-about-breadcrumb-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  margin-top: 10px !important;
}

body.page-id-27 #tbay-breadcrumb h1.efour-about-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 38px !important;
  font-weight: 800 !important;
  color: #000000 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

body.page-id-27 #tbay-breadcrumb .efour-about-subtitle {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  letter-spacing: 0.5px !important;
}

body.page-id-27 #tbay-breadcrumb ol.breadcrumb {
  display: none !important;
}

/* ==========================================================================
   RIGHT-COLUMN CHECKOUT COUPON BOX & EXPRESS PAYMENT STYLING
   ========================================================================== */
.checkout-coupon-right-col,
.checkout-coupon-right-col *,
.woocommerce-checkout .checkout-coupon-right-col,
.woocommerce-checkout .checkout-coupon-right-col .woocommerce-info,
.woocommerce-checkout .checkout-coupon-right-col .woocommerce-form-coupon-toggle {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  position: relative !important;
}

.checkout-coupon-right-col {
  margin: 0 0 24px 0 !important;
}

.checkout-coupon-right-col .woocommerce-form-coupon-toggle .woocommerce-info,
.checkout-coupon-right-col .woocommerce-info {
  background-color: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  margin-bottom: 0 !important;
}

.checkout-coupon-right-col .woocommerce-info a.showcoupon {
  color: #76b52a !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.checkout-coupon-right-col form.checkout_coupon {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 18px !important;
  margin-top: 12px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

.checkout-express-payment-wrapper {
  margin: 16px 0 !important;
  width: 100% !important;
  clear: both !important;
}

.checkout-express-payment-wrapper .wc-stripe-express-checkout-button,
.checkout-express-payment-wrapper .stripe-express-checkout-button,
.checkout-express-payment-wrapper #wc-stripe-express-checkout-element {
  width: 100% !important;
  margin-bottom: 16px !important;
}

/* ==========================================================================
   ELIMINATE UNWANTED GREEN BACKGROUND BOXES & OVERHAUL WHOLESALE & PRIVATE LABEL HEADERS
   ========================================================================== */
html body .tbay-breadcrumb,
html body #tbay-breadscrumb-title,
html body .tbay-breadcrumb-blog,
html body .breadcrumbs-image,
html body .page-header,
html body .page-title,
html body .entry-title,
html body #tbay-breadscrumb-title .page-title,
html body .tbay-breadcrumb .page-title,
html body .efour-pl-sec-title,
html body .ewq-section-title {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* Category Filter Bar Overhaul */
html body .epr-filter-bar,
html body .ewq-cat-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 28px !important;
  padding: 18px 22px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
}

html body .epr-filter-btn,
html body .ewq-cat-tab {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 20px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

html body .epr-filter-btn:hover,
html body .ewq-cat-tab:hover,
html body .epr-filter-btn.active,
html body .ewq-cat-tab.active {
  background: linear-gradient(135deg, #6EBE44 0%, #5ba436 100%) !important;
  border-color: #6EBE44 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(110, 190, 68, 0.25) !important;
}

html body .epr-count,
html body .ewq-cat-count {
  background: rgba(0, 0, 0, 0.08) !important;
  color: inherit !important;
  border-radius: 10px !important;
  padding: 2px 7px !important;
  font-size: 11px !important;
  margin-left: 4px !important;
}

html body .epr-filter-btn.active .epr-count,
html body .ewq-cat-tab.active .ewq-cat-count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   HOMEPAGE BLOG / POSTS GRID READ MORE BUTTON STYLING
   ========================================================================== */
.post .entry-header .readmore,
.item-post .entry-header .readmore,
.tbay-element-posts-grid .readmore,
.posts-grid .item-post .readmore,
a.readmore {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #000000 !important;
  text-decoration: none !important;
}

.post .entry-header .readmore:hover,
.post .entry-header .readmore:focus,
.item-post .entry-header .readmore:hover,
.item-post .entry-header .readmore:focus,
.tbay-element-posts-grid .readmore:hover,
.tbay-element-posts-grid .readmore:focus,
.posts-grid .item-post .readmore:hover,
.posts-grid .item-post .readmore:focus,
a.readmore:hover,
a.readmore:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: var(--tb-theme-color, #6EBE44) !important;
}

.post .entry-header .readmore::after,
.item-post .entry-header .readmore::after,
.tbay-element-posts-grid .readmore::after,
.posts-grid .item-post .readmore::after,
a.readmore::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* ==========================================================================
   OFFCANVAS MINI-CART MODERN POLISHED UI & OVERLAP FIX
   ========================================================================== */

/* 1. Offcanvas Drawer Container */
.tbay-offcanvas-cart.offcanvas {
  width: 420px !important;
  max-width: 92vw !important;
  background-color: #ffffff !important;
  box-shadow: -8px 0 32px rgba(15, 23, 42, 0.15) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 2. Offcanvas Header */
.tbay-offcanvas-cart .widget-header-cart {
  padding: 18px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  flex-shrink: 0 !important;
}

.tbay-offcanvas-cart .widget-header-cart .header-cart-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.tbay-offcanvas-cart .widget-header-cart .heading-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.tbay-offcanvas-cart .widget-header-cart .offcanvas-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  text-decoration: none !important;
  position: static !important;
  transition: all 0.2s ease !important;
}

.tbay-offcanvas-cart .widget-header-cart .offcanvas-close:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

.tbay-offcanvas-cart .widget-header-cart .offcanvas-close i {
  font-size: 14px !important;
}

/* 3. Offcanvas Body & Flex Layout Structure */
.tbay-offcanvas-cart .offcanvas-body.widget_shopping_cart_content {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: calc(100% - 69px) !important;
  overflow: hidden !important;
  position: relative !important;
}

.tbay-offcanvas-cart .mini_cart_content,
.tbay-offcanvas-cart .mini_cart_inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* 4. Reset & Modernize MCart Border (prevents overlap with absolute position) */
.tbay-offcanvas-cart .widget_shopping_cart_content .mcart-border {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
}

/* 5. Dedicated Scrollable Cart Items List */
.tbay-offcanvas-cart .widget_shopping_cart_content .mcart-border .cart_list {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  gap: 12px !important;
  padding: 2px 4px 12px 2px !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Sleek Scrollbar */
.tbay-offcanvas-cart .cart_list::-webkit-scrollbar {
  width: 5px !important;
}
.tbay-offcanvas-cart .cart_list::-webkit-scrollbar-track {
  background: #f8fafc !important;
  border-radius: 4px !important;
}
.tbay-offcanvas-cart .cart_list::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 4px !important;
}
.tbay-offcanvas-cart .cart_list::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* 6. Individual Cart Item Card */
.tbay-offcanvas-cart .cart_list li.mini-cart-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  transition: all 0.2s ease !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item:hover {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
}

/* 7. Product Thumbnail */
.tbay-offcanvas-cart .cart_list li.mini-cart-item .product-image {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #eaedf1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 2px !important;
  flex-shrink: 0 !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 6px !important;
}

/* 8. Product Details & Typography */
.tbay-offcanvas-cart .cart_list li.mini-cart-item .product-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item .product-name {
  display: block !important;
  padding-right: 26px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item .product-name a {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item .product-name a:hover {
  color: var(--tb-theme-color, #6EBE44) !important;
}

/* 9. Quantity & Item Price */
.tbay-offcanvas-cart .cart_list li.mini-cart-item .group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 2px 0 0 0 !important;
  flex-wrap: wrap !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item .group .quantity {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  background: #e2e8f0 !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item .group .woocommerce-Price-amount {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--tb-theme-color, #6EBE44) !important;
  line-height: 1 !important;
}

/* 10. Item Remove / Delete Icon */
.tbay-offcanvas-cart .cart_list li.mini-cart-item a.remove {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 26px !important;
  height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #94a3b8 !important;
  background: transparent !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  z-index: 5 !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item a.remove:hover {
  color: #ef4444 !important;
  background: #fee2e2 !important;
}

.tbay-offcanvas-cart .cart_list li.mini-cart-item a.remove i {
  font-size: 13px !important;
  line-height: 1 !important;
}

/* 11. Docked Bottom Box (Subtotal & Buttons) */
.tbay-offcanvas-cart .widget_shopping_cart_content .mcart-border .group-button {
  flex-shrink: 0 !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  padding-bottom: 4px !important;
  border-top: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  position: relative !important;
  z-index: 10 !important;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.03) !important;
}

.tbay-offcanvas-cart .group-button p.total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.tbay-offcanvas-cart .group-button p.total strong {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

.tbay-offcanvas-cart .group-button p.total .woocommerce-Price-amount {
  float: none !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--tb-theme-color, #6EBE44) !important;
}

.tbay-offcanvas-cart .group-button p.buttons {
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.tbay-offcanvas-cart .group-button p.buttons a.button {
  flex: 1 1 50% !important;
  max-width: none !important;
  width: 100% !important;
  float: none !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
}

.tbay-offcanvas-cart .group-button p.buttons a.button.view-cart {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

.tbay-offcanvas-cart .group-button p.buttons a.button.view-cart:hover {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

.tbay-offcanvas-cart .group-button p.buttons a.button.checkout {
  background: var(--tb-theme-color, #6EBE44) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 10px rgba(110, 190, 68, 0.3) !important;
}

.tbay-offcanvas-cart .group-button p.buttons a.button.checkout:hover {
  background: #5ba436 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(91, 164, 54, 0.45) !important;
}

/* 12. Fix Arabic BiDi Currency Glitches (!إ.د) */
.tbay-offcanvas-cart .woocommerce-Price-amount,
.tbay-offcanvas-cart .woocommerce-Price-amount bdi,
.widget_shopping_cart_content .woocommerce-Price-amount,
.widget_shopping_cart_content .woocommerce-Price-amount bdi {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 3px !important;
}

.tbay-offcanvas-cart .woocommerce-Price-currencySymbol,
.widget_shopping_cart_content .woocommerce-Price-currencySymbol {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
  font-size: 0.9em !important;
}

/* 13. Clean Empty Cart State */
.tbay-offcanvas-cart ul.cart_empty {
  padding: 60px 20px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  list-style: none !important;
  margin: 0 !important;
}

.tbay-offcanvas-cart ul.cart_empty li span {
  font-size: 16px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  display: block !important;
  margin-bottom: 16px !important;
}

.tbay-offcanvas-cart ul.cart_empty a.wc-continue {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: var(--tb-theme-color, #6EBE44) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.tbay-offcanvas-cart ul.cart_empty a.wc-continue:hover {
  background: #5ba436 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   DIRECT CHECKOUT & MODERN ORDER REVIEW STYLING
   ========================================================================== */

/* 1. Checkout Two-Column Layout Polish */
.woocommerce-checkout .billing-wrapper {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
  flex: 0 0 calc(50% - 15px) !important;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px 28px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
  margin-bottom: 24px;
  box-sizing: border-box !important;
}

.woocommerce-checkout .review-wrapper {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
  flex: 0 0 calc(50% - 15px) !important;
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px 28px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
  align-self: flex-start;
  box-sizing: border-box !important;
}

.woocommerce-checkout .billing-wrapper h3,
.woocommerce-checkout .review-wrapper h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #f1f5f9 !important;
}

/* 2. Modern Form Inputs */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row .select2-container--default .select2-selection--single {
  height: 46px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  color: #0f172a !important;
  background-color: #f8fafc !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row .select2-container--default.select2-container--focus .select2-selection--single {
  background-color: #ffffff !important;
  border-color: #6EBE44 !important;
  box-shadow: 0 0 0 3px rgba(110, 190, 68, 0.15) !important;
  outline: none !important;
}

.woocommerce-checkout .form-row label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}

/* 3. In-Checkout Product Review Table */
.efour-checkout-table.woocommerce-checkout-review-order-table {
  display: table !important;
  border: 1px solid #e2e8f0 !important;
  margin-bottom: 20px !important;
  border-radius: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.efour-checkout-table tbody tr.efour-checkout-item {
  display: table-row !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.efour-checkout-table tbody tr.efour-checkout-item td {
  display: table-cell !important;
  padding: 16px 20px !important;
  vertical-align: middle !important;
  border: none !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.efour-checkout-table tbody tr.efour-checkout-item td.product-name {
  padding-left: 20px !important;
  text-align: left !important;
  width: auto !important;
}

.efour-checkout-table tbody tr.efour-checkout-item td.product-total {
  padding-right: 22px !important;
  text-align: right !important;
  width: 1% !important;
  white-space: nowrap !important;
}

.efour-checkout-prod-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.efour-checkout-prod-thumb {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px !important;
  flex-shrink: 0 !important;
}

form.checkout .order-review .shop_table>tbody>tr>td.product-name img,
.woocommerce-checkout-review-order-table td.product-name img {
  float: none !important;
  margin: 0 !important;
}

.efour-checkout-prod-thumb img {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  display: block !important;
}

.efour-checkout-prod-title img,
.efour-checkout-prod-info > a > img {
  display: none !important;
}

/* Wholesale Cards - Hide Category Description */
#ewq-wrapper .ewq-card-cat,
.ewq-card-cat {
  display: none !important;
}

.efour-checkout-prod-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.efour-checkout-prod-title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* 4. In-Checkout Quantity Stepper (+ / -) & Remove Button */
.efour-checkout-qty-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 6px !important;
}

.efour-qty-control {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  height: 28px !important;
}

.efour-qty-btn {
  width: 26px !important;
  height: 28px !important;
  border: none !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.efour-qty-btn:hover:not(:disabled) {
  background: #e2e8f0 !important;
}

.efour-qty-btn:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

.efour-qty-val {
  min-width: 26px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  user-select: none !important;
}

.efour-item-remove {
  color: #94a3b8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 5px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.efour-item-remove:hover {
  color: #ef4444 !important;
  background: #fee2e2 !important;
}

.efour-item-remove i {
  font-size: 12px !important;
}

/* 5. Subtotal, Shipping, and Total Rows */
.efour-checkout-table tfoot tr th,
.efour-checkout-table tfoot tr td {
  display: table-cell !important;
  padding: 13px 20px !important;
  border-top: 1px solid #f1f5f9 !important;
  border-bottom: none !important;
  vertical-align: middle !important;
}

.efour-checkout-table tfoot tr th {
  text-align: left !important;
  padding-left: 20px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  width: auto !important;
}

.efour-checkout-table tfoot tr td {
  text-align: right !important;
  padding-right: 22px !important;
  width: 1% !important;
  white-space: nowrap !important;
}

.efour-checkout-table tfoot tr.order-total th,
.efour-checkout-table tfoot tr.order-total td {
  padding: 18px 20px !important;
  border-top: 2px solid #e2e8f0 !important;
  background: #f8fafc !important;
}

.efour-checkout-table tfoot tr.order-total th {
  text-align: left !important;
  padding-left: 20px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.efour-checkout-table tfoot tr.order-total td {
  text-align: right !important;
  padding-right: 22px !important;
}

.efour-checkout-table tfoot tr.order-total td strong {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #76b52a !important;
}

/* 6. Place Order Button & Payment Box */
#payment {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-top: 20px !important;
}

#payment ul.payment_methods {
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
}

#place_order {
  height: 50px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background-color: var(--tb-theme-color, #6EBE44) !important;
  box-shadow: 0 4px 14px rgba(110, 190, 68, 0.35) !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
}

#place_order:hover {
  background-color: #5ba436 !important;
  box-shadow: 0 6px 18px rgba(91, 164, 54, 0.45) !important;
}


/* Wholesale In-Card Quantity Stepper & Edit Pill */
.ewq-card-qty-box {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px dashed #cbd5e1 !important;
    gap: 6px !important;
}
#ewq-wrapper .ewq-product-card.selected .ewq-card-qty-box {
    display: flex !important;
}
.ewq-card-qty-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-transform: uppercase !important;
}
.ewq-card-qty-stepper {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #6EBE44 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    height: 28px !important;
}
.ewq-card-qty-btn {
    width: 26px !important;
    height: 28px !important;
    border: none !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    transition: all 0.15s ease !important;
}
.ewq-card-qty-btn:hover {
    background: #6EBE44 !important;
    color: #ffffff !important;
}
.ewq-card-qty-input {
    width: 48px !important;
    height: 28px !important;
    border: none !important;
    text-align: center !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}


/* Floating Sticky Bar - Sleek & Compact Pill */
#efour-ws-sticky-bar {
    position: fixed !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(100px) !important;
    z-index: 999999 !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    background: rgba(15, 23, 42, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 9999px !important;
    padding: 6px 8px 6px 14px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}
#efour-ws-sticky-bar.visible {
    transform: translateX(-50%) translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.efour-ws-sticky-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
.efour-ws-sticky-info {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}
.efour-ws-sticky-badge {
    background: #6EBE44 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 5px !important;
    border-radius: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.efour-ws-sticky-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #f8fafc !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}
.efour-ws-sticky-text .efour-ws-units {
    color: #94a3b8 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    margin-left: 4px !important;
}
.efour-ws-sticky-divider {
    display: inline-block !important;
    width: 1px !important;
    height: 16px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    margin: 0 2px !important;
    flex-shrink: 0 !important;
}
.efour-ws-sticky-edit-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
    padding: 5px 11px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    line-height: 1.2 !important;
    flex-shrink: 0 !important;
}
.efour-ws-sticky-edit-btn:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.efour-ws-sticky-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.efour-ws-sticky-clear {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    padding: 5px 9px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}
.efour-ws-sticky-clear:hover {
    color: #f87171 !important;
    background: rgba(248, 113, 113, 0.12) !important;
}
.efour-ws-sticky-btn {
    background: linear-gradient(135deg, #6EBE44 0%, #5ca135 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 7px 16px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 10px rgba(110, 190, 68, 0.35) !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
}
.efour-ws-sticky-btn:hover {
    background: linear-gradient(135deg, #78ce4b 0%, #64ae39 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(110, 190, 68, 0.45) !important;
}
@media (max-width: 600px) {
    #efour-ws-sticky-bar {
        bottom: 12px !important;
        width: calc(100% - 20px) !important;
        padding: 6px 8px 6px 10px !important;
    }
    .efour-ws-sticky-inner {
        gap: 6px !important;
    }
    .efour-ws-sticky-edit-btn,
    .efour-ws-sticky-divider {
        display: none !important;
    }
    .efour-ws-sticky-text .efour-ws-units {
        display: none !important;
    }
    .efour-ws-sticky-clear {
        padding: 4px 6px !important;
        font-size: 11px !important;
    }
    .efour-ws-sticky-btn {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}

/* ==========================================================================
   PRIVATE LABEL PAGE: SLEEK BOXES & COMPACT STICKY BAR
   ========================================================================== */
.epr-product-cats,
.epr-cat-tag {
    display: none !important;
}

.epr-product-card {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

.epr-product-card:hover {
    border-color: #6EBE44 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.08) !important;
}

.epr-product-card.cb-selected {
    border-color: #6EBE44 !important;
    background: #f0fdf4 !important;
    box-shadow: 0 0 0 2px #6EBE44 !important;
}

.efour-pl-sticky-bar {
    border-radius: 9999px !important;
    padding: 6px 8px 6px 14px !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
}

/* ==========================================================================
   HOMEPAGE MOBILE BANNER (BEAUTYWORLD DUBAI SLIDER)
   Align width with banner cards below & preserve full 720x400 image proportions
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-element-8044c8f {
        padding: 0 !important;
    }
    .elementor-element-8044c8f .swiper-slide {
        aspect-ratio: 720 / 400 !important;
        height: auto !important;
    }
    .elementor-element-8044c8f .swiper-slide-bg {
        aspect-ratio: 720 / 400 !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
    }
    .elementor-element-8044c8f .elementor-swiper,
    .elementor-element-8044c8f .swiper-container,
    .elementor-element-8044c8f .swiper-wrapper {
        height: auto !important;
    }
}

/* ==========================================================================
   HEADER FIXES: LOGO SHARPNESS & SIZING, PHONE FONT, CATEGORIES TEXT COLOR
   ========================================================================== */

/* 1. Categories Box White Text & Icon */
.elementor-element-ea497fb .toggle-menu-title,
.elementor-element-ea497fb .toggle-menu-title a,
.elementor-element-ea497fb .toggle-menu-title i,
.elementor-element-ea497fb .toggle-menu-title span,
.elementor-element-ea497fb .toggle-menu-title::after {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 2. Phone Number Bold Montserrat */
.elementor-element-1369780 .elementor-icon-box-description,
.elementor-element-1369780 .elementor-icon-box-description a {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #000000 !important;
    white-space: nowrap !important;
}

/* 3. Header Logo Sizing (Desktop: 140px x 28px) */
.header-logo-img,
img.header-logo-img,
.site-logo img,
.elementor-widget-hara-site-logo img {
    max-width: 140px !important;
    max-height: 28px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 4. Mobile Header & Centered Logo */
@media (max-width: 1199px) {
    .topbar-device-mobile {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1002 !important;
    }
    .topbar-device-mobile .mobile-logo {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        height: 41px !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 5 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .topbar-device-mobile .mobile-logo a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .mobile-logo a img,
    .topbar-device-mobile .mobile-logo img {
        max-height: 19px !important;
        max-width: 92px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }
    .topbar-device-mobile .device-mini_cart {
        max-width: 45px !important;
        margin-left: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
    }
}

/* ==========================================================================
   CHECKOUT ORDER REVIEW & AMOUNT PADDING RESPONSIVENESS (MOBILE)
   Ensures amounts have comfortable breathing room and never touch card borders
   ========================================================================== */
@media (max-width: 767px) {
  .woocommerce-checkout .review-wrapper {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-checkout .order-review,
  .woocommerce-checkout .order-payment,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout .billing-wrapper {
    padding: 18px 12px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .woocommerce-checkout-review-order-table,
  table.shop_table.woocommerce-checkout-review-order-table,
  .efour-checkout-table.woocommerce-checkout-review-order-table {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .woocommerce-checkout-review-order-table thead th,
  .efour-checkout-table thead th,
  .efour-checkout-table tbody tr.efour-checkout-item td,
  .woocommerce-checkout-review-order-table tbody td,
  .efour-checkout-table tfoot tr th,
  .efour-checkout-table tfoot tr td,
  .woocommerce-checkout-review-order-table tfoot tr th,
  .woocommerce-checkout-review-order-table tfoot tr td {
    padding: 12px 12px !important;
  }

  .woocommerce-checkout-review-order-table thead th.product-total,
  .efour-checkout-table thead th.product-total,
  .efour-checkout-table tbody tr.efour-checkout-item td.product-total,
  .woocommerce-checkout-review-order-table tbody td.product-total,
  .efour-checkout-table tfoot tr td,
  .woocommerce-checkout-review-order-table tfoot tr td,
  .efour-checkout-table tfoot tr.order-total td,
  .woocommerce-checkout-review-order-table .order-total td {
    padding-right: 14px !important;
    text-align: right !important;
    width: 1% !important;
    white-space: nowrap !important;
  }

  .woocommerce-checkout-review-order-table thead th.product-name,
  .efour-checkout-table thead th.product-name,
  .efour-checkout-table tbody tr.efour-checkout-item td.product-name,
  .woocommerce-checkout-review-order-table tbody td.product-name,
  .efour-checkout-table tfoot tr th,
  .woocommerce-checkout-review-order-table tfoot tr th,
  .efour-checkout-table tfoot tr.order-total th,
  .woocommerce-checkout-review-order-table .order-total th {
    padding-left: 12px !important;
    text-align: left !important;
    width: auto !important;
  }

  .efour-checkout-prod-thumb {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
  }

  .efour-checkout-prod-row {
    gap: 8px !important;
  }

  .efour-checkout-prod-title {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }

  .woocommerce-checkout-review-order-table .order-total td strong .amount,
  .efour-checkout-table tfoot tr.order-total td strong .amount {
    font-size: 18px !important;
  }
}

/* Private Label & Wholesale Category Filter Bar Mobile Responsiveness */
@media (max-width: 767px) {
  html body .epr-filter-bar,
  html body .ewq-cat-tabs {
    padding: 14px 14px !important;
    gap: 8px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
  }
}