.elementor-7745 .elementor-element.elementor-element-dfdd453{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;--margin-block-start:20px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-7745 .elementor-element.elementor-element-dfdd453:not(.elementor-motion-effects-element-type-background), .elementor-7745 .elementor-element.elementor-element-dfdd453 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1128;}.elementor-7745 .elementor-element.elementor-element-dfdd453, .elementor-7745 .elementor-element.elementor-element-dfdd453::before{--border-transition:0.3s;}.elementor-7745 .elementor-element.elementor-element-4b8a741{text-align:center;}.elementor-7745 .elementor-element.elementor-element-b0b6550{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:2px;}.elementor-7745 .elementor-element.elementor-element-b0b6550 .elementor-divider-separator{width:100%;}.elementor-7745 .elementor-element.elementor-element-b0b6550 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7745 .elementor-element.elementor-element-b0b6550 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-7745 .elementor-element.elementor-element-30e92b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;}.elementor-7745 .elementor-element.elementor-element-30e92b8:not(.elementor-motion-effects-element-type-background), .elementor-7745 .elementor-element.elementor-element-30e92b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1128;}.elementor-7745 .elementor-element.elementor-element-30e92b8, .elementor-7745 .elementor-element.elementor-element-30e92b8::before{--border-transition:0.3s;}.elementor-7745 .elementor-element.elementor-element-c218de8{--display:flex;--background-transition:0.3s;}.elementor-7745 .elementor-element.elementor-element-3c451e0 .elementor-nav-menu .elementor-item{font-family:"Rajdhani", Sans-serif;font-size:1.3rem;font-weight:600;}.elementor-7745 .elementor-element.elementor-element-3c451e0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FF336F;}.elementor-7745 .elementor-element.elementor-element-3c451e0 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-7745 .elementor-element.elementor-element-3c451e0{--e-nav-menu-horizontal-menu-item-margin:calc( 15px / 2 );}.elementor-7745 .elementor-element.elementor-element-3c451e0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:15px;}.elementor-7745 .elementor-element.elementor-element-4cc06d5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-7745 .elementor-element.elementor-element-4cc06d5:not(.elementor-motion-effects-element-type-background), .elementor-7745 .elementor-element.elementor-element-4cc06d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1128;}.elementor-7745 .elementor-element.elementor-element-4cc06d5, .elementor-7745 .elementor-element.elementor-element-4cc06d5::before{--border-transition:0.3s;}.elementor-7745 .elementor-element.elementor-element-652054e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;}.elementor-7745 .elementor-element.elementor-element-1b1f818{--spacer-size:20px;}@media(max-width:1024px){.elementor-7745 .elementor-element.elementor-element-3c451e0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7745 .elementor-element.elementor-element-4cc06d5{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7745 .elementor-element.elementor-element-c218de8{--width:100%;}}/* Start custom CSS */* {
    font-family: rajdhani;
}

.category-heading h1 {
    font-family: rajdhani;
    text-align: center;
}

.ast-woo-product-category {
    display: none!important;
}

a.button.wp-element-button.product_type_variable {
    display: none!important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    aspect-ratio: 261 / 328 !important;
}

input.wpfSearchFieldsFilter.passiveFilter {
    background-color: transparent;
}

input.wpfSearchFieldsFilter.passiveFilter:focus {
    color: white;
}

button.wpfClearButton.wpfButton {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 0;
    width: 50%;
}

button.wpfClearButton.wpfButton:hover, button.wpfClearButton.wpfButton:hover {
    color: #FF336F;
}

.wfpTitle.wfpClickable {
    font-size: 20px!important;
}

a.page-numbers {
    border: 1px solid white;
}

a.page-numbers:focus{
    background-color: transparent!important;
}

span.page-numbers.current {
    border: 2px solid white;
}

span.ast-shop-product-out-of-stock {
    background-color: #4e2454a8!important;
}

ul.products.elementor-grid.columns-5 li {
    margin: 0!important;
}

.product-grid nav.woocommerce-pagination {
    text-align: center;
}

.woocommerce-loop-product__title:hover {
    color: #FF336F;
}

.single-product {
    flex: 0 0 auto;
    width: 19.5%; /* Default for desktop, showing 5 products */
    scroll-snap-align: start;
    margin: 0 3px;
}

/* Tablet */
@media (max-width: 1024px) {
    .single-product {
        width: 32.5%; /* 3 products */
    }
}

/* Mobile */
@media (max-width: 480px) {
    .single-product {
        width: 48%; /* 2 products */
    }
}

.single-product:hover {
    color: #FFFFFF;
}

.product-container {
    margin: 0 5px;
}

.product-container:foucs {
    border: none;
}

.product-image-container {
    margin-top: 10px;
}

.product-image-container img{
    border-radius: 10px;
    box-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
    max-height: 312px;
    transition: transform .2s;
}

div#products-container {
    display: flex;
    flex-wrap: wrap;
}

.product-image-container img:hover {
    transform: scale(1.05);
}

.product-info-container {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #060B1F;
    box-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
    height: 150px;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 480px) {
    .product-info-container {
        height: 240px;
    }
}

.product-content-container {
    width: 1200px;
}

.product-title {
    font-family: rajdhani!important;
    font-size: 1.1rem!important;
    padding: 0 10px;
    padding-top: 10px;
    text-align: center;
    font-weight: normal!important;
}

.product-price {
    font-family: rajdhani!important;
    font-size: 1.1rem!important;
    margin-bottom: 10px!important;
    text-align: center;
    font-weight: 500;
}

.product-title:hover {
    text-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
}

.product-title:focus {
    color: #FFFFFF;
}

.product-price:focus{
    color: #FFFFFF;
}

.out-of-stock .product-image-container {
    position: relative;
    filter: grayscale(100%); /* Gray out the image */
}

.out-of-stock .product-image-container .stock-overlay {
    font-family: rajdhani;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    
}

.woocommerce-js div.product .out-of-stock {
    color: white;
}

div#pagination-container {
    text-align: center;
    margin: 20px 0;
}

a.ajax-pagination {
    font-size: 1.1rem;
    font-family: rajdhani;
    padding: 7px;
    box-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
}

a.ajax-pagination:hover {
    text-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
    color: #FFFFFF;
}

a.ajax-pagination:focus {
    color: #FFFFFF;
    border: none;
}

.filter-group li {
    list-style: none; /* Removes default list style */
    cursor: pointer; /* Changes cursor to pointer on hover */
    position: relative; /* Allows absolute positioning of pseudo-elements relative to this item */
    padding-left: 25px; /* Provides space for the square/tick mark */
}

.filter-group li::before {
    content: ''; /* No text content */
    position: absolute;
    left: 0;
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Center vertically */
    width: 12px; /* Square size */
    height: 12px; /* Square size */
    border: 2px solid #354F9C; /* Solid border with white color */
    border-radius: 3px; /* Rounded corners */
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}

.filter-group li.selected::before {
    content: '\2713'; /* Unicode for check mark */
    font-size: 20px; /* Adjust size as needed */
    color: #4CAF50; /* Example: green color for the check mark */
    line-height: 4px; /* Aligns the checkmark vertically */
    text-align: center; /* Centers the checkmark horizontally */
    border-radius: 3px; /* Ensure rounded corners persist */
}

.filter-group li.selected {
    font-weight: bold;
}

.filter-group li:hover{
    text-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
}

div#products-container {
        max-width: 1200px;
    }
    
.products-content-and-filter-container .elementor-widget-container .elementor-shortcode {
    display: flex;
    flex-direction: row;
}

/* Hide the filter button on larger screens */
.filter-button {
    display: none;
}

/* Style the off-canvas menu for mobile */
@media (max-width: 767px) {
    .filter-button {
        font-family: rajdhani;
        font-size: 1.1rem;
        display: block; /* Show the button on mobile */
        bottom: 10px;
        left: 10px;
        z-index: 1050;
        background-color: #060B1F;
        box-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
        margin-left: 10px;
        margin-bottom: 40px;
    }
    
    .filter-button:hover {
        background-color: #060B1F!important;
        text-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
    }

    .off-canvas-filters {
        position: fixed;
        left: -100%; /* Start off-screen */
        top: 0;
        width: 80%; /* Adjust width for off-canvas menu */
        height: 100%;
        background: #fff;
        transition: left 0.3s ease;
        overflow-y: auto; /* Enable scrolling for long filter lists */
        z-index: 1049; /* Adjust as necessary */
        box-shadow: 2px 0 5px rgba(0,0,0,0.5);
    }

    .off-canvas-active {
        left: 0; /* Bring into view when active */
    }

    /* Ensure the filters are hidden on desktop but visible when off-canvas menu is active */
    .product-filters {
        display: none;
    }

    .off-canvas-active.product-filters {
        display: block;
    }
    
    .filter-group {
        padding: 10px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 15px;
        border-bottom: 1px solid #354F9C;
    }
    
    div#filters-off-canvas {
        background-color: #060B1F;
        box-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
    }
    
    .filter-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #354F9C;
    }
    
    .filter-header h2 {
        margin: 0;
        font-size: 18px;
    }
    
    .close-filters {
        border: none;
        background: none;
        font-size: 24px;
        cursor: pointer;
    }
    
    .products-content-and-filter-container .elementor-widget-container .elementor-shortcode {
    flex-wrap: wrap;
}
}

/* Ensure filters display normally on larger screens */
@media (min-width: 768px) {
    .product-filters {
        display: block;
    }
    .filter-group {
        background-color: #060F1B;
        box-shadow: 0px 0px 9px #354F9C,0px 0px 9px #354F9C,0px 0px 9px #354F9C;
        padding: 10px;
        margin-bottom: 20px;
        margin-right: 15px;
    }
    
    .filter-header {
        display: none;
    }
}

.filter-group ul {
    margin: 0;
}

#preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    #preloader img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50px; /* You can adjust the size as needed */
        height: 50px; /* You can adjust the size as needed */
    }
}
    
@media (min-width: 768px) {    
    /* Ensure the image is centered within the preloader */
    #preloader img {
        position: absolute;
        left: 50%;
        width: 128px; /* You can adjust the size as needed */
        height: 128px; /* You can adjust the size as needed */
    }
}/* End custom CSS */