.elementor-5600 .elementor-element.elementor-element-c03bc43{--display:flex;}.elementor-5600 .elementor-element.elementor-element-5d504cb{margin:101px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-5600 .elementor-element.elementor-element-c03bc43{--content-width:1600px;}}/* Start custom CSS for shortcode, class: .elementor-element-e819b55 */.hero-search-wrap {
    position: relative !important;
    overflow: visible !important;
}

.hero-search-box,
.hero-search-box *,
.hero-search-box .asl_w {
    box-sizing: border-box !important;
}

.hero-search-box {
    position: absolute !important;
    top: 20px !important;
    left: 50vw !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 40vw !important;
    max-width: 500px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
    border-radius: 30px !important;
    transition: top .25s ease, width .45s ease, max-width .45s ease !important;
}

/* Desktop Sticky */
.hero-search-box.search-sticky {
    position: fixed !important;
    top: 15px !important;
    left: 50vw !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 60vw !important;
    max-width: 650px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999999 !important;
}

/* Search Box */
.hero-search-box .asl_w {
    width: 100% !important;
    max-width: 100% !important;
    border: 2px solid #fff !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.hero-search-box.search-sticky .asl_w {
    background: #000 !important;
    border: 2px solid #fff !important;
}

.hero-search-box .asl_w,
.hero-search-box .asl_w *,
.hero-search-box .asl_w .probox {
     background: #000 !important;
    box-shadow: none !important;
}

.hero-search-box .asl_w .probox {
    display: flex !important;
    align-items: center !important;
    height: 48px !important;
}

.hero-search-box .asl_w .probox input {
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    background: transparent !important;
}

/* Placeholder */
.hero-search-placeholder {
    display: none !important;
}

.hero-search-placeholder.active {
    display: block !important;
    height: 60px !important;
}

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

    .hero-search-box {
        position: absolute !important;
        top: 10px !important;
        left: 50vw !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: 75vw !important;
        max-width: 75vw !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 20 !important;
    }

    .hero-search-box.search-sticky {
        position: fixed !important;
        top: calc(env(safe-area-inset-top) + 5px) !important;
        left: 50vw !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: 90vw !important;
        max-width: 90vw !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 999999 !important;
    }

    .hero-search-box.search-sticky.scroll-up {
        top: calc(env(safe-area-inset-top) + 0px) !important;
    }

    .hero-search-box .asl_w .probox {
        height: 44px !important;
        min-height: 44px !important;
    }

    .hero-search-box .asl_w .probox input {
        height: 44px !important;
        line-height: 44px !important;
    }

    .hero-search-placeholder.active {
        height: 54px !important;
    }
}

/* Ajax Search Result */
div.asl_r.vertical {
    background: #2E7D32 !important;
    border: 1px solid #2E7D32 !important;
    border-radius: 19px !important;
    overflow: hidden !important;
}

div.asl_r .results {
    border-radius: 16px !important;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5d504cb *//* ===== CATEGORY SLIDER (ONLY FOR CATEGORY) ===== */

/* Mobile default - same as your current code */
ul.products:has(li.product-category) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 14px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}


/* Laptop/Desktop - space evenly */


/* Each category item */
ul.products:has(li.product-category) li.product-category {
    flex: 0 0 auto !important;
    width: 90px !important;
    min-width: 90px !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Link layout */
ul.products:has(li.product-category) li.product-category a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* Round image */
ul.products:has(li.product-category) li.product-category img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 auto 6px !important;
}

/* Title */
ul.products:has(li.product-category) li.product-category h2,
ul.products:has(li.product-category) li.product-category .woocommerce-loop-category__title {
    position: static !important;
    background: none !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Hide count */
ul.products:has(li.product-category) li.product-category .count {
    display: none !important;
}

/* Hide scrollbar */
ul.products:has(li.product-category)::-webkit-scrollbar {
    display: none !important;
}




@media (min-width: 768px) {
    ul.products:has(li.product-category) li.product-category {
        width: 120px !important;
        min-width: 120px !important;
    }
    
    ul.products:has(li.product-category) li.product-category img {
        
        width: 100px !important;
        height: 100px !important;
    }
    
    
    ul.products:has(li.product-category) {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;

        justify-content: flex-start !important;
        gap: 88px !important;

        padding: 10px 0 !important;
        scroll-behavior: smooth !important;

        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    ul.products:has(li.product-category)::-webkit-scrollbar {
        display: none !important;
    }

    ul.products:has(li.product-category) li.product-category {
        flex: 0 0 auto !important;
    }
}



















/* Red underline default/active */
ul.products:has(li.product-category) li.product-category a {
    position: relative !important;
    padding-bottom: 8px !important;
}

ul.products:has(li.product-category) li.product-category a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 0 !important;
    height: 3px !important;
    background: red !important;
    border-radius: 10px !important;
    transition: 0.3s ease !important;
}

/* Active category underline */
ul.products:has(li.product-category) li.product-category.active-cat a::after {
    width: 35px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e9fce10 *//* ==================================================
   VAIRAW PRODUCT GRID
================================================== */

/* Products grid background */
ul.products {
    display: flex;
    flex-wrap: wrap;
    background: var(--ast-global-color-4) !important;
}

/* ==================================================
   PRODUCT CARD
================================================== */

ul.products li.product:not(.product-category) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-height: 320px !important;
    padding: 12px !important;

    background: var(--ast-global-color-4) !important;
    border: none !important;
    border-radius: 12px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

    text-align: center !important;
}


/* Product card hover effect */
ul.products li.product:not(.product-category):hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}


/* ==========================================
   Desktop Only - Stronger Product Card Shadow
========================================== */
@media (min-width: 992px) {

    ul.products li.product:not(.product-category) {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10) !important;
    }

    ul.products li.product:not(.product-category):hover {
        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.16) !important;
    }

}



/* ==================================================
   PRODUCT LINK AND CONTENT
================================================== */

ul.products li.product:not(.product-category)
.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;

    text-align: center !important;
}


/* ==================================================
   PRODUCT IMAGE
================================================== */

ul.products li.product:not(.product-category) img {
    border-radius: 10px !important;
}


/* ==================================================
   PRODUCT BUTTONS
================================================== */

ul.products li.product:not(.product-category) .button,
ul.products li.product:not(.product-category) .added_to_cart {
    display: inline-block !important;
    float: none !important;

    margin: 10px auto 0 !important;

    text-align: center !important;
}









/* ==================================================
   VAIRAW - SALE + DROPDOWN ARROW GLOBAL COLOR 2
================================================== */

/* Sale text */
ul.products li.product .onsale {
    color: var(--ast-global-color-2) !important;
}

/* Variable product dropdown arrow */
ul.products li.product.product-type-variable .vairaw-loop-cart-box select {
    color: var(--ast-global-color-2) !important;
}

/* Dropdown arrow */
ul.products li.product.product-type-variable .vairaw-loop-cart-box select {
    background-image: none !important;
}

/* Custom arrow using Global Color 2 */
ul.products li.product.product-type-variable table.variations td {
    position: relative !important;
}

ul.products li.product.product-type-variable table.variations td::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 7px;

    border-right: 2px solid var(--ast-global-color-2);
    border-bottom: 2px solid var(--ast-global-color-2);

    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}



/* Sale badge background = Global Color 0 */
ul.products li.product .ast-on-card-button.ast-onsale-card {
    background: var(--ast-global-color-3) !important;
}
}


/* SALE badge - force Global Color 2 */
span.ast-on-card-button.ast-onsale-card,
span.ast-on-card-button.ast-onsale-card *,
.woocommerce span.ast-on-card-button.ast-onsale-card,
.woocommerce ul.products li.product span.ast-on-card-button.ast-onsale-card {
    color: var(--ast-global-color-2) !important;
}

span.ast-on-card-button.ast-onsale-card {
    color: #000000 !important;
}/* End custom CSS */