/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

button:hover {
	color: unset !important;
}

button:focus {
	color: unset !important;
}

/* Loading Spinner Styles */
.loading-spinner {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: #333;
	padding: 20px;
}

/* Fade-in animation for modal content */
.modal-content-wrapper {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.modal-content-wrapper.show {
	opacity: 1;
}

.loading-spinner .fa-spinner {
	margin-right: 10px;
}

/* Hide modal content while loading */
.modal-content-wrapper {
	display: none;
	/* Hidden by default */
}

.nav-tabs {

	/* small mobile :320px. */
	@media (max-width: 767px) {
		margin-left: 0 !important;
	}
}

.shop-main-content .nav-tabs {
	margin-left: 0 !important;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		margin-left: 0 !important;
	}
}

.shop-layout-wrapper {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.products .astra-shop-thumbnail-wrap .attachment-woocommerce_thumbnail {
	width: 100% !important;
}

.shop-sidebar-left {
	width: 25%;
	background: #f9f9f9;
	padding: 15px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	position: sticky;
	top: 100px;
	/* Adjust for your header height */
	height: fit-content;
}

.shop-main-content {
	flex: 1;
	width: 45%;
}

.sidebar-main {
	padding-left: 10px !important;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
	box-shadow: none !important;
}

.wpc-filters-range-min {
	border-radius: 10px !important;
}

.wpc-filters-range-max {
	border-radius: 10px !important;
}

.shop-sidebar-right {
	width: 30%;
	/* padding: 20px; */
	position: sticky !important;
	top: 0;
	/* Adjust based on your header height */
	height: fit-content;
	overflow-y: scroll;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* Internet Explorer 10+ */
}

.shop-sidebar-right::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, and Edge */
}

.shop-sidebar-right .woocommerce-mini-cart {
	border: 1px solid #ddd;
	padding: 15px;
}

.shop-sidebar-right .woocommerce-mini-cart h3 {
	font-size: 18px;
	margin-bottom: 15px;
}

.shop-sidebar-right .woocommerce-mini-cart .cart_list {
	margin-bottom: 15px;
}

.ast-mini-cart-empty .woocommerce-mini-cart__empty-message {
	display: none;
}

.wpc-filters-range-column input[type="number"] {
	max-width: 65px !important;
}

.woocommerce-mini-cart__empty-message {
	visibility: hidden;
	position: relative;
}

.woocommerce-mini-cart__empty-message:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "No product in the basket";
}

.site-content {
	/* 	background: #fff4f5 !important; */
	background: #ffffff !important;
}

@media (min-width: 922px) {
	.ast-woo-shop-archive .site-content>.ast-container {
		max-width: 95%;
	}
}

@media (min-width: 993px) {
	.ast-left-sidebar #primary {
		padding-left: 60px;
		padding-right: 60px;
	}
}

.ast-archive-description {
	border: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.ast-archive-description .ast-archive-title {
	margin-bottom: 30px !important;
}

.woosq-btn {
	margin-top: 20px;
	border-radius: 50px !important;
	background: #000 !important;
	color: #fff !important;
	border: none !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	margin-bottom: 10px;
	transition: 0.4s ease-in-out !important;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.woosq-btn:hover {
	background: #dd183b !important;
}

.ast-loop-product__link {
	text-decoration: none;
}

.woocommerce-mini-cart__buttons {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.wc-forward {
	margin-bottom: 20px !important;
	border-radius: 50px !important;
	background: #000 !important;
	color: #fff !important;
	border: none !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	transition: 0.4s ease-in-out !important;
	text-align: center;
}

.wc-forward:hover {
	background: #dd183b !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #dd183b !important;
	color: #fff !important;
}

a.page-numbers:hover {
	background: #dd183b !important;
	color: #fff !important;
}

.astra-shop-thumbnail-wrap .attachment-woocommerce_thumbnail {
	object-fit: cover;
	width: 300px !important;
	height: 250px !important;
	border-radius: 10px !important;
}

.woosq-product .thumbnails img {
	padding-left: 20px;

	@media (max-width: 991px) {
		padding-left: 0px;
	}
}

.woosq-popup {
	height: 800vh !important;
	max-height: 80vh !important;
	max-width: 90vw !important;
}

.woosq-product {
	height: 100%;
}

.woosq-product>.product {
	height: 100%;
}

.woosq-product .entry-summary {
	height: unset !important;
}

.woosq-product .thumbnails {
	height: unset !important;
	max-height: unset !important;

	@media (max-width: 991px) {
		overflow: visible !important;
	}
}

.mfp-woosq .mfp-close {
	height: 40px !important;
	width: 40px !important;
	top: 15px !important;
	right: 15px !important;
}

.mfp-woosq .mfp-close:before {
	height: 40px !important;
	width: 40px !important;
	font-size: 40px !important;
	color: #dd183b !important;
}

.woosq-product .entry-summary .summary-content {
	padding: 40px 20px 20px 20px !important;
}

.wpcpo-option.wpcpo-option-image-checkbox .form-row label {
	width: 10% !important;
	padding: 0 !important;
}

.wpcpo-option.wpcpo-option-image-checkbox .form-row label img {
	width: 3em;
	height: 3em;
	border-radius: 50%;
}

.wpcpo-option-field {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #333;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.wpcpo-option-field:checked {
	background-color: #333;
	border-color: #333;
}

.single_add_to_cart_button {
	border-radius: 50px !important;
	background: #000 !important;
	color: #fff !important;
	border: none !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	transition: 0.4s ease-in-out !important;
	text-align: center;
	padding: 15px 20px !important;
}

.single_add_to_cart_button:hover {
	background: #dd183b !important;
}

.delivery-pickup-toggle {
	display: flex;
	margin-bottom: 20px;
}

.toggle-button {
	padding: 10px 20px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	cursor: pointer;
}

.toggle-button.active {
	background: #ddd;
	font-weight: bold;
}

.delivery-info {
	margin-top: 20px;
}

.wpc-checkbox-item {
	padding: 10px 0px !important;
}

.wpc-term-selected {
	background-color: #dd183b !important;
	color: #fff !important;
}

.wpc-filters-main-wrap li.wpc-checkbox-item a {
	text-transform: uppercase;
}

.wpc-filters-main-wrap li.wpc-term-selected a {
	color: #fff !important;
}

.wpc-checkbox-item input {
	display: none !important;
}

@media (min-width: 993px) {
	.ast-left-sidebar #secondary {
		padding-right: 20px !important;
	}
}

@media (max-width: 921px) {
	.site-content .ast-container {
		flex-direction: column !important;
	}

	.shop-sidebar-right {
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.products {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.astra-shop-thumbnail-wrap .attachment-woocommerce_thumbnail {
		width: 100% !important;
		height: 100% !important;
	}
}

/*Cart*/
.woocommerce-mini-cart .widget_shopping_cart_content ul li {
	padding: 10px !important;
}

.woocommerce-mini-cart .widget_shopping_cart_content ul li .remove {
	position: absolute;
	right: 10px;
}

.woocommerce-mini-cart .widget_shopping_cart_content ul li .attachment-woocommerce_thumbnail {
	display: none !important;
}

.woocommerce-mini-cart .widget_shopping_cart_content ul li .variation-Addons {
	font-size: 14px !important;
}

.woocommerce-mini-cart .widget_shopping_cart_content ul li .quantity {
	display: none !important;
}

/*Products*/
.products li {
	border-radius: 10px;
	border: 1px solid #cacaca;
}

.products li .astra-shop-summary-wrap {
	padding: 10px;
}

.products li .ast-loop-product__link {
	max-height: fit-content !important;
}

.products li .ast-loop-product__link h2 {
	font-size: 14px !important;
	line-height: 14px !important;
}

.products li .ast-woo-shop-product-description p {
	font-size: 14px;
	line-height: 14px;
}

/*Delivery Pickup Toggle */
.full-width-delivery-section {
	width: 100%;
	max-width: 100%;
	padding: 0 20px;
	margin: 40px auto;
	box-sizing: border-box;
}

.delivery-pickup-container {
	max-width: 1200px;
	margin: 0 auto;
}

.top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about {
	padding: 8px 15px;
	border: 1px solid #000000;
	border-radius: 30px;
	height: fit-content !important;
}

.delivery-pickup-tabs {
	background-color: #f7f7f7 !important;
	border-radius: 30px !important;
	padding: 7px !important;
}

.delivery-pickup-tabs button {
	background: transparent;
	transition: all 0.3s ease;
	color: #6c757d;
	font-weight: 500;
	border: none;
	font-size: 1px !important;
	padding: 7px 20px;
	border-radius: 30px;
}

.delivery-pickup-tabs button.active {
	background: white;
	color: black;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

.delivery-tab.active {
	background: #e3fcef;
	color: #198754;
}

.pickup-tab.active {
	background: #f8d7da;
	color: #dc3545;
}

.delivery-pickup-tabs button i,
.delivery-pickup-tabs button span {
	font-size: 1rem;
}

.delivery-tab .delivery-status {
	font-size: 8px !important;
	line-height: 12px !important;
	color: #000000 !important;
}

.pickup-tab .pickup-status {
	font-size: 8px !important;
	line-height: 12px !important;
	color: #000000 !important;
}

.info-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
}

.info-items i {
	font-size: 1.2rem;
	margin-right: 5px;
}

/*Product Category Description*/
.shop-category-info {
	padding: 20px 0;
	margin-bottom: 30px;
}

.shop-category-info .category-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #e2153e;
}

.shop-category-info .category-description {
	line-height: 1.6;
	color: #666;
}

/*Product Popup*/
.woosq-popup .woosq-product .ast-article-single .summary .cart .wpcpo-option-image-checkbox .wpcpo-option-form .form-row label {
	position: relative !important;
	width: 4% !important;
	margin: 10px 5px !important;
}

.woosq-popup .woosq-product .ast-article-single .summary .cart .wpcpo-option-image-checkbox .wpcpo-option-form .form-row label img {
	width: 20px !important;
	height: 20px !important;
}

.woosq-popup .woosq-product .ast-article-single .summary .cart .wpcpo-option-image-checkbox .wpcpo-option-form .form-row label .label-name {
	display: none !important;
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 10px !important;
}

.woosq-popup .woosq-product .ast-article-single .summary .cart .wpcpo-option-image-checkbox .wpcpo-option-form .form-row label:hover .label-name {
	display: block !important;
}

.wpcpo-option-field {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #333;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.wpcpo-option-field::before {
	content: "";
	width: 12px;
	height: 12px;
	background-color: transparent;
	border-radius: 50%;
	transition: background 0.3s ease-in-out;
}

.wpcpo-option-field:checked {
	border-color: #333;
	background-color: white !important;
}

.wpcpo-option-field:checked::before {
	background-color: #e2153e;
}

/*feature-slider*/
.feature-slider .swiper-slide {
	padding: 10px;
}

.feature-slider .swiper-slide .ast-grid-common-col {
	display: flex !important;
	justify-content: space-between !important;
	gap: 30px !important;
	border: 1px solid #898686 !important;
	padding: 0 !important;
	border-radius: 10px;
}

.feature-slider .swiper-slide .ast-grid-common-col .astra-shop-thumbnail-wrap img {
	width: 100px !important;
	height: 80px !important;
}

.feature-slider .swiper-slide .ast-grid-common-col .astra-shop-summary-wrap .ast-woo-product-category a {
	font-size: 12px !important;
	line-height: 12px !important;
	color: #000000 !important;
}

.feature-slider .swiper-slide .ast-grid-common-col .astra-shop-summary-wrap .woocommerce-loop-product__title {
	font-size: 16px !important;
	line-height: 20px !important;
}

/*Shop Page CSS*/

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Roote Div */
.root-div {
	margin: 4rem 0;
}

/* About Popup and Button Start */
button.aboutBtn {
	background: #f5f3f1;
	border: none;
	height: 53px;
	width: 144px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-weight: 500;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		height: 46px;
		width: 140px;
	}
}

/* About Popup and Button End */

/* Delivery and Collection Strart */
.delivery-about-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		flex-direction: column;
		gap: 30px;
		margin-bottom: 15px;
	}
}

.delivery-tabs {
	display: flex;
	background: #f6f6f6;
	border-radius: 50px;
	padding: 5px !important;
	border: none;
}

.delivery-tabs .nav-item {
	flex: 1;
}

.delivery-tabs .nav-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 3px 20px;
	border-radius: 50px !important;
	background: transparent;
	border: none;
	color: #888;
	font-weight: 500;
	text-decoration: none;
	justify-content: center;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		padding: 0px 15px;
	}
}

.delivery-tabs .nav-link .icon {
	font-size: 18px;
}

.delivery-tabs .nav-link .content h6 {
	margin: 0;
	font-size: 16px;
}

.delivery-tabs .nav-link .content span {
	font-size: 12px;
	color: #999;
}

.delivery-tabs .nav-link.active {
	background: white;
	color: #000;
	font-weight: bold;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.delivery-tabs .nav-link.active .content span {
	color: #666;
}

.delivery-content {
	display: flex;
	gap: 15px;
	font-size: 14px;
	color: #000;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		flex-direction: column;
	}
}

/* Delivery and Collection Strart */

/* Facilities start */
.facilities-area {
	background-color: #f7f7f7;
}

.single-facility {
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 20px 0;
	border: 1px solid #6666662e;
}

.single-facility-icon {
	color: #e74c3c;
	font-size: 43px;
}

.single-facility-text span {
	font-size: 18px;
	font-weight: 900;
}

.single-facility-text p {
	font-size: 14px;
	color: #000;
	margin: 0;
}

/* Facilities end */

/* Featured Area Start */
.feature-slider-area {
	padding: 4rem 0;
	@media(max-width: 767px){
		padding-top: 30px !important;
		padding-bottom: 30px !important;
/* 		new added */
	}
}

.feature-title {
	font-size: 24px !important;
	font-weight: bold !important;
	margin-bottom: 30px;
	line-height: 36px !important; 
/* 	new added */
		@media(max-width: 767px){
		margin-bottom: 15px !important;
/* 		new added */
	}
}

.products-title-desc {
	margin-right: 60px;
	margin-bottom: 30px;
	margin-top: 20px;
/* 	new added */
	/* small mobile :320px. */
	@media (max-width: 767px) {
		margin-top: 20px;
		width: 100%;
	}
}

.products-title-desc h5 {
	font-size: 24px;
	color: #e74c3c;
}

.products-title-desc p {
	font-size: 18px;
	color: #000;
}

.render_product_itemfilter .col-lg-4 {
	margin-bottom: 40px;
}

.menu-card {
	display: flex;
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	width: 100%;
	transition: 0.3s ease-in-out;
	cursor: pointer;
	padding: 10px;
	margin: 10px;
}

.menu-card:hover {
	background-color: #f2f2f2;
}

.menu-card-img-wrap {
	width: 40%;
	height: 130px !important;
	margin-right: 15px;
	border-radius: 15px;
	overflow: hidden;
	height: fit-content;
}

.menu-card-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menu-info {
	flex-grow: 1;
}

.menu-info p {
	font-size: 12px;
	color: #555;
	margin-bottom: unset;
}

.menu-info h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.menu-info .price {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}

.menu-info .calories {
	font-size: 12px;
	color: #666;
}

.add-button {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ff4500;
	font-size: 20px;
	cursor: pointer;
	transition: 0.3s;
	border: 1px solid #edeceb;
}

.add-button:hover {
	background: #ff4500;
	border-color: #ff4500;
	color: #fff;
}

/* Product Card Start */

/* Food Card Styling */
.food-card {
	position: relative;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: transform 0.3s ease;
	margin-bottom: 30px;
	cursor: pointer;
	height: 100%;
}

.food-card-thumb {
	position: relative;
	padding-top: calc(300 / 390 * 100%);
}

.food-card-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.food-card a {
	position: absolute;
	content: "";
	inset: 0;
	z-index: 1;
}

.food-card a {
	position: absolute;
	content: "";
	inset: 0;
	z-index: 1;
}

.food-card:hover {
	transform: translateY(-5px);
}

/* Food Image */
.food-card img {
	width: 100%;
	height: auto;
	border-bottom: 2px solid #f0f0f0;
}

/* Food Details */
.food-details {
	padding: 15px;
}

.food-details h3 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}

.food-details .calories {
	font-size: 14px;
	color: #555;
	margin-bottom: 5px;
}

.food-details .energy {
	font-size: 12px;
	color: gray;
	margin-bottom: 20px;
}

/* Price and Cart Button */
.price-cart {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 15px;
	width: 90%;
}

.price-cart .price {
	font-size: 18px;
	font-weight: bold;
}

.add-to-cart {
	background-color: #e74c3c;
	color: white;
	border: none;
	width: 36px !important;
	/* height: 36px !important; */
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 18px;
}

.add-to-cart:hover {
	background-color: #c0392b;
}

/* Product Card End */

/* Swiper Navigation */
.swiper-button-next,
.swiper-button-prev {
	color: #ff4500 !important;
	height: 40px !important;
	width: 40px !important;
	background-color: #fff !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
	border-radius: 50% !important;
	font-size: 40px !important;
	margin-top: -20px !important;
}

/* small mobile :320px. */
@media (max-width: 767px) {

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px !important;
}

/* Featured Area Emd */

/* Search Area Start */
.search-wrap {
	position: relative;
	margin-top: 30px;
	margin-bottom: 60px;
	
	@media(max-width: 767px){
		margin-bottom: 30px;
	}
}

.search-wrap .form-control {
	height: calc(2em + 0.75rem + 2px) !important;
}

.search-wrap input {
	width: 100%;
	padding-left: 40px !important;
	border-radius: 50px !important;
}

.input-group-append {
	position: absolute;
	content: "";
	top: 0;
	left: 10px;
	height: 100%;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px !important;
}

.input-group-append button {
	border: none;
	background-color: unset;
	color: #e74c3c;
}

/* Search Area End */

.tab-content {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	align-items: center;
}

.tab-content .content {
	display: flex;
	flex-direction: column;
}

.sidebar {
	position: sticky;
	top: 0;
	background: #f2f2f2;
	padding: 15px;

	@media (max-width: 991px) {

		/* For tablets and smaller devices */
		.sidebar {
			display: none;
		}
	}
}

.sidebar h5 {
	font-size: 1.25rem;
	font-weight: bold !important;
	padding: 10px !important;
}

.sidebar a {
	display: block;
	font-size: 14px;
	padding: 10px;
	color: #333;
	text-decoration: none;
}

.sidebar a.active {
	background: #e74c3c;
	color: white;
	border-radius: 4px;
}

.food-item img {
	width: 100%;
	border-radius: 8px;
}

.order-summary {
	background: #fff;
	padding: 15px;
	border-radius: 5px;
}

/* Right Sidebar */
/* .shop-sidebar-right {
  margin: 4em 0;
} */

.order-container {
	background: #f2f2f2;
	padding: 20px;
	border-radius: 10px;
}

.shop-sidebar-right .order-container h2 {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: bold;
}

.order-item {
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.order-item:last-child {
	border-bottom: none;
}

.title-price-wrap {
	display: flex;
	justify-content: space-between;
}

.item-title {
	font-weight: bold;
	font-size: 16px;
	color: #000;
	margin-right: 15px;
}

.item-title a {
	text-decoration: none;
	color: black;
}

.item-options {
	color: #777;
	font-size: 14px;
	margin-top: 5px;
}

.item-price {
	float: right;
	font-weight: bold;
}

.quantity-controls {
	margin-top: 10px;
	background: #fff;
	width: fit-content;
	margin-left: auto;
	border-radius: 50px;
}

.quantity-controls button {
	border: none;
	padding: 5px 10px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
}

.quantity-controls .quantity {
	margin: 0 10px;
	font-size: 16px;
	font-weight: bold;
}

.delete-item {
	background: none;
	border: none;
	color: red;
	font-size: 18px;
	cursor: pointer;
	margin-left: auto;
}

.summary {
	margin-top: 20px;
}

.summary-item {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	margin-bottom: 8px;
}

.summary-item .info-icon {
	font-size: 14px;
	color: #ff9800;
	cursor: pointer;
}

.total {
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}

.checkout-btn {
	background: #ff7f00;
	color: #fff !important;
	text-align: center;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	display: block;
	text-decoration: none;
	margin-top: 30px;
}

.checkout-btn:hover {
	background: #e06d00;
}

#order_review_heading{
	border-radius: 10px 10px 0 0;
}
.woocommerce-checkout-review-order{
	border-radius: 0 0 10px 10px;
}

.woocommerce-input-wrapper .input-text{
	border-radius: 10px !important;
}

.place-order .button{
	border-radius: 50px !important;
}

/* Category mobile menu  */

.menu-container {
	position: sticky;
	right: 0;
	top: 0;
	z-index: 1;
	display: none;
	justify-content: end;
	transition: 0.3s ease-in-out;
	display: none !important;
	margin-bottom: 10px;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		display: block !important;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		display: block !important;
	}
}

.left {
	display: block;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		display: none;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		display: none;
	}
}

.menu-button {
	background-color: #fde7c3 !important;
	padding: 10px;
	cursor: pointer;
	display: block;
	text-align: center;
	font-weight: bold;
	border: none;
	margin-left: auto;
}

.menu-list {
	position: absolute;
	content: "";
	top: 50px;
	right: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	width: 300px;
	background: white;
	border: 1px solid #ccc;
	transition: opacity 0.5s ease-in-out;
}

.menu-list li {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

.menu-list li:last-child {
	border-bottom: none;
}

.menu-list .active {
	background: black;
	color: white;
}

/* About Popup */

.modal-body {
	background-color: #f7f7f7;
	padding: 30px;
}

.single-modal {
	margin-bottom: 30px;
}

.single-modal h4 {
	color: #555;
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 18px;
	margin-bottom: 30px;
}

.modal-content-wrap {
	display: flex;
	gap: 30px;
	background-color: #fff;
	padding: 10px;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		flex-direction: column;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		flex-direction: column;
	}
}

.modal-content-wrap img {
	width: 30%;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		width: unset;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		width: unset;
	}
}

.modal-dialog {
	max-width: 80vw !important;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		max-width: unset !important;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		max-width: unset !important;
	}
}

/* modal map */
.mapouter {
	position: relative;
	text-align: right;
	width: 100%;
	height: 400px;
}

.gmap_canvas {
	overflow: hidden;
	background: none !important;
	width: 100%;
	height: 400px;
}

.gmap_iframe {
	width: 100%;
	height: 400px !important;
	border: none;
}

/* modal table */
table {
	width: 60%;
	border-collapse: collapse;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		width: unset;
	}
}

th,
td {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}

th {
	background-color: #555555;
	/* Green header background */
	color: white;
}

/* Product Details Strart */
.product-details-modal {
	position: relative;
	padding: 30px;
	height: 60vh;
	overflow: hidden;
/* 	new added */
	border-radius: 10px !important;
	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		height: unset;
		padding: 15px;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		height: 100vh;
		padding: 15px 0px;
	}
}

.product-details-modal .container{
	padding: 0 !important;
}

.close-btn {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 24px;
	background: none;
	border: none;
	cursor: pointer;
	color: #333;
	z-index: 1000;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		top: 15px;
		right: 0;
/* 		new added */
		color: white;
	}
}

.close-btn {
	background: transparent !important;
}

.close-btn:hover {
	color: red;
}

.product-details-modal .product-img-wrap {
	border-radius: 15px;
	overflow: hidden;
}

.product-details-modal .product-img-wrap img {
	width: 100%;
	height: 50vh;
	object-fit: cover;
	
/* 	new added */
	@media(max-width: 767px){
		height: 30vh !important;
	}
}

.product-details-modal-items {
	height: 50vh;
	/* Increase height */
	overflow-y: auto;
	/* Ensures scrolling appears only when needed */
	@media(max-width: 767px){
		height: 70vh !important;
		/* 	new added */
	}
}

.product-details-modal-items::-webkit-scrollbar {
	width: 6px;
	/* Thin scrollbar width */
}

.product-details-modal-items::-webkit-scrollbar-track {
	background: #f1f1f1;
	/* Light background */
	border-radius: 10px;
}

.product-details-modal-items::-webkit-scrollbar-thumb {
	background: #888;
	/* Darker scrollbar */
	border-radius: 10px;
}

.product-details-modal-items::-webkit-scrollbar-thumb:hover {
	background: #555;
	/* Slightly darker on hover */
}

.product-details-modal-items {
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
}

.product-detail-option h5 {
	font-size: 20px;
	font-weight: 900;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	/* 	new added */
	@media(max-width: 767px){
		margin-bottom: 20px;
	}
}

.product-detail-option h5 span {
	color: #00958a;
}

.product-detail-title-desc p{
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 40px;
/* 	new added */
	@media(max-width: 767px){
		padding-bottom: 20px;
	}
}

.product-detail-title-desc h1 {
	font-size: 29px;
	font-weight: 600;
	margin-bottom: 18px;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		margin-top: 30px;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		margin-top: 30px;
	}
}

.options-list li input[type="radio"] {
	accent-color: #8b5a2b;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.options-list {
	list-style: none;
	padding: 0;
	margin-left: unset;
}

.options-list li {
	padding: 10px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.options-list li:last-child {
	border-bottom: none;
}

.options-list li label {
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 10px;
	/* Adjust spacing between input and text */
}

.options-list li input {
	cursor: pointer;
}

.required {
	color: red;
	font-weight: bold;
}

.tooltip-icon {
	cursor: pointer;
}

/* allergies */
.product-detail-allergence {
	display: flex;
	align-items: center;
	gap: 15px;
}

.product-detail-allergence p {
	font-size: 14px;
	margin: 0;
}

.allergen-icons {
	display: flex;
	align-items: center;
}

.allergen-icon {
	width: 30px;
	height: 30px;
	margin: 0 5px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.seafood {
	background-color: #007bff;
}

/* Blue */
.dairy {
	background-color: #ccc;
	color: black;
}

/* Grey */
.nuts {
	background-color: #8b5a2b;
}

/* Brown */

.product-detail-allergence {
	display: flex;
	align-items: center;
}

/* subtotal */
.quantity-container {
	display: flex;
	align-items: center;
	background-color: #f8f8f8;
	border-radius: 25px;
	padding: 5px 10px;
	width: fit-content;
/* 	new added */
	gap: 3px !important;
	/* small mobile :320px. */
	@media (max-width: 767px) {
		margin-right: auto;
	}
}

.quantity-btn {
	background: none;
	border: none;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px 10px;
}

.quantity-btn:focus {
	outline: none;
	color: #FFF !important;
/* 	new added */
}
.quantity-btn:focus:hover{
	color: #333 !important;
}

.quantity-input {
	width: 30px;
	text-align: center;
	font-size: 20px;
	border: none;
	background: none;
	font-weight: bold;
	color: #222;
}

.quantity-input:focus {
	outline: none;
}

.quantity-btn {
	width: 40px;
	height: 40px;
	background-color: #f8f8f8;
	color: black;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
}

.quantity-btn:hover {
	background-color: #e0e0e0;
}

.quantity-input {
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	font-weight: bold;
}

.basket-btn {
	background-color: #ff7300;
	color: white;
	border: none;
	padding: 12px 20px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	text-align: center;
}

.basket-btn:hover {
	background-color: #e66500;
}

.price-summary {
	text-align: left;
	font-size: 16px;
	margin-bottom: 15px;
}

.quantity-add-to-cart {
	gap: 20px;

	/* small mobile :320px. */
	@media (max-width: 767px) {
		flex-direction: column;
	}
}

.subtotal {
	margin-bottom: 40px;
}

/* Contact Information */
.return-to-back-btn a {
	color: #e74c3c;
}

.information-bottom {
	margin-top: 60px;
	margin-bottom: 120px;
	align-items: center;
}

.place-order {
	width: 50%;
}

a.return-to-back-btn {
	color: #e74c3c;
}

a.return-to-back-btn i {
	margin-right: 15px;
}

.place-order-btn {
	background: transparent;
	color: black;
	padding: 10px 20px;
}

/* Add to Cart */
.add-to-cart-area h5 {
	margin-bottom: 30px;
}

.add-to-cart-area p {
	font-size: 14px;
}

.add-to-cart-header {
	display: flex;
	gap: 15px;
}

.add-to-cart-header i {
	color: #125fca;
}

.add-to-cart-area form input {
	height: 50px;
}

.alert-box {
	background: #e9f4ff;
	padding: 15px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		flex-direction: column;
		gap: 30px;
		align-items: end;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		flex-direction: column;
		gap: 30px;
		align-items: end;
	}
}

.create-login-btns {
	display: flex;
	gap: 15px;
}

.btn-link.focus,
.btn-link:focus {
	text-decoration: none;
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

.btn-black {
	background: black;
	color: white;
	border-radius: 20px;
	padding: 8px 15px;
	font-weight: bold;
}

.create-btn {
	color: #000;
	padding: 0;
}

.btn-orange {
	background: #ff6600;
	color: white;
	border-radius: 25px;
	padding: 10px 20px;
	height: 50px;
	font-weight: bold;
	border: none;
	width: 30%;

	/* Tablet desktop :768px. */
	@media (min-width: 768px) and (max-width: 991px) {
		width: unset;
	}

	/* small mobile :320px. */
	@media (max-width: 767px) {
		width: unset;
	}
}

/* Collection at */
.collection-box {
	border: 1px solid #eee;
	padding: 20px;
	border-radius: 8px;
	background: #fff;
}

.collection-box i {
	color: #000;
	margin-right: 8px;
}

.form-control {
	border-radius: 8px !important;
	height: calc(1.5em + .75rem + 2px) !important;
	padding: .375rem .75rem !important;
}

.woocommerce-checkout .form-row {
	display: block !important;
}

#payment .place-order {
	width: 100%;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
	padding: 14px 12px !important;
	background: transparent;
	color: #000;
	text-align: left;
	width: 50%;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name,
.woocommerce.woocommerce-checkout form #order_review td.product-name {
	display: table-cell !important;
}

.quantity-controls button {
	background: transparent !important;
}

/* Feb26 css start */
.loader_render3 .loader_render2,
.loader_render {
	position: relative;
}

.loader_img {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
}

.loaderblack_img {
	width: 40px;
}

.loader_render2 .loader_img {
	top: 50%;
	transform: translate(-50%, -50%);
}

.woocommerce .col-2,
.woocommerce .col-1 {
	max-width: 100%;
}

.woocommerce .form-row {
	display: block;
}

.woocommerce-account .woocommerce-button:hover {
	color: #fff !important;
}

.woocommerce table th {
	background: #fff !important;
	color: #000 !important;
}

.woocommerce table th,
.woocommerce table td {
	text-align: left;
}

.woocommerce-checkout .total {
	margin-top: 0;
	border-top: none;
}

.woocommerce-checkout .woocommerce-checkout-payment {
	margin-top: 40px;
}

.woocommerce-terms-and-conditions-wrapper,
.wc_payment_methods,
.woocommerce-checkout .checkout-btn,
.woocommerce-checkout-review-order-table {
	display: none !important;
}

.woocommerce-checkout #place_order:hover {
	color: #fff !important;
}

.delivery_title {
	font-size: 22px !important;
}

.delivery_location {
	font-size: 14px;
}
/* New added */
.menu-info{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
}

.woocommerce-checkout-review-order{
	background: #f2f2f2;
}

#order_review_heading{
	background: #f2f2f2;
}

.woocommerce-page .select2-container .select2-selection--single{
	border-radius: 10px !important;
}

.product-details-modal {
    @media (max-width: 767px) {
        height: 100vh;
        padding: 15px !important;
    }
}

.modal-dialog{
	
	@media (max-width: 767px) {
        margin: 0 !important;
    }
}

#aboutModal .modal-dialog{
	margin: auto !important;
	max-width: 60vw !important;
}

.feature-active{
	padding-left: 120px !important;
	padding-right: 120px !important;
	
	@media(max-width: 991px){
	padding-left: 80px !important;
	padding-right: 80px !important;	
	}
	
	@media(max-width: 767px){
	padding-left: 0 !important;
	padding-right: 80px !important;	
	}
}

.offer-slide-active{
	@media(max-width: 767px){
	padding-left: 0 !important;
	padding-right: 80px !important;	
	}
}

.btn-col{
	display: flex;
	justify-content: flex-end;
}

.popular-btns{
	display: flex;
	gap: 15px;
}

.popular-btns li{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #e72a2e;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.popular-btns li svg{
	height: 18px !important;
}


.extra-note{
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
}

.item-title{
	display: flex;
	flex-direction: column;
}