.elementor-461 .elementor-element.elementor-element-5a85a906{--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;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--flex-wrap:nowrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-461 .elementor-element.elementor-element-5a85a906.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-461 .elementor-element.elementor-element-2b1a96e2{--display:flex;--min-height:10vh;--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;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--margin-top:-1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:3rem;--padding-right:3rem;}.elementor-461 .elementor-element.elementor-element-bfc1c1{--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;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--background-transition:0.3s;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-461 .elementor-element.elementor-element-2bce928b{width:auto;max-width:auto;}.elementor-461 .elementor-element.elementor-element-2bce928b .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-461 .elementor-element.elementor-element-181fc5db{--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;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--background-transition:0.3s;--z-index:5;}.elementor-461 .elementor-element.elementor-element-c1eed5c{--display:flex;--min-height:25vh;--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;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products ul.products li.product{text-align:center;}.elementor-461 .elementor-element.elementor-element-73e2aed{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-461 .elementor-element.elementor-element-73e2aed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:20px;}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-b0a9fd2 );}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-b0a9fd2 );}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products ul.products li.product .button{margin-top:0px;}.elementor-461 .elementor-element.elementor-element-73e2aed nav.woocommerce-pagination ul li a, .elementor-461 .elementor-element.elementor-element-73e2aed nav.woocommerce-pagination ul li span{padding:10px;}.elementor-461 .elementor-element.elementor-element-73e2aed nav.woocommerce-pagination ul li a{color:var( --e-global-color-secondary );}.elementor-461 .elementor-element.elementor-element-73e2aed nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-text );}.elementor-461 .elementor-element.elementor-element-73e2aed nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-b0a9fd2 );}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-461 .elementor-element.elementor-element-5a85a906{--padding-top:0rem;--padding-bottom:0.5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-461 .elementor-element.elementor-element-2b1a96e2{--min-height:10vh;--gap:0px 0px;--flex-wrap:nowrap;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-461 .elementor-element.elementor-element-bfc1c1{--margin-top:0rem;--margin-bottom:0.25rem;--margin-left:0rem;--margin-right:0rem;}.elementor-461 .elementor-element.elementor-element-c1eed5c{--min-height:15vh;--gap:0px 0px;--flex-wrap:nowrap;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-461 .elementor-element.elementor-element-2b1a96e2{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-461 .elementor-element.elementor-element-bfc1c1{--width:100%;--justify-content:center;}.elementor-461 .elementor-element.elementor-element-181fc5db{--width:100%;}.elementor-461 .elementor-element.elementor-element-c1eed5c{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-461 .elementor-element.elementor-element-73e2aed.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-461 .elementor-element.elementor-element-5a85a906{--width:100%;}.elementor-461 .elementor-element.elementor-element-bfc1c1{--width:60%;}.elementor-461 .elementor-element.elementor-element-181fc5db{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-461 .elementor-element.elementor-element-2b1a96e2{--width:100%;}.elementor-461 .elementor-element.elementor-element-bfc1c1{--width:55%;}.elementor-461 .elementor-element.elementor-element-181fc5db{--width:45%;}.elementor-461 .elementor-element.elementor-element-c1eed5c{--width:100%;}}/* Start custom CSS *//* General site layout for shop archive */
.ast-woo-shop-archive .site-content > .ast-container {
    max-width: 100%;
    padding: 0px;
}

/* Consistent alignment for product titles */
.woocommerce-loop-product__title {
    display: flex;
    justify-content: center;
    padding-top: 0.5rem !important;
}

/* General grid layout for WooCommerce products */
.woocommerce ul.products, .woocommerce-page ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    column-gap: 1rem !important; /* Set column gap to 1rem */
    row-gap: 1rem !important; /* Set row gap to 1rem */
    grid-gap: 1rem !important; /* Ensure no extra grid gap */
}

/* Styling for individual product items */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    flex-basis: calc(25% - 1rem); /* 4-column layout with 1rem gap */
    padding: 20px;
    border: 1px solid #e0e0e0; /* Add border to each product */
    border-radius: 8px; /* Slight rounding for edges */
    box-sizing: border-box;
    margin-bottom: 1rem;
    text-align: center; /* Center the product content */
    transition: all 0.3s ease;
    height: 100%; /* Ensures the height is consistent across products */
}

/* Add hover effect for each product */
.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow on hover */
    transform: translateY(-5px); /* Slight lift on hover */
}

/* Product image container styling */
.woocommerce ul.products li.product .product-image-wrap {
    text-align: center;
    margin: 0 auto;
}

/* Flexbox for consistent layout in product summary */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 10px; /* Add space between image and title */
}

/* Product image styling with highest quality */
.woocommerce ul.products li.product .image-wrap img {
    /* Set a maximum widthmax-width: 300px;  */
    
    width: 100%; /* Ensure responsiveness */
    height: auto; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease; /* Smooth zoom effect */

    /* High-quality image rendering */
    image-rendering: auto !important; /* Ensure automatic, high-quality rendering */
    image-rendering: crisp-edges !important; /* Use highest-quality edges when zoomed */
    image-rendering: -webkit-optimize-contrast !important; /* For WebKit browsers */
    object-fit: cover !important; /* Ensure the image fits properly without distortion */
}

/* Add hover effect for the image */
.woocommerce ul.products li.product:hover .image-wrap img {
    transform: scale(1.1); /* Zoom-in on hover */
}

/* Product title styling */
.woocommerce ul.products li.product h2 {
    font-size: 1.1em !important; /* Set font size */
    margin-top: auto !important; /* Push title to the bottom */
    padding-bottom: 0.5rem !important;
    font-weight: 600 !important; /* Make the title slightly bolder */
    color: #333 !important; /* Set a neutral text color */
    text-align: center !important; /* Ensure the title is centered */
    line-height: 1.4 !important; /* Improve readability */
    white-space: normal !important; /* Ensure text wraps properly */
    word-wrap: break-word !important; /* Handle long product titles */
}

/* Remove unnecessary elements */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .view-details,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .price {
    display: none !important; /* Hide elements that shouldn't be displayed */
}

/* Hiding the product category */
.woocommerce ul.products li.product .ast-woo-product-category {
    display: none !important; /* Hide the product category */
}

/* Hiding the out-of-stock badge */
.woocommerce ul.products li.product .ast-shop-product-out-of-stock {
    display: none !important; /* Hide the ast-shop-product-out-of-stock badge */
}

/* Styling for "Out of Stock" label (as per the original guide) */
.woocommerce ul.products li.product .outofstock {
    background-color: red !important;
    color: white !important;
    padding: 8px 12px !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    font-size: 0.9em !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 3px !important; /* Small rounding for the label */
    line-height: 1.2 !important;
}

/* Ensure the layout remains responsive */
@media (max-width: 1024px) {
    /* 2-column layout for tablets */
    .woocommerce ul.products li.product {
        flex-basis: calc(50% - 1rem);
    }
}

@media (max-width: 768px) {
    /* 1-column layout for mobile */
    .woocommerce ul.products li.product {
        flex-basis: calc(100% - 1rem);
    }
}

/*
*FLIP IMAGE added effect
*/
.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); /* Add subtle shadow on hover */
    border: 1px solid rgba(0, 0, 0, 0.2); /* Add border to enhance the box effect */
    transition: all 0.3s ease; /* Smooth transition */
    padding: 5px!important;
}

/* Add frame-like border effect around the product image */
.woocommerce ul.products li.product .tp-image-wrapper img:hover {
    border: 1px solid #e0e0e0; /* Light border around the image */
    border-radius: 5px 5px 0px 0px;
    margin: 0px -5px 0px 0px;
    box-sizing: border-box; /* Ensure the padding and border are included in the image size */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
    filter: drop-shadow(0px 0px 5px gray);
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/*
* Custom Vertical Bar Separator and Text Styling for Responsiveness
*/
.verticalbar-separator i {
    display: inline-block;
    font-size: 1.25em; /* Icon size for desktop */
    margin: 0 5px; /* Adjusts the space around the separator */
    transform: rotate(90deg); /* Rotates the minus icon to look like a vertical bar */
}

/* Text and separator responsiveness */
.responsive-text {
    font-size: 1em; /* Adjust text size for desktop */
    line-height: 1.2; /* Adjust line height */
}

/* Responsive adjustments for tablet */
@media (max-width: 1024px) {
    .verticalbar-separator i {
        font-size: 1em; /* Slightly smaller for tablet */
        margin: 0px;
    }
    .responsive-text {
        font-size: 0.8em; /* Adjust text size for tablet */
    }
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .verticalbar-separator i {
        font-size: 1em; /* Smaller icon for mobile devices */
    }
    .responsive-text {
        font-size: 1.1em; /* Adjust text size for mobile */
    }
}/* End custom CSS */