/* Heebo Font Family */
@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo';
    src: url('./fonts/Heebo/Heebo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Apply Heebo as default font */
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    border: none;
    direction: rtl;
}

body, html {
    font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.bg-darkblue {
    background-color: #0C2633;

}

.mini-cart-inner 
{
    display: flex;
    flex-direction: column;
}
#site-navigation ul.woocommerce-mini-cart 
{
    flex-direction: column;
    max-height: 400px;
    overflow-y: scroll !important;
    align-items: flex-start;
    justify-content: flex-start;
}
#site-navigation ul.woocommerce-mini-cart .mini_cart_item 
{
    display: flex;
    align-items: center;
}
#site-navigation ul.woocommerce-mini-cart  li a 
{
    color:#0c2633;
    font-size:10px!important;
}
#nav-mini-cart .mini_cart_item a:not(.remove)
{
    display: flex!important;
    flex-direction: row!important;
}
#nav-mini-cart .mini_cart_item a:not(.remove) img
{
    height: auto!important;
    width: 35px!important;
}
#nav-mini-cart .mini_cart_item a.remove
{
    position: relative!important;
}
#nav-mini-cart .mini_cart_item .quantity
{
    font-size:12px;
}
#nav-mini-cart .woocommerce-Price-amount.amount bdi 
{
    font-size: 1rem!important;
}
#nav-mini-cart .woocommerce-mini-cart__buttons 
{
    display: none !important;
    gap: 8px;
    justify-content: space-between;
    margin-top: 8px;
}

/* Fallback actions (outside fragments) */
#nav-mini-cart .mini-cart-actions {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-top: 8px;
}
#nav-mini-cart .mini-cart-actions .button { flex: 1; text-align: center; border-radius: 999px; }
#nav-mini-cart .mini-cart-actions .view-cart { background: #fff; border: 1px solid #E8E8E8; color: #0C2633; }
#nav-mini-cart .mini-cart-actions .checkout { background: #FE6B01; border: 1px solid #FE6B01; color: #fff; }
#nav-mini-cart .woocommerce-mini-cart__total 
{
    margin-bottom: 0!important;
}
/****************************************FRONT*************************************************/
.container.c12,body.single-product .container.c12
{
    max-width: 1240px!important;
}
.container.c14,body.single-product .container.c14
{
    max-width: 1440px!important;
}
.container.c16,body.single-product .container.c16
{
    max-width: 1640px!important;
}
.container.c18,body.single-product .container.c18
{
    max-width: 1840px!important;
}
body.single-product .container.c14 {
    max-width: 1440px !important;
    margin: 0 auto !important;
}

body.single-product footer  .container.c14.bottomcontainer
{
    padding:30px 0px!important;
}
/* כיווניות-אגנוסטי */
.menu-icon 
{
    width: 20px;
    height: 20px;
    object-fit: contain;
    vertical-align: middle;
}

.menu-text {
    display: inline-block;
}

/* אם צריך ריווח נוסף בתפריט העליון הספציפי */
#site-navigation .menu > li > a { display: inline-flex; align-items: center; gap: .5rem; }
#site-navigation ul 
{
    justify-content: flex-end;
    display: flex;
    align-items: center;
    list-style: none;
    gap: 1.5rem;
    margin-bottom: 0;
}

/* Nav cart item badge positioning */
#site-navigation .menu li.cartitem {
    position: relative;
}

#site-navigation .menu li.cartitem > a {
    position: relative;
}

.cart-count-nav {
    position: absolute;
    top: -6px;
    left: -10px; /* RTL: top-left corner of the link/icon */
}

#site-navigation ul li a 
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size: 13px;
}


.xi-search-container
{
    margin-bottom: 0;
}
.searchloader
{
    position: absolute;   
}
.xi-search-input
{
    border-radius: 72px;
    background-image: url('./images/search.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px 20px;
    padding-right: 50px;
    padding-left: 20px;
}
.xi-search-input:focus
{
    background-image: url('./images/search.png')!important;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px 20px;
    background-color: #fff;
}
.xi-results-rows .product-row .product-title a 
{
    font-size: 16px;
    font-weight: 400;
    color:#213340;
}

.xi-results-rows .product-row .product-price 
{
    color: #FE6B01!important;
    /* font-family: Heebo; */
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    grid-column: 4;
    order: 3;
}

.xi-results-rows .product-row .product-image span.woocommerce-Price-amount.amount ,span.woocommerce-Price-amount.amount
{
    color: #FE6B01!important;
}

.xi-results-rows .product-row .product-image img 
{
    height: 56px;
    width: 56px;
    object-fit: cover;
    margin:0 auto;
    display: block;
    border-radius: 0px;
}

.product-row .product-action .button
{
    background-color: transparent;
    color: #000;
    transition: all 0.3s ease;
    border: 1px solid #E8E8E8;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.product-row .product-action .button::after 
{
    content: '';
    width: 18px;
    height: 18px;
    background-image: url('./images/cartOrange.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease;
}

.product-row .product-action .button:hover 
{
    background: #FE6B01;
    color: #fff;
}

.product-row .product-action .button:hover::after 
{
    filter: brightness(0) invert(1);
}


.product-row .product-title 
{
    order: 2;
    font-weight: bold;
    grid-column-start: 2;
    grid-column-end: 4;
}
.product-row .product-action
{
    grid-column: 5;
    order: 4;
}

.xi-results-header
{
    background: #f8f9fa00;
    justify-content: center;
}
.xi-search-results
{
    padding: 0 10px 0 0;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.03);
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.xi-search-results .product-row 
{
    border-bottom:1px solid rgba(232, 232, 232, 0.60); 
    margin-bottom: 0;
    border-radius: 0;
}
.xi-search-results::-webkit-scrollbar {
    width: 8px;
}

.xi-search-results::-webkit-scrollbar-track {
    background: transparent;
    margin: 20px 0;
}

.xi-search-results::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
    border: 2px solid #fff;
    background-clip: content-box;
}

.xi-search-results::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.product-row .product-action .out-of-stock
{
    color: #0c2633;
    background-color: transparent;
    font-weight: 400;
}
.catmenu-title 
{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.catmenu-icon  
{
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Horizontal Scrollable Category Menu */
.catmenu-container {
    display: flex;
    flex-nowrap: nowrap;
    justify-content: space-between;
    gap: 32px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.catmenu-container::-webkit-scrollbar {
    display: none;
}

.catmenu-container:active {
    cursor: grabbing;
}

/* Ensure menu items don't shrink */
.catmenu-item {
    flex-shrink: 0;
    min-width: fit-content;
}


.wpcf7 input,.wpcf7 textarea,
.wpcf7 select
{
    display: block;
    width: 100%;
    padding: 8px 10px;
    background-color: transparent;
    border:1px solid #DCDCDC;
    border-radius: 12px;
    margin-bottom: 25px;
    direction: rtl!important;
    color:#000;
}
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder,.wpcf7 select::placeholder
{
    color:#000;
}
.wpcf7 input[type="submit"]
{
    background-color: #FE6B01;
    cursor: pointer;
    color:#fff;
    border-radius: 12px;
    margin-bottom: 0;
    border:none;
}
.wpcf7-spinner 
{
    position: absolute;
}
.cicon 
{
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #FE6B01;
    display: flex;
    align-items: center;
    justify-content: center;

}

.textpages p ,.textpages .wp-block-list
{
    color: #242425;
    opacity: 0.7;
    line-height: 2;
}
@media (max-width: 480px) {
    .catmenu-container {
        padding-right: 4px; /* Even less padding to ensure partial element visibility */
    }
}

/* Category Menu Item Positioning */
.catmenu-item {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Fixed Overlay Modal */
.catmenu-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.catmenu-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Modal Content - Positioned at top with header margin */
.modal-content {
    background: #fff;
    width: 100%;
    padding: 20px 0;
    max-width: 90vw;
    border-radius: 30px;
    /* margin-top will be set dynamically by JavaScript */ 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Mobile Bottom Sheet Style for Category Modal */
@media (max-width: 768px) {
    .menu-icon 
    {
        filter:invert(1);
        margin-left: 10px;
    }
    .catmenu-modal-overlay {
        align-items: flex-end;
        justify-content: center;
    }
    
    .modal-content {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        border-radius: 20px 20px 0 0;
        max-height: 80vh;
        transform: translateY(100%);
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
    }
    
    .catmenu-modal-overlay.active .modal-content {
        transform: translateY(0);
    }
    
    .modal-header {
        position: relative;
        background: transparent;
    }
    
    .modal-header::before {
        content: '';
        width: 40px;
        height: 4px;
        background: #ccc;
        border-radius: 2px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .modal-body {
        max-height: 60vh;
        overflow-y: auto;
    }
}

/* Modal Header */
.modal-header {
    padding: 0px 30px;
    border-bottom: 1px solid transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    color: #000;
    padding: 0 10px 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-align: right;
}

.modal-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.modal-close:hover {
    background: #f0f0f0;
    color: #333;
}

/* Modal Body */
.modal-body {
    padding: 0px 30px;

}

/* Brands Grid in Modal */
.submenu-brands-modal {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    align-items: center;
}

/* Individual Brand Item */
.submenu-brand-item {
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.brand-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0px;
    /* border-radius: 8px; */
    transition: all 0.3s ease;
    /* background: #fff; */
    /* border: 1px solid #e8e8e8; */
    width: 100%;
    max-width: 150px;
    min-width: 125px;
    height: 70px;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
}

.brand-link:hover {
    /* background: #fff; */
    /* border-color: #FE6B01; */
    transform: translateY(-2px);
    /* box-shadow: 0 4px 12px rgba(254, 107, 1, 0.2); */
}

.brand-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.brand-link:hover .brand-image {
    transform: scale(1.05);
}

.brand-name {
    display: none;
}


.bgimg 
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sc1 
{
    color:#213340;
}
/* Brands Grid Container */
.brands-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    background-color: transparent; /* Make background transparent so empty areas are invisible */
    /* No outer border - only internal grid lines */
}

/* Brand Grid Items */
.brand-grid-item {
    display: block;
    text-decoration: none;
    background: #fff;
    transition: all 0.3s ease;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

/* Remove right border from last item in each row */
.brand-grid-item:nth-child(5n) {
    border-left: none;
}

/* Remove bottom border from last row items */
.brand-grid-item:nth-last-child(-n+5) {
    border-bottom: none;
}

/* Ensure empty brand items also have white background */
.brand-grid-item:empty,
.brand-grid-item .brand-image:empty {
    background: #fff;
}

.brand-grid-item:hover {
    background: #f8f9fa;
    transform: scale(1.02);
    z-index: 1;
}

/* Brand Image Styling */
.brand-image {
    background: #fff;
    border: none;
    border-radius: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    transition: all 0.3s ease;
}
.brands-grid .brand-image  
{
    padding: 35px;      
}




.brand-image:hover {
    border-color: #FE6B01;
    box-shadow: 0 4px 12px rgba(254, 107, 1, 0.15);
    transform: translateY(-2px);
}

.brand-image img {
    max-width: 100%;
    max-height: 50px;
    object-fit: contain;
    transition: all 0.3s ease;
}

.brand-image:hover img {
    transform: scale(1.05);
}
.fmed 
{
    font-weight: 500;
}
.fs16 
{
    font-size: 16px;
}
.fs18 
{
    font-size: 18px;
}
.fs32 
{
    font-size: 32px;
}
.fs60 
{
    font-size: 60px;
}
.grayrect 
{
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: auto;
    right: 0;
}


#filterSearch .xi-cascade-form 
{
    border-radius: 166.5px;
    border: 1px solid #E8E8E8;
    background: #fff;
    box-shadow: 0 12px 68px 0 rgba(0, 0, 0, 0.12);
    filter: blur(0px);
    padding: 20px 40px 10px;
}
#filterSearch .xi-cascade-field label 
{
    font-weight: 400;
    color:#213340;
    font-size: 16px;
}
#filterSearch .xi-cascade-selected 
{
    border:0;
    padding:12px;
    border-left:1px solid #d1d5db;
    border-radius: 0;
}
#filterSearch .xi-cascade-field:last-child .xi-cascade-selected 
{
    border-left:0!important;
}
#filterSearch .xi-cascade-dropdowns 
{
    margin-bottom:0;
}
#filterSearch .xi-cascade-reset 
{
    border-radius: 50%;
    background: #fe6b01;
    border:0;
    color: #ffffff;
    font-weight: 300;
}
#filterSearch .xi-cascade-reset-container label 
{
    display: none;
}

#filterSearch .xi-cascade-reset
{
    min-width: 60px;
    height: 60px;
}
#filterSearch .xi-cascade-breadcrumb 
{
    display: none!important;
}
#filterSearch .xi-results-header 
{
    display: none!important;
}
#filterSearch .xi-cascade-results.active 
{
    padding:0;
    border:0;
    background-color: #FFFFFF;
    border-radius: 40px;
    box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.03);
    overflow: hidden;
}
#filterSearch .xi-products-rows 
{
    margin-bottom: 0;

    
}
#filterSearch .xi-products-rows .xi-product-row
{
    align-items: center;
    border:0;
    box-shadow: 0;
    border-radius: 0;
    padding:15px 30px;
    display: grid!important;
    grid-template-columns: 100px 6fr 1fr 1fr;
    justify-content: space-between;
    background: transparent;
    border-bottom: 1px solid rgba(232, 232, 232, 0.60);
}
#filterSearch .xi-product-row-content 
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    grid-column-start: 2;
    grid-column-end:3;
    gap: 0px;
}

#filterSearch .xi-product-row-content .xi-product-title {
    flex: 1;
    min-width: 0; /* Allows text truncation if needed */
}

#filterSearch .xi-product-row-content .xi-product-price {
    flex: 0 0 auto;
    min-width: 80px;
    text-align: right;
}

#filterSearch .xi-product-row-content .xi-product-actions {
    flex: 0 0 auto;
    min-width: 120px;
} 
#filterSearch .xi-product-row-meta 
{
    display: none;
}
#filterSearch .xi-product-actions 
{
    width: auto!important;
}
#filterSearch .xi-product-row-image
{
    width: 100px;
    height: 80px;
    columns: 1;
    order: 0;
}
#filterSearch .xi-product-row .xi-product-title a 
{
    color:#213340;
    font-weight: 400;
}

#filterSearch .add_to_cart_button 
{
    background-color: transparent!important;
    color: #000!important;
    transition: all 0.3s ease;  
    border: 1px solid #E8E8E8!important;
    border-radius: 100px!important;
    display: inline-flex!important;
    align-items: center!important;
    gap: 8px!important;
    font-size: 16px!important;
    position: relative;
    padding:8px 16px!important;
    font-weight: 400!important;
}

/* #filterSearch .add_to_cart_button::after 
{
    content: '';
    width: 18px !important;
    height: 18px !important;
    background-image: url('./images/cartOrange.svg')!important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain;
    transition: all 0.3s ease !important;
} */


#filterSearch .add_to_cart_button:hover 
{
    background: #FE6B01 !important;
    color: #fff !important;
}


#filterSearch .add_to_cart_button:hover::after 
{
    filter: brightness(0) invert(1) !important;
}

/* Product Added State Styling */
.product-added-state {
    background: #FE6B01 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(254, 107, 1, 0.3) !important;
    pointer-events: none !important; /* Disable further clicks */
}

.product-added-state::after {
    filter: brightness(0) invert(1) !important;
}

/* Override filterSearch add to cart button when product is added */
#filterSearch .add_to_cart_button.product-added-state {
    background-color: #FE6B01 !important;
    color: #fff !important;
    border-color: #FE6B01 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(254, 107, 1, 0.3) !important;
    pointer-events: none !important;
}

#filterSearch .add_to_cart_button.product-added-state::after {
    filter: brightness(0) invert(1) !important;
}

/* Hide View Cart button to prevent glitch */
.added_to_cart.wc-forward,
.xi-go-to-cart {
    display: none !important;
}

/* Mobile Menu Bottom Sheet */
.mobile-menu-trigger {
    cursor: pointer;
    padding: 8px;
    transition: all 0.3s ease;
}

.mobile-menu-trigger:hover {
    transform: scale(1.1);
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 20px 20px 0 0;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
}

.mobile-menu-overlay.active .mobile-menu-sheet {
    transform: translateY(0);
}

.mobile-menu-handle {
    width: 40px;
    height: 4px;
    background: #ccc;
    border-radius: 2px;
    margin: 12px auto 8px;
}

.mobile-menu-header {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: #f8f9fa; */
}

.mobile-menu-header h3 {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.mobile-menu-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.mobile-menu-close:hover {
    background: #f0f0f0;
    color: #333;
}

.mobile-menu-content {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

.mobile-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-menu li {
    border-bottom: 1px solid #f0f0f0;
}

.mobile-nav-menu li:last-child {
    border-bottom: none;
}

.mobile-nav-menu a {
    display: block;
    padding: 15px 0;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.mobile-nav-menu a:hover {
    color: #FE6B01;
}

/* Product Counter Styling */
.product-counter {
    position: absolute;
    top: 0px;
    left: 20px;
    background: linear-gradient(180deg, #F1F1F1 0%, rgba(241, 241, 241, 0.00) 155.36%);

    padding: 12px 20px;
    border-radius: 25px;
    z-index: 10;

    backdrop-filter: blur(10px);
}

/* Header Cart Count Badge */
.cart-icon {
    position: relative;
    display: inline-block;
}

.header-cart-link {
    display: inline-block;
    position: relative;
}

.cart-count-badge {
    position: absolute;
    top: -6px;
    left: -6px; /* RTL friendly: appears at top-left of the icon */
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #FE6B01; /* brand accent */
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Mini-cart dropdown (desktop nav) */
li.cartitem { position: relative; }
li.cartitem #nav-mini-cart {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 320px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    padding: 12px;
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    pointer-events: none;
}
li.cartitem:hover #nav-mini-cart { opacity:1; visibility: visible; transform: translateY(0); pointer-events: auto; }
/* Programmatic show (after AJAX add) */
li.cartitem.show-mini-cart #nav-mini-cart { opacity:1; visibility: visible; transform: translateY(0); pointer-events: auto; }
/* Adjust mini cart inner spacing */
#nav-mini-cart .mini_cart_item { border-bottom: 1px solid #f1f1f1; padding: 8px 0; }
#nav-mini-cart .woocommerce-mini-cart__total { font-weight: 700; color: #0C2633; padding-top: 8px; }
#nav-mini-cart .woocommerce-mini-cart__buttons a { display: inline-block; margin-right: 6px; }

/* Mini cart items laid out in a row */
#nav-mini-cart .mini_cart_item { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    position: relative;
}
#nav-mini-cart .mini_cart_item a.remove { 
    position: absolute; 
    inset-inline-end: 2px; 
    inset-block-start: 2px; 
}
#nav-mini-cart .mini_cart_item a:not(.remove) img { 
    width: 56px; 
    height: 56px; 
    object-fit: cover; 
    border-radius: 8px; 
}
#nav-mini-cart .mini_cart_item a:not(.remove) { 
    flex: 1; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
}
#nav-mini-cart .mini_cart_item .quantity { 
    margin-inline-start: auto; 
    white-space: nowrap; 
    font-weight: 600; 
    color: #0C2633; 
}

/* Sticky headerTop on scroll */
.headerTop { 
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; 
}
@media (min-width: 992px) {
.headerTop.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100000;
    transform: translateY(0);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.headerTop.is-fixed.anim-start {
    transform: translateY(-12px);
}

body.has-fixed-header { transition: padding-top .2s ease; }
}

/* Disable fixed header behavior on mobile */
@media (max-width: 991.98px) {
  .headerTop.is-fixed { position: static; box-shadow: none; transform: none; }
  body.has-fixed-header { padding-top: 0 !important; }
}

@media (min-width: 768px) {
    /* If cart appears on desktop elsewhere, keep badge consistent */
    .cart-count-badge {
        top: -8px;
        left: -8px;
    }
}

.counter-text {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

/* Custom Category Page Styling */
.xi-catalog-wrapper {
    background: #f8f9fa;
    padding: 40px 0;
}

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

.category-title {
    color: #0C2633;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.category-description {
    color: #666;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.category-footer-custom {
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px solid #e8e8e8;
}


.xi-woo-catalog-sidebar
{
    background: transparent!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
}
.xi-sidebar-filter
{
    padding:15px!important;
    background: #0c2633!important;
}
.xi-sidebar-filter .xi-current-category
{
    color: #fe6b01!important;
}
.xi-sidebar-filter .xi-breadcrumb-link 
{
    color: #fff!important;
}

.xi-sidebar-filter .xi-category-link .xi-category-content .xi-category-info .xi-category-name
{
    font-weight: 400!important;
}
.xi-category-list.xi-desktop-scroller {
    overflow: auto; /* or overflow-y: scroll */
    padding-left: 5px;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color:  rgba(255, 255, 255, 0.884) #0c2633/* Firefox */
  }
  
  /* Hide arrows in Chrome, Edge, Safari (WebKit browsers) */
  .xi-category-list.xi-desktop-scroller::-webkit-scrollbar-button {
    display: none;
  }
  
  /* Optionally, you can also style or hide the scrollbar entirely */
  .xi-category-list.xi-desktop-scroller::-webkit-scrollbar {
    width: 8px; /* adjust as needed */
  }
  
  .xi-category-list.xi-desktop-scroller::-webkit-scrollbar-thumb {
    background-color: #0c2633; /* example color */
    border-radius: 4px;
  }
  .xi-sidebar-filter .xi-category-item
  {
    border-bottom:0!important;
  }
  .xi-sidebar-filter .xi-category-link
  {
    padding:7px 12px;
  }
  .xi-sidebar-filter .xi-breadcrumb-link:hover 
  {
    background: #556871;
  }
  .xi-sidebar-filter .xi-no-categories-text
  {
    font-style:normal!important;
  }
  .xi-sidebar-filter .xi-category-image 
  {
    border:0!important;
  }
  .xi-sidebar-filter .xi-category-content.with-image 
  {
    flex-direction: row-reverse!important;
    justify-content: space-between;
  }
  .xi-sidebar-filter .xi-category-content.with-image .xi-category-info
  {
    flex:none!important;
  }
  .code-xi-catalog-wrapper .xi-custom-product-rows .xi-custom-product-card
  {
    display:flex!important;
  }
  .code-xi-catalog-wrapper .xi-products-grid.xi-custom-product-grid .xi-custom-product-card 
  {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
}
.xi-breadcrumb-wrapper .xi-breadcrumb-item:last-child
{
    color:#FE6B01 !important
}
.xi-layout-columns.xi-rtl-layout 
{
    margin-top:50px;
}
.xi-custom-product-card
{
    display: flex!important;
    flex-direction: column!important;
    justify-content: space-between!important;

}

/****************************************FRONT*************************************************/
/* Mobile responsive for category header */
@media (max-width: 768px) {
    .xi-sidebar-filter 
    {
        background: #ffffff !important;
    }
    .xi-breadcrumb-square.xi-breadcrumb-level2,.xi-breadcrumb-square.xi-breadcrumb-level3
    {
        background: #ffffff !important;
    }
    .xi-breadcrumb-image
    {
        border:0!important;
    }
    .xi-catalog-wrapper {
        padding: 20px 0;
    }
    
    .category-title {
        font-size: 28px;
    }
    
    .category-description {
        font-size: 14px;
        padding: 0 15px;
    }
}

.imgc 
{
    max-width: 100%;
    max-height: 100%;
}

.brand-image img 
{
    max-width: 100%;
    height: auto;
}
.brand-image 
{
    height: 120px;
}

@media (max-width: 768px) {
    .innerbanner 
    {
        bottom:-25px!important;
    }
    .product-counter {
        top: 15px;
        left: 15px;
        padding: 8px 16px;
    }
    
    .counter-text {
        font-size: 14px;
    }
    .modal-content {
        /* margin-top will be set dynamically by JavaScript */
        padding: 15px 0;
    }
    
    .modal-header {
        padding: 0px 20px;
    }
    
    .modal-body {
        padding: 20px 20px;
    }
    
    .submenu-brands-modal {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    .brand-link {
        height: 70px;
        padding: 10px;
    }
    
  
}

@media (max-width: 480px) {
    .submenu-brands-modal {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .brand-link {
        height: 60px;
        padding: 8px;
    }
    

}

@media (min-width: 1200px) {
    .submenu-brands-modal {
        grid-template-columns: repeat(8, 1fr);
    }
}

.flight 
{
    font-weight: 300;
}

/* Mobile optimizations for draggable menu */
@media (max-width: 768px) {
    #headerSearch .product-row .product-action 
    {
        display: none!important;
    }
    #headerSearch .product-row .product-image 
    {
        columns: 1;
        order: 0;
        grid-column-end: 1;
    }
    #headerSearch .product-row .product-title 
    {
        grid-column-start: 2;
        grid-column-end: 4;    
    }
    #headerSearch .product-row .product-price span.woocommerce-Price-amount.amount
    {
        font-size: 1rem!important;
    }
    #headerSearch .product-row .product-price  
    {
        margin-left: 0!important;
        grid-row:1;
    }
    #headerSearch .xi-results-rows .product-row .product-title a
    {
        font-size: 13px!important;
    }
    #headerSearch .xi-search-results .product-row 
    {
        gap:0!important;
    }
    #headerSearch .xi-search-results 
    {
        border-radius: 25px!important;
    }
    .brand-image {
        max-width: 80%;
        max-height: 100%;
    }
    .mhfs20 
    {
        font-size: 20px;
    }
    #filterSearch .xi-cascade-form
    {
        border-radius: 25px!important;
    }
    .xi-category-cascade-container
    {
        margin:0!important;
    }
    #filterSearch .xi-cascade-form
    {
        padding:0px !important;
    }
    #filterSearch .xi-cascade-selected
    {
        border-left: 0!important;
    }
    #filterSearch .xi-cascade-field 
    {
        padding:5px 15px!important;
        border-bottom: 1px solid #E8E8E8B2!important;
    }
    #filterSearch .xi-cascade-field label
    {
        display: none!important;
    }
    #filterSearch .xi-cascade-dropdowns
    {
        gap:0;
    }
    #filterSearch .xi-cascade-reset
    {
        border-radius: 0!important;
    }
    #filterSearch .xi-product-row-actions 
    {
        display: none!important;
    }
    #filterSearch .xi-cascade-results.active
    {
        background-color: transparent!important;
        border-radius: 0!important;
    }
    #filterSearch .xi-product-row-content
    {
        grid-column-start: 1;
        grid-column-end: 3;
        gap: 0 !important;
        padding-right: 0 !important;
    }
    #filterSearch .xi-product-row-image
    {
        grid-column-end: 1;
    }
    #filterSearch .xi-products-rows
    {
        gap:0!important;
        border-radius: 14px!important;
        overflow: hidden!important;
    }
    #filterSearch .xi-products-rows .xi-product-row
    {
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #E8E8E8B2!important;
    }
    #filterSearch .xi-cascade-results.active
    {
        box-shadow: none!important;
    }
    .brands-grid
    {
        grid-template-columns: repeat(3, 1fr);
    }
    .brands-grid .brand-image
    {
        padding: 0;
        width: 100%;
        height: 100%;
        max-width: 80%;
        margin:0 auto;
        max-height: 100%;
    }
    .brand-grid-item:nth-child(5n) 
    {
        border-left: 1px solid #e8e8e8; 
    }
    .whiterect  
    {
        height: 100px!important;
    }
    .brand-grid-item:nth-last-child(-n+3)  
    {
        border-bottom:0;
    }
    .brand-grid-item:nth-last-child(-n+5) 
    {
        border-bottom:1px solid #e8e8e8;
    }
    .brand-grid-item:nth-child(3n) 
    {
        border-left: 0;
    }
    .grayrect
    {
        bottom:-5px;
        width: 130%;
        right: -15%;
    }
    .mbh400 
    {
        height: 400px!important;
    }
    .mbh300 
    {
        height: 300px!important;
    }
    .mnha 
    {
        min-height: auto!important;
    }
    .mhfs12 
    {
        font-size: 12px;
    }
    .mhfs16
    {
        font-size: 16px;
    }
    .mhfs30
    {
        font-size:30px;
    }
    .mhfs24 
    {
        font-size: 24px;
    }
    .mmargin
    {
        margin: 0 auto!important;
    }
    .catmenu-container {
        gap: 24px;
        padding-left: 16px;
        padding-right: 8px; /* Less padding on right to show partial element */
    }
    
    .hero-product-image 
    {
        width: calc(100%/6);
    }
    .hero-product-image img 
    {
        max-width: 70px;
        height: auto;
    }
    /* Alternative selector if the above doesn't work */
    .catmenu-item:first-of-type
    {
        display: none!important;
    }

    .wpcf7 textarea 
    {
        max-height: 150px;
    }
}

/* Mini-cart FBT (Frequently Bought Together) - compact UI inside dropdown */
#nav-mini-cart .mini-cart-fbt {
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
#nav-mini-cart .mini-cart-fbt .cuw-heading {
    margin: 0 0 8px 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #0C2633 !important;
}
#nav-mini-cart .mini-cart-fbt .cuw-gird {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto;
    padding-bottom: 6px !important;
}
#nav-mini-cart .mini-cart-fbt .cuw-product-wrapper { display: flex !important; align-items: center !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-card { width: auto !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-image { width: 48px !important; height: 48px !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-image img { width: 48px !important; height: 48px !important; object-fit: cover !important; border-radius: 6px !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-title { 
    margin: 0 8px !important; 
    font-size: 12px !important; 
    line-height: 1.3 !important; 
    max-width: 160px !important; 
    display: -webkit-box !important; 
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important; 
    overflow: hidden !important; 
    text-align: start !important;
}
#nav-mini-cart .mini-cart-fbt .cuw-product-price { font-size: 12px !important; text-align: start !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-separator { display: none !important; }
#nav-mini-cart .mini-cart-fbt .cuw-badge { display: none !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-actions { position: static !important; }
#nav-mini-cart .mini-cart-fbt .cuw-product-checkbox { transform: scale(0.9); }

#nav-mini-cart .mini-cart-fbt .cuw-buy-section { max-width: 100% !important; padding: 8px 0 !important; }
#nav-mini-cart .mini-cart-fbt .cuw-total-price-section {justify-content: center; margin-top: 6px !important; font-size: 12px !important; }
#nav-mini-cart .mini-cart-fbt .cuw-total-price ins { text-decoration: none !important; color: #0C2633 !important; }

#nav-mini-cart .mini-cart-fbt .cuw-template-cta-button {
    width: 100% !important;
    text-transform: none !important;
    white-space: normal !important;
    background: #FE6B01 !important;
    border-color: #FE6B01 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    margin: 0 auto;
    display: block;
}
#nav-mini-cart .mini-cart-fbt .cuw-template-cta-button:hover { filter: brightness(0.95); }