.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-182 .elementor-element.elementor-element-3ff015a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-182 .elementor-element.elementor-element-3ff015a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-182 .elementor-element.elementor-element-a41df5f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-182 .elementor-element.elementor-element-a41df5f.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-182 .elementor-element.elementor-element-3ff015a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-182 .elementor-element.elementor-element-a41df5f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-182 .elementor-element.elementor-element-3ff015a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-182 .elementor-element.elementor-element-3ff015a.elementor-wc-products  ul.products{grid-column-gap:40px;grid-row-gap:41px;}.elementor-182 .elementor-element.elementor-element-a41df5f.elementor-wc-products  ul.products{grid-row-gap:8px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-3ff015a *//* ==========================================================================
   FABRICORE - SINGLE COLUMN MOBILE VIEW FOR THIS PRODUCTS WIDGET
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Force 1 Column on Mobile */
    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 30px auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 2. Product Card Framing */
    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 16px 14px 20px 14px !important;
        background: #FFFFFF !important;
        border: 1px solid #ECECEC !important;
        border-radius: 4px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
    }

    /* 3. Responsive Image Sizing (Fixes tall stretched distortion) */
    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products li.product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 440px !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 2px !important;
        margin: 0 0 14px 0 !important;
        display: block !important;
    }

    /* 4. Product Link & Title */
    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products li.product a.woocommerce-LoopProduct-link {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-decoration: none !important;
    }

    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products li.product .woocommerce-loop-product__title {
        font-family: 'Poppins', sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #111111 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.02em !important;
        line-height: 1.4 !important;
        margin: 4px 0 8px 0 !important;
    }

    /* 5. Price & Currency Alignment */
    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products li.product .price {
        font-family: 'Poppins', sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #232323 !important;
        margin: 0 0 14px 0 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    /* 6. Touch-Friendly Action Button */
    .elementor-182 .elementor-element.elementor-element-3ff015a ul.products li.product .button {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        padding: 12px 20px !important;
        background-color: #232323 !important;
        color: #FFFFFF !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        text-align: center !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-a41df5f *//* ==========================================================================
   FABRICORE - SINGLE COLUMN MOBILE VIEW FOR THIS PRODUCTS WIDGET
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Force 1 Column on Mobile */
    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 30px auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 2. Product Card Framing */
    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 16px 14px 20px 14px !important;
        background: #FFFFFF !important;
        border: 1px solid #ECECEC !important;
        border-radius: 4px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
    }

    /* 3. Responsive Image Sizing (Fixes tall stretched distortion) */
    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products li.product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 440px !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 2px !important;
        margin: 0 0 14px 0 !important;
        display: block !important;
    }

    /* 4. Product Link & Title */
    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products li.product a.woocommerce-LoopProduct-link {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-decoration: none !important;
    }

    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products li.product .woocommerce-loop-product__title {
        font-family: 'Poppins', sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #111111 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.02em !important;
        line-height: 1.4 !important;
        margin: 4px 0 8px 0 !important;
    }

    /* 5. Price & Currency Alignment */
    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products li.product .price {
        font-family: 'Poppins', sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #232323 !important;
        margin: 0 0 14px 0 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    /* 6. Touch-Friendly Action Button */
    .elementor-182 .elementor-element.elementor-element-a41df5f ul.products li.product .button {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        padding: 12px 20px !important;
        background-color: #232323 !important;
        color: #FFFFFF !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        text-align: center !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   FABRICORE HEADER & MINIMALIST SLIDE-OUT MOBILE DRAWER
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL & DESKTOP HEADER (min-width: 769px)
   -------------------------------------------------------------------------- */
.site-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EAEAEC !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9990 !important;
    padding: 0 !important;
    min-height: unset !important;
}

/* Offset for logged-in WordPress admin bar */
.admin-bar .site-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px !important;
    }
}

.site-header .inside-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    height: 64px !important;
    box-sizing: border-box !important;
}

/* Desktop Logo */
.site-header .site-logo {
    margin-right: 32px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.site-header .header-image {
    max-height: 42px !important;
    width: auto !important;
    display: block !important;
}

/* Desktop Navigation Container */
@media (min-width: 769px) {
    .main-navigation {
        background: transparent !important;
        flex-grow: 1 !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    .main-navigation .inside-navigation {
        width: 100% !important;
        padding: 0 !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-navigation .main-nav {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-navigation .main-nav > ul {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
        list-style: none !important;
    }

    .main-navigation .main-nav > ul > li {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-navigation .main-nav > ul > li > a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #282C3F !important;
        padding: 0 !important;
        height: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        position: relative !important;
        transition: color 0.2s ease !important;
    }

    /* Desktop Hover Underline Accent */
    .main-navigation .main-nav > ul > li > a::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 2.5px !important;
        background-color: #232323 !important;
        transform: scaleX(0) !important;
        transition: transform 0.2s ease-in-out !important;
        transform-origin: center !important;
    }

    .main-navigation .main-nav > ul > li:hover > a::after,
    .main-navigation .main-nav > ul > li.current-menu-item > a::after {
        transform: scaleX(1) !important;
    }

    .main-navigation .main-nav > ul > li:hover > a {
        color: #000000 !important;
    }

    /* Dropdown Arrows Tight to Text */
    .main-navigation .menu-item-has-children .dropdown-menu-toggle,
    .dropdown-menu-toggle {
        padding: 0 !important;
        margin: 0 0 0 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    .dropdown-menu-toggle .gp-icon {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .dropdown-menu-toggle svg {
        width: 8px !important;
        height: 8px !important;
        fill: #666666 !important;
        display: block !important;
        transition: transform 0.2s ease !important;
    }

    .menu-item-has-children:hover .dropdown-menu-toggle svg {
        transform: rotate(180deg) !important;
    }

    /* Desktop Action Buttons: Cart & My Account on Far Right */
    .main-navigation .main-nav > ul > li#menu-item-75 {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-77 {
        margin-left: -14px !important;
        margin-right: 0 !important;
    }

    /* Cart Button */
    .main-navigation .main-nav > ul > li#menu-item-75 > a {
        background: #232323 !important;
        color: #FFFFFF !important;
        border-radius: 4px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #232323 !important;
        box-sizing: border-box !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-75 > a::after {
        display: none !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-75 > a:hover {
        background: #404040 !important;
        border-color: #404040 !important;
        color: #FFFFFF !important;
    }

    /* My Account Button */
    .main-navigation .main-nav > ul > li#menu-item-77 > a {
        background: #FFFFFF !important;
        border: 1px solid #D4D5D9 !important;
        color: #232323 !important;
        border-radius: 4px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0.04em !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-77 > a::after {
        display: none !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-77 > a:hover {
        border-color: #232323 !important;
        color: #000000 !important;
    }

    /* Hide redundant Checkout in top bar */
    .main-navigation .main-nav > ul > li#menu-item-183 {
        display: none !important;
    }

    /* Desktop Submenu Dropdown Card */
    .main-navigation ul ul {
        background-color: #FFFFFF !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
        border: 1px solid #F0F0F0 !important;
        border-top: 2px solid #232323 !important;
        border-radius: 0 0 4px 4px !important;
        padding: 10px 0 !important;
        min-width: 220px !important;
        top: 64px !important;
    }

    .main-navigation ul ul li a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #535766 !important;
        padding: 9px 22px !important;
        height: auto !important;
        text-transform: capitalize !important;
        letter-spacing: 0.02em !important;
        transition: all 0.2s ease !important;
    }

    .main-navigation ul ul li:hover > a {
        background-color: #F8F8F9 !important;
        color: #232323 !important;
        padding-left: 26px !important;
    }
}

/* --------------------------------------------------------------------------
   2. MOBILE HEADER & OFF-CANVAS LEFT DRAWER (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Mobile Header Bar */
    .site-header .inside-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 56px !important;
        padding: 0 16px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* Hamburger on Left */
    .site-header .mobile-menu-control-wrapper {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
        z-index: 5 !important;
    }

    .mobile-menu-control-wrapper .menu-toggle {
        background: transparent !important;
        border: none !important;
        padding: 8px 4px !important;
        color: #232323 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
    }

    .mobile-menu-control-wrapper .menu-toggle .gp-icon svg {
        width: 22px !important;
        height: 22px !important;
        fill: #232323 !important;
    }

    .mobile-menu-control-wrapper .menu-toggle .screen-reader-text,
    .mobile-menu-control-wrapper .menu-toggle .mobile-menu {
        display: none !important;
    }

    /* Logo Centered on Mobile */
    .site-header .site-logo {
        order: 2 !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 1 !important;
    }

    .site-header .header-image {
        max-height: 32px !important;
        width: auto !important;
    }

    /* Off-Canvas Slide-out Left Drawer */
    #site-navigation {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 300px !important;
        max-width: 82vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: #FFFFFF !important;
        z-index: 99999 !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
        visibility: hidden !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Admin Bar clearance for logged-in editors */
    .admin-bar #site-navigation {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
        height: calc(100dvh - 46px) !important;
    }

    /* Toggled (Open) State */
    #site-navigation.toggled {
        transform: translateX(0) !important;
        visibility: visible !important;
        box-shadow: 10px 0 35px rgba(0, 0, 0, 0.25) !important;
    }

    /* Inside Navigation Container */
    #site-navigation .inside-navigation {
        display: block !important;
        width: 100% !important;
        padding: 48px 0 0 0 !important; /* Clean space at top for close button */
        margin: 0 !important;
        background: #FFFFFF !important;
        position: relative !important;
        overflow: visible !important;
    }

    /* Close Button (✕) with NO background color */
    #site-navigation .inside-navigation > .menu-toggle {
        position: absolute !important;
        top: 10px !important;
        right: 14px !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 0 !important;
        background: transparent !important; /* NO background color */
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 100 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #site-navigation .inside-navigation > .menu-toggle .gp-icon,
    #site-navigation .inside-navigation > .menu-toggle .mobile-menu {
        display: none !important;
    }

    #site-navigation .inside-navigation > .menu-toggle::after {
        content: '✕' !important;
        color: #232323 !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }

    /* CLICKABLE BACKDROP OVERLAY (Closes menu when tapped outside!) */
    #site-navigation.toggled .inside-navigation > .menu-toggle::before {
        content: '' !important;
        position: fixed !important;
        top: 0 !important;
        left: 300px !important;
        right: 0 !important;
        bottom: 0 !important;
        width: calc(100vw - 300px) !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: rgba(0, 0, 0, 0.55) !important;
        cursor: pointer !important;
        z-index: 9999 !important;
        display: block !important;
        pointer-events: auto !important;
    }

    @media (max-width: 375px) {
        #site-navigation {
            width: 280px !important;
        }
        #site-navigation.toggled .inside-navigation > .menu-toggle::before {
            left: 280px !important;
            width: calc(100vw - 280px) !important;
        }
    }

    /* Main Navigation: No welcome text, no black div */
    #site-navigation .main-nav {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
    }

    #site-navigation .main-nav::before {
        display: none !important;
        content: none !important;
    }

    /* Drawer Menu List */
    #site-navigation .main-nav > ul {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 30px 0 !important;
        list-style: none !important;
        background: #FFFFFF !important;
    }

    /* All Standard Menu Items */
    #site-navigation .main-nav > ul > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    #site-navigation .main-nav > ul > li > a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #262626 !important;
        padding: 13px 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-transform: none !important;
        letter-spacing: 0.01em !important;
        border-bottom: 1px solid #F5F5F7 !important;
        background: transparent !important;
        height: auto !important;
        line-height: normal !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    #site-navigation .main-nav > ul > li > a:hover {
        background: #F8F8FA !important;
        color: #000000 !important;
    }

    #site-navigation .main-nav > ul > li > a::after {
        display: none !important;
    }

    /* Ordering */
    #site-navigation .main-nav > ul > li#menu-item-74 { order: 1 !important; }  /* Home */
    #site-navigation .main-nav > ul > li#menu-item-78 { order: 2 !important; }  /* Shop */

    /* Categories Header */
    #site-navigation .main-nav > ul > li#menu-item-83 {
        order: 10 !important; /* Jersey */
        border-top: 6px solid #F5F5F7 !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-83::before {
        content: 'CATEGORIES' !important;
        display: block !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        color: #999999 !important;
        padding: 12px 20px 4px 20px !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-80 { order: 11 !important; }  /* Drop Shoulder */
    #site-navigation .main-nav > ul > li#menu-item-85 { order: 12 !important; }  /* T-shirt */
    #site-navigation .main-nav > ul > li#menu-item-84 { order: 13 !important; }  /* Polos */

    /* My Account Header */
    #site-navigation .main-nav > ul > li#menu-item-75 {
        order: 20 !important; /* Cart */
        border-top: 6px solid #F5F5F7 !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-75::before {
        content: 'MY ACCOUNT' !important;
        display: block !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        color: #999999 !important;
        padding: 12px 20px 4px 20px !important;
    }

    /* My Account Clean Link (Order 21) */
    #site-navigation .main-nav > ul > li#menu-item-77 {
        order: 21 !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-77 > a::before,
    #site-navigation .main-nav > ul > li#menu-item-77 > a::after {
        display: none !important;
        content: none !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-183 {
        display: none !important;
    }

    /* Submenu Accordion on Mobile */
    #site-navigation .menu-item-has-children .dropdown-menu-toggle {
        margin-left: auto !important;
        padding: 4px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #site-navigation .dropdown-menu-toggle svg {
        width: 10px !important;
        height: 10px !important;
        fill: #999999 !important;
        transform: rotate(-90deg) !important;
        transition: transform 0.2s ease !important;
    }

    #site-navigation .menu-item-has-children.sfHover > a .dropdown-menu-toggle svg,
    #site-navigation .menu-item-has-children.toggled > a .dropdown-menu-toggle svg {
        transform: rotate(0deg) !important;
        fill: #232323 !important;
    }

    #site-navigation ul.sub-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: unset !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        display: none !important;
        background: #F8F8FA !important;
    }

    #site-navigation .menu-item-has-children.sfHover > ul.sub-menu,
    #site-navigation .menu-item-has-children.toggled > ul.sub-menu,
    #site-navigation ul.sub-menu.toggled-on {
        display: block !important;
        position: static !important;
    }

    #site-navigation ul.sub-menu li a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #555555 !important;
        padding: 10px 20px 10px 32px !important;
        border-bottom: 1px solid #EEEEF1 !important;
        background: transparent !important;
    }
}/* End custom CSS */