/*
Theme Name: Vape4Change
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Tirth Raj
Template: astra
Version: 1.0.0
*/
/* Add your custom CSS below */

.page .entry-content p {margin-bottom: 12px;}
.site-header-primary-section-center .ast-header-html .dgwt-wcas-search-form input#dgwt-wcas-search-input-1 {max-width: 100%; width: 600px; height: 48px;}
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {top: 12px;}
.featureimg .hfe-post-image img {width: 100%; height: 210px; object-fit: cover; object-position: center;}
.featureimg .hfe-post-title a {font-size: 20px; !important;}
.shopcat h3.elementor-image-box-title a {font-size: 18px;}

/********************** Age Verfiy Popup CSS Start ********************************/
.age-gate {padding: 0px; border-radius: 20px; padding-bottom: 20px;}
form.age-gate__form .age-gate__heading {background: #000000; width: 100%; padding: 12px 20px 10px 20px;}
.age-gate__heading-title--logo {width: 250px; margin: 0 auto;}
.age-gate__fields {padding: 0px 30px 0px 30px;}
h2.age-gate__subheadline {font-size: 26px;font-weight: 900;padding-top: 30px;margin-bottom: 10px;}
p.age-gate__challenge {line-height: 24px;}
button.age-gate__submit.age-gate__submit--yes {flex: 1 1 0%;background: #111111; padding: 16px 42px; text-transform: capitalize; border-radius: 12px;}
button.age-gate__submit.age-gate__submit--no {flex: 1 1 0%; background: #f4f6f5; border: 1px solid #e4e8e6;color: #111111; padding: 16px 42px;text-transform: capitalize; border-radius: 12px;}
/********************** Age Verfiy Popup CSS End ********************************/
.homeaddbtn .cart .button {width: 210px !important;}
.protitle .product_title a {font-weight: 600;}
.protitle .elementor-heading-title {display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.5!important; height: 3em; margin-bottom: 0px!important}
.homeproprice .price {display: flex; align-items: baseline; gap: 8px; margin: 0; font-weight: 700 !important;}
.homeproprice .price > .woocommerce-Price-amount:first-of-type::before, .homeproprice .price ins::before {content: "from ";}
.homeproprice .price ins {order: 1; text-decoration: none; font-weight: 700; color: #111;}
.homeproprice .price del {order: 2; color: #1e1e1e; font-size: 15px; font-weight: 600!important;}

.product-card {position: relative;}
.homesalebadge {position: absolute; top: 12px; left: 12px; z-index: 10;}
.homesalebadge .custom-sale-badge {display: inline-block; background: #e23a2f; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; padding: 6px 9px; border-radius: 6px;}
.v4c-stock-status {display: block; margin: 8px 0; font-size: 14px; font-weight: 600;}
.v4c-in-stock {color: #198754;}
.v4c-out-stock {color: #dc3545;}

/* Out of stock shortcode widget */
.product-card .elementor-element-b7656f6 {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 25%;
    z-index: 10;
    margin: 0 !important;
    padding: 0 !important;
}

/* Out of stock label */
.product-card .v4c-out-stock-badge {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 8px;
    background: #00000099;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.e-loop-item.outofstock .homesalebadge {display: none !important;}

/* Loop Product Featured Image */
.vc-loop-img {
    width: 100%;
    height: 246px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Product Image */
.vc-loop-img img {
    width: 100% !important;
    height: 246px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward {background: #111111;}
.vcaddbtn .ast-stock-detail {display: none !important;}

/******************** Contact Us CSS *************************/
.contact-form-field input[type=text], .contact-form-field input[type=email] {height: 50px; border-radius: 8px; font-size: 15px;}
.contact-form-field textarea {height: 150px; border-radius: 8px; font-size: 15px; }
.contact-form-submit input[type=submit] {background: #111111;text-transform: capitalize;font-size: 18px; font-weight: 500; border-radius: 8px;  float: right;  transition: all 0.3s ease;}
.contact-form-submit input[type=submit]:hover {background: #777777; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);}
/* Focus effect */
.contact-form-field input:focus,
.contact-form-field textarea:focus {
    border-color: #111!important;
    box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.07);
    outline: none!important;
}
/******************** Contact Us CSS *************************/

@media (max-width: 767px) {
	 .vc-loop-img, .vc-loop-img img {height: 203px !important;}
	.product-card .elementor-element-b7656f6 {left: 22px;right: 22px;top: 20;}
	.product-card .v4c-out-stock-badge {font-size: 13px;}
	.ast-mobile-header-wrap .ast-above-header-bar {text-align: center;}
	.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {border: 0;}
	h2.age-gate__subheadline {font-size: 20px;}
	button.age-gate__submit.age-gate__submit--yes {padding: 16px 15px;}
	button.age-gate__submit.age-gate__submit--no {padding: 16px 15px;}
	.v4c-mobile-product-slider .elementor-loop-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		gap: 10px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 5px;
	}
	.v4c-mobile-product-slider .e-loop-item {
		flex: 0 0 calc(50% - 5px) !important;
		width: calc(50% - 5px) !important;
		max-width: calc(50% - 5px) !important;
		scroll-snap-align: start;
	}
	.v4c-mobile-product-slider .elementor-loop-container::-webkit-scrollbar {display: none;}
	.v4c-mobile-product-slider .elementor-loop-container {scrollbar-width: none;}
	.homeaddbtn .cart .button, .shopproloop .cart .button {width: 160px !important;}
	.homeproprice .price {font-size: 15px!important;font-weight: 700 !important;}

	/* ================ Category Grid View Products ================= */
	.v4c-category-grid .elementor-loop-container {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
		max-width: 100% !important;
		gap: 10px !important;
		overflow: visible !important;
	}
	.v4c-category-grid .e-loop-item {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.v4c-category-grid .elementor-widget, .v4c-category-grid .elementor-widget-container {max-width: 100% !important; min-width: 0 !important;}
	.shopproloop .elementor-pagination {display: block!important;}
	body:not(.rtl) .elementor-16111 .elementor-element.elementor-element-143c851 .elementor-pagination .page-numbers:not(:last-child) {margin-top: calc(10px / 2);}
	body:not(.rtl) .elementor-16111 .elementor-element.elementor-element-143c851 .elementor-pagination .page-numbers:not(:first-child) {margin-bottom: calc(10px / 2);}
}
/* ================ CART DRAWER ================= */
.astra-cart-drawer {
	width: 420px !important;
	max-width: 92vw !important;
	background: #ffffff !important;
	border-left: 1px solid #e5e5e5 !important;
	box-shadow: -10px 0 35px rgba(0, 0, 0, 0.15) !important;
	overflow: hidden !important;
}
/* ============== HEADER ================== */
.astra-cart-drawer .widget_shopping_cart_heading {
	background: #ffffff !important;
	color: #171717 !important;
	padding: 18px 20px !important;
	border-bottom: 1px solid #e8e8e8 !important;
}
.astra-cart-drawer .widget_shopping_cart_heading h2 {
	margin: 0 !important;
	color: #171717 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}
.astra-cart-drawer .ast-close-btn {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #171717 !important;
	transition: all 0.25s ease !important;
}
.astra-cart-drawer .ast-close-btn:hover {background: #f3f3f3 !important;transform: rotate(90deg);}
/* =============== CONTENT ================ */
.astra-cart-drawer .widget_shopping_cart_content {padding: 18px !important;	background: #ffffff !important;}
.astra-cart-drawer ul.woocommerce-mini-cart {margin: 0 !important;padding: 0 !important;}
/* ============== PRODUCT CARD ================= */
.astra-cart-drawer ul.woocommerce-mini-cart li {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	min-height: 84px !important;
	margin: 0 0 12px !important;
	padding: 12px !important;
	background: #fafafa !important;
	border: 1px solid #eeeeee !important;
	border-radius: 10px !important;
	box-sizing: border-box !important;
}
/* ================= PRODUCT LINK ================== */
.astra-cart-drawer ul.woocommerce-mini-cart li > a:not(.remove) {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	padding: 2px 28px 2px 72px !important;
	margin: 0 !important;
	color: #181818 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}
/* ================= PRODUCT IMAGE ================== */
.astra-cart-drawer ul.woocommerce-mini-cart li > a:not(.remove) img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	transform: none!important;
	width: 60px !important;
	height: 60px !important;
	margin: 0 !important;
	padding: 6px !important;
	object-fit: contain !important;
	background: #ffffff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
}
/* ================ PRODUCT TITLE ===================== */
.astra-cart-drawer ul.woocommerce-mini-cart li > a:not(.remove):hover {color: #6b8f5a !important;}
/* ================ QUANTITY + PRICE =================== */
.astra-cart-drawer ul.woocommerce-mini-cart li .quantity {
	display: block !important;
	margin: 5px 0 0 72px !important;
	color: #666666 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
}
.astra-cart-drawer ul.woocommerce-mini-cart li .quantity .amount, .astra-cart-drawer ul.woocommerce-mini-cart li .quantity .woocommerce-Price-amount {color: #222222 !important; font-weight: 600 !important;}
.return-to-shop a.button {background: #111111;}
/* =============== REMOVE BUTTON ======================= */
.astra-cart-drawer ul.woocommerce-mini-cart li a.remove {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	width: 24px !important;
	height: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	border: 1px solid #d5d5d5 !important;
	border-radius: 50% !important;
	color: #999999 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	z-index: 10 !important;
	transition: all 0.2s ease !important;
}
.astra-cart-drawer ul.woocommerce-mini-cart li a.remove:hover {
	background: #111111 !important;
	border-color: #111111 !important;
	color: #ffffff !important;
}
/* ============== SUBTOTAL ================= */
.astra-cart-drawer .woocommerce-mini-cart__total {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin: 24px 0 0 !important;
	padding: 16px 0 !important;
	border-top: 1px solid #e5e5e5 !important;
	border-bottom: 1px solid #e5e5e5 !important;
}
.astra-cart-drawer .woocommerce-mini-cart__total strong {
	color: #222222 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}
.astra-cart-drawer .woocommerce-mini-cart__total .amount {
	color: #111111 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
}
/* =========== BUTTONS =============== */
.astra-cart-drawer .woocommerce-mini-cart__buttons {
	display: flex !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 16px 0 0 !important;
}
.astra-cart-drawer .woocommerce-mini-cart__buttons a {
	width: 100% !important;
	min-height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	transition: all 0.25s ease !important;
}
/* =========== VIEW CART ================== */
.astra-cart-drawer .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
	background: #111111 !important;
	border: 1px solid #111111 !important;
	color: #ffffff !important;
}
.astra-cart-drawer .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover {
	background: #292929 !important;
	border-color: #292929 !important;
	transform: translateY(-1px);
}
/* ================= CHECKOUT ===================== */
.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout {
	background: #6b8f5a !important;
	border: 1px solid #6b8f5a !important;
	color: #ffffff !important;
}
.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover {
	background: #587848 !important;
	border-color: #587848 !important;
	transform: translateY(-1px);
}
/* ================= EMPTY CART ======================= */
.astra-cart-drawer .woocommerce-mini-cart__empty-message {
	padding: 60px 20px !important;
	text-align: center !important;
	color: #777777 !important;
	font-size: 14px !important;
}
/* ================ OVERLAY ======================= */
.astra-cart-drawer-overlay {background: rgba(0, 0, 0, 0.50) !important; backdrop-filter: blur(2px);}
/* ================= MOBILE ==================== */
@media (max-width: 767px) {
	.astra-cart-drawer {width: 92vw !important;	max-width: 92vw !important;	}
	.astra-cart-drawer .widget_shopping_cart_heading {padding: 18px 20px !important;}
	.astra-cart-drawer .widget_shopping_cart_content {padding: 18px !important;}
	.astra-cart-drawer ul.woocommerce-mini-cart li {padding: 11px !important;}
	.astra-cart-drawer ul.woocommerce-mini-cart li > a:not(.remove) {padding-left: 68px !important;	padding-right: 26px !important;}
	.astra-cart-drawer ul.woocommerce-mini-cart li > a:not(.remove) img {width: 56px !important;height: 56px !important;}
	.astra-cart-drawer ul.woocommerce-mini-cart li .quantity {margin-left: 68px !important;}
}
.vcproprice .price {font-size: 30px !important; font-weight: 900 !important;}
/* ============ PRODUCT GALLERY ==================== */
.vcproimg .woocommerce-product-gallery {
	display: flex !important;
	align-items: flex-start;
	gap: 12px;
	position: relative;
	width: 100%;
}
/* =========================================
MAIN IMAGE
========================================= */

.vcproimg .woocommerce-product-gallery .flex-viewport {
	order: 2;
	flex: 1 1 auto;
	width: calc(100% - 92px) !important;
	min-width: 0;
}

/* =========================================
THUMBNAIL COLUMN
========================================= */

.vcproimg .woocommerce-product-gallery .flex-control-thumbs {
	order: 1;

	width: 80px !important;
	min-width: 80px !important;

	margin: 0 !important;
	padding: 0 !important;

	display: flex !important;
	flex-direction: column !important;

	gap: 10px;

	/* Important */
	max-height: 530px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;

	list-style: none !important;
}

/* ================ THUMBNAIL ITEMS ====================== */
.vcproimg .woocommerce-product-gallery .flex-control-thumbs li {
	width: 80px !important;
	min-width: 80px !important;
	height: 80px !important;
	flex: 0 0 80px !important;
	float: none !important;
	margin: 0 !important;
}
/* =============== THUMBNAIL IMAGE ===================== */
.vcproimg .woocommerce-product-gallery .flex-control-thumbs li img {
	display: block !important;
	width: 80px !important;
	height: 80px !important;
	object-fit: cover;
	border-radius: 8px;
	margin: 0 !important;
}
/* ============== THUMBNAIL SCROLLBAR ==================== */
.vcproimg .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {width: 4px;}
.vcproimg .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-track {background: transparent;}
.vcproimg .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {background: #d0d0d0;border-radius: 10px;}
/* ========= SALE BADGE ================= */
.vcproimg .ast-onsale-card {
	position: absolute !important;
	top: 15px !important;
	left: 100px !important;
	z-index: 50 !important;
	margin: 0 !important;
	background: #e23a2f !important;
	color: #ffffff !important;
	border-radius: 10px !important;
	font-weight: 800 !important;
}

/* =============== MOBILE ================ */
@media (max-width: 767px) {
	.vcproimg .woocommerce-product-gallery {display: block !important;margin-bottom: 5px !important;}
	.vcproimg .woocommerce-product-gallery .flex-viewport {width: 100% !important;}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs {
		width: 100% !important;
		max-width: 100% !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		margin-top: 10px !important;
		padding: 0 !important;
		gap: 10px !important;
		cursor: grab;
		-webkit-overflow-scrolling: touch !important;
		touch-action: pan-x !important;
		scrollbar-width: none !important;
	}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {display: none !important;}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs:active {cursor: grabbing;}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs li {width: 70px !important;	min-width: 70px !important;	max-width: 70px !important;height: 70px !important; flex: 0 0 70px !important;	float: none !important;	margin: 0 !important;}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs li img {width: 70px !important;	height: 70px !important;}
	.vcproimg .ast-onsale-card {top: 15px !important;left: 15px !important;}
}
/* =============== MOBILE ================ */
/* @media (max-width: 767px) {
	.vcproimg .woocommerce-product-gallery {display: block !important; margin-bottom: 5px !important;}
	.vcproimg .woocommerce-product-gallery .flex-viewport {width: 100% !important;}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs {
		width: 100% !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: row !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		margin-top: 10px !important;
	}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs li {width: 70px !important;	min-width: 70px !important;	height: 70px !important;flex: 0 0 70px important;}
	.vcproimg .woocommerce-product-gallery .flex-control-thumbs li img {width: 70px !important;	height: 70px !important;}
	.vcproimg .ast-onsale-card {top: 15px !important;left: 15px !important;}
} */

.vcproprice .price {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.vcproprice .price del {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600 !important;
}

.vcproprice .price ins {
	text-decoration: none;
	color: #111;
	font-size: 30px;
	line-height: 32px;
	font-weight: 900 !important;
}

.vcpro-saving {
	display: inline-block;
	background: #ffe5e2;
	color: #ef3b32;
	padding: 6px 10px;
	border-radius: 7px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 700;
}

.vcproprice .price ins {order: 1;}
.vcproprice .price del {order: 2;}
.vcproprice .price .vcpro-saving {order: 3;}

/* =============== V4C - Single Product Add To Cart ==================== */
.vcaddbtn form.cart:not(.variations_form) {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
/* ============== VARIABLE PRODUCT ==================== */
.vcaddbtn form.variations_form {display: block !important; width: 100%;}
/* Variation fields */
.vcaddbtn form.variations_form .variations {
    width: 100%;
    margin: 0 0 10px !important;
}
/* Variation row */
.vcaddbtn form.variations_form .variations tr {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}
.vcaddbtn form.variations_form .variations th.label {display: block; width: 100%; text-align: left;}
.vcaddbtn form.variations_form .variations td.value {display: block;width: 100%; padding: 0 !important;}
/* Select dropdown */
.vcaddbtn form.variations_form .variations select {
    width: 100%;
    height: 48px;
    padding: 0 42px 0 15px;
    border: 1px solid #d9e0e5;
    border-radius: 10px;
    background-color: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Custom arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
    
    transition: all 0.2s ease;
}
.vcaddbtn form.variations_form .variations select:hover {border-color: #b8c0c7;}
.vcaddbtn form.variations_form .variations select:focus {box-shadow: 0 0 0 3px rgba(237, 59, 50, 0.10);}
.vcaddbtn form.variations_form .variations tr {margin-bottom: 12px;}
/* CLEAR LINK */
.vcaddbtn form.variations_form .reset_variations {margin-top: 15px !important;font-size: 13px !important; font-weight: 500 !important;}
.vcaddbtn form.variations_form .reset_variations:hover {color: #ed3b32!important;}
/* =============== SELECTED VARIATION ==================== */
.vcaddbtn .single_variation_wrap {width: 100%;}
/* Selected variation price + availability */
.vcaddbtn .woocommerce-variation.single_variation {
    width: 100%;
    margin: 0 0 8px !important;
}

/* Variation price */
.vcaddbtn .woocommerce-variation-price {
    display: block;
    width: 100%;
    margin: 0 0 5px !important;
}

/* Availability */
.vcaddbtn .woocommerce-variation-availability {
    display: block;
    width: 100%;
}

/* =========================================
   VARIABLE PRODUCT BUTTON AREA
========================================= */

.vcaddbtn .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* Quantity */
.vcaddbtn .woocommerce-variation-add-to-cart .quantity {
    flex: 0 0 136px;
    width: 136px;
    min-width: 136px;
    height: 48px;
    margin: 0 !important;
}

/* Add to Cart */
.vcaddbtn .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    flex: 1;
    height: 48px;
    margin: 0 !important;
}


/* =========================================
   OUT OF STOCK
========================================= */

.vcaddbtn .woocommerce-variation-add-to-cart-disabled {
    opacity: 0.6;
}

.vcaddbtn .woocommerce-variation-add-to-cart-disabled
.single_add_to_cart_button {
    cursor: not-allowed;
}

/* ============ Quantity Box ==================== */

.vcaddbtn .quantity {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 136px !important;
	min-width: 136px !important;
	height: 48px !important;

	margin-bottom: 0px !important;

	border: 1px solid #d9e0dc !important;
	border-radius: 12px !important;

	background: #ffffff !important;
	overflow: hidden !important;
}


/* =========================================
Minus / Plus Buttons
========================================= */

.vcaddbtn .quantity .vc-qty-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 45px !important;
	min-width: 45px !important;
	height: 46px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: #f5f7f6 !important;
	color: #111111 !important;

	font-family: Arial, sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1 !important;

	cursor: pointer !important;
	box-shadow: none !important;
	text-shadow: none !important;
}


/* Hover */
.vcaddbtn .quantity .vc-qty-btn:hover {
	background: #e9eeeb !important;
	color: #111111 !important;
}


/* =========================================
Quantity Number
========================================= */

.vcaddbtn .quantity input.qty {
	display: block !important;

	width: 46px !important;
	min-width: 46px !important;
	max-width: 46px !important;

	height: 46px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	outline: none !important;

	background: #ffffff !important;
	color: #111111 !important;

	text-align: center !important;

	font-size: 15px !important;
	font-weight: 700 !important;

	box-shadow: none !important;
}


/* Remove browser number arrows */
.vcaddbtn .quantity input.qty::-webkit-inner-spin-button,
.vcaddbtn .quantity input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.vcaddbtn .quantity input.qty[type="number"] {
	-moz-appearance: textfield !important;
}


/* =========================================
Add To Cart Button
========================================= */

.vcaddbtn .single_add_to_cart_button {
	flex: 1 1 auto !important;

	width: auto !important;
	height: 48px !important;

	margin: 0 !important;
	padding: 0 20px !important;

	border: 0 !important;
	border-radius: 10px !important;

	background: #ed3b32 !important;
	color: #ffffff !important;

	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 48px !important;

	text-transform: none !important;

	cursor: pointer !important;
	box-shadow: none !important;
}


/* Add To Cart Hover */
.vcaddbtn .single_add_to_cart_button:hover {
	background: #d92f27 !important;
	color: #ffffff !important;
}

/* =========================================
BUY NOW BUTTON
========================================= */

/* Elementor widget full width */
#buy-now-btn {
	width: 100% !important;
}

/* Actual Elementor button full width */
#buy-now-btn .elementor-button {
	width: 100% !important;
	min-height: 48px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-sizing: border-box;
	background: #111111 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 10px !important;
	text-align: center;
	cursor: pointer;
}

/* Hover */
#buy-now-btn .elementor-button:hover {
	background: #000000 !important;
	color: #ffffff !important;
}

/* Button text */
#buy-now-btn .elementor-button-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

/* Processing state */
#buy-now-btn .elementor-button.is-processing {
	opacity: 0.85;
	cursor: wait;
	pointer-events: none;
}

/* Spinner */
#buy-now-btn .buy-now-spinner {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	flex: 0 0 16px;
	animation: buyNowSpinner 0.7s linear infinite;
}

@keyframes buyNowSpinner {
	to {
		transform: rotate(360deg);
	}
}

.vc-purchase-area {display: block;}
.single-product .outofstock .vc-purchase-area, #buy-now-btn.vc-buy-now-hidden {display: none !important;}

/* =========================================================
V4C - PREMIUM PRODUCT TABS
Elementor widget class: vcsingprotab
========================================================= */

/* Main wrapper */
.vcsingprotab .woocommerce-tabs {
	margin: 0 0 30px !important;
	padding: 0 !important;
	border: 0 !important;
}

/* =========================================================
TAB NAVIGATION
========================================================= */

.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;

	margin: 0 !important;
	padding: 6px !important;

	width: fit-content !important;
	max-width: 100%;

	list-style: none !important;

	background: #f4f5f5 !important;
	border: 1px solid #e5e7e7 !important;
	border-radius: 12px !important;

	box-sizing: border-box !important;
}

/* Remove WooCommerce default pseudo elements */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs::before,
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs::after {
	display: none !important;
	content: none !important;
}

/* Individual tabs */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li {
	float: none !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;
	border: 0 !important;

	list-style: none !important;
}

/* Remove WooCommerce triangle/pseudo styling */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li::before,
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li::after {
	display: none !important;
	content: none !important;
}

/* Tab links */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	position: relative;

	min-width: 130px;

	padding: 12px 24px !important;

	color: #6b7280 !important;
	background: transparent !important;

	border: 0 !important;
	border-radius: 8px !important;

	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;

	text-decoration: none !important;

	transition:
		color 0.25s ease,
		background 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.25s ease !important;
}

/* Hover */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li a:hover {
	color: #111111 !important;
	background: #ffffff !important;
}

/* ACTIVE TAB */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li.active a,
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li a[aria-selected="true"] {
	color: #ffffff !important;
	background: #111111 !important;

	box-shadow:
		0 3px 10px rgba(0, 0, 0, 0.14) !important;
}

/* Remove old underline */
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li.active a::after,
.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li a::after {
	display: none !important;
}


/* =========================================================
TAB CONTENT
========================================================= */

.vcsingprotab .woocommerce-Tabs-panel {
	margin: 22px 0 0 !important;
	padding: 38px 42px !important;

	background: #ffffff !important;

	border: 1px solid #e8eaea !important;
	border-radius: 16px !important;

	box-shadow:
		0 5px 25px rgba(0, 0, 0, 0.04) !important;

	box-sizing: border-box !important;
}


/* =========================================================
DESCRIPTION
========================================================= */

.vcsingprotab .woocommerce-Tabs-panel--description h1 {
	margin: 0 0 28px !important;

	max-width: 900px;

	color: #111111 !important;

	font-size: 38px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;

	letter-spacing: -1px !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description h2 {
	margin: 30px 0 15px !important;

	color: #111111 !important;

	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description p {
	max-width: 950px;

	margin: 0 0 18px !important;

	color: #4b5563 !important;

	font-size: 16px !important;
	line-height: 1.8 !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description strong {
	color: #111111 !important;
	font-weight: 700 !important;
}


/* =========================================================
FEATURES LIST
========================================================= */

.vcsingprotab .woocommerce-Tabs-panel--description ul {
	max-width: 650px;

	margin: 25px 0 !important;
	padding: 20px 25px 20px 45px !important;

	background: #f7f8f8 !important;

	border: 1px solid #e5e7e7 !important;
	border-radius: 12px !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description li {
	margin: 0 0 9px !important;

	color: #374151 !important;

	font-size: 15px !important;
	line-height: 1.6 !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description li:last-child {
	margin-bottom: 0 !important;
}


/* =========================================================
SHOP MORE BUTTON
========================================================= */

.vcsingprotab .woocommerce-Tabs-panel--description .dnXCYb {
	margin-top: 22px !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description .dnXCYb a {
	display: inline-flex !important;
	align-items: center !important;

	padding: 13px 22px !important;

	color: #ffffff !important;
	background: #111111 !important;

	border-radius: 7px !important;

	font-size: 13px !important;
	font-weight: 700 !important;

	text-decoration: none !important;

	transition: all 0.25s ease !important;
}

.vcsingprotab .woocommerce-Tabs-panel--description .dnXCYb a:hover {
	background: #ef3b32 !important;
	transform: translateY(-2px);
}


/* =========================================================
REVIEWS
========================================================= */

.vcsingprotab .woocommerce-Reviews-title {
	margin: 0 0 20px !important;

	color: #111111 !important;

	font-size: 26px !important;
	font-weight: 700 !important;
}

.vcsingprotab .woocommerce-noreviews {
	margin-bottom: 12px !important;
}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 767px) {

	.vcsingprotab .woocommerce-tabs {
		margin-top: 25px !important;
	}

	.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs {
		width: 100% !important;
		padding: 5px !important;
	}

	.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li {
		flex: 1 !important;
	}

	.vcsingprotab .woocommerce-tabs ul.tabs.wc-tabs li a {
		width: 100% !important;
		min-width: 0 !important;

		padding: 11px 12px !important;

		font-size: 13px !important;
	}

	.vcsingprotab .woocommerce-Tabs-panel {
		margin-top: 15px !important;
		padding: 25px 18px !important;

		border-radius: 12px !important;
	}

	.vcsingprotab .woocommerce-Tabs-panel--description h1 {
		font-size: 28px !important;
		line-height: 1.2 !important;
		letter-spacing: -0.5px !important;
	}

	.vcsingprotab .woocommerce-Tabs-panel--description p {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}

	.vcsingprotab .woocommerce-Tabs-panel--description ul {
		padding: 18px 18px 18px 38px !important;
	}

	.vcsingprotab .woocommerce-Tabs-panel--description .dnXCYb a {
		width: 100% !important;
		justify-content: center !important;
	}
}

.shopproloop .ast-grid-common-col, .vcprocardloop .ast-grid-common-col {padding-left: 0px; padding-right: 0px;}
@media (min-width: 768px) {
	.shopproloop .cart .button {width: 250px !important;}
}
.shopproloop .elementor-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 32px;
}

.shopproloop .elementor-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	color: #111;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.2s ease;
}

.shopproloop .elementor-pagination .page-numbers.current {
	background: #111;
	color: #fff;
	border-color: #111;
}

.shopproloop .elementor-pagination a.page-numbers:hover {
	background: #111;
	color: #fff;
	border-color: #111;
}

.shopproloop .elementor-pagination .page-numbers.prev,
.shopproloop .elementor-pagination .page-numbers.next {
	padding: 0 16px;
}

.shopproloop .elementor-pagination .page-numbers.dots {
	border: none;
	background: transparent;
	min-width: auto;
}

/* V4C SHOP TOOLBAR */
.v4c-shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0;
}

/* Result Count */
.v4c-shop-toolbar .v4c-result-count {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.4;
	color: #111;
}

/* Sorting Wrapper */
.v4c-shop-toolbar .v4c-ordering {
	margin: 0;
	padding: 0;
}

/* WooCommerce Ordering */
.v4c-shop-toolbar .woocommerce-ordering {
	float: none !important;
	margin: 0 !important;
}

/* Sorting Select */
.v4c-shop-toolbar .woocommerce-ordering select {
	width: auto;
	min-width: 170px;
	height: 40px;
	padding: 0 35px 0 10px;
	margin: 0;
	border: 1px solid #cccccc;
	border-radius: 0;
	background-color: transparent;
	color: #111;
	font-size: 15px;
	line-height: 40px;
	cursor: pointer;
	outline: none;
	box-shadow: none;
}

/* Remove extra WooCommerce spacing */
.v4c-shop-toolbar p {
	margin: 0 !important;
}

.v4c-category-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
}

.v4c-category-count {
	font-size: 15px;
	font-weight: 600;
	color: #777;
}

.v4c-category-ordering .woocommerce-ordering {
	float: none !important;
	margin: 0 !important;
}

.v4c-category-ordering .woocommerce-ordering select {
	min-width: 170px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 15px;
	color: #111;
	appearance: auto !important;
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	cursor: pointer;
}

.v4c-category-ordering p {
	margin: 0 !important;
}

/* =========================================
V4C CATEGORY - LOAD MORE BUTTON
========================================= */

.vcprocardloop .e-loop__load-more {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.vcprocardloop .e-loop__load-more .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 150px;
	min-height: 50px;
	padding: 0 22px;

	background: #fff !important;
	color: #111 !important;

	border: 1px solid #d9d9d9 !important;
	border-radius: 8px !important;

	font-size: 15px;
	font-weight: 600;
	line-height: 1;

	text-decoration: none !important;
	box-shadow: none !important;

	transition: all 0.2s ease;
}

/* Hover */
.vcprocardloop .e-loop__load-more .elementor-button:hover {
	background: #111 !important;
	color: #fff !important;
	border-color: #111 !important;
}

/* Button text */
.vcprocardloop .e-loop__load-more .elementor-button-text {
	color: inherit !important;
}

/* Loading spinner */
.vcprocardloop .e-loop__load-more .e-load-more-spinner {
	margin-left: 8px;
}

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

	.vcprocardloop .e-loop__load-more {
		margin-top: 24px;
	}

	.vcprocardloop .e-loop__load-more .elementor-button {
		min-width: 120px;
		min-height: 42px;
		padding: 0 18px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.v4c-shop-toolbar {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.v4c-shop-toolbar .woocommerce-ordering,
	.v4c-shop-toolbar .woocommerce-ordering select {
		width: 100%;
	}
	.v4c-category-toolbar {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.v4c-category-toolbar .woocommerce-ordering,
	.v4c-category-toolbar .woocommerce-ordering select {
		width: 100%;
	}
}

/* =========================
V4C PRICE FILTER
========================= */

.v4c-price-filter {
	width: 100%;
	margin-top: 28px;
}
.v4c-price-filter .v4c-filter-title {
	margin-bottom: 14px;
	padding-bottom: 7px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 700;
	color: #111;
}
.v4c-price-options {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.v4c-price-option {
	display: flex;
	align-items: center;

	gap: 9px;

	text-decoration: none !important;

	font-size: 13px;
	line-height: 1.4;

	color: #333;

	cursor: pointer;
}

.v4c-price-option:hover {
	color: #111;
}


/* Checkbox */

.v4c-price-checkbox {
	width: 16px;
	height: 16px;

	min-width: 16px;

	border: 1px solid #d3d3d3;

	border-radius: 3px;

	background: #fff;

	position: relative;
}


/* Active */

.v4c-price-option.active .v4c-price-checkbox {
	background: #111;

	border-color: #111;
}

.v4c-price-option.active .v4c-price-checkbox::after {
	content: "";

	position: absolute;

	width: 4px;
	height: 7px;

	left: 4px;
	top: 1px;

	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;

	transform: rotate(45deg);
}


/* Text */

.v4c-price-name {
	flex: 1;
	font-size: 15px;
}


/* Clear */

.v4c-price-clear {
	display: inline-block;

	margin-top: 12px;

	font-size: 14px;

	color: #777;

	text-decoration: underline;
}

.v4c-price-clear:hover {
	color: #111;
}

/* =========================================
MOBILE
========================================= */

@media (max-width: 767px) {

	#buy-now-btn {
		width: 100% !important;
	}

	#buy-now-btn .elementor-button {
		width: 100% !important;
	}

}
.vcavailstock  .ast-stock-detail {margin-bottom: 2px;}
.v4c-category-filter {
	width: 100%;
}
.v4c-filter-title {
	margin-bottom: 14px;
	padding-bottom: 7px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 700;
	color: #111;
}
.v4c-filter-options {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.v4c-filter-option {
	display: flex;
	align-items: center;

	gap: 8px;

	position: relative;

	cursor: pointer;

	font-size: 15px;
	line-height: 1.3;

	color: #333;
}

.v4c-filter-option input {
	position: absolute;

	opacity: 0;

	width: 0;
	height: 0;
}

.v4c-custom-checkbox {
	width: 16px;
	height: 16px;

	min-width: 16px;

	border: 1px solid #d3d3d3;

	border-radius: 3px;

	background: #fff;
}

.v4c-filter-option.active .v4c-custom-checkbox {
	background: #111;

	border-color: #111;

	position: relative;
}

.v4c-filter-option.active .v4c-custom-checkbox::after {
	content: "";

	position: absolute;

	width: 4px;
	height: 7px;

	left: 4px;
	top: 1px;

	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;

	transform: rotate(45deg);
}

.v4c-category-name {
	flex: 1;
}

.v4c-filter-options .v4c-category-count {
	margin-left: auto;

	font-size: 13px;

	color: #333;
}


/* Hidden categories */

.v4c-category-hidden {
	display: none !important;
}


/* Show more */

.v4c-show-more-categories {
	margin-top: 14px;

	padding: 0;

	border: 0;

	background: transparent;

	color: #111;

	font-size: 14px;

	font-weight: 600;

	cursor: pointer;

	text-decoration: underline;
}

.v4c-show-more-categories:hover {
	opacity: 0.7;
	background: none;
	color: #000000;
	font-size: 14px;
}


/* Mobile */

@media (max-width: 767px) {

	.v4c-filter-option {
		font-size: 13px;
	}

	.v4c-show-more-categories {
		font-size: 13px;
	}

}
/* =========================================
Mobile
========================================= */

@media (max-width: 767px) {

	.vcaddbtn form.cart {
		gap: 10px !important;
	}

	.vcaddbtn .quantity {
		width: 110px !important;
		min-width: 110px !important;
	}

	.vcaddbtn .quantity .vc-qty-btn {
		width: 36px !important;
		min-width: 36px !important;
	}

	.vcaddbtn .quantity input.qty {
		width: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
	}

	.vcaddbtn .single_add_to_cart_button {
		font-size: 14px !important;
		padding: 0 12px !important;
	}
}
/* =========================================================
   VAPE4CHANGE - CUSTOM WOOCOMMERCE CART PAGE
   FINAL CLEAN VERSION
   ---------------------------------------------------------
   Scope: .vccart
   Functionality: WooCommerce default
   UI: Modern / Clean / Client Reference Inspired

   Includes:
   - Product / Quantity / Subtotal headings
   - Product Price hidden
   - Custom - / quantity / + control
   - Product image / title
   - Coupon section
   - Cart totals
   - Checkout button
   - Responsive tablet/mobile
========================================================= */


/* =========================================================
01. MAIN WRAPPER
========================================================= */

.vccart {
	width: 100% !important;
	max-width: 100% !important;
}

.vccart .woocommerce {
	width: 100% !important;
	max-width: 100% !important;
}


/* =========================================================
02. DESKTOP CART LAYOUT
Products Left / Summary Right
========================================================= */

@media (min-width: 992px) {

	.vccart .woocommerce {
		display: grid !important;

		grid-template-columns:
			minmax(0, 1fr)
			360px !important;

		gap: 30px !important;

		align-items: start !important;
	}

	.vccart .woocommerce-cart-form {

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;

		grid-column: 1 !important;

		background: #ffffff !important;

		box-shadow:
			0 6px 18px rgba(0, 0, 0, .05) !important;

		padding: 20px !important;

		border-radius: 14px !important;

		border: 1px solid #e1e6e3 !important;

		box-sizing: border-box !important;
	}

	.vccart .cart-collaterals {

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		grid-column: 2 !important;
	}

}


/* =========================================================
03. CART TABLE RESET
========================================================= */

.vccart .woocommerce-cart-form__contents {

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;

	border-spacing: 0 !important;

	border-collapse: collapse !important;

	table-layout: fixed !important;
}


/* =========================================================
04. CART TABLE HEADINGS
Product / Quantity / Subtotal
========================================================= */

.vccart .woocommerce-cart-form__contents thead {

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
}


/* Header row */

.vccart .woocommerce-cart-form__contents thead tr {

	display: grid !important;

	width: 100% !important;

	grid-template-columns:
		28px
		76px
		minmax(0, 1fr)
		100px
		100px !important;

	align-items: center !important;

	column-gap: 14px !important;

	margin: 0 !important;

	padding: 0 12px 14px !important;

	border: 0 !important;

	border-bottom: 1px solid #e7ebe9 !important;

	box-sizing: border-box !important;
}


/* Hide unnecessary headings */

.vccart .woocommerce-cart-form__contents thead th.product-remove,
.vccart .woocommerce-cart-form__contents thead th.product-thumbnail,
.vccart .woocommerce-cart-form__contents thead th.product-price {

	display: none !important;
}


/* Common heading style */

.vccart .woocommerce-cart-form__contents thead th {

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;

	color: #171717 !important;

	font-size: 14px !important;

	font-weight: 700 !important;

	line-height: 1.4 !important;

	text-transform: none !important;
}


/* PRODUCT */

.vccart .woocommerce-cart-form__contents thead th.product-name {

	display: block !important;

	grid-column: 3 !important;

	text-align: left !important;
}


/* QUANTITY */

.vccart .woocommerce-cart-form__contents thead th.product-quantity {

	display: block !important;

	grid-column: 4 !important;

	justify-self: center !important;

	text-align: center !important;
}


/* SUBTOTAL */

.vccart .woocommerce-cart-form__contents thead th.product-subtotal {

	display: block !important;

	grid-column: 5 !important;

	text-align: right !important;
}


/* =========================================================
05. TABLE BODY
========================================================= */

.vccart .woocommerce-cart-form__contents tbody {

	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
06. PRODUCT ROW
========================================================= */

.vccart .woocommerce-cart-form__contents tr.cart_item {

	position: relative !important;

	display: grid !important;

	width: 100% !important;

	grid-template-columns:
		28px
		76px
		minmax(0, 1fr)
		100px
		100px !important;

	grid-template-areas:
		"remove image name quantity subtotal" !important;

	align-items: center !important;

	column-gap: 14px !important;

	margin: 0 !important;

	padding: 18px 12px !important;

	background: #ffffff !important;

	border: 0 !important;

	border-bottom: 1px solid #e8ebe9 !important;

	box-sizing: border-box !important;

	transition: background-color .2s ease !important;
}


/* Product hover */

.vccart .woocommerce-cart-form__contents tr.cart_item:hover {

	background: #fcfdfc !important;
}


/* =========================================================
07. REMOVE PRODUCT
========================================================= */

.vccart .cart_item .product-remove {

	grid-area: remove !important;

	display: flex !important;

	width: 28px !important;

	margin: 0 !important;

	padding: 4px 0 0 !important;

	border: 0 !important;

	align-items: flex-start !important;

	justify-content: center !important;
}


.vccart .cart_item .product-remove a.remove {

	width: 23px !important;

	height: 23px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #ffffff !important;

	border: 1px solid #d0d4d2 !important;

	border-radius: 50% !important;

	color: #888888 !important;

	font-size: 13px !important;

	line-height: 1 !important;

	text-decoration: none !important;

	box-sizing: border-box !important;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease !important;
}


.vccart .cart_item .product-remove a.remove:hover {

	background: #111111 !important;

	border-color: #111111 !important;

	color: #ffffff !important;
}


/* =========================================================
08. PRODUCT IMAGE
========================================================= */

.vccart .cart_item .product-thumbnail {

	grid-area: image !important;

	display: block !important;

	width: 76px !important;

	height: 76px !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;
}


.vccart .cart_item .product-thumbnail a {

	display: block !important;

	width: 76px !important;

	height: 76px !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #f5f7f6 !important;

	border: 1px solid #edf0ee !important;

	border-radius: 10px !important;

	overflow: hidden !important;

	box-sizing: border-box !important;
}


.vccart .cart_item .product-thumbnail img {

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	margin: 0 !important;

	padding: 7px !important;

	object-fit: contain !important;

	border: 0 !important;

	border-radius: 10px !important;

	box-sizing: border-box !important;
}


/* =========================================================
09. PRODUCT NAME
========================================================= */

.vccart .cart_item .product-name {

	grid-area: name !important;

	display: block !important;

	width: auto !important;

	min-width: 0 !important;

	margin: 0 !important;

	padding: 2px 0 0 !important;

	border: 0 !important;

	text-align: left !important;
	min-height: initial !important;
}


.vccart .cart_item .product-name a {

	display: block !important;

	width: 100% !important;

	max-width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #171717 !important;

	font-size: 15px !important;

	font-weight: 600 !important;

	line-height: 1.45 !important;

	text-decoration: none !important;

	overflow-wrap: break-word !important;

	word-break: normal !important;

	transition: color .2s ease !important;
}


.vccart .cart_item .product-name a:hover {

	color: #6b8f5a !important;
}


/* =========================================================
10. PRODUCT PRICE
HIDDEN - CLIENT DESIGN DOES NOT SHOW PRICE COLUMN
========================================================= */

/* Hide desktop/table price cell */

.vccart .cart_item .product-price,
.vccart .woocommerce-cart-form__contents td.product-price,
.vccart .woocommerce-cart-form__contents th.product-price {

	display: none !important;
}


/* =========================================================
11. QUANTITY AREA
========================================================= */

.vccart .cart_item .product-quantity {

	grid-area: quantity !important;

	display: flex !important;

	width: 100px !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	align-items: center !important;

	justify-content: center !important;
}


/* Quantity wrapper */

.vccart .cart_item .product-quantity .quantity {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: auto !important;

	height: 36px !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #ffffff !important;

	border: 1px solid #d7dfdc !important;

	border-radius: 7px !important;

	overflow: hidden !important;

	box-sizing: border-box !important;
}


/* =========================================================
12. QUANTITY MINUS / PLUS BUTTONS
Created by JS
========================================================= */

.vccart .cart_item .product-quantity .vccart-qty-btn {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 34px !important;

	height: 34px !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #ffffff !important;

	border: 0 !important;

	border-radius: 0 !important;

	color: #222222 !important;

	font-family: inherit !important;

	font-size: 17px !important;

	font-weight: 500 !important;

	line-height: 1 !important;

	text-align: center !important;

	cursor: pointer !important;

	box-shadow: none !important;

	outline: none !important;

	transition:
		background-color .2s ease,
		color .2s ease !important;
}


.vccart .cart_item .product-quantity .vccart-qty-btn:hover {

	background: #f1f4f2 !important;

	color: #6b8f5a !important;
}


.vccart .cart_item .product-quantity .vccart-qty-btn:focus {

	outline: none !important;

	box-shadow: none !important;
}


/* =========================================================
13. QUANTITY INPUT
========================================================= */

.vccart .cart_item .product-quantity input.qty {

	width: 38px !important;

	height: 34px !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #ffffff !important;

	border: 0 !important;

	border-left: 1px solid #edf0ee !important;

	border-right: 1px solid #edf0ee !important;

	border-radius: 0 !important;

	color: #222222 !important;

	font-size: 13px !important;

	font-weight: 600 !important;

	line-height: 34px !important;

	text-align: center !important;

	box-shadow: none !important;

	outline: none !important;

	box-sizing: border-box !important;

	-moz-appearance: textfield !important;
}


/* Remove browser number arrows */

.vccart .cart_item .product-quantity input.qty::-webkit-inner-spin-button,
.vccart .cart_item .product-quantity input.qty::-webkit-outer-spin-button {

	-webkit-appearance: none !important;

	margin: 0 !important;
}


.vccart .cart_item .product-quantity input.qty:focus {

	outline: none !important;

	box-shadow: none !important;

	border-left-color: #edf0ee !important;

	border-right-color: #edf0ee !important;
}


/* =========================================================
14. PRODUCT SUBTOTAL
========================================================= */

.vccart .cart_item .product-subtotal {

	grid-area: subtotal !important;

	display: flex !important;

	width: 100px !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	align-items: center !important;

	justify-content: flex-end !important;

	text-align: right !important;

	white-space: nowrap !important;
}


.vccart .cart_item .product-subtotal .amount {

	color: #111111 !important;

	font-size: 16px !important;

	font-weight: 700 !important;

	line-height: 1.4 !important;
}


/* =========================================================
15. CART ACTIONS
Coupon + Update Cart
========================================================= */

.vccart .woocommerce-cart-form__contents thead tr > th {
    font-size: 15px !important;
}

.vccart .woocommerce-cart-form__contents tr:last-child {

	display: flex;

	width: 100% !important;

	align-items: center !important;

	justify-content: space-between !important;

	gap: 20px !important;

	margin: 0 !important;

	padding: 22px 12px !important;

	background: #ffffff !important;
	border-bottom: 0 !important;

	box-sizing: border-box !important;
}


.vccart .woocommerce-cart-form__contents tr:last-child td.actions {

	display: flex !important;

	width: 100% !important;

	align-items: center !important;

	justify-content: space-between !important;

	gap: 15px !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;
}


/* =========================================================
16. COUPON
========================================================= */

.vccart .coupon {

	display: flex !important;

	align-items: center !important;

	gap: 8px !important;

	margin: 0 !important;

	padding: 0 !important;
}


.vccart .coupon #coupon_code {

	width: 180px !important;

	height: 44px !important;

	max-height: 44px !important;

	margin: 0 !important;

	padding: 0 14px !important;

	background: #ffffff !important;

	border: 1px solid #d7dedb !important;

	border-radius: 7px !important;

	color: #222222 !important;

	font-size: 13px !important;

	line-height: 44px !important;

	box-shadow: none !important;

	outline: none !important;

	box-sizing: border-box !important;

	transition:
		border-color .2s ease,
		box-shadow .2s ease !important;
}


.vccart .coupon #coupon_code::placeholder {

	color: #8a918e !important;
}


.vccart .coupon #coupon_code:focus {

	border-color: #6b8f5a !important;

	box-shadow:
		0 0 0 3px rgba(107,143,90,.10) !important;
}


/* =========================================================
17. APPLY COUPON
========================================================= */

.vccart .coupon button {

	height: 44px !important;

	margin: 0 !important;

	padding: 0 22px !important;

	background: #111111 !important;

	border: 1px solid #111111 !important;

	border-radius: 7px !important;

	color: #ffffff !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	line-height: 42px !important;

	letter-spacing: .3px !important;

	text-transform: uppercase !important;

	white-space: nowrap !important;

	box-shadow: none !important;

	transition:
		background-color .25s ease,
		border-color .25s ease,
		transform .25s ease !important;
}


.vccart .coupon button:hover {

	background: #6b8f5a !important;

	border-color: #6b8f5a !important;

	transform: translateY(-1px);
}


/* =========================================================
18. UPDATE CART
========================================================= */

.vccart button[name="update_cart"] {

	height: 44px !important;

	min-width: 132px !important;

	margin: 0 !important;

	padding: 0 20px !important;

	background: #6b8f5a !important;

	border: 1px solid #6b8f5a !important;

	border-radius: 7px !important;

	color: #ffffff !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	line-height: 42px !important;

	letter-spacing: .3px !important;

	text-transform: uppercase !important;

	white-space: nowrap !important;

	transition:
		background-color .25s ease,
		border-color .25s ease,
		transform .25s ease !important;
}


.vccart button[name="update_cart"]:hover:not(:disabled) {

	background: #587848 !important;

	border-color: #587848 !important;

	transform: translateY(-1px);
}


.vccart button[name="update_cart"]:disabled {

	opacity: .55 !important;

	cursor: not-allowed !important;
}


/* =========================================================
19. CART TOTALS CARD
========================================================= */

.vccart .cart_totals {

	width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	background: #ffffff !important;

	border: 1px solid #e1e6e3 !important;

	border-radius: 14px !important;

	overflow: hidden !important;

	box-shadow:
		0 8px 25px rgba(0,0,0,.05) !important;
}


/* Summary heading */

.vccart .cart_totals h2 {

	margin: 0 !important;

	padding: 20px !important;

	background: #f8faf9 !important;

	border-bottom: 1px solid #e7eae8 !important;

	color: #151515 !important;

	font-size: 18px !important;

	font-weight: 700 !important;

	line-height: 1.3 !important;
}


/* =========================================================
20. SUMMARY TABLE
========================================================= */

.vccart .cart_totals table {

	width: calc(100% - 36px) !important;

	margin: 0 18px !important;

	border: 0 !important;

	border-collapse: collapse !important;
}


.vccart .cart_totals table tr {

	border-bottom: 1px solid #eeeeee !important;
}


.vccart .cart_totals table tr:last-child {

	border-bottom: 0 !important;
}


.vccart .cart_totals table th {

	padding: 15px 4px !important;

	background: transparent !important;

	border: 0 !important;

	color: #333333 !important;

	font-size: 13px !important;

	font-weight: 500 !important;

	line-height: 1.4 !important;

	text-align: left !important;
}


.vccart .cart_totals table td {

	padding: 15px 4px !important;

	background: transparent !important;

	border: 0 !important;

	color: #222222 !important;

	font-size: 14px !important;

	font-weight: 600 !important;

	line-height: 1.4 !important;

	text-align: right !important;
}


/* =========================================================
21. TOTAL
========================================================= */

.vccart .cart_totals tr.order-total th,
.vccart .cart_totals tr.order-total td {

	padding-top: 19px !important;

	padding-bottom: 19px !important;

	color: #111111 !important;

	font-size: 18px !important;

	font-weight: 700 !important;
}


/* =========================================================
22. CHECKOUT BUTTON
========================================================= */

.vccart .wc-proceed-to-checkout {

	margin: 0 !important;

	padding: 18px !important;

	background: #ffffff !important;
}


.vccart .wc-proceed-to-checkout a.checkout-button {

	width: 100% !important;

	min-height: 52px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	margin: 0 !important;

	padding: 0 18px !important;

	background: #e53935 !important;

	border: 1px solid #e53935 !important;

	border-radius: 8px !important;

	color: #ffffff !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	line-height: 50px !important;

	letter-spacing: 1.2px !important;

	text-align: center !important;

	text-transform: uppercase !important;

	box-shadow:
		0 5px 12px rgba(229,57,53,.15) !important;

	box-sizing: border-box !important;

	transition:
		background-color .25s ease,
		border-color .25s ease,
		box-shadow .25s ease,
		transform .25s ease !important;
}


.vccart .wc-proceed-to-checkout a.checkout-button:hover {

	background: #c92e2b !important;

	border-color: #c92e2b !important;

	box-shadow:
		0 7px 16px rgba(201,46,43,.20) !important;

	transform: translateY(-1px);
}


/* =========================================================
23. CART PAGE TITLE
========================================================= */

.woocommerce-cart .entry-title {

	margin-bottom: 45px !important;

	color: #3e4449 !important;

	font-size: 42px !important;

	font-weight: 500 !important;

	line-height: 1.2 !important;

	text-align: center !important;
}

/* =========================================================
24. TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

	.vccart .woocommerce {
		display: block !important;
	}

	.vccart .woocommerce-cart-form {
		width: 100% !important;
	}

	.vccart .cart-collaterals {
		width: 100% !important;
		margin-top: 28px !important;
	}

	.vccart .cart_totals {
		position: static !important;
	}


	/* Tablet header */

	.vccart .woocommerce-cart-form__contents thead tr {
		grid-template-columns:
			24px
			70px
			minmax(0,1fr)
			90px !important;

		column-gap: 10px !important;
	}


	/* Tablet product row */

	.vccart .woocommerce-cart-form__contents tr.cart_item {
		grid-template-columns:
			24px
			70px
			minmax(0,1fr)
			90px !important;

		column-gap: 10px !important;
	}


	/* Product image */

	.vccart .cart_item .product-thumbnail,
	.vccart .cart_item .product-thumbnail a {
		width: 70px !important;
		height: 70px !important;
	}


	/* Remove WooCommerce responsive labels
	   Product:
	   Quantity:
	   Subtotal:
	*/

	.vccart .woocommerce-cart-form__contents td::before,
	.vccart .woocommerce-cart-form__contents td[data-title]::before {
		display: none !important;
		content: none !important;
	}

}

/* ==========================================================
   5. MOBILE
   767px AND BELOW

   IMPORTANT:
   Mobile does NOT use the desktop grid.
========================================================== */

@media (max-width: 767px) {

	.vccart {
		width: 100% !important;

		padding: 0 10px !important;

		box-sizing: border-box !important;
	}


	/* Cart table */
	.vccart .woocommerce-cart-form__contents {
		display: block !important;

		width: 100% !important;

		padding: 12px !important;

		background: #fff !important;

		border: 1px solid #e1e5e8 !important;

		border-radius: 12px !important;

		box-shadow: 0 5px 18px rgba(0,0,0,0.04) !important;
	}


	/* --------------------------------------------------
	   MOBILE HEADER
	-------------------------------------------------- */

	.vccart .woocommerce-cart-form__contents thead {
		display: grid !important;

		grid-template-columns:
			1fr
			70px
			80px !important;

		gap: 8px !important;

		padding: 4px 4px 12px !important;

		border-bottom: 1px solid #e4e7e8 !important;
	}


	.vccart .woocommerce-cart-form__contents thead tr {
		display: contents !important;
	}


	/* Hide unnecessary headers */
	.vccart .woocommerce-cart-form__contents thead .product-remove,
	.vccart .woocommerce-cart-form__contents thead .product-thumbnail,
	.vccart .woocommerce-cart-form__contents thead .product-price {
		display: none !important;
	}


	.vccart .woocommerce-cart-form__contents thead .product-name {
		grid-column: 1 !important;

		display: block !important;

		text-align: left !important;

		font-size: 11px !important;
	}


	.vccart .woocommerce-cart-form__contents thead .product-quantity {
		grid-column: 2 !important;

		display: block !important;

		text-align: center !important;

		font-size: 11px !important;
	}


	.vccart .woocommerce-cart-form__contents thead .product-subtotal {
		grid-column: 3 !important;

		display: block !important;

		text-align: right !important;

		font-size: 11px !important;
	}


	/* --------------------------------------------------
	   MOBILE PRODUCT ROW
	-------------------------------------------------- */

	.vccart .woocommerce-cart-form__contents tbody {
		display: block !important;

		width: 100% !important;
	}


	.vccart .woocommerce-cart-form__contents tr.cart_item {

		display: grid !important;

		grid-template-columns: 26px 58px minmax(110px, 1fr) 0px 80px !important;

		grid-template-rows: auto auto !important;

		column-gap: 7px !important;

		row-gap: 8px !important;

		align-items: center !important;

		width: 100% !important;

		padding: 14px 0 !important;

		border-bottom: 1px solid #e5e7e8 !important;

		box-sizing: border-box !important;
	}


	/* Remove */
	.vccart .cart_item .product-remove {
		grid-column: 1 !important;

		grid-row: 1 !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		padding: 0 !important;

		width: 26px !important;
	}


	.vccart .cart_item .product-remove .remove {
		width: 20px !important;

		height: 20px !important;

		font-size: 17px !important;
	}


	/* Thumbnail */
	.vccart .cart_item .product-thumbnail {
		grid-column: 2 !important;

		grid-row: 1 !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		padding: 0 !important;

		width: 58px !important;
	}


	.vccart .cart_item .product-thumbnail a {
		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		width: 54px !important;

		height: 54px !important;

		padding: 4px !important;

		background: #f6f8f8 !important;

		border: 1px solid #e4e8e8 !important;

		border-radius: 8px !important;

		box-sizing: border-box !important;
	}


	.vccart .cart_item .product-thumbnail img {
		display: block !important;

		width: 100% !important;

		height: 100% !important;

		object-fit: contain !important;
	}


	/* Product */
	.vccart .cart_item .product-name {
		grid-column: 3 !important;

		grid-row: 1 !important;
		align-self: end !important;

		display: block !important;

		min-width: 0 !important;

		width: auto !important;

		padding: 0 !important;

		margin: 0 !important;

		text-align: left !important;
	}


	.vccart .cart_item .product-name::before,
	.vccart .cart_item .product-quantity::before,
	.vccart .cart_item .product-subtotal::before {
		display: none !important;
	}


	.vccart .cart_item .product-name a {
		display: block !important;

		width: 100% !important;

		color: #111 !important;

		font-size: 12px !important;

		font-weight: 600 !important;

		line-height: 1.35 !important;

		text-decoration: none !important;

		overflow-wrap: break-word !important;

		word-break: normal !important;
	}


	/* Hide Price */
	.vccart .cart_item .product-price {
		display: none !important;
	}


	/* Quantity */
	.vccart .cart_item .product-quantity {
		grid-column: 3 !important;

		grid-row: 2 !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		width: 70px !important;

		padding: 0 !important;

		margin: 0 !important;
	}


	.vccart .cart_item .quantity {
		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		width: 70px !important;

		height: 30px !important;

		margin: 0 !important;

		padding: 0 !important;

		border: 1px solid #d8dfe1 !important;

		border-radius: 6px !important;

		overflow: hidden !important;

		background: #fff !important;
	}


	.vccart .vccart-qty-btn {
		width: 23px !important;

		height: 28px !important;

		padding: 0 !important;

		margin: 0 !important;

		border: 0 !important;

		background: #fff !important;

		color: #111 !important;

		font-size: 13px !important;

		line-height: 1 !important;

		cursor: pointer !important;
	}


	.vccart .cart_item .quantity .qty {
		width: 24px !important;

		height: 28px !important;

		padding: 0 !important;

		margin: 0 !important;

		border: 0 !important;

		border-left: 1px solid #e2e5e6 !important;

		border-right: 1px solid #e2e5e6 !important;

		border-radius: 0 !important;

		font-size: 11px !important;

		text-align: center !important;

		box-shadow: none !important;

		-moz-appearance: textfield !important;
	}


	.vccart .cart_item .quantity .qty::-webkit-inner-spin-button,
	.vccart .cart_item .quantity .qty::-webkit-outer-spin-button {
		-webkit-appearance: none !important;

		margin: 0 !important;
	}


	/* Subtotal */
	.vccart .cart_item .product-subtotal {
		grid-column: 5 !important;

		grid-row: 1 / 3 !important;

		display: flex !important;

		align-items: center !important;

		justify-content: flex-end !important;

		width: 80px !important;

		padding: 0 !important;

		margin: 0 !important;

		text-align: right !important;
	}


	.vccart .cart_item .product-subtotal .amount {
		font-size: 12px !important;

		font-weight: 700 !important;

		color: #111 !important;

		white-space: nowrap !important;
	}


	/* --------------------------------------------------
	   MOBILE ACTIONS
	-------------------------------------------------- */

	.vccart .woocommerce-cart-form__contents td.actions {
		display: flex !important;

		flex-wrap: wrap !important;

		align-items: center !important;

		justify-content: space-between !important;

		gap: 10px !important;

		padding: 15px 0 2px !important;

		border: 0 !important;
	}


	.vccart .coupon {
		display: flex !important;

		flex: 1 1 100% !important;

		align-items: center !important;

		gap: 7px !important;

		margin: 0 !important;
	}


	.vccart #coupon_code {
		flex: 1 1 auto !important;

		min-width: 0 !important;

		width: auto !important;

		height: 40px !important;

		padding: 0 11px !important;

		border: 1px solid #d7dddf !important;

		border-radius: 6px !important;

		font-size: 12px !important;
	}


	.vccart .coupon button[name="apply_coupon"] {
		flex: 0 0 auto !important;

		height: 40px !important;

		padding: 0 14px !important;

		font-size: 10px !important;

		border-radius: 6px !important;
	}


	.vccart .actions button[name="update_cart"] {
		width: 100% !important;

		height: 40px !important;

		margin: 0 !important;

		font-size: 10px !important;

		border-radius: 6px !important;
	}


	/* --------------------------------------------------
	   MOBILE CART TOTALS
	-------------------------------------------------- */

	.vccart .cart-collaterals {
		width: 100% !important;

		margin-top: 18px !important;
	}


	.vccart .cart_totals {
		width: 100% !important;

		margin: 0 !important;

		border: 1px solid #e1e5e8 !important;

		border-radius: 12px !important;

		background: #fff !important;

		box-shadow: 0 5px 18px rgba(0,0,0,0.04) !important;

		overflow: hidden !important;
	}


	.vccart .cart_totals h2 {
		padding: 16px !important;

		margin: 0 !important;

		background: #f7f9f9 !important;

		border-bottom: 1px solid #e3e6e8 !important;

		font-size: 15px !important;
	}


	.vccart .cart_totals table {
		width: calc(100% - 30px) !important;

		padding: 0 14px !important;

		margin: 0 14px !important;
	}


	.vccart .cart_totals th,
	.vccart .cart_totals td {
		padding: 12px 0 !important;

		font-size: 12px !important;
	}


	.vccart .cart_totals .order-total th,
	.vccart .cart_totals .order-total td {
		font-size: 14px !important;

		font-weight: 700 !important;
	}


	.vccart .wc-proceed-to-checkout {
		padding: 14px !important;
	}


	.vccart .wc-proceed-to-checkout a.checkout-button {
		min-height: 44px !important;

		font-size: 11px !important;

		border-radius: 6px !important;
	}

}


/* ==========================================================
   6. VERY SMALL MOBILE
   380px AND BELOW
========================================================== */

@media (max-width: 380px) {

    .homeproprice .price {
        font-size: 13px !important;
        font-weight: 700 !important;
    }

	.vccart {
		padding: 0 6px !important;
	}


	/* Cart container */

	.vccart .woocommerce-cart-form__contents {
		padding: 9px !important;
	}


	/* --------------------------------------------------
	   HEADER
	-------------------------------------------------- */

	.vccart .woocommerce-cart-form__contents thead {
		grid-template-columns:
			minmax(0, 1fr)
			58px
			65px !important;

		column-gap: 5px !important;
	}


	.vccart .woocommerce-cart-form__contents thead .product-name {
		font-size: 10px !important;
		text-align: left !important;
	}


	.vccart .woocommerce-cart-form__contents thead .product-quantity {
		font-size: 10px !important;
		text-align: center !important;
	}


	.vccart .woocommerce-cart-form__contents thead .product-subtotal {
		font-size: 10px !important;
		text-align: right !important;
	}


	/* --------------------------------------------------
	   PRODUCT ROW
	-------------------------------------------------- */

	.vccart .woocommerce-cart-form__contents tr.cart_item {

		display: grid !important;

		grid-template-columns: 22px 48px minmax(110px, 1fr) 0px 65px !important;

		column-gap: 5px !important;

		row-gap: 6px !important;

		align-items: center !important;

		width: 100% !important;

		padding: 13px 0 !important;

		box-sizing: border-box !important;
	}


	/* --------------------------------------------------
	   REMOVE BUTTON
	-------------------------------------------------- */

	.vccart .cart_item .product-remove {
		grid-column: 1 !important;
		grid-row: 1 !important;

		width: 22px !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		padding: 0 !important;
	}


	.vccart .cart_item .product-remove .remove {
		width: 18px !important;

		height: 18px !important;

		font-size: 15px !important;
	}


	/* --------------------------------------------------
	   PRODUCT IMAGE
	-------------------------------------------------- */

	.vccart .cart_item .product-thumbnail {
		grid-column: 2 !important;
		grid-row: 1 !important;

		width: 48px !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		padding: 0 !important;
	}


	.vccart .cart_item .product-thumbnail a {
		width: 44px !important;

		height: 44px !important;

		padding: 3px !important;

		border-radius: 7px !important;
	}


	.vccart .cart_item .product-thumbnail img {
		width: 100% !important;

		height: 100% !important;

		object-fit: contain !important;
	}


	/* --------------------------------------------------
	   PRODUCT NAME
	-------------------------------------------------- */

	.vccart .cart_item .product-name {

		grid-column: 3 !important;
		grid-row: 1 !important;

		min-width: 0 !important;

		width: auto !important;

		padding: 0 !important;

		margin: 0 !important;

		text-align: left !important;
	}


	/* Remove WooCommerce mobile labels */

	.vccart .cart_item .product-name::before,
	.vccart .cart_item .product-quantity::before,
	.vccart .cart_item .product-subtotal::before {
		display: none !important;

		content: none !important;
	}


	.vccart .cart_item .product-name a {

		display: block !important;

		width: 100% !important;

		font-size: 11px !important;

		line-height: 1.35 !important;

		font-weight: 600 !important;

		color: #111 !important;

		text-decoration: none !important;

		overflow-wrap: break-word !important;

		word-break: normal !important;
	}


	/* --------------------------------------------------
	   PRICE - HIDDEN
	-------------------------------------------------- */

	.vccart .cart_item .product-price {
		display: none !important;
	}


	/* --------------------------------------------------
	   QUANTITY
	-------------------------------------------------- */

	.vccart .cart_item .product-quantity {

		grid-column: 3 !important;
		grid-row: 2 !important;

		width: 58px !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		padding: 0 !important;

		margin: 0 !important;
	}


	.vccart .cart_item .quantity {

		width: 58px !important;

		height: 28px !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		margin: 0 !important;

		padding: 0 !important;

		border: 1px solid #d8dfe1 !important;

		border-radius: 6px !important;

		overflow: hidden !important;

		background: #fff !important;
	}


	.vccart .vccart-qty-btn {

		width: 19px !important;

		height: 26px !important;

		padding: 0 !important;

		margin: 0 !important;

		border: 0 !important;

		background: #fff !important;

		color: #111 !important;

		font-size: 12px !important;

		line-height: 1 !important;
	}


	.vccart .cart_item .quantity .qty {

		width: 20px !important;

		height: 26px !important;

		padding: 0 !important;

		margin: 0 !important;

		border: 0 !important;

		border-left: 1px solid #e2e5e6 !important;

		border-right: 1px solid #e2e5e6 !important;

		border-radius: 0 !important;

		font-size: 11px !important;

		text-align: center !important;

		box-shadow: none !important;

		-moz-appearance: textfield !important;
	}


	.vccart .cart_item .quantity .qty::-webkit-inner-spin-button,
	.vccart .cart_item .quantity .qty::-webkit-outer-spin-button {

		-webkit-appearance: none !important;

		margin: 0 !important;
	}


	/* --------------------------------------------------
	   SUBTOTAL
	-------------------------------------------------- */

	.vccart .cart_item .product-subtotal {

		grid-column: 5 !important;
		grid-row: 1 / 3 !important;

		width: 65px !important;

		display: flex !important;

		align-items: center !important;

		justify-content: flex-end !important;

		padding: 0 !important;

		margin: 0 !important;

		text-align: right !important;
	}


	.vccart .cart_item .product-subtotal .amount {

		font-size: 11px !important;

		font-weight: 700 !important;

		color: #111 !important;

		white-space: nowrap !important;
	}


	/* --------------------------------------------------
	   ACTIONS
	-------------------------------------------------- */

	.vccart .woocommerce-cart-form__contents td.actions {

		display: flex !important;

		flex-wrap: wrap !important;

		align-items: center !important;

		justify-content: space-between !important;

		gap: 8px !important;

		padding: 14px 0 2px !important;

		border: 0 !important;
	}


	.vccart .coupon {

		display: flex !important;

		flex: 1 1 100% !important;

		align-items: center !important;

		gap: 6px !important;

		margin: 0 !important;
		width: calc(100% - 10px) !important;
	}


	.vccart #coupon_code {

		flex: 1 1 auto !important;

		min-width: 0 !important;

		width: auto !important;

		height: 38px !important;

		padding: 0 10px !important;

		border: 1px solid #d7dddf !important;

		border-radius: 6px !important;

		font-size: 11px !important;
	}


	.vccart .coupon button[name="apply_coupon"] {

		flex: 0 0 auto !important;

		height: 38px !important;

		padding: 0 12px !important;

		font-size: 9px !important;

		border-radius: 6px !important;
	}


	.vccart .actions button[name="update_cart"] {

		width: 100% !important;

		height: 38px !important;

		margin: 0 !important;

		font-size: 9px !important;

		border-radius: 6px !important;
	}


	/* --------------------------------------------------
	   CART TOTALS
	-------------------------------------------------- */

	.vccart .cart-collaterals {

		width: 100% !important;

		margin-top: 16px !important;
	}


	.vccart .cart_totals {

		width: 100% !important;

		margin: 0 !important;

		border: 1px solid #e1e5e8 !important;

		border-radius: 12px !important;

		background: #fff !important;

		box-shadow: 0 5px 18px rgba(0,0,0,0.04) !important;

		overflow: hidden !important;
	}


	.vccart .cart_totals h2 {

		padding: 14px !important;

		margin: 0 !important;

		background: #f7f9f9 !important;

		border-bottom: 1px solid #e3e6e8 !important;

		font-size: 14px !important;
	}


	.vccart .cart_totals table {

		width: calc(100% - 30px) !important;

		padding: 0 12px !important;

		margin: 0 14px !important;
	}


	.vccart .cart_totals th,
	.vccart .cart_totals td {

		padding: 11px 0 !important;

		font-size: 11px !important;
	}


	.vccart .cart_totals .order-total th,
	.vccart .cart_totals .order-total td {

		font-size: 13px !important;

		font-weight: 700 !important;
	}


	.vccart .wc-proceed-to-checkout {

		padding: 12px !important;
	}


	.vccart .wc-proceed-to-checkout a.checkout-button {

		min-height: 42px !important;

		font-size: 10px !important;

		border-radius: 6px !important;
	}

}

/* =========================================================
V4C - PROFESSIONAL WOOCOMMERCE CHECKOUT
Wrapper: .vccheckout

Clean / Modern / Premium / Responsive
WooCommerce functionality remains untouched
========================================================= */


/* =========================================================
1. MAIN CHECKOUT WRAPPER
========================================================= */

.vccheckout {
	--v4c-primary: #ef3636;
	--v4c-primary-hover: #d92d2d;
	--v4c-green: #6b955d;
	--v4c-text: #171717;
	--v4c-muted: #6f7673;
	--v4c-border: #e4e8e5;
	--v4c-light: #f7f9f8;
	--v4c-white: #ffffff;

	width: 100%;
	color: var(--v4c-text);
	font-family: inherit;
}


/* Remove unnecessary WooCommerce spacing */

.vccheckout .woocommerce {
	width: 100%;
	margin: 0;
}


/* =========================================================
2. COUPON NOTICE
========================================================= */

.vccheckout .woocommerce-form-coupon-toggle {
	margin: 0 0 34px !important;
}


/* Coupon notice */

.vccheckout .woocommerce-form-coupon-toggle .woocommerce-info {
	position: relative;

	margin: 0 !important;
	padding: 17px 20px 17px 48px !important;

	background: #f8faf9 !important;

	border: 1px solid var(--v4c-border) !important;
	border-radius: 10px !important;

	color: #454b48 !important;

	font-size: 14px !important;
	line-height: 1.5 !important;
}


/* Coupon icon */

.vccheckout .woocommerce-form-coupon-toggle .woocommerce-info::before {
	content: "▣";

	position: absolute;
	left: 20px;
	top: 50%;

	transform: translateY(-50%);

	margin: 0 !important;

	color: var(--v4c-green);

	font-size: 15px;
}


/* Coupon link */

.vccheckout .woocommerce-form-coupon-toggle .showcoupon {
	color: var(--v4c-primary) !important;

	font-weight: 700 !important;

	text-decoration: none !important;

	transition: color 0.2s ease;
}

.vccheckout .woocommerce-form-coupon-toggle .showcoupon:hover {
	color: var(--v4c-primary-hover) !important;
}


/* =========================================================
3. COUPON FORM
========================================================= */

.vccheckout form.checkout_coupon {
	display: flex;

	align-items: center;

	gap: 10px;

	margin: -18px 0 34px !important;
	padding: 18px !important;

	background: #ffffff;

	border: 1px solid var(--v4c-border);
	border-radius: 10px;

	box-shadow: 0 5px 20px rgba(0,0,0,0.04);

	box-sizing: border-box;
}


/* Coupon form paragraphs */

.vccheckout form.checkout_coupon .form-row {
	margin: 0 !important;
	padding: 0 !important;
}


/* Coupon input wrapper */

.vccheckout form.checkout_coupon .form-row-first {
	flex: 1;
}


/* Coupon button wrapper */

.vccheckout form.checkout_coupon .form-row-last {
	flex: 0 0 auto;
}


/* Coupon input */

.vccheckout form.checkout_coupon input#coupon_code {
	width: 100% !important;

	height: 48px !important;

	padding: 0 15px !important;

	background: #ffffff !important;

	border: 1px solid #d7ddda !important;

	border-radius: 8px !important;

	color: var(--v4c-text) !important;

	font-size: 14px !important;

	outline: none !important;

	box-sizing: border-box !important;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}


.vccheckout form.checkout_coupon input#coupon_code:focus {
	border-color: var(--v4c-green) !important;

	box-shadow: 0 0 0 3px rgba(107,149,93,0.10) !important;
}


/* Apply coupon */

.vccheckout form.checkout_coupon button[name="apply_coupon"] {
	height: 48px !important;

	padding: 0 24px !important;

	background: #111111 !important;

	border: 1px solid #111111 !important;

	border-radius: 8px !important;

	color: #ffffff !important;

	font-size: 12px !important;
	font-weight: 700 !important;

	letter-spacing: 0.2px;

	text-transform: uppercase;

	cursor: pointer;

	transition:
		background 0.2s ease,
		transform 0.2s ease;
}


.vccheckout form.checkout_coupon button[name="apply_coupon"]:hover {
	background: #292929 !important;

	border-color: #292929 !important;

	transform: translateY(-1px);
}


/* =========================================================
4. MAIN CHECKOUT GRID
========================================================= */

.vccheckout form.checkout.woocommerce-checkout {

	display: grid !important;

	grid-template-columns:
		minmax(0, 1.55fr)
		minmax(360px, 0.95fr);

	grid-template-rows: auto 1fr;

	grid-template-areas:
		"customer heading"
		"customer review";

	column-gap: 42px;

	align-items: start;

	margin: 0 !important;
}


/* Customer / Billing */

.vccheckout #customer_details {
	grid-area: customer;

	width: 100% !important;

	margin: 0 !important;
}


/* Hide empty WooCommerce second column */

.vccheckout #customer_details .col-2 {
	display: none !important;
}
/* Order heading */
.vccheckout #order_review_heading {
	grid-area: heading;
	width: 100% !important;
	margin: 0 !important;
	padding: 18px 24px !important;
	background: #f7f9f8;
	border: 1px solid var(--v4c-border);
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	color: var(--v4c-text);
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}
/* Order review */
.vccheckout #order_review {
	grid-area: review;

	width: 100% !important;

	margin: 0 !important;

	padding: 16px 24px 15px 24px !important;

	background: #ffffff;

	border: 1px solid var(--v4c-border);
	border-top: 0;

	border-radius: 0 0 12px 12px;

	box-shadow: 0 8px 28px rgba(0,0,0,0.05);

	box-sizing: border-box;
}


/* =========================================================
5. BILLING SECTION
========================================================= */

.vccheckout .woocommerce-billing-fields {

	padding: 0 !important;

	margin: 0 !important;
}


/* Billing heading */

.vccheckout .woocommerce-billing-fields > h3 {

	margin: 0 0 25px !important;

	padding: 0 0 15px !important;

	border-bottom: 1px solid var(--v4c-border) !important;

	color: var(--v4c-text) !important;

	font-size: 20px !important;
	font-weight: 700 !important;

	line-height: 1.3 !important;
}


/* Billing fields container */

/* .vccheckout .woocommerce-billing-fields__field-wrapper {

display: grid;

grid-template-columns: 1fr 1fr;

column-gap: 18px;

row-gap: 0;
} */


/* Default full width fields */

.vccheckout .woocommerce-billing-fields__field-wrapper
.form-row-wide {

	grid-column: 1 / -1;
}


/* First / last name */

.vccheckout #billing_first_name_field,
.vccheckout #billing_last_name_field {

	grid-column: auto;
}


/* =========================================================
6. FIELD STYLING
========================================================= */

.vccheckout .form-row {

	margin: 0 0 17px !important;

	padding: 0 !important;
}


/* Labels */

.vccheckout .form-row label {

	display: block !important;

	margin: 0 0 7px !important;

	color: #292d2b !important;

	font-size: 15px !important;

	font-weight: 600 !important;

	line-height: 1.4 !important;
}


/* Required star */

.vccheckout .form-row label .required {

	color: var(--v4c-primary) !important;

	font-weight: 700 !important;
}


/* Optional text */

.vccheckout .form-row label .optional {

	color: #929895 !important;

	font-size: 12px !important;

	font-weight: 400 !important;
}


/* Inputs */

.vccheckout .woocommerce-input-wrapper {

	display: block;

	width: 100%;
}


.vccheckout input.input-text,
.vccheckout textarea.input-text {

	width: 100% !important;

	min-height: 48px;

	padding: 0 14px !important;

	background: #ffffff !important;

	border: 1px solid #d9dfdc !important;

	border-radius: 8px !important;

	color: #202321 !important;

	font-family: inherit !important;

	font-size: 14px !important;

	line-height: 1.5 !important;

	outline: none !important;

	box-shadow: none !important;

	box-sizing: border-box !important;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease;
}


/* Textarea */

.vccheckout textarea.input-text {

	min-height: 115px !important;

	padding: 13px 14px !important;

	resize: vertical !important;
}


/* Placeholder */

.vccheckout input.input-text::placeholder,
.vccheckout textarea.input-text::placeholder {

	color: #a1a7a4 !important;

	opacity: 1;
}


/* Focus */

.vccheckout input.input-text:focus,
.vccheckout textarea.input-text:focus {

	background: #ffffff !important;

	border-color: var(--v4c-green) !important;

	box-shadow:
		0 0 0 3px rgba(107,149,93,0.10) !important;
}


/* =========================================================
7. SELECT2 COUNTRY / PROVINCE
========================================================= */

.vccheckout .select2-container {

	width: 100% !important;
}


/* Select */

.vccheckout .select2-container .select2-selection--single {

	height: 48px !important;

	display: flex !important;

	align-items: center !important;

	padding: 0 42px 0 14px !important;

	background: #ffffff !important;

	border: 1px solid #d9dfdc !important;

	border-radius: 8px !important;

	box-sizing: border-box !important;

	outline: none !important;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}


/* Selected value */

.vccheckout .select2-container
.select2-selection--single
.select2-selection__rendered {

	padding: 0 !important;

	color: #202321 !important;

	font-size: 14px !important;

	line-height: 48px !important;
}


/* Arrow */

.vccheckout .select2-container
.select2-selection--single
.select2-selection__arrow {

	top: 50% !important;

	right: 13px !important;

	width: 20px !important;

	height: 20px !important;

	transform: translateY(-50%);
}


.vccheckout .select2-container
.select2-selection--single
.select2-selection__arrow b {

	border-color: #6e7571 transparent transparent transparent !important;
}


/* Focused select */

.vccheckout .select2-container--focus
.select2-selection--single,
.vccheckout .select2-container--open
.select2-selection--single {

	border-color: var(--v4c-green) !important;

	box-shadow:
		0 0 0 3px rgba(107,149,93,0.10) !important;
}


/* =========================================================
8. ADDITIONAL INFORMATION
========================================================= */

.vccheckout .woocommerce-additional-fields {

	margin-top: 12px !important;
}


/* Heading */

.vccheckout .woocommerce-additional-fields > h3 {

	margin: 8px 0 20px !important;

	padding: 0 0 15px !important;

	border-bottom: 1px solid var(--v4c-border) !important;

	color: var(--v4c-text) !important;

	font-size: 19px !important;

	font-weight: 700 !important;
}


/* Order notes */

.vccheckout #order_comments_field {

	margin-bottom: 0 !important;
}


/* =========================================================
9. ORDER SUMMARY TABLE
========================================================= */

.vccheckout .woocommerce-checkout-review-order-table {

	width: 100% !important;

	margin: 0 !important;

	border-collapse: collapse !important;

	border-spacing: 0 !important;

	background: transparent !important;

	border: 0 !important;
}


/* Remove default borders */

.vccheckout .woocommerce-checkout-review-order-table th,
.vccheckout .woocommerce-checkout-review-order-table td {

	background: transparent !important;

	border: 0 !important;

	color: #292d2b !important;
}


/* Table heading */

.vccheckout .woocommerce-checkout-review-order-table thead th {

	padding: 0 0 13px !important;

	border-bottom: 1px solid var(--v4c-border) !important;

	font-size: 16px !important;

	font-weight: 700 !important;

	text-transform: uppercase;

	letter-spacing: 0.4px;
}


/* Product heading */

.vccheckout .woocommerce-checkout-review-order-table
.product-name {

	text-align: left !important;
}


/* Subtotal heading */

.vccheckout .woocommerce-checkout-review-order-table
.product-total {

	text-align: right !important;
}


/* Product rows */

.vccheckout .woocommerce-checkout-review-order-table tbody tr {

	border-bottom: 1px solid #edf0ee !important;
}


/* Product name */

.vccheckout .woocommerce-checkout-review-order-table tbody td.product-name {

	padding: 15px 10px 15px 0 !important;

	font-size: 14px !important;

	line-height: 1.45 !important;
}


/* Product price */

.vccheckout .woocommerce-checkout-review-order-table
tbody td.product-total {

	padding: 15px 0 !important;

	text-align: right !important;

	white-space: nowrap;
}


/* Quantity */

.vccheckout .woocommerce-checkout-review-order-table
.product-quantity {

	display: inline-block;

	margin-left: 3px;

	color: #737a76 !important;

	font-size: 12px !important;

	font-weight: 600 !important;
}


/* =========================================================
10. SUBTOTAL / TOTAL
========================================================= */

.vccheckout .woocommerce-checkout-review-order-table tfoot th,
.vccheckout .woocommerce-checkout-review-order-table tfoot td {

	padding: 15px 0 !important;

	font-size: 15px !important;
}


/* Subtotal */

.vccheckout .woocommerce-checkout-review-order-table
tr.cart-subtotal {

	border-bottom: 1px solid var(--v4c-border) !important;
}


/* Total */

.vccheckout .woocommerce-checkout-review-order-table
tr.order-total th,
.vccheckout .woocommerce-checkout-review-order-table
tr.order-total td {

	padding-top: 18px !important;

	padding-bottom: 18px !important;

	color: #111111 !important;

	font-size: 16px !important;

	font-weight: 700 !important;
}


/* Total amount */

.vccheckout .woocommerce-checkout-review-order-table
tr.order-total .amount {

	color: #111111 !important;

	font-size: 17px !important;

	font-weight: 700 !important;
}


/* =========================================================
11. PAYMENT AREA
========================================================= */

.vccheckout #payment {

	margin: 0 !important;

	padding: 0 !important;

	background: transparent !important;

	border-radius: 0 !important;
}


/* Payment methods */

.vccheckout #payment .wc_payment_methods {

	margin: 0 !important;

	padding: 0 !important;

	list-style: none !important;

	border: 0 !important;
}


/* No payment methods message */

.vccheckout #payment .woocommerce-info {
	position: relative;
	margin: 8px 0 18px !important;
	padding: 15px 15px 15px 40px !important;
	background: #fafafa !important;
	border: 1px solid var(--v4c-border) !important;
	border-radius: 8px !important;
	color: #656b68 !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}


/* Payment info icon */

.vccheckout #payment .woocommerce-info::before {

	content: "i";

	position: absolute;

	left: 14px;
	top: 17px;

	width: 18px;
	height: 18px;

	display: flex;

	align-items: center;
	justify-content: center;

	border: 1px solid #aeb5b1;

	border-radius: 50%;

	color: #7d8581;

	font-size: 13px;

	font-weight: 700;

	margin: 0 !important;
}


/* ==================== 12. PRIVACY TEXT ====================== */
.vccheckout .woocommerce-privacy-policy-text {
	margin: 0 0 18px !important;
	color: #727975 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
}
.vccheckout .woocommerce-privacy-policy-text p {margin: 0 !important;}
.vccheckout .woocommerce-privacy-policy-text a {
	color: #454b48 !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}
/* =============== 13. PLACE ORDER BUTTON ================= */
.vccheckout #place_order {
	width: 100% !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	background: var(--v4c-primary) !important;
	border: 1px solid var(--v4c-primary) !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	cursor: pointer;
	box-shadow: none !important;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}
.vccheckout #place_order:hover {
	background: var(--v4c-primary-hover) !important;
	border-color: var(--v4c-primary-hover) !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(239,54,54,0.18) !important;
}
.vccheckout #place_order:active {transform: translateY(0);}
/* ================== 14. VALIDATION / ERROR STATES ======================= */
.vccheckout .woocommerce-invalid input.input-text, .vccheckout .woocommerce-invalid textarea.input-text {border-color: #e05252 !important;}
.vccheckout .woocommerce-invalid input.input-text:focus, .vccheckout .woocommerce-invalid textarea.input-text:focus {
box-shadow: 0 0 0 3px rgba(224,82,82,0.10) !important;}
/* Error messages */
.vccheckout .woocommerce-error {
	margin: 0 0 25px !important;
	padding: 15px 18px !important;
	background: #fff7f7 !important;
	border: 1px solid #f0caca !important;
	border-radius: 8px !important;
	color: #a63131 !important;
	font-size: 13px !important;
}

/* =========================================================
15. SUCCESS / NOTICE
========================================================= */

.vccheckout .woocommerce-message {

	margin-bottom: 25px !important;

	padding: 15px 18px !important;

	border-radius: 8px !important;

	font-size: 13px !important;
}


/* =========================================================
16. DESKTOP REFINEMENTS
========================================================= */

@media (min-width: 1200px) {

	.vccheckout form.checkout.woocommerce-checkout {

		column-gap: 52px;
	}

}


/* =========================================================
17. TABLET
========================================================= */

@media (max-width: 991px) {

	.vccheckout form.checkout.woocommerce-checkout {

		grid-template-columns: 1fr;

		grid-template-areas:
			"customer"
			"heading"
			"review";

		row-gap: 28px;

	}


	.vccheckout #order_review_heading {

		margin: 0 !important;

		border-bottom: 0;

		border-radius: 12px 12px 0 0;
	}


	.vccheckout #order_review {

		margin-top: -28px !important;

		border-radius: 0 0 12px 12px;
	}

}


/* =========================================================
18. MOBILE
========================================================= */

@media (max-width: 767px) {

	/* Coupon */

	.vccheckout .woocommerce-form-coupon-toggle {

		margin-bottom: 24px !important;
	}


	.vccheckout .woocommerce-form-coupon-toggle .woocommerce-info {

		padding: 15px 15px 15px 42px !important;

		font-size: 13px !important;
	}


	/* Coupon form */

	.vccheckout form.checkout_coupon {

		flex-direction: column;

		align-items: stretch;

		margin-top: -10px !important;

		padding: 15px !important;
	}


	.vccheckout form.checkout_coupon .form-row-first,
	.vccheckout form.checkout_coupon .form-row-last {

		width: 100% !important;

		flex: none !important;
	}


	.vccheckout form.checkout_coupon button[name="apply_coupon"] {

		width: 100% !important;
	}


	/* Billing fields */

	.vccheckout .woocommerce-billing-fields__field-wrapper {

		grid-template-columns: 1fr;

		column-gap: 0;
	}


	.vccheckout #billing_first_name_field,
	.vccheckout #billing_last_name_field {

		grid-column: 1 / -1;
	}


	/* Billing heading */

	.vccheckout .woocommerce-billing-fields > h3,
	.vccheckout .woocommerce-additional-fields > h3 {

		font-size: 18px !important;
	}


	/* Order card */

	.vccheckout #order_review_heading {

		padding: 18px 18px !important;

		font-size: 17px !important;
	}


	.vccheckout #order_review {

		padding: 0 18px 18px !important;
	}


	/* Inputs */

	.vccheckout input.input-text,
	.vccheckout textarea.input-text,
	.vccheckout .select2-container
	.select2-selection--single {

		min-height: 46px !important;

		font-size: 14px !important;
	}


	/* Order table */

	.vccheckout .woocommerce-checkout-review-order-table
	tbody td.product-name {

		padding-right: 8px !important;

		font-size: 12px !important;
	}


	.vccheckout .woocommerce-checkout-review-order-table
	tbody td.product-total {

		font-size: 12px !important;
	}


	/* Place order */

	.vccheckout #place_order {

		min-height: 50px !important;
	}

}


/* =========================================================
19. SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.vccheckout {

		font-size: 13px;
	}


	.vccheckout .woocommerce-form-coupon-toggle
	.woocommerce-info {

		font-size: 12px !important;
	}


	.vccheckout .form-row {

		margin-bottom: 14px !important;
	}


	.vccheckout .woocommerce-checkout-review-order-table
	thead th {

		font-size: 10px !important;

		letter-spacing: 0.2px;
	}


	.vccheckout .woocommerce-checkout-review-order-table
	tfoot th,
	.vccheckout .woocommerce-checkout-review-order-table
	tfoot td {

		font-size: 12px !important;
	}


	.vccheckout .woocommerce-checkout-review-order-table
	tr.order-total th,
	.vccheckout .woocommerce-checkout-review-order-table
	tr.order-total td {

		font-size: 15px !important;
	}

}

/* =========================================================
   V4C - MY ACCOUNT MODERN UI
   Wrapper: .vcwcmyaccount
   ========================================================= */

/* COLUMN CARDS */
.vcwcmyaccount #customer_login .u-column1,
.vcwcmyaccount #customer_login .u-column2 {
    background: #ffffff;
    border: 1px solid #e5e9e7;
    border-radius: 14px;
    padding: 30px 30px 20px 30px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.vcwcmyaccount .woocommerce form.login, .vcwcmyaccount .woocommerce form.register {
	border:none !important;
    padding: 0px !important;
    margin: 0 !important;
    border-radius: 0px !important;
}

/* HEADINGS */
.vcwcmyaccount #customer_login h2 {
    margin: 0 0 24px !important;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8ecea;
    color: #171717;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

/* LABELS */
.vcwcmyaccount #customer_login label {
    display: block;
    margin-bottom: 8px;
    color: #222222;
    font-size: 15px;
    font-weight: 600;
}

/* REQUIRED STAR */
.vcwcmyaccount #customer_login .required {
    color: #e53935;
}

/* INPUTS */
.vcwcmyaccount #customer_login input[type="text"],
.vcwcmyaccount #customer_login input[type="email"],
.vcwcmyaccount #customer_login input[type="password"] {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #dfe4e1;
    border-radius: 8px;
    background: #ffffff;
    color: #222222;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}

/* INPUT FOCUS */
.vcwcmyaccount #customer_login input[type="text"]:focus,
.vcwcmyaccount #customer_login input[type="email"]:focus,
.vcwcmyaccount #customer_login input[type="password"]:focus {
    border-color: #6b8f5a;
    box-shadow: 0 0 0 3px rgba(107, 143, 90, 0.12);
    outline: none;
}

/* FORM ROW SPACING */
.vcwcmyaccount #customer_login .form-row {
    margin-bottom: 12px;
}

/* PASSWORD WRAPPER */
.vcwcmyaccount #customer_login .password-input {
    display: block;
    position: relative;
}

/* REMEMBER ME */
.vcwcmyaccount #customer_login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 500;
}

.vcwcmyaccount #customer_login .woocommerce-form-login__rememberme input {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: #6b8f5a;
}

/* BUTTONS */
.vcwcmyaccount #customer_login button.button {
    min-height: 46px;
    padding: 0 26px;
    border: 0;
    border-radius: 7px;
    background: #111111;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background .2s ease, transform .2s ease;
}

/* BUTTON HOVER */
.vcwcmyaccount #customer_login button.button:hover {
    background: #6b8f5a;
    color: #ffffff;
    transform: translateY(-1px);
}

/* LOST PASSWORD */
.vcwcmyaccount #customer_login .lost_password {
    margin: 12px 0 0;
}

.vcwcmyaccount #customer_login .lost_password a {
    color: #555555;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.vcwcmyaccount #customer_login .lost_password a:hover {
    color: #6b8f5a;
}

/* REGISTER DESCRIPTION */
.vcwcmyaccount #customer_login .u-column2 .woocommerce-form > p {
    color: #666666;
    font-size: 13px;
    line-height: 1.7;
}

/* PRIVACY TEXT */
.vcwcmyaccount #customer_login .woocommerce-privacy-policy-text {
    margin: 18px 0;
    color: #666666;
    font-size: 13px;
    line-height: 1.7;
}

.vcwcmyaccount #customer_login .woocommerce-privacy-policy-text a {
    color: #333333;
    font-weight: 600;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .vcwcmyaccount #customer_login {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .vcwcmyaccount #customer_login .u-column1,
    .vcwcmyaccount #customer_login .u-column2 {
        padding: 22px;
        border-radius: 12px;
    }

    .vcwcmyaccount #customer_login h2 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }

    .vcwcmyaccount #customer_login button.button {
        width: 100%;
    }
}

/* =========================================================
   V4C - MY ACCOUNT DASHBOARD UI
   ========================================================= */

.vcwcmyaccount .woocommerce-MyAccount-navigation {
    width: 28% !important;
}

.vcwcmyaccount .woocommerce-MyAccount-content {
    width: 68% !important;
    padding-left: 35px;
}

/* Navigation card */
.vcwcmyaccount .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #ffffff;
    border: 1px solid #e5e9e7;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
}

/* Navigation items */
.vcwcmyaccount .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    border-bottom: 1px solid #edf0ee;
}

.vcwcmyaccount .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

/* Navigation links */
.vcwcmyaccount .woocommerce-MyAccount-navigation a {
    display: flex !important;
    align-items: center;
    min-height: 54px;
    padding: 0 18px !important;

    color: #333333 !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;

    transition: all .2s ease;
}

/* Hover */
.vcwcmyaccount .woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
    background: #f5f8f5;
    color: #6b8f5a !important;
    padding-left: 22px !important;
}

/* Active item */
.vcwcmyaccount .woocommerce-MyAccount-navigation li.is-active a {
    background: #131313;
    color: #ffffff !important;
    font-weight: 600;
}

/* Dashboard content */
.vcwcmyaccount .woocommerce-MyAccount-content {
    color: #555555;
    font-size: 15px;
    line-height: 1.75;
}

/* Content paragraphs */
.vcwcmyaccount .woocommerce-MyAccount-content p {
    margin: 0 0 18px;
}

/* Content links */
.vcwcmyaccount .woocommerce-MyAccount-content a {
    background: #111111;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}

.vcwcmyaccount .woocommerce-MyAccount-content a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Greeting */
/* .vcwcmyaccount .woocommerce-MyAccount-content p:first-of-type {
    padding: 20px 22px;
    background: #f7f9f7;
    border: 1px solid #e5e9e7;
    border-radius: 10px;
} */

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .vcwcmyaccount .woocommerce-MyAccount-navigation,
    .vcwcmyaccount .woocommerce-MyAccount-content {
        width: 100% !important;
        padding-left: 0;
    }

    .vcwcmyaccount .woocommerce-MyAccount-navigation {
        margin-bottom: 25px;
    }

    .vcwcmyaccount .woocommerce-MyAccount-navigation a {
        min-height: 50px;
    }
}

/* =========================================================
   V4C - MY ACCOUNT PROFESSIONAL NAV ICONS
   ========================================================= */

.vcwcmyaccount .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    gap: 12px;
}


/* ICON BASE */
.vcwcmyaccount .woocommerce-MyAccount-navigation li a::before {
    width: 20px;
    min-width: 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;

    font-size: 14px;
    line-height: 1;

    color: #6b8f5a;

    transition: all .2s ease;
}


/* DASHBOARD */
.vcwcmyaccount
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f015";
}


/* ORDERS */
.vcwcmyaccount
.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f07a";
}


/* DOWNLOADS */
.vcwcmyaccount
.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f019";
}


/* ADDRESSES */
.vcwcmyaccount
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5";
}


/* ACCOUNT DETAILS */
.vcwcmyaccount
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f007";
}


/* LOG OUT */
.vcwcmyaccount
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5";
}


/* ACTIVE ICON */
.vcwcmyaccount
.woocommerce-MyAccount-navigation li.is-active a::before {
    color: #ffffff;
}


/* HOVER */
.vcwcmyaccount
.woocommerce-MyAccount-navigation li:not(.is-active) a:hover::before {
    color: #587848;
    transform: translateX(2px);
}

/* ================================
   Vape4Change Blog Pagination
================================ */

.vcblogpgi .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    width: 100%;
}

/* Page number buttons */
.vcblogpgi .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #222;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    transition: all 0.2s ease;
}

/* Current page */
.vcblogpgi .elementor-pagination .page-numbers.current {
    background: #111;
    border-color: #111;
    color: #fff;
}

/* Hover */
.vcblogpgi .elementor-pagination .page-numbers:hover {
    background: #111;
    border-color: #111;
    color: #fff;
}

/* Previous / Next */
.vcblogpgi .elementor-pagination .page-numbers.prev,
.vcblogpgi .elementor-pagination .page-numbers.next {
    padding: 0 15px;
}

/* Dots */
.vcblogpgi .elementor-pagination .page-numbers.dots {
    border: 0;
    background: transparent;
    min-width: auto;
    padding: 0 3px;
}

/* Remove unwanted Elementor full-width background */
.vcblogpgi .elementor-pagination {
    background: transparent;
}