/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2025 | 21:31:38 */
@media(max-width:480px) {
	#wrap .elementor-element.elementor-element-2b45bd2,
	#wrap .elementor-jet-woo-builder-products-ordering .woocommerce-ordering,
	#wrap .elementor-jet-woo-builder-products-ordering .woocommerce-ordering select {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto;
	}

	#wrap .elementor-jet-woo-builder-products-ordering .woocommerce-ordering select {
		min-height: 50px !important;
		font-size: 16px !important;
	}

	#wrap .elementor-jet-woo-builder-products-ordering .woocommerce-ordering:before {
		top: 20px;
	}

	#wrap .elementor-jet-woo-builder-products-result-count .woocommerce-result-count {
		text-align: center;
		margin-top: 20px;
		min-height: 50px !important;
		font-size: 16px !important;
	}
}


@media (max-width: 768px) {
    .mws-collapse-x {
        position: fixed;
        top: 0;
        right: -100%; /* Hidden off-screen */
        width: 100%; /* Adjust width for mobile */
        height: 100vh;
        background: #fff;
        box-shadow: -3px 0 10px rgba(0, 0, 0, 0.1);
        transition: right 0.3s ease-in-out;
        padding: 20px;
        z-index: 1000;
        display: block; /* Show only on mobile */
        overflow-y: auto; /* Allow vertical scrolling */
        max-height: 100vh; /* Ensure it doesn't overflow vertically */
    }

    .mws-collapse-x.open {
        right: 0; /* Slide in */
    }

    .mws-toggle-btn {
        position: fixed;
        bottom: 20px;
        left: 20px;
		border-radius: 4px;
        background: #000;
        color: white;
        padding: 10px 15px;
        border: none;
        cursor: pointer;
        z-index: 9999;
        display: block; /* Ensure visibility on mobile */
    }
}

/* Hide on larger screens */
@media (min-width: 769px) {
/*     .mws-collapse-x {
        display: none !important;
    } */

    .mws-toggle-btn {
        display: none;
    }
}