/* ==========================================================================
   MODULE: category-menu.css
   ========================================================================== */
/* ==========================================================================
   Vero Dynamic Product Category Mega Menu & Main Category Navigation Bar
   ========================================================================== */

/* Strict CSS Reset & Box Sizing */
html body .vero-category-menu,
html body .vero-category-menu *,
html body .vero-category-offcanvas,
html body .vero-category-offcanvas *,
html body .vero-header-nav-bar,
html body .vero-header-nav-bar * {
	box-sizing: border-box;
}

html body .vero-category-menu ul,
html body .vero-category-menu ol,
html body .vero-category-menu li,
html body .vero-category-offcanvas ul,
html body .vero-category-offcanvas ol,
html body .vero-category-offcanvas li,
html body .vero-header-nav-bar ul,
html body .vero-header-nav-bar ol,
html body .vero-header-nav-bar li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html body .vero-category-menu svg,
html body .vero-category-offcanvas svg,
html body .vero-header-nav-bar svg {
	pointer-events: none;
}

html body .vero-category-menu {
	position: relative;
	display: inline-block;
	z-index: 999;
}

/* Invisible hover bridge extending downward from container over the gap */
html body .vero-category-menu::after {
	content: '';
	position: absolute;
	top: 100%;
	left: -20px;
	right: -20px;
	height: 24px;
	background: transparent;
	z-index: 1001;
	pointer-events: auto;
}

/* Specificity-based overrides for inherited theme typography */
html body .vero-category-menu,
html body .vero-category-menu__dropdown,
html body .vero-category-menu__subpanel,
html body .vero-category-menu__subgrid,
html body .vero-category-menu__subhead,
html body .vero-category-menu__sublist,
html body .vero-category-menu__sublist a,
html body .vero-nav-dropdown,
html body .vero-nav-dropdown * {
	text-transform: none;
	font-feature-settings: normal;
}

/* --------------------------------------------------------------------------
   1. Top Header Category Trigger Button (Positioned before Search Bar)
   -------------------------------------------------------------------------- */
html body .vero-category-menu__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 16px;
	background: #ffffff;
	color: #181E23;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	font-weight: 700;
	font-size: 0.88rem;
	line-height: 1;
	letter-spacing: 0.02em;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	transition: all 0.15s ease;
	min-height: 48px;
	height: 48px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	text-transform: uppercase;
	font-feature-settings: 'case' 1;
	-webkit-font-feature-settings: 'case' 1;
}

html body .vero-category-menu__trigger * {
	pointer-events: none;
}

html body .vero-category-menu__trigger:hover,
html body .vero-category-menu__trigger:focus-visible,
html body .vero-category-menu__trigger[aria-expanded="true"],
html body .vero-category-menu:hover .vero-category-menu__trigger {
	background: #ffffff;
	border-color: #a9c825;
	color: #181E23;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.22);
	outline: none;
}

html body .vero-category-menu__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #a9c825;
}

html body .vero-category-menu__label {
	line-height: 1;
	color: #181E23;
	text-transform: uppercase;
	font-weight: 700;
	font-feature-settings: 'case' 1;
	-webkit-font-feature-settings: 'case' 1;
}

html body .vero-category-menu__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #a9c825;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	margin-left: 2px;
}

html body .vero-category-menu__trigger[aria-expanded="true"] .vero-category-menu__arrow,
html body .vero-category-menu:hover .vero-category-menu__arrow {
	transform: rotate(180deg);
}

/* --------------------------------------------------------------------------
   2. Desktop Mega Dropdown Container (Unified Side-by-Side Modern Card)
   -------------------------------------------------------------------------- */
html body .vero-category-menu__dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 8px;
	display: flex;
	width: 270px;
	height: auto;
	max-height: calc(85vh - 80px);
	min-height: min-content;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 20px 48px -10px rgba(15, 23, 42, 0.16), 0 0 0 1px rgba(15, 23, 42, 0.04);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s, width 0.22s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: 0.18s;
	overflow: hidden;
	z-index: 1000;
}

/* Invisible top hover bridge extending upward from dropdown over the gap into button */
html body .vero-category-menu__dropdown::before {
	content: '';
	position: absolute;
	top: -24px;
	left: -20px;
	right: -20px;
	height: 32px;
	background: transparent;
	z-index: 1001;
	pointer-events: auto;
}

html body .vero-category-menu__dropdown.has-subpanel {
	width: min(900px, calc(100vw - 32px));
	max-width: calc(100vw - 32px);
}

@media (min-width: 992px) {
	html body .vero-category-offcanvas {
		display: none;
	}

	html body .vero-category-menu:hover .vero-category-menu__dropdown,
	html body .vero-category-menu:focus-within .vero-category-menu__dropdown,
	html body .vero-category-menu__dropdown:hover,
	html body .vero-category-menu__dropdown.is-visible {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0s;
	}
}

/* Left Sidebar - Top Level Parent Categories */
html body .vero-category-menu__sidebar {
	width: 260px;
	min-width: 260px;
	height: auto;
	max-height: calc(85vh - 80px);
	overflow-y: auto;
	padding: 8px 6px;
	background: #fbfcfd;
	border-right: 1px solid #f1f5f9;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

html body .vero-category-menu__sidebar::-webkit-scrollbar {
	width: 4px;
}

html body .vero-category-menu__sidebar::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 7px;
}

html body .vero-category-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

html body .vero-category-menu__item {
	position: relative;
	list-style: none;
}

html body .vero-category-menu__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	color: #1e293b;
	text-decoration: none;
	font-size: 0.83rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	line-height: 1.25;
	border-radius: 8px;
	border-left: 3px solid transparent;
	transition: background-color 0.15s ease, color 0.15s ease, border-left-color 0.15s ease;
}

html body .vero-category-menu__link:hover,
html body .vero-category-menu__item.is-active > .vero-category-menu__link {
	background: #f2f8d8;
	color: #181e23;
	border-left-color: #a9c825;
}

html body .vero-category-menu__thumb {
	width: 20px;
	height: 20px;
	object-fit: contain;
	border-radius: 6px;
	flex-shrink: 0;
}

html body .vero-category-menu__link .vero-cat-icon-svg,
html body .vero-category-menu__link svg {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
	background: transparent !important;
}

html body .vero-mobile-cat-link .vero-cat-icon-svg,
html body .vero-mobile-cat-link svg {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
	background: transparent !important;
}

html body .vero-category-menu__name {
	flex: 1;
	white-space: normal;
	line-height: 1.25;
	word-break: normal;
	overflow-wrap: break-word;
}

/* Sleek refined chevron arrow on left items */
html body .vero-category-menu__sub-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	opacity: 0.55;
	margin-left: auto;
	flex-shrink: 0;
	transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), color 0.18s ease, opacity 0.18s ease;
}

html body .vero-category-menu__sub-arrow svg {
	width: 13px !important;
	height: 13px !important;
	min-width: 13px !important;
	min-height: 13px !important;
}

html body .vero-category-menu__item.is-active .vero-category-menu__sub-arrow,
html body .vero-category-menu__link:hover .vero-category-menu__sub-arrow {
	color: #a9c825;
	opacity: 1;
	transform: translateX(3px);
}

/* Right Content Area - Subpanel Display */
html body .vero-category-menu__content {
	flex: 1;
	min-width: 0;
	height: auto;
	max-height: calc(85vh - 80px);
	overflow-y: auto;
	padding: 18px 22px 14px 22px;
	background: #ffffff;
	display: none;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

html body .vero-category-menu__dropdown.has-subpanel .vero-category-menu__content {
	display: flex;
	flex-direction: column;
}

html body .vero-category-menu__content::-webkit-scrollbar {
	width: 4px;
}

html body .vero-category-menu__content::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 7px;
}

html body .vero-category-menu__subpanel {
	display: none;
	flex-direction: column;
	height: 100%;
	animation: smoothSubpanelFade 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

html body .vero-category-menu__subpanel.is-active {
	display: flex;
}

@keyframes smoothSubpanelFade {
	from { opacity: 0; transform: translateY(3px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Subpanel Top Header */
html body .vero-category-menu__subpanel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f5f9;
}

html body .vero-category-menu__subpanel-title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

html body .vero-category-menu__subpanel-title {
	font-size: 1.05rem;
	font-weight: 800;
	color: #0f172a;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	transition: color 0.15s ease;
}

html body .vero-category-menu__subpanel-title:hover {
	color: #a9c825;
}

html body .vero-category-menu__subpanel-count {
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	font-size: 0.72rem;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	border-radius: 6px;
	text-transform: none;
}

/* Modern Pill Button for View All */
html body .vero-category-menu__view-all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	font-size: 0.78rem;
	font-weight: 700;
	color: #556c07;
	background: #f4f8de;
	border: 1px solid #e3f0ad;
	border-radius: 20px;
	text-decoration: none;
	transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

html body .vero-category-menu__view-all svg {
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	min-height: 12px !important;
	transition: transform 0.15s ease;
}

html body .vero-category-menu__view-all:hover {
	background: #a9c825;
	border-color: #a9c825;
	color: #ffffff;
	box-shadow: 0 2px 8px rgba(169, 200, 37, 0.3);
	transform: translateY(-1px);
}

html body .vero-category-menu__view-all:hover svg {
	transform: translateX(2px);
}

/* Subcategories 2-Column Responsive Grid (Full Title Visibility) */
html body .vero-category-menu__subgrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 12px;
	margin-bottom: 12px;
	flex: 1;
	align-content: start;
}

@media (max-width: 640px) {
	html body .vero-category-menu__subgrid {
		grid-template-columns: 1fr;
	}
}

/* All links in category menu reset */
html body .vero-category-menu a,
html body .vero-category-menu a:link,
html body .vero-category-menu a:visited,
html body .vero-category-menu__content a,
html body .vero-category-menu__subgrid a,
html body .vero-category-menu__subpanel a,
html body .vero-subcat-card,
html body .vero-subcat-card:link,
html body .vero-subcat-card:visited {
	text-decoration: none !important;
	color: #1e293b;
}

/* Interactive Sleek & Compact Subcategory Card */
html body .vero-subcat-card,
html body a.vero-subcat-card {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	padding: 7px 11px !important;
	background: #f8fafc !important;
	border: 1px solid #edf2f7 !important;
	border-radius: 9px !important;
	text-decoration: none !important;
	color: #1e293b !important;
	transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
	position: relative !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	min-height: 42px !important;
	height: auto !important;
}

html body .vero-subcat-card:hover,
html body a.vero-subcat-card:hover {
	background: #ffffff !important;
	border-color: #cde06b !important;
	box-shadow: 0 4px 12px -2px rgba(169, 200, 37, 0.18), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
	transform: translateY(-1px) !important;
	color: #181e23 !important;
}

html body .vero-subcat-card__icon-box {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	max-width: 28px !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #181e23 !important;
	flex-shrink: 0 !important;
	transition: all 0.18s ease !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html body .vero-subcat-card:hover .vero-subcat-card__icon-box,
html body a.vero-subcat-card:hover .vero-subcat-card__icon-box {
	background: #f4f8de !important;
	border-color: #cde06b !important;
	color: #556c07 !important;
	transform: scale(1.06) !important;
}

html body .vero-subcat-card__thumb {
	width: 18px !important;
	height: 18px !important;
	object-fit: contain !important;
	border-radius: 3px !important;
}

html body .vero-subcat-svg {
	width: 15px !important;
	height: 15px !important;
	min-width: 15px !important;
	min-height: 15px !important;
	stroke: currentColor !important;
}

html body .vero-subcat-card__info {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 1px !important;
}

html body .vero-subcat-card__name {
	font-size: 0.83rem !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	line-height: 1.25 !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	text-transform: none !important;
	text-decoration: none !important;
	font-feature-settings: normal !important;
	transition: color 0.15s ease !important;
}

html body .vero-subcat-card:hover .vero-subcat-card__name,
html body a.vero-subcat-card:hover .vero-subcat-card__name {
	color: #181e23 !important;
}

html body .vero-subcat-card__count {
	font-size: 0.6875rem !important;
	font-weight: 500 !important;
	color: #94a3b8 !important;
	line-height: 1 !important;
}

/* Sleek micro-chevron indicator sliding in on hover */
html body .vero-subcat-card__arrow {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #a9c825 !important;
	opacity: 0 !important;
	transform: translateX(-4px) !important;
	transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
	margin-left: auto !important;
	flex-shrink: 0 !important;
}

html body .vero-subcat-card__arrow svg {
	width: 11px !important;
	height: 11px !important;
	min-width: 11px !important;
	min-height: 11px !important;
	stroke: currentColor !important;
}

html body .vero-subcat-card:hover .vero-subcat-card__arrow,
html body a.vero-subcat-card:hover .vero-subcat-card__arrow {
	opacity: 1 !important;
	transform: translateX(0) !important;
}

/* Level 3 Grouped Sections */
html body .vero-subcat-group {
	grid-column: 1 / -1;
	background: #f8fafc;
	border: 1px solid #eef2f6;
	border-radius: 8px;
	padding: 8px 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

html body .vero-subcat-group:hover {
	background: #ffffff;
	border-color: #cde06b;
	box-shadow: 0 3px 10px -2px rgba(169, 200, 37, 0.15);
}

html body .vero-subcat-group__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

html body .vero-subcat-group__link {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
	text-decoration: none;
}

html body .vero-subcat-group__info {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

html body .vero-subcat-group__name {
	font-size: 0.83rem;
	font-weight: 700;
	color: #1e293b;
	white-space: normal;
	overflow: visible;
	word-break: normal;
	overflow-wrap: break-word;
	line-height: 1.25;
}

html body .vero-subcat-group__count {
	font-size: 0.6875rem;
	font-weight: 600;
	color: #849618;
}

html body .vero-subcat-group__action {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	text-decoration: none;
	transition: all 0.15s ease;
}

html body .vero-subcat-group__action svg {
	width: 9px !important;
	height: 9px !important;
	min-width: 9px !important;
	min-height: 9px !important;
}

html body .vero-subcat-group:hover .vero-subcat-group__action {
	background: #a9c825;
	border-color: #a9c825;
	color: #ffffff;
}

html body .vero-subcat-group__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding-top: 1px;
}

html body .vero-subcat-tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 7px;
	font-size: 0.72rem;
	font-weight: 600;
	color: #475569;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.15s ease;
}

html body .vero-subcat-tag__dot {
	width: 3.5px;
	height: 3.5px;
	border-radius: 50%;
	background: #94a3b8;
	transition: background-color 0.15s ease;
}

html body .vero-subcat-tag:hover {
	background: #f4f8de;
	border-color: #a9c825;
	color: #181e23;
}

html body .vero-subcat-tag:hover .vero-subcat-tag__dot {
	background: #a9c825;
}

/* Subpanel Bottom Trust & Assurances Strip */
html body .vero-category-menu__subpanel-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 8px;
	border-top: 1px solid #f1f5f9;
	margin-top: auto;
	gap: 8px;
}

html body .vero-subpanel-feature {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 0.7rem;
	font-weight: 600;
	color: #64748b;
}

html body .vero-subpanel-feature svg {
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	min-height: 12px !important;
	color: #a9c825;
	flex-shrink: 0;
}

html body .vero-subpanel-feature {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	font-weight: 600;
	color: #64748b;
}

html body .vero-subpanel-feature svg {
	width: 13px !important;
	height: 13px !important;
	min-width: 13px !important;
	min-height: 13px !important;
	color: #a9c825;
	flex-shrink: 0;
}

/* Mobile Subhead Icon Wrap */
html body .vero-mobile-subhead__icon-wrap {
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #181e23;
	flex-shrink: 0;
	margin-right: 6px;
}

html body .vero-mobile-subhead__icon-wrap svg {
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	min-height: 14px !important;
}

/* --------------------------------------------------------------------------
   3. Main Horizontal Category Navigation Bar (Dark Charcoal / Slate Bar)
   -------------------------------------------------------------------------- */
html body .vero-header-nav-bar,
.vero-header-nav-bar {
	background-color: #ffffff !important;
	border-top: 1px solid #E2E8F0 !important;
	border-bottom: 1px solid #E2E8F0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	position: relative !important;
	z-index: 490 !important;
	overflow: visible !important;
}

html body .vero-nav-bar-inner,
.vero-nav-bar-inner {
	max-width: 1360px !important;
	margin: 0 auto !important;
	width: 100% !important;
	display: flex !important;
	align-items: stretch !important;
	position: relative !important;
	overflow: visible !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
}

html body .vero-category-links,
.vero-category-links {
	display: flex !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	width: 100% !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	overflow: visible !important;
	flex-wrap: nowrap !important;
}

html body .vero-category-links::-webkit-scrollbar {
	display: none !important;
}

html body .vero-nav-cat-item,
.vero-nav-cat-item {
	position: relative !important;
	display: flex !important;
	align-items: stretch !important;
	justify-content: center !important;
	flex: 1 1 0px !important;
	min-width: 0 !important;
	width: 0 !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-right: none !important;
	border-left: none !important;
	overflow: visible !important;
}

html body .vero-nav-cat-item:not(:last-child)::before,
.vero-nav-cat-item:not(:last-child)::before {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	transform: translateY(-50%) !important;
	width: 1px !important;
	height: 44px !important;
	background: linear-gradient(180deg, rgba(226, 232, 240, 0) 0%, #CBD5E1 30%, #CBD5E1 70%, rgba(226, 232, 240, 0) 100%) !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

html body .vero-nav-cat-item:first-child,
.vero-nav-cat-item:first-child {
	border-left: none !important;
}

html body .vero-nav-cat-item:last-child,
.vero-nav-cat-item:last-child {
	border-right: none !important;
}

html body .vero-nav-cat-link,
.vero-nav-cat-link {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 10px 4px 8px !important;
	width: 100% !important;
	min-height: 82px !important;
	height: 100% !important;
	color: #181E23 !important;
	font-family: 'Loos Normal', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 0.71rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.01em !important;
	text-decoration: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	text-align: center !important;
	line-height: 1.15 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	box-sizing: border-box !important;
	transition: background-color 0.18s cubic-bezier(0.16, 1, 0.3, 1), color 0.18s ease !important;
	font-feature-settings: 'case' 1 !important;
	-webkit-font-feature-settings: 'case' 1 !important;
	user-select: none !important;
}

html body .vero-nav-cat-link::after,
.vero-nav-cat-link::after {
	content: '' !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	transform: translateX(-50%) scaleX(0) !important;
	width: 48px !important;
	height: 3px !important;
	background-color: #a9c825 !important;
	border-radius: 3px 3px 0 0 !important;
	box-shadow: 0 -2px 8px rgba(169, 200, 37, 0.45) !important;
	transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
	opacity: 0 !important;
	pointer-events: none !important;
	z-index: 5 !important;
}

html body .vero-nav-cat-link:hover,
html body .vero-nav-cat-item:hover > .vero-nav-cat-link,
html body .vero-nav-cat-link:focus-visible {
	color: #000000 !important;
	background-color: rgba(169, 200, 37, 0.04) !important;
	outline: none !important;
}

html body .vero-nav-cat-link:hover::after,
html body .vero-nav-cat-item:hover > .vero-nav-cat-link::after,
html body .vero-nav-cat-link:focus-visible::after {
	transform: translateX(-50%) scaleX(1) !important;
	opacity: 1 !important;
}

html body .vero-nav-cat-icon,
.vero-nav-cat-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	margin: 0 auto !important;
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

html body .vero-nav-cat-link:hover .vero-nav-cat-icon,
html body .vero-nav-cat-item:hover .vero-nav-cat-icon {
	transform: translateY(-2px) scale(1.08) !important;
}

html body .vero-nav-cat-icon svg,
html body .vero-nav-cat-icon .vero-cat-icon-svg {
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	display: block !important;
}

html body .vero-nav-cat-img {
	width: 38px !important;
	height: 38px !important;
	object-fit: contain !important;
	border-radius: 7px !important;
	flex-shrink: 0 !important;
}

html body .vero-nav-cat-title {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	width: 100% !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	hyphens: none !important;
	text-wrap: balance !important;
	-webkit-text-wrap: balance !important;
	line-height: 1.15 !important;
	font-size: 0.71rem !important;
	font-weight: 700 !important;
	text-align: center !important;
	color: #181E23 !important;
	transition: color 0.15s ease !important;
	padding: 0 2px !important;
	box-sizing: border-box !important;
	min-height: 26px !important;
}

html body .vero-nav-cat-link:hover .vero-nav-cat-title,
html body .vero-nav-cat-item:hover .vero-nav-cat-title {
	color: #000000 !important;
}

/* Hover bridge for navbar category item dropdown */
html body .vero-nav-cat-item.has-dropdown::after {
	content: '' !important;
	position: absolute !important;
	top: 100% !important;
	left: -10px !important;
	right: -10px !important;
	height: 16px !important;
	background: transparent !important;
	z-index: 10001 !important;
	pointer-events: auto !important;
}

/* Subcategory Hover Dropdown Panel - Clean Floating Panel */
html body .vero-nav-dropdown {
	position: absolute !important;
	top: 100% !important;
	margin-top: 2px !important;
	min-width: 520px !important;
	max-width: min(980px, calc(100vw - 32px)) !important;
	width: max-content !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	box-shadow: 0 16px 36px -6px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
	padding: 16px 18px 16px !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(6px) !important;
	transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.18s !important;
	z-index: 99999 !important;
	pointer-events: none !important;
	text-align: left !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

/* Invisible top hover bridge extending upward from dropdown into category link */
html body .vero-nav-dropdown::before {
	content: '' !important;
	position: absolute !important;
	top: -14px !important;
	left: -10px !important;
	right: -10px !important;
	height: 18px !important;
	background: transparent !important;
	z-index: 1001 !important;
	pointer-events: auto !important;
}

/* Positional alignment rules */
html body .vero-nav-dropdown.pos-left,
html body .vero-nav-cat-item:nth-child(1) .vero-nav-dropdown,
html body .vero-nav-cat-item:nth-child(2) .vero-nav-dropdown,
html body .vero-nav-cat-item:nth-child(3) .vero-nav-dropdown {
	left: 0 !important;
	right: auto !important;
	transform: translateY(6px) !important;
	transform-origin: top left !important;
}

html body .vero-nav-dropdown.pos-center,
html body .vero-nav-cat-item:nth-child(4) .vero-nav-dropdown,
html body .vero-nav-cat-item:nth-child(5) .vero-nav-dropdown,
html body .vero-nav-cat-item:nth-child(6) .vero-nav-dropdown {
	left: 50% !important;
	right: auto !important;
	transform: translate(-50%, 6px) !important;
	transform-origin: top center !important;
}

html body .vero-nav-dropdown.pos-right,
html body .vero-nav-cat-item:nth-child(n+7) .vero-nav-dropdown {
	left: auto !important;
	right: 0 !important;
	transform: translateY(6px) !important;
	transform-origin: top right !important;
}

/* Hover reveal */
html body .vero-nav-cat-item:hover > .vero-nav-dropdown.pos-left,
html body .vero-nav-cat-item:focus-within > .vero-nav-dropdown.pos-left,
html body .vero-nav-cat-item:nth-child(-n+3):hover > .vero-nav-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

html body .vero-nav-cat-item:hover > .vero-nav-dropdown.pos-center,
html body .vero-nav-cat-item:focus-within > .vero-nav-dropdown.pos-center,
html body .vero-nav-cat-item:nth-child(4):hover > .vero-nav-dropdown,
html body .vero-nav-cat-item:nth-child(5):hover > .vero-nav-dropdown,
html body .vero-nav-cat-item:nth-child(6):hover > .vero-nav-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translate(-50%, 0) !important;
	pointer-events: auto !important;
}

html body .vero-nav-cat-item:hover > .vero-nav-dropdown.pos-right,
html body .vero-nav-cat-item:focus-within > .vero-nav-dropdown.pos-right,
html body .vero-nav-cat-item:nth-child(n+7):hover > .vero-nav-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

html body .vero-nav-dropdown:hover {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* Dropdown Header Area */
html body .vero-nav-dropdown__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0 8px 12px 8px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	gap: 16px !important;
}

html body .vero-nav-dropdown__head-title {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	text-decoration: none !important;
	color: #0f172a !important;
	transition: opacity 0.15s ease !important;
}

html body .vero-nav-dropdown__head-title:hover {
	opacity: 0.85 !important;
}

html body .vero-nav-dropdown__head-icon {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	border-radius: 7px !important;
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	color: #181E23 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

html body .vero-nav-dropdown__head-icon svg {
	width: 20px !important;
	height: 20px !important;
	stroke: currentColor !important;
	fill: none !important;
}

html body .vero-nav-dropdown__head-img {
	width: 24px !important;
	height: 24px !important;
	object-fit: contain !important;
	border-radius: 7px !important;
	flex-shrink: 0 !important;
}

html body .vero-nav-dropdown__head-text {
	font-size: 0.94rem !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.01em !important;
	line-height: 1.2 !important;
}

html body .vero-nav-dropdown__head-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 20px !important;
	height: 20px !important;
	padding: 0 6px !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	color: #64748b !important;
	background: #f1f5f9 !important;
	border-radius: 7px !important;
	margin-left: 2px !important;
}

html body .vero-nav-dropdown__view-all {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 5px 12px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	color: #1e293b !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	border-radius: 7px !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
}

html body .vero-nav-dropdown__view-all svg {
	stroke: currentColor !important;
}

html body .vero-nav-dropdown__view-all:hover {
	background: #181E23 !important;
	border-color: #181E23 !important;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

/* Multi-Column Subcategories Grid */
html body .vero-nav-dropdown__grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
	gap: 6px 32px !important;
	max-height: calc(75vh - 120px) !important;
	overflow-y: auto !important;
	scrollbar-width: thin !important;
	scrollbar-color: #cbd5e1 transparent !important;
	padding: 2px 0 !important;
}

html body .vero-nav-dropdown__grid.cols-2 {
	grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
	gap: 6px 36px !important;
}

html body .vero-nav-dropdown__grid.cols-3 {
	grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
	gap: 6px 28px !important;
}

html body .vero-nav-dropdown__grid.cols-4 {
	grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
	gap: 6px 24px !important;
}

html body .vero-nav-dropdown__grid::-webkit-scrollbar {
	width: 4px;
}

html body .vero-nav-dropdown__grid::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 7px;
}

html body .vero-nav-dropdown__col {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

/* Sublink - Sleek Row List Item */
html body .vero-nav-dropdown__sublink {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 6px 8px !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	border-radius: 7px !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, border-color 0.15s ease !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
}

html body .vero-nav-dropdown__sublink:hover {
	background: #f1f5f9 !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

/* Subitem Thumbnail Box Container */
html body .vero-nav-dropdown__thumb-box {
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	max-width: 38px !important;
	border-radius: 7px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

html body .vero-nav-dropdown__sublink:hover .vero-nav-dropdown__thumb-box {
	background: #ffffff !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

/* Uploaded Image - Fills the card edge-to-edge */
html body .vero-nav-dropdown__thumb {
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border-radius: 6px !important;
	border: none !important;
	background: transparent !important;
	flex-shrink: 0 !important;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body .vero-nav-dropdown__sublink:hover .vero-nav-dropdown__thumb {
	transform: scale(1.06) !important;
}

/* Standalone image fallback if not inside thumb-box */
html body img.vero-nav-dropdown__thumb:not(.vero-nav-dropdown__thumb-box img) {
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	border-radius: 7px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	object-fit: cover !important;
}

/* SVG Line Icon Placeholder */
html body .vero-nav-dropdown__thumb-placeholder {
	width: 100% !important;
	height: 100% !important;
	border-radius: 0 !important;
	background: transparent !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	color: #475569 !important;
	transition: color 0.15s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html body .vero-nav-dropdown__sublink:hover .vero-nav-dropdown__thumb-placeholder {
	color: #0f172a !important;
	transform: scale(1.08) !important;
}

html body .vero-nav-dropdown__thumb-placeholder svg {
	width: 22px !important;
	height: 22px !important;
	stroke: currentColor !important;
	fill: none !important;
}

html body .vero-nav-dropdown__subinfo {
	display: flex !important;
	flex-direction: column !important;
	gap: 1px !important;
	min-width: 0 !important;
	flex: 1 !important;
}

html body .vero-nav-dropdown__subname {
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	text-transform: uppercase !important;
	font-feature-settings: 'case' 1 !important;
	-webkit-font-feature-settings: 'case' 1 !important;
	line-height: 1.25 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	transition: color 0.15s ease !important;
}

html body .vero-nav-dropdown__sublink:hover .vero-nav-dropdown__subname {
	color: #000000 !important;
}

html body .vero-nav-dropdown__count {
	font-size: 0.68rem !important;
	font-weight: 600 !important;
	color: #94a3b8 !important;
	text-transform: none !important;
	line-height: 1.2 !important;
}

html body .vero-nav-dropdown__grandlist {
	list-style: none !important;
	margin: 2px 0 4px 14px !important;
	padding: 0 0 0 10px !important;
	border-left: 1.5px solid #e2e8f0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

html body .vero-nav-dropdown__grandlink {
	display: block !important;
	padding: 3px 6px !important;
	font-size: 0.78rem !important;
	font-weight: 500 !important;
	color: #64748b !important;
	text-decoration: none !important;
	text-transform: none !important;
	font-feature-settings: normal !important;
	border-radius: 5px !important;
	transition: color 0.15s ease, background-color 0.15s ease !important;
	line-height: 1.3 !important;
}

html body .vero-nav-dropdown__grandlink:hover {
	color: #181E23 !important;
	background-color: #f1f5f9 !important;
	font-weight: 600 !important;
}

/* --------------------------------------------------------------------------
   4. Mobile Offcanvas Drawer (≤ 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
	html body .vero-category-menu::after {
		display: none;
	}

	html body .vero-category-menu__label,
	html body .vero-category-menu__arrow {
		display: none;
	}

	html body .vero-category-menu__trigger {
		padding: 0 !important;
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		gap: 0 !important;
		justify-content: center !important;
		border-radius: 10px !important;
		background: #ffffff !important;
		color: #181E23 !important;
		border: 1.5px solid #e2e8f0 !important;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
		flex-shrink: 0 !important;
		box-sizing: border-box !important;
		transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
	}

	html body .vero-category-menu__trigger:hover,
	html body .vero-category-menu__trigger:active {
		background: #f8fafc !important;
		border-color: #cbd5e1 !important;
	}

	html body .vero-category-menu__icon {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #181E23 !important;
	}

	html body .vero-category-menu__icon svg {
		width: 20px !important;
		height: 20px !important;
		stroke: #181E23 !important;
	}

	.vero-header-categories-wrap {
		order: 3 !important;
		flex: 0 0 44px !important;
		width: 44px !important;
		min-width: 44px !important;
		max-width: 44px !important;
		margin: 0 8px 0 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex-shrink: 0 !important;
	}

	html body .vero-category-menu__dropdown {
		display: none;
	}

	html.vero-cat-offcanvas-open,
	body.vero-cat-offcanvas-open {
		overflow: hidden;
		touch-action: none;
	}

	html body .vero-category-offcanvas {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		z-index: 9999999;
		pointer-events: none;
		visibility: hidden;
	}

	html body .vero-category-offcanvas.is-active,
	html body .vero-category-offcanvas[aria-hidden="false"] {
		pointer-events: auto;
		visibility: visible;
	}

	html body .vero-category-offcanvas__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(15, 23, 42, 0.65);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.25s ease;
	}

	html body .vero-category-offcanvas.is-active .vero-category-offcanvas__backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	html body .vero-category-offcanvas__panel {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 85vw;
		max-width: 350px;
		background: #ffffff;
		box-shadow: 4px 0 25px rgba(0, 0, 0, 0.2);
		display: flex;
		flex-direction: column;
		transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
		-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
		will-change: transform;
		border-radius: 0 7px 7px 0;
		overflow: hidden;
		z-index: 2;
		pointer-events: auto;
	}

	html body .vero-category-offcanvas.is-active .vero-category-offcanvas__panel {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	html body .vero-category-offcanvas__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 18px;
		background: #181E23;
		color: #ffffff;
		flex-shrink: 0;
	}

	html body .vero-category-offcanvas__title {
		display: flex;
		align-items: center;
		gap: 10px;
		font-weight: 700;
		font-size: 0.95rem;
		color: #ffffff;
		text-transform: uppercase;
	}

	html body .vero-category-offcanvas__close {
		background: rgba(255, 255, 255, 0.12);
		border: none;
		border-radius: 7px;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
		transition: background-color 0.15s ease;
		padding: 0;
		margin: 0;
	}

	html body .vero-category-offcanvas__close:hover,
	html body .vero-category-offcanvas__close:focus-visible {
		background: rgba(255, 255, 255, 0.25);
		outline: none;
	}

	html body .vero-category-offcanvas__body {
		flex: 1;
		overflow-y: auto;
		padding: 12px 14px;
		-webkit-overflow-scrolling: touch;
	}

	html body .vero-mobile-cat-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	html body .vero-mobile-cat-item {
		border-bottom: 1px solid #f3f4f6;
		list-style: none;
	}

	html body .vero-mobile-cat-row,
	html body .vero-mobile-subrow {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 8px 6px;
		min-height: 48px;
		border-radius: 7px;
		cursor: pointer;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
		transition: background-color 0.15s ease;
	}

	html body .vero-mobile-cat-row:active,
	html body .vero-mobile-subrow:active {
		background-color: #f1f5f9;
	}

	html body .vero-mobile-cat-link {
		display: flex;
		align-items: center;
		gap: 10px;
		color: #181E23;
		text-decoration: none;
		font-weight: 700;
		font-size: 0.88rem;
		text-transform: uppercase;
		flex: 1;
		min-height: 44px;
	}

	html body .vero-mobile-cat-thumb {
		width: 22px;
		height: 22px;
		object-fit: contain;
		border-radius: 7px;
	}

	html body .vero-mobile-cat-bullet {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #9ca3af;
	}

	html body .vero-mobile-cat-toggle,
	html body .vero-mobile-grand-toggle {
		background: #f3f4f6;
		border: none;
		border-radius: 7px;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #4b5563;
		cursor: pointer;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
		transition: transform 0.2s ease, background-color 0.15s ease, color 0.15s ease;
		pointer-events: auto;
		position: relative;
		z-index: 10;
		padding: 0;
		margin: 0;
	}

	html body .vero-mobile-cat-toggle:hover,
	html body .vero-mobile-grand-toggle:hover {
		background: #e2e8f0;
		color: #0f172a;
	}

	html body .vero-mobile-cat-item.is-open > .vero-mobile-cat-row .vero-mobile-cat-toggle,
	html body .vero-mobile-subitem.is-open > .vero-mobile-subrow .vero-mobile-grand-toggle,
	html body .vero-mobile-cat-toggle.is-open,
	html body .vero-mobile-grand-toggle.is-open {
		transform: rotate(180deg);
		background: #f2f8d8;
		color: #a9c825;
	}

	html body .vero-mobile-subpanel {
		display: none;
		padding-left: 18px;
		padding-bottom: 6px;
	}

	html body .vero-mobile-cat-item.is-open > .vero-mobile-subpanel {
		display: block;
	}

	html body .vero-mobile-sublist {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	html body .vero-mobile-subitem {
		border-bottom: 1px solid #f9fafb;
		list-style: none;
	}

	html body .vero-mobile-subhead {
		font-weight: 600;
		font-size: 0.84rem;
		color: #374151;
		text-decoration: none;
		flex: 1;
		min-height: 40px;
		display: flex;
		align-items: center;
		text-transform: none;
	}

	html body .vero-mobile-grandlist {
		list-style: none;
		margin: 0;
		padding-left: 14px;
		padding-bottom: 4px;
	}

	html body .vero-mobile-grandlink {
		display: block;
		padding: 6px 0;
		font-size: 0.8rem;
		color: #6b7280;
		text-decoration: none;
		min-height: 36px;
		display: flex;
		align-items: center;
	}

	/* Completely hide category navbar on mobile */
	html body .vero-header-nav-bar,
	.vero-header-nav-bar {
		display: none !important;
	}
}

/* ==========================================================================
   MODULE: search.css
   ========================================================================== */
/* ==========================================================================
   Vero Live AJAX Search Component (Pill Frame with Inset Action Button)
   ========================================================================== */

html body .vero-ajax-search {
	position: relative;
	width: 100%;
	z-index: 520;
	box-sizing: border-box;
}

html body .vero-ajax-search__form {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Outer Unified Search Bar Capsule */
html body .vero-ajax-search__input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	min-height: 48px;
	padding: 5px 5px 5px 16px;
	box-sizing: border-box !important;
	background-color: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

html body .vero-ajax-search__input-wrap:hover {
	border-color: #cbd5e1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

html body .vero-ajax-search__input-wrap:focus-within {
	background-color: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 0 0 3.5px rgba(169, 200, 37, 0.18), 0 4px 12px rgba(0, 0, 0, 0.04);
}


/* Inner Transparent Search Input */
html body form.vero-ajax-search__form .vero-ajax-search__input,
html body .vero-ajax-search__input-wrap input.vero-ajax-search__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box !important;
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	padding: 0 8px 0 0 !important;
	margin: 0 !important;
	font-size: 0.94rem;
	font-weight: 500;
	border: none !important;
	outline: 0 !important;
	background: transparent !important;
	color: #1e293b;
	box-shadow: none !important;
}

html body form.vero-ajax-search__form .vero-ajax-search__input::-webkit-search-decoration,
html body form.vero-ajax-search__form .vero-ajax-search__input::-webkit-search-cancel-button,
html body form.vero-ajax-search__form .vero-ajax-search__input::-webkit-search-results-button,
html body form.vero-ajax-search__form .vero-ajax-search__input::-webkit-search-results-decoration {
	-webkit-appearance: none;
}

html body form.vero-ajax-search__form .vero-ajax-search__input::placeholder {
	color: #94a3b8;
	opacity: 1;
	font-weight: 400;
}

/* Clear Query Button */
.vero-ajax-search__clear {
	background: none;
	border: none;
	padding: 4px;
	margin-right: 6px;
	color: #94a3b8;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
	z-index: 4;
}

.vero-ajax-search__clear[hidden] {
	display: none !important;
}

.vero-ajax-search__clear:hover {
	color: #1e293b;
	background-color: #f1f5f9;
	transform: scale(1.1);
}

/* Inset Rounded Green Search Submit Button */
html body button.vero-ajax-search__submit-btn,
html body .vero-ajax-search__submit-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 35px !important;
	height: 35px !important;
	min-width: 35px !important;
	max-width: 35px !important;
	min-height: 35px !important;
	max-height: 35px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #a9c825 !important;
	border: none !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	cursor: pointer;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(169, 200, 37, 0.28) !important;
	transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
	z-index: 5;
}

html body button.vero-ajax-search__submit-btn:hover,
html body button.vero-ajax-search__submit-btn:focus-visible {
	background: #98b41f !important;
	transform: scale(1.04);
	box-shadow: 0 4px 12px rgba(169, 200, 37, 0.42) !important;
	outline: none;
}

html body button.vero-ajax-search__submit-btn:active {
	transform: scale(0.96);
	box-shadow: 0 1px 3px rgba(169, 200, 37, 0.2) !important;
}

html body .vero-ajax-search__submit-btn svg {
	width: 17px;
	height: 17px;
	display: block;
	stroke: #ffffff;
}

/* ==========================================================================
   Search Dropdown Results Panel (Luxury Floating Card - Strictly No Horizontal Scroll)
   ========================================================================== */
.vero-ajax-search__results {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background: #ffffff;
	border: 1px solid rgba(226, 232, 240, 0.9);
	border-radius: 10px;
	box-shadow: 0 20px 42px -10px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.05);
	z-index: 99999 !important;
	max-height: 480px;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
}

.vero-ajax-search__results[hidden],
.vero-ajax-search__loading[hidden] {
	display: none !important;
}

.vero-ajax-search__loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px;
	font-size: 0.88rem;
	font-weight: 500;
	color: #64748b;
	box-sizing: border-box;
}

.vero-spinner {
	width: 16px;
	height: 16px;
	border: 2.5px solid #e2e8f0;
	border-top-color: #a9c825;
	border-radius: 50%;
	animation: vero-spin 0.6s linear infinite;
	flex-shrink: 0;
}

@keyframes vero-spin {
	to { transform: rotate(360deg); }
}

.vero-ajax-search__list {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
	margin: 0;
	padding: 0;
}

/* Result Row Item */
.vero-ajax-search__item {
	display: flex !important;
	align-items: center !important;
	gap: 14px;
	padding: 10px 14px;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid #f1f5f9;
	transition: background-color 0.15s ease;
	position: relative;
	overflow: hidden !important;
}

.vero-ajax-search__item:last-child {
	border-bottom: none;
}

.vero-ajax-search__item.is-selected,
.vero-ajax-search__item:hover {
	background-color: #f7faf0;
}

/* Product Thumbnail */
.vero-ajax-search__img {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	object-fit: contain;
	border-radius: 6px;
	background: #ffffff;
	border: 1px solid #edf2f7;
	flex-shrink: 0;
	padding: 2px;
	box-sizing: border-box !important;
}

.vero-ajax-search__info {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.vero-ajax-search__title {
	font-size: 0.88rem;
	font-weight: 700;
	color: #1e293b;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	margin: 0 0 3px 0;
	line-height: 1.3;
	max-width: 100% !important;
	display: block !important;
}

/* Highlight exact typed text in title */
mark.vero-search-highlight {
	background-color: #eef7cc;
	color: #4d6303;
	font-weight: 800;
	padding: 0 3px;
	border-radius: 3px;
}

.vero-ajax-search__price {
	font-size: 0.85rem;
	margin-top: 2px;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	max-width: 100% !important;
	overflow: hidden;
}

.vero-ajax-search__price .vero-card-price-wrap {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	max-width: 100%;
}

.vero-ajax-search__price .vero-price-regular,
.vero-ajax-search__price .vero-card-price-wrap:not(.is-on-sale) .woocommerce-Price-amount,
.vero-ajax-search__price .vero-card-price-wrap:not(.is-on-sale) bdi {
	font-size: 0.88rem;
	font-weight: 700;
	color: #a9c825;
}

.vero-ajax-search__price .vero-price-old,
.vero-ajax-search__price del,
.vero-ajax-search__price del * {
	font-size: 0.78rem;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
	font-weight: 500;
}

.vero-ajax-search__price .vero-price-sale,
.vero-ajax-search__price ins,
.vero-ajax-search__price ins * {
	font-size: 0.90rem;
	font-weight: 700;
	color: #FF3B30 !important;
	text-decoration: none !important;
}

.vero-ajax-search__price .vero-discount-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #FF3B30;
	color: #ffffff;
	font-size: 0.68rem;
	font-weight: 700;
	padding: 1px 5px;
	border-radius: 4px;
	line-height: 1.2;
}

/* Subtle Interactive Arrow Icon */
.vero-ajax-search__arrow {
	color: #cbd5e1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.15s ease, transform 0.15s ease;
}

.vero-ajax-search__item:hover .vero-ajax-search__arrow,
.vero-ajax-search__item.is-selected .vero-ajax-search__arrow {
	color: #a9c825;
	transform: translateX(3px);
}

.vero-ajax-search__no-results {
	padding: 20px 16px;
	text-align: center;
	color: #64748b;
	font-size: 0.90rem;
	font-weight: 500;
	box-sizing: border-box;
}

/* View All Results Button in Dropdown Footer */
.vero-ajax-search__footer {
	padding: 10px 14px;
	background: #f8fafc;
	border-top: 1px solid #e2e8f0;
	border-radius: 0 0 10px 10px;
	position: sticky;
	bottom: 0;
	z-index: 10;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.vero-ajax-search__view-all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	height: 38px;
	padding: 0 16px;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #ffffff;
	background: #181E23;
	border: 1px solid #181E23;
	border-radius: 8px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.18s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.vero-ajax-search__view-all:hover,
.vero-ajax-search__view-all.is-selected {
	background: #a9c825;
	border-color: #a9c825;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(169, 200, 37, 0.28);
	transform: translateY(-1px);
}

/* ==========================================================================
   MODULE: auth.css
   ========================================================================== */
/* ==========================================================================
   HEADER AVATAR CAPSULE & DROPDOWN MENU
   ========================================================================== */

.vero-auth-capsule {
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	overflow: visible !important;
	z-index: 9999;
}

.vero-header-account {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	color: #181e23;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	cursor: pointer;
	font-family: inherit;
	line-height: normal;
	transition: color 0.15s ease, opacity 0.15s ease;
	white-space: nowrap;
}

.vero-header-account:hover,
.vero-header-account:focus-visible,
.vero-header-account[aria-expanded="true"] {
	color: #a9c825;
}

.vero-account-icon {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	color: #181e23;
	stroke: currentColor;
}

.vero-header-account:hover .vero-account-icon,
.vero-header-account:focus-visible .vero-account-icon,
.vero-header-account[aria-expanded="true"] .vero-account-icon {
	color: #a9c825;
}

.vero-account-text {
	display: none !important;
}

@media (max-width: 991px) {
	html body .vero-account-text,
	.vero-account-text {
		display: none !important;
	}
}

.vero-actions-divider {
	display: inline-block;
	width: 1px;
	height: 22px;
	background-color: #e2e8f0;
	margin: 0 4px;
	flex-shrink: 0;
	align-self: center;
}

/* Prevent parent Gutenberg block wrappers from clipping header dropdown */
.wp-block-vero-auth-button,
.wp-block-group.has-child-element-layout,
header .wp-block-group {
	overflow: visible !important;
}

.vero-header-avatar-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: 1px solid rgba(226, 232, 240, 0.8);
	padding: 3px 8px 3px 4px;
	border-radius: 7px;
	cursor: pointer;
	color: #0f172a;
	transition: all 0.15s ease-in-out;
}

.vero-header-avatar-btn:hover,
.vero-header-avatar-btn.is-active,
.vero-header-avatar-btn[aria-expanded="true"] {
	background: #f8fafc;
	border-color: #a9c825;
	box-shadow: 0 4px 12px rgba(169, 200, 37, 0.15);
}

.vero-header-avatar-img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	border: 1px solid #e2e8f0;
	background-color: #a9c825;
}

.vero-header-avatar-caret {
	color: #64748b;
	transition: transform 0.2s ease;
}

.vero-header-avatar-btn[aria-expanded="true"] .vero-header-avatar-caret,
.vero-header-avatar-btn.is-active .vero-header-avatar-caret {
	transform: rotate(180deg);
}

/* Floating Dropdown */
.vero-header-avatar-dropdown,
.vero-header-avatar-dropdown:not(.is-visible),
.vero-header-avatar-dropdown[hidden] {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 260px;
	background: #ffffff;
	border-radius: 7px;
	box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(226, 232, 240, 0.9);
	padding: 16px;
	z-index: 9999999 !important;
	opacity: 0 !important;
	display: none !important;
	visibility: hidden !important;
	transform: translateY(-8px) scale(0.96);
	transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none !important;
}

[dir="rtl"] .vero-header-avatar-dropdown {
	right: auto;
	left: 0;
}

.vero-header-avatar-dropdown.is-visible {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) scale(1) !important;
	pointer-events: auto !important;
}

.vero-dropdown-user-info {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 12px;
}

.vero-dropdown-user-icon-wrap {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #475569;
	border: 1px solid #e2e8f0;
}

.vero-dropdown-user-icon {
	width: 22px;
	height: 22px;
	color: #475569;
	display: block;
}

.vero-dropdown-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	border: 2px solid #a9c825;
}

.vero-dropdown-user-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.vero-dropdown-name {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vero-dropdown-email {
	font-size: 12px;
	color: #64748b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vero-dropdown-divider {
	border: none;
	border-top: 1px solid #f1f5f9;
	margin: 8px 0;
}

.vero-dropdown-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.vero-dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 500;
	color: #334155;
	text-decoration: none;
	background: transparent;
	border: none;
	width: 100%;
	cursor: pointer;
	transition: all 0.15s ease;
}

.vero-dropdown-item:hover {
	background: #f1f5f9;
	color: #a9c825;
}

.vero-dropdown-item--logout {
	color: #ef4444;
}

.vero-dropdown-item--logout:hover {
	background: #fef2f2;
	color: #dc2626;
}

/* ==========================================================================
   PERFECT AUTH MODAL DIALOG (VERO BRAND DESIGN)
   ========================================================================== */

dialog.vero-auth-modal::backdrop {
	background: rgba(15, 23, 42, 0.6);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

dialog.vero-auth-modal {
	border: none;
	padding: 0;
	background: transparent;
	max-width: 480px;
	width: 92vw;
	margin: auto;
	overflow: visible;
	border-radius: 7px;
	box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.25);
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

dialog.vero-auth-modal[open] {
	opacity: 1;
	transform: scale(1);
}

.vero-auth-modal__dialog {
	background: #ffffff;
	border-radius: 7px;
	padding: 32px 36px 36px 36px;
	position: relative;
	border: 1px solid rgba(226, 232, 240, 0.8);
}

/* Floating Round Close Button Top Right */
.vero-auth-modal__close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f1f5f9;
	border: none;
	color: #475569;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
	z-index: 10;
}

.vero-auth-modal__close-btn:hover {
	background: #e2e8f0;
	color: #0f172a;
	transform: rotate(90deg);
}

/* Underline Tabs Navigation with Brand Blue */
.vero-auth-tabs-header {
	margin-bottom: 24px;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 0;
}

.vero-auth-tabs {
	display: flex;
	gap: 24px;
	margin-bottom: -1px;
}

.vero-auth-tab {
	background: transparent;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 0 4px 12px 4px;
	font-size: 18px;
	font-weight: 700;
	color: #64748b;
	cursor: pointer;
	transition: all 0.15s ease;
	position: relative;
}

.vero-auth-tab.is-active {
	color: #0f172a;
	border-bottom-color: #a9c825;
}

.vero-auth-tab:hover:not(.is-active) {
	color: #334155;
}

/* Modal Body */
.vero-auth-modal__body {
	padding: 0;
}

/* Alert Messages Box */
.vero-auth-alert {
	padding: 12px 16px;
	border-radius: 7px;
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 500;
	line-height: 1.4;
}

.vero-auth-alert--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fca5a5;
}

.vero-auth-alert--success {
	background: #f0fdf4;
	color: #166534;
	border: 1px solid #86efac;
}

.vero-auth-alert--info {
	background: #f2f8d8;
	color: #1e40af;
	border: 1px solid #93c5fd;
}

/* Form Layout */
.vero-auth-form {
	display: flex;
	flex-direction: column;
}

.vero-auth-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 18px;
}

.vero-auth-field label {
	font-size: 14px;
	font-weight: 600;
	color: #475569;
}

/* Structural Selectors with High Specificity to Override Generic Input Rules */
html body dialog.vero-auth-modal .vero-input-wrap,
html body .vero-auth-modal .vero-input-wrap {
	position: relative !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
}

html body dialog.vero-auth-modal .vero-input-wrap .vero-input-icon,
html body .vero-auth-modal .vero-input-wrap .vero-input-icon {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 18px !important;
	height: 18px !important;
	color: #94a3b8 !important;
	pointer-events: none !important;
	transition: color 0.15s ease !important;
	z-index: 10 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

html body dialog.vero-auth-modal .vero-input-wrap input,
html body dialog.vero-auth-modal .vero-input-wrap input[type="text"],
html body dialog.vero-auth-modal .vero-input-wrap input[type="email"],
html body dialog.vero-auth-modal .vero-input-wrap input[type="password"],
html body .vero-auth-modal .vero-input-wrap input,
html body .vero-auth-modal .vero-input-wrap input[type="text"],
html body .vero-auth-modal .vero-input-wrap input[type="email"],
html body .vero-auth-modal .vero-input-wrap input[type="password"] {
	width: 100% !important;
	max-width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;
	box-sizing: border-box !important;
	padding-left: 48px !important;
	padding-right: 48px !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	margin: 0 !important;
	background: #ebf3fe !important;
	background-color: #ebf3fe !important;
	border: 1.5px solid #dbeafe !important;
	border-radius: 7px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #0f172a !important;
	line-height: normal !important;
	outline: none !important;
	box-shadow: none !important;
	text-indent: 0 !important;
	transition: all 0.15s ease !important;
}

html body dialog.vero-auth-modal .vero-input-wrap input::placeholder,
html body .vero-auth-modal .vero-input-wrap input::placeholder {
	color: #94a3b8 !important;
	opacity: 1 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: normal !important;
	letter-spacing: normal !important;
	visibility: visible !important;
}

html body dialog.vero-auth-modal .vero-input-wrap input:focus,
html body dialog.vero-auth-modal .vero-input-wrap input:focus-visible,
html body .vero-auth-modal .vero-input-wrap input:focus,
html body .vero-auth-modal .vero-input-wrap input:focus-visible {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-color: #a9c825 !important;
	box-shadow: 0 0 0 4px rgba(169, 200, 37, 0.15) !important;
}

html body dialog.vero-auth-modal .vero-input-wrap:focus-within .vero-input-icon,
html body .vero-auth-modal .vero-input-wrap:focus-within .vero-input-icon {
	color: #a9c825 !important;
}

.vero-pass-toggle {
	position: absolute !important;
	right: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	color: #94a3b8 !important;
	cursor: pointer !important;
	padding: 4px !important;
	border-radius: 7px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: color 0.15s ease !important;
	z-index: 10 !important;
}

.vero-pass-toggle:hover,
.vero-pass-toggle.is-visible {
	color: #0f172a !important;
}

.vero-auth-row {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	margin-top: 4px;
}

.vero-checkbox-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #475569;
	cursor: pointer;
}

.vero-checkbox-label input[type="checkbox"] {
	width: 18px;
	height: 18px;
	border-radius: 7px;
	border: 2px solid #cbd5e1;
	accent-color: #a9c825;
	cursor: pointer;
}

/* Action Buttons Row with Brand Colors */
.vero-auth-actions-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 6px;
}

.vero-auth-btn-primary {
	flex: 1;
	background: #a9c825;
	color: #ffffff;
	border: none;
	padding: 14px 28px;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	transition: all 0.15s ease;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.25);
}

.vero-auth-btn-primary:hover {
	background: #8fa91d;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(143, 169, 29, 0.35);
}

.vero-auth-btn-primary:disabled,
.vero-auth-btn-primary.is-loading {
	opacity: 0.7;
	cursor: not-allowed;
}

.vero-auth-btn-secondary {
	flex: 1;
	background: #ffffff;
	color: #475569;
	border: 1.5px solid #e2e8f0;
	padding: 14px 20px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	transition: all 0.15s ease;
}

.vero-auth-btn-secondary:hover {
	background: #f8fafc;
	border-color: #cbd5e1;
	color: #0f172a;
}

.vero-auth-reset-heading h4 {
	margin: 0 0 6px 0;
	font-size: 16px;
	color: #0f172a;
}

.vero-auth-reset-heading p {
	margin: 0 0 16px 0;
	font-size: 13px;
	color: #64748b;
	line-height: 1.4;
}

@media (max-width: 480px) {
	.vero-auth-modal__dialog {
		padding: 24px 20px 24px 20px;
	}

	.vero-auth-actions-row {
		flex-direction: column;
		gap: 10px;
	}

	.vero-auth-btn-primary,
	.vero-auth-btn-secondary {
		width: 100%;
	}
}

/* ==========================================================================
   MY ACCOUNT PAGE AVATAR MANAGER
   ========================================================================== */

.vero-avatar-manager-card {
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 20px;
	margin-bottom: 24px;
	background: #ffffff;
}

.vero-avatar-manager__title {
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 4px;
}

.vero-avatar-manager__sub {
	font-size: 13px;
	color: #64748b;
	margin-bottom: 16px;
}

.vero-avatar-manager__body {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.vero-avatar-preview-wrap {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #a9c825;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.2);
	flex-shrink: 0;
	position: relative;
	background: #f8fafc;
}

.vero-avatar-preview-wrap.is-dragover {
	border-color: #22c55e;
	transform: scale(1.05);
}

.vero-avatar-preview {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vero-avatar-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
	min-width: 240px;
}

.vero-avatar-upload-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #0f172a;
	color: #ffffff;
	padding: 9px 16px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	width: fit-content;
	transition: all 0.15s ease;
}

.vero-avatar-upload-btn:hover {
	background: #1e293b;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
}

.vero-avatar-presets {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.vero-avatar-presets__label {
	font-size: 12px;
	color: #64748b;
	font-weight: 500;
}

.vero-avatar-presets__grid {
	display: flex;
	align-items: center;
	gap: 8px;
}

.vero-avatar-preset-btn {
	background: transparent;
	border: 2px solid transparent;
	padding: 2px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.15s ease;
}

.vero-avatar-preset-btn:hover {
	border-color: #a9c825;
	transform: scale(1.1);
}

.vero-avatar-preset-btn img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
}

.vero-avatar-notice {
	margin-top: 14px;
	padding: 8px 12px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 500;
}

.vero-avatar-notice--success {
	background: #f0fdf4;
	color: #166534;
	border: 1px solid #86efac;
}

.vero-avatar-notice--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fca5a5;
}

.vero-avatar-notice--info {
	background: #f2f8d8;
	color: #1e40af;
	border: 1px solid #93c5fd;
}

/* Hide default WooCommerce login/registration forms on My Account page for guests */
body:not(.logged-in).woocommerce-account .woocommerce-FormLogin,
body:not(.logged-in).woocommerce-account .u-columns,
body:not(.logged-in).woocommerce-account .woocommerce-form-login,
body:not(.logged-in).woocommerce-account .woocommerce-form-register,
body:not(.logged-in).woocommerce-account h2 {
	display: none !important;
}

body:not(.logged-in).woocommerce-account .woocommerce-MyAccount-content {
	min-height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ==========================================================================
   MODULE: language-switcher.css
   ========================================================================== */
/* ==========================================================================
   VERO LANGUAGE SWITCHER DROPDOWN COMPONENT
   ========================================================================== */

.vero-lang-switcher {
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	z-index: 9995;
	font-family: inherit;
}

/* Prevent Gutenberg parent wrapper clipping */
.wp-block-vero-language-switcher {
	overflow: visible !important;
	display: inline-flex !important;
	align-items: center;
}

/* Trigger Button */
.vero-lang-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: transparent;
	border: none;
	padding: 4px 6px;
	margin: 0;
	border-radius: 7px;
	cursor: pointer;
	color: var(--wp--preset--color--contrast, #181E23);
	font-family: inherit;
	font-weight: 700;
	font-size: 0.92rem;
	line-height: normal;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
	white-space: nowrap;
	user-select: none;
	outline: none;
}

.vero-lang-trigger:hover,
.vero-lang-trigger:focus-visible,
.vero-lang-switcher.is-open .vero-lang-trigger {
	color: #a9c825;
}

.vero-lang-trigger:focus-visible {
	box-shadow: 0 0 0 2px rgba(169, 200, 37, 0.4);
}

.vero-lang-trigger__flag-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.vero-lang-trigger__flag {
	width: 20px;
	height: 20px;
	display: block;
	object-fit: cover;
}

.vero-lang-trigger__label {
	font-weight: 700;
	font-size: 0.88rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-feature-settings: 'case' 1;
	-webkit-font-feature-settings: 'case' 1;
}

.vero-lang-trigger__arrow {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	stroke: currentColor;
	stroke-width: 2.5;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.15s ease;
}

.vero-lang-switcher.is-open .vero-lang-trigger__arrow {
	transform: rotate(180deg);
	color: #a9c825;
}

/* Floating Dropdown Card */
.vero-lang-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 200px;
	background: #ffffff;
	border: 1px solid #E2E8F0;
	border-radius: 9px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
	padding: 6px;
	z-index: 9999;
	transform-origin: top right;
	animation: veroLangFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

.vero-lang-dropdown[hidden] {
	display: none !important;
}

@keyframes veroLangFadeIn {
	from {
		opacity: 0;
		transform: translateY(-4px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.vero-lang-dropdown__header {
	padding: 6px 10px 4px 10px;
	border-bottom: 1px solid #F1F5F9;
	margin-bottom: 4px;
}

.vero-lang-dropdown__title {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #94A3B8;
	display: block;
}

.vero-lang-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.vero-lang-item-wrap {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.vero-lang-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 6px;
	color: #181E23;
	text-decoration: none !important;
	font-size: 0.88rem;
	font-weight: 600;
	transition: background-color 0.12s ease, color 0.12s ease;
	outline: none;
	cursor: pointer;
}

.vero-lang-item:hover,
.vero-lang-item:focus-visible {
	background-color: #F8FAFC;
	color: #0F172A;
}

.vero-lang-item.is-active {
	background-color: #F1F5F9;
	color: #181E23;
	font-weight: 700;
}

.vero-lang-item__flag-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.vero-lang-item__flag {
	width: 22px;
	height: 22px;
	display: block;
	object-fit: cover;
}

.vero-lang-item__name {
	flex: 1;
	white-space: nowrap;
	line-height: 1.2;
}

.vero-lang-item__badge {
	font-size: 10px;
	font-weight: 700;
	color: #64748B;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	padding: 1px 5px;
	border-radius: 4px;
	line-height: 1.2;
	text-transform: uppercase;
}

.vero-lang-item.is-active .vero-lang-item__badge {
	background: #E2E8F0;
	color: #334155;
}

.vero-lang-item__check-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 2px;
	flex-shrink: 0;
}

.vero-lang-item__check {
	width: 15px;
	height: 15px;
	color: #a9c825;
	stroke: #a9c825;
	stroke-width: 2.8;
}

/* ==========================================================================
   MOBILE RESPONSIVENESS (<= 991px)
   ========================================================================== */
@media (max-width: 991px) {
	.vero-lang-trigger {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		min-height: 32px !important;
		max-width: 32px !important;
		max-height: 32px !important;
		padding: 0 !important;
		border-radius: 50% !important;
	}

	.vero-lang-trigger__label,
	.vero-lang-trigger__arrow {
		display: none !important;
	}

	.vero-lang-trigger__flag-wrap {
		width: 20px !important;
		height: 20px !important;
	}

	.vero-lang-trigger__flag {
		width: 20px !important;
		height: 20px !important;
	}

	.vero-lang-dropdown {
		right: -8px;
		top: calc(100% + 6px);
		min-width: 190px;
	}

	.vero-lang-item {
		padding: 10px 12px;
		min-height: 40px;
	}
}

/* ==========================================================================
   MODULE: wishlist.css
   ========================================================================== */
.vero-wishlist-header {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.vero-wishlist-header__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #181E23;
	text-decoration: none;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}

.vero-wishlist-header__icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.vero-wishlist-header__icon svg {
	width: 22px;
	height: 22px;
}

.vero-wishlist-header__link:hover,
.vero-wishlist-header__link:focus-visible {
	background: rgba(169, 200, 37, 0.12);
	color: #FF3B30;
	transform: scale(1.05);
}

.vero-wishlist-count {
	align-items: center;
	border-radius: 7px;
	box-sizing: border-box;
	display: inline-flex;
	font-size: 10px;
	font-weight: 700;
	height: 16px;
	min-width: 16px;
	justify-content: center;
	position: absolute;
	top: -4px;
	right: -6px;
	left: auto;
	padding: 0 4px;
	white-space: nowrap;
	z-index: 10;
	background-color: #a9c825 !important;
	color: #ffffff !important;
	box-shadow: 0 1px 3px rgba(169, 200, 37, 0.4);
	line-height: 1;
}

.vero-wishlist-btn {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: #9ca3af;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: color 0.15s;
	min-width: 40px;
	min-height: 40px;
}

.vero-wishlist-btn:hover,
.vero-wishlist-btn.is-active {
	color: #FF3B30;
}

.vero-wishlist-btn.is-active svg {
	fill: currentColor;
	animation: vero-heart 0.3s cubic-bezier(0.17, 0.89, 0.32, 1.49);
}

@keyframes vero-heart {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.3); }
}

/* ==========================================================================
   MODERN POPUP WISHLIST MODAL DIALOG
   ========================================================================== */

dialog.vero-wishlist-modal::backdrop {
	background: rgba(15, 23, 42, 0.6);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

dialog.vero-wishlist-modal {
	border: none;
	padding: 0;
	background: transparent;
	max-width: 480px;
	width: 90vw;
	margin: auto;
	overflow: visible;
	border-radius: 7px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

dialog.vero-wishlist-modal[open] {
	opacity: 1;
	transform: scale(1);
}

.vero-wishlist-modal__dialog {
	background: #ffffff;
	border-radius: 7px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	max-height: 85vh;
	border: 1px solid rgba(226, 232, 240, 0.8);
}

.vero-wishlist-modal__header {
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f1f5f9;
	background: #ffffff;
}

.vero-wishlist-modal__title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.vero-wishlist-modal__icon {
	color: #FF3B30;
}

.vero-wishlist-modal__title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #0f172a;
}

.vero-wishlist-modal__badge {
	background: #FF3B30;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
}

.vero-wishlist-modal__close {
	background: transparent;
	border: none;
	cursor: pointer;
	color: #64748b;
	padding: 6px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease-in-out;
}

.vero-wishlist-modal__close:hover {
	background: #f1f5f9;
	color: #0f172a;
	transform: rotate(90deg);
}

.vero-wishlist-modal__body {
	padding: 16px 20px;
	overflow-y: auto;
	flex: 1;
	min-height: 180px;
	max-height: 55vh;
}

.vero-wishlist-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #f1f5f9;
	transition: background 0.15s ease;
}

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

html body .vero-wishlist-item__img-wrap {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	max-width: 60px;
	max-height: 60px;
	border-radius: 7px;
	overflow: hidden;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

html body .vero-wishlist-item__img {
	width: 100%;
	height: 100%;
	max-width: 60px;
	max-height: 60px;
	object-fit: contain;
	display: block;
}

.vero-wishlist-item__info {
	flex: 1;
	min-width: 0;
}

.vero-wishlist-item__title {
	font-size: 13px;
	font-weight: 600;
	color: #0f172a;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.35;
	transition: color 0.15s ease;
}

.vero-wishlist-item__title:hover {
	color: #a9c825;
}

.vero-wishlist-item__price {
	font-size: 13px;
	font-weight: 700;
	color: #1e293b;
	margin-top: 4px;
}

.vero-wishlist-item__price ins {
	text-decoration: none;
	color: #FF3B30;
}

.vero-wishlist-item__price del {
	color: #94a3b8;
	font-size: 11px;
	margin-right: 4px;
}

.vero-wishlist-item__actions {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.vero-wishlist-item__cart-btn {
	background: #a9c825;
	color: #ffffff;
	text-decoration: none;
	padding: 6px 10px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: all 0.15s ease;
}

.vero-wishlist-item__cart-btn:hover {
	background: #8fa91d;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(143, 169, 29, 0.25);
}

.vero-wishlist-item__out-stock {
	font-size: 11px;
	color: #ef4444;
	background: #fef2f2;
	padding: 4px 8px;
	border-radius: 7px;
	font-weight: 500;
}

.vero-wishlist-item__remove {
	background: transparent;
	border: none;
	cursor: pointer;
	color: #94a3b8;
	padding: 6px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
}

.vero-wishlist-item__remove:hover {
	background: #fef2f2;
	color: #ef4444;
}

.vero-wishlist-empty {
	text-align: center;
	padding: 32px 16px;
}

.vero-wishlist-empty__icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #f1f5f9;
	color: #94a3b8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}

.vero-wishlist-empty__title {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 6px 0;
}

.vero-wishlist-empty__text {
	font-size: 13px;
	color: #64748b;
	margin: 0;
}

.vero-wishlist-skeleton {
	height: 64px;
	background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
	background-size: 200% 100%;
	animation: vero-shimmer 1.5s infinite;
	border-radius: 7px;
	margin-bottom: 10px;
}

@keyframes vero-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

.vero-wishlist-modal__footer {
	padding: 12px 20px;
	border-top: 1px solid #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #ffffff;
}

.vero-wishlist-modal__clear-btn {
	background: transparent;
	border: 1px solid #e2e8f0;
	color: #64748b;
	padding: 8px 12px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
}

.vero-wishlist-modal__clear-btn:hover {
	background: #fef2f2;
	color: #ef4444;
	border-color: #fca5a5;
}

.vero-wishlist-modal__continue-btn {
	background: #0f172a;
	color: #ffffff;
	border: none;
	padding: 8px 16px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	margin-left: auto;
	transition: all 0.15s ease;
}

.vero-wishlist-modal__continue-btn:hover {
	background: #1e293b;
}

body.vero-modal-open {
	overflow: hidden;
}

/* Executive Wishlist Toast Notification */
.vero-wishlist-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%) translateY(100px);
	background: #0F172A;
	color: #FFFFFF;
	padding: 12px 20px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: calc(100vw - 32px);
	box-sizing: border-box;
	box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.3), 0 8px 10px -6px rgba(15, 23, 42, 0.2);
	z-index: 999999;
	font-size: 14px;
	font-weight: 600;
	opacity: 0;
	pointer-events: none;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}

.vero-wishlist-toast.is-visible {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
	pointer-events: auto;
}

.vero-wishlist-toast__btn {
	background: rgba(255, 255, 255, 0.18);
	color: #FFFFFF;
	border: none;
	padding: 4px 12px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s ease;
}

.vero-wishlist-toast__btn:hover {
	background: rgba(255, 255, 255, 0.3);
}

/* Suppress WooCommerce added_to_cart / View Cart (კალათის ნახვა) links */
html body .added_to_cart,
html body .added_to_cart.wc-forward,
html body a.added_to_cart,
html body .vero-product-card .added_to_cart,
html body .vero-card-action .added_to_cart,
html body #vero-account-wishlist-grid .added_to_cart,
html body .vero-wishlist-page-grid .added_to_cart {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* ==========================================================================
   MODULE: cart.css
   ========================================================================== */
/**
 * Super Premium Ultra-Clean Cart Page Styles for Vero
 * 
 * @package VeroCore
 */

/* --------------------------------------------------------------------------
   1. MASTER CONTAINER & PAGE LAYOUT
   -------------------------------------------------------------------------- */
html body .vero-cart-main {
	padding-top: 18px;
	padding-bottom: 48px;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}

html body div#vero-cart-wrapper,
html body .vero-cart-wrapper {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	html body .vero-cart-main {
		padding-top: 12px;
		padding-bottom: 32px;
	}
}

/* --------------------------------------------------------------------------
   2. CHECKOUT PROGRESS STEPS BAR
   -------------------------------------------------------------------------- */
.vero-cart-steps-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	padding: 0;
	list-style: none;
}

.vero-cart-step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 700;
	color: #94a3b8;
	text-decoration: none;
	transition: color 0.15s ease;
}

.vero-cart-step.is-active {
	color: #0f172a;
}

.vero-cart-step.is-completed {
	color: #334155;
}

.vero-cart-step.is-upcoming:hover,
.vero-cart-step.is-completed:hover {
	color: #a9c825;
}

.vero-cart-step-num {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11.5px;
	font-weight: 800;
	background: #e2e8f0;
	color: #64748b;
	line-height: 1;
	transition: all 0.15s ease;
}

.vero-cart-step.is-active .vero-cart-step-num {
	background: #a9c825;
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(169, 200, 37, 0.35);
}

.vero-cart-step.is-completed .vero-cart-step-num {
	background: #f1f5f9;
	color: #0f172a;
	border: 1px solid #cbd5e1;
}

.vero-cart-step.is-completed:hover .vero-cart-step-num {
	border-color: #a9c825;
	color: #a9c825;
}

.vero-cart-step-divider {
	color: #cbd5e1;
	display: inline-flex;
	align-items: center;
}

@media (max-width: 640px) {
	.vero-cart-steps-nav {
		gap: 8px;
		margin-bottom: 16px;
	}
	.vero-cart-step {
		font-size: 12px;
		gap: 6px;
	}
	.vero-cart-step-num {
		width: 19px;
		height: 19px;
		font-size: 10.5px;
	}
}

/* --------------------------------------------------------------------------
   3. PAGE HEADER BAR
   -------------------------------------------------------------------------- */
.vero-cart-header-title-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	gap: 16px;
}

.vero-cart-header-left {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.vero-cart-page-title {
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	line-height: 1.15;
	letter-spacing: -0.015em;
}

.vero-cart-items-count-badge {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	color: #475569;
	font-size: 12.5px;
	font-weight: 700;
	padding: 4px 11px;
	border-radius: 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	line-height: 1;
}

.vero-cart-continue-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 700;
	color: #64748b;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	padding: 8px 14px;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: all 0.18s ease;
	user-select: none;
}

.vero-cart-continue-link svg {
	stroke: #64748b;
	transition: transform 0.18s ease, stroke 0.18s ease;
}

.vero-cart-continue-link:hover {
	color: #0f172a;
	background: #f8fafc;
	border-color: #cbd5e1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.vero-cart-continue-link:hover svg {
	stroke: #0f172a;
	transform: translateX(-3px);
}

@media (max-width: 640px) {
	.vero-cart-header-title-wrap {
		margin-bottom: 16px;
	}
	.vero-cart-page-title {
		font-size: 19px;
	}
	.vero-cart-continue-link span {
		display: none;
	}
	.vero-cart-continue-link {
		padding: 8px 10px;
	}
}

/* --------------------------------------------------------------------------
   4. TWO-COLUMN RESPONSIVE GRID
   -------------------------------------------------------------------------- */
.vero-cart-grid {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 24px;
	align-items: start;
	width: 100%;
}

@media (max-width: 1080px) {
	.vero-cart-grid {
		grid-template-columns: 1fr 340px;
		gap: 20px;
	}
}

@media (max-width: 860px) {
	.vero-cart-grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}

/* --------------------------------------------------------------------------
   5. LEFT COLUMN: LUXURY CART ITEMS LIST
   -------------------------------------------------------------------------- */
.vero-cart-items-column {
	width: 100%;
	min-width: 0;
}

.vero-cart-items-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.vero-cart-item-card {
	background: #ffffff;
	border-radius: 7px;
	padding: 18px 22px;
	display: grid;
	grid-template-columns: 96px 1fr auto;
	align-items: center;
	gap: 20px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.vero-cart-item-card:hover {
	border-color: rgba(0, 0, 0, 0.08);
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.05);
}

.vero-cart-item-card.is-removing {
	opacity: 0;
	transform: scale(0.96) translateX(-12px);
	pointer-events: none;
}

/* Thumbnail Wrapper */
.vero-cart-item-image-wrap {
	width: 96px;
	height: 96px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8fafc;
	border: 1px solid #f1f5f9;
	border-radius: 7px;
	overflow: hidden;
}

.vero-cart-item-image-wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.vero-cart-item-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
	transition: transform 0.2s ease;
}

.vero-cart-item-card:hover .vero-cart-item-img {
	transform: scale(1.04);
}

/* Item Details */
.vero-cart-item-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.vero-cart-item-meta-top {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.vero-cart-item-category {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #94a3b8;
	font-weight: 700;
}

.vero-cart-item-stock {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 700;
	color: #16a34a;
	background: #f0fdf4;
	padding: 2px 7px;
	border-radius: 4px;
	line-height: 1;
}

.vero-cart-item-stock svg {
	stroke: #16a34a;
}

.vero-cart-item-title {
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	margin: 2px 0 6px 0;
	line-height: 1.35;
}

.vero-cart-item-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}

.vero-cart-item-title a:hover {
	color: #a9c825;
}

/* Tactile Capsule Quantity Stepper */
.vero-cart-qty-pill-wrap {
	margin-top: 4px;
}

html body .vero-cart-qty-pill,
.vero-cart-qty-pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	padding: 2px 4px !important;
	height: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	width: auto !important;
	min-width: 98px !important;
	max-width: 110px !important;
	box-sizing: border-box !important;
	gap: 4px !important;
}

html body .vero-cart-qty-pill .vero-qty-btn,
.vero-cart-qty-pill .vero-qty-btn {
	width: 26px !important;
	height: 26px !important;
	min-width: 26px !important;
	min-height: 26px !important;
	max-width: 26px !important;
	max-height: 26px !important;
	border: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
	color: #334155 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	border-radius: 5px !important;
	user-select: none !important;
	transition: all 0.15s ease !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	outline: none !important;
	flex-shrink: 0 !important;
}

html body .vero-cart-qty-pill .vero-qty-btn svg,
.vero-cart-qty-pill .vero-qty-btn svg {
	stroke: currentColor !important;
}

html body .vero-cart-qty-pill .vero-qty-btn:hover,
.vero-cart-qty-pill .vero-qty-btn:hover {
	background: #a9c825 !important;
	border-color: #a9c825 !important;
	color: #ffffff !important;
	transform: scale(1.06) !important;
	box-shadow: 0 2px 5px rgba(169, 200, 37, 0.35) !important;
}

html body .vero-cart-qty-pill .vero-qty-btn:active,
.vero-cart-qty-pill .vero-qty-btn:active {
	transform: scale(0.92) !important;
}

html body .vero-cart-qty-pill .vero-qty-val,
.vero-cart-qty-pill .vero-qty-val {
	font-size: 14px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	text-align: center !important;
	min-width: 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	user-select: none !important;
	flex-grow: 1 !important;
}

/* Actions Column (Price & Remove Button) */
.vero-cart-item-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	height: 100%;
	gap: 20px;
}

.vero-cart-item-price {
	font-size: 17px;
	font-weight: 800;
	color: #0f172a;
	white-space: nowrap;
	text-align: right;
}

html body .vero-cart-item-price .vero-card-price-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

html body .vero-cart-item-price .vero-price-regular,
html body .vero-cart-item-price .vero-price-regular *,
html body .vero-cart-item-price .vero-card-price-wrap:not(.is-on-sale) .woocommerce-Price-amount,
html body .vero-cart-item-price .vero-card-price-wrap:not(.is-on-sale) bdi {
	font-size: 17px;
	font-weight: 800;
	color: #0f172a;
}

html body .vero-cart-item-price .vero-price-old,
html body .vero-cart-item-price .vero-price-old *,
html body .vero-cart-item-price .vero-card-price-wrap del,
html body .vero-cart-item-price .vero-card-price-wrap del * {
	font-size: 13.5px;
	color: #94a3b8;
	text-decoration: line-through;
	font-weight: 500;
}

html body .vero-cart-item-price .vero-price-sale,
html body .vero-cart-item-price .vero-price-sale *,
html body .vero-cart-item-price .vero-card-price-wrap ins,
html body .vero-cart-item-price .vero-card-price-wrap ins * {
	font-size: 17px;
	font-weight: 800;
	color: #ff3b30;
	text-decoration: none;
}

html body .vero-cart-item-price .vero-discount-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #ff3b30;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 4px;
	line-height: 1.2;
}

.vero-cart-item-remove {
	background: transparent;
	border: 1px solid transparent;
	color: #94a3b8;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	border-radius: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	transition: all 0.18s ease;
}

.vero-cart-item-remove svg {
	stroke: currentColor;
	transition: stroke 0.18s ease;
}

.vero-cart-item-remove:hover {
	color: #ef4444;
	background: #fef2f2;
	border-color: #fee2e2;
	transform: scale(1.08);
}

.vero-cart-item-remove:focus-visible {
	outline: 2px solid #ef4444;
	outline-offset: 2px;
}

/* Mobile Layout for Cart Item Cards */
@media (max-width: 580px) {
	.vero-cart-item-card {
		grid-template-columns: 80px 1fr;
		gap: 14px;
		padding: 14px 16px;
	}

	.vero-cart-item-image-wrap {
		width: 80px;
		height: 80px;
	}

	.vero-cart-item-actions {
		grid-column: 1 / -1;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		height: auto;
		gap: 0;
		padding-top: 10px;
		border-top: 1px dashed #f1f5f9;
	}

	.vero-cart-item-remove {
		order: 2;
	}

	.vero-cart-item-price {
		order: 1;
		text-align: left;
	}
}

/* --------------------------------------------------------------------------
   6. RIGHT COLUMN: SINGLE STICKY ORDER SUMMARY CARD
   -------------------------------------------------------------------------- */
.vero-cart-summary-column {
	width: 100%;
	min-width: 0;
}

.vero-cart-summary-card {
	background: #ffffff;
	border-radius: 7px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	overflow: hidden;
	position: sticky;
	top: 100px;
}

.vero-summary-card-inner {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.vero-summary-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 4px;
}

.vero-summary-card-title {
	font-size: 17px;
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

/* Breakdown Rows */
.vero-summary-breakdown {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vero-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #64748b;
}

.vero-summary-label {
	font-weight: 500;
	color: #64748b;
}

.vero-summary-val {
	font-weight: 700;
	color: #0f172a;
}

.vero-shipping-val {
	color: #16a34a;
	font-weight: 700;
}

.vero-discount-row {
	color: #10b981;
}

.vero-discount-val {
	color: #10b981;
	font-weight: 700;
}

.vero-total-row {
	padding-top: 14px;
	margin-top: 4px;
	border-top: 1px solid #f1f5f9;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vero-summary-total-label {
	font-size: 16px;
	font-weight: 800;
	color: #0f172a;
}

.vero-summary-total-val {
	font-size: 21px;
	font-weight: 800;
	color: #0f172a;
}

/* Coupon Form Accordion System */
.vero-coupon-form-wrap {
	width: 100%;
}

.vero-coupon-toggle-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 700;
	color: #334155;
	cursor: pointer;
	transition: all 0.18s ease;
	box-sizing: border-box;
}

.vero-coupon-toggle-label-wrap {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.vero-coupon-toggle-label-wrap svg {
	stroke: #64748b;
}

.vero-coupon-toggle-icon {
	color: #64748b;
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	flex-shrink: 0;
}

.vero-coupon-toggle-btn:hover {
	background: #f1f5f9;
	border-color: #cbd5e1;
	color: #0f172a;
}

.vero-coupon-form-wrap.is-open .vero-coupon-toggle-icon {
	transform: rotate(180deg);
}

.vero-coupon-dropdown {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.vero-coupon-dropdown-inner {
	overflow: hidden;
}

.vero-coupon-form-wrap.is-open .vero-coupon-dropdown {
	grid-template-rows: 1fr;
}

.vero-coupon-form {
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.vero-coupon-input-group {
	display: flex;
	gap: 8px;
	width: 100%;
}

html body div#vero-cart-wrapper input.vero-coupon-input,
html body .vero-cart-wrapper input.vero-coupon-input {
	flex: 1;
	height: 42px;
	min-height: 42px;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 7px;
	padding: 0 14px;
	font-size: 13.5px;
	font-weight: 700;
	color: #0f172a;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	outline: none;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.15s ease;
}

html body div#vero-cart-wrapper input.vero-coupon-input::placeholder,
html body .vero-cart-wrapper input.vero-coupon-input::placeholder {
	color: #94a3b8;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
}

html body div#vero-cart-wrapper input.vero-coupon-input:focus,
html body .vero-cart-wrapper input.vero-coupon-input:focus {
	background: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 0 0 3px rgba(169, 200, 37, 0.15);
}

.vero-coupon-submit-btn {
	height: 42px;
	min-height: 42px;
	padding: 0 16px;
	background: #0f172a;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	border: none;
	border-radius: 7px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
	flex-shrink: 0;
}

.vero-coupon-submit-btn:hover {
	background: #334155;
}

.vero-coupon-submit-btn:active {
	transform: scale(0.97);
}

.vero-coupon-feedback {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	margin-top: 4px;
}

.vero-coupon-feedback.is-success {
	color: #10b981;
}

.vero-coupon-feedback.is-error {
	color: #ef4444;
}

/* Applied Coupon Chips */
.vero-applied-coupons-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.vero-coupon-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #047857;
	border-radius: 6px;
	padding: 3px 9px;
	font-size: 11.5px;
	font-weight: 700;
}

.vero-coupon-chip-code {
	letter-spacing: 0.04em;
}

.vero-coupon-remove-btn {
	background: transparent;
	border: none;
	color: #047857;
	cursor: pointer;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: color 0.15s ease;
}

.vero-coupon-remove-btn svg {
	stroke: currentColor;
}

.vero-coupon-remove-btn:hover {
	color: #ef4444;
}

/* Primary Checkout Action Button */
.vero-checkout-primary-btn {
	width: 100%;
	height: 48px;
	min-height: 48px;
	background-color: #a9c825;
	color: #ffffff;
	font-weight: 800;
	font-size: 14.5px;
	border: none;
	border-radius: 7px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.3);
	transition: all 0.18s ease;
	outline: none;
	box-sizing: border-box;
}

.vero-checkout-primary-btn svg {
	stroke: currentColor;
	transition: transform 0.18s ease;
}

.vero-checkout-primary-btn:hover {
	background-color: #8fa91d;
	color: #ffffff;
	box-shadow: 0 6px 18px rgba(143, 169, 29, 0.4);
	transform: translateY(-1px);
}

.vero-checkout-primary-btn:hover svg {
	transform: translateX(3px);
}

.vero-checkout-primary-btn:active {
	transform: translateY(0);
}

/* Trust Perks List */
.vero-cart-trust-perks {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding-top: 14px;
	border-top: 1px dashed #e2e8f0;
}

.vero-trust-perk-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
	font-weight: 600;
	color: #64748b;
}

.vero-trust-icon {
	stroke: #16a34a;
	flex-shrink: 0;
}

/* Payment Icons */
.vero-cart-payment-methods {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding-top: 4px;
}

.vero-cart-payment-methods .vero-payment-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.88;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.vero-cart-payment-methods .vero-payment-badge:hover {
	opacity: 1;
	transform: translateY(-1.5px);
}

.vero-cart-payment-methods .vero-payment-badge svg {
	display: block;
	width: 38px;
	height: 24px;
	border-radius: 3px;
}

/* --------------------------------------------------------------------------
   7. EMPTY CART STATE
   -------------------------------------------------------------------------- */
.vero-cart-empty-state {
	background: #ffffff;
	border-radius: 7px;
	padding: 56px 24px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 520px;
	margin: 20px auto 40px auto;
}

.vero-cart-empty-icon {
	color: #cbd5e1;
	margin-bottom: 18px;
	display: inline-flex;
}

.vero-cart-empty-icon svg {
	stroke: currentColor;
}

.vero-cart-empty-heading {
	font-size: 22px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 8px 0;
	letter-spacing: -0.01em;
}

.vero-cart-empty-text {
	font-size: 14px;
	color: #64748b;
	margin: 0 0 24px 0;
	line-height: 1.5;
	max-width: 380px;
}

.vero-cart-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 28px;
	height: 46px;
	min-height: 46px;
	background: #a9c825;
	color: #ffffff;
	font-weight: 800;
	font-size: 14px;
	border-radius: 7px;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.28);
	transition: all 0.18s ease;
}

.vero-cart-shop-btn svg {
	stroke: currentColor;
	transition: transform 0.18s ease;
}

.vero-cart-shop-btn:hover {
	background: #8fa91d;
	color: #ffffff;
	box-shadow: 0 6px 18px rgba(143, 169, 29, 0.38);
	transform: translateY(-1px);
}

.vero-cart-shop-btn:hover svg {
	transform: translateX(3px);
}


/* ==========================================================================
   MODULE: checkout.css
   ========================================================================== */
/**
 * Checkout page styles for Vero.
 */

/* Master Layout Container & Alignment (Matching Site Header & Cart 1320px) */
html body .vero-checkout-main {
	padding-top: 30px;
	padding-bottom: 32px;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}

html body div#vero-checkout-wrapper,
html body .vero-checkout-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	html body .vero-checkout-main {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	html body div#vero-checkout-wrapper,
	html body .vero-checkout-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}

/* --------------------------------------------------------------------------
   CHECKOUT PROGRESS STEPS BAR & HEADER
   -------------------------------------------------------------------------- */
.vero-cart-steps-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	padding: 0;
	list-style: none;
}

.vero-cart-step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 700;
	color: #94a3b8;
	text-decoration: none;
	transition: color 0.15s ease;
}

.vero-cart-step.is-active {
	color: #0f172a;
}

.vero-cart-step.is-completed {
	color: #334155;
}

.vero-cart-step.is-upcoming:hover,
.vero-cart-step.is-completed:hover {
	color: #a9c825;
}

.vero-cart-step-num {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11.5px;
	font-weight: 800;
	background: #e2e8f0;
	color: #64748b;
	line-height: 1;
	transition: all 0.15s ease;
}

.vero-cart-step.is-active .vero-cart-step-num {
	background: #a9c825;
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(169, 200, 37, 0.35);
}

.vero-cart-step.is-completed .vero-cart-step-num {
	background: #f1f5f9;
	color: #0f172a;
	border: 1px solid #cbd5e1;
}

.vero-cart-step.is-completed:hover .vero-cart-step-num {
	border-color: #a9c825;
	color: #a9c825;
}

.vero-cart-step-divider {
	color: #cbd5e1;
	display: inline-flex;
	align-items: center;
}

@media (max-width: 640px) {
	.vero-cart-steps-nav {
		gap: 8px;
		margin-bottom: 16px;
	}
	.vero-cart-step {
		font-size: 12px;
		gap: 6px;
	}
	.vero-cart-step-num {
		width: 19px;
		height: 19px;
		font-size: 10.5px;
	}
}

/* Page Header Bar */
.vero-cart-header-title-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	gap: 16px;
}

.vero-cart-header-left {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.vero-cart-page-title {
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	line-height: 1.15;
	letter-spacing: -0.015em;
}

.vero-cart-continue-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 700;
	color: #64748b;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	padding: 8px 14px;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: all 0.18s ease;
	user-select: none;
}

.vero-cart-continue-link svg {
	stroke: #64748b;
	transition: transform 0.18s ease, stroke 0.18s ease;
}

.vero-cart-continue-link:hover {
	color: #0f172a;
	background: #f8fafc;
	border-color: #cbd5e1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.vero-cart-continue-link:hover svg {
	stroke: #0f172a;
	transform: translateX(-3px);
}

@media (max-width: 640px) {
	.vero-cart-header-title-wrap {
		margin-bottom: 16px;
	}
	.vero-cart-page-title {
		font-size: 19px;
	}
	.vero-cart-continue-link span {
		display: none;
	}
	.vero-cart-continue-link {
		padding: 8px 10px;
	}
}

/* Top Navigation & Return to Cart Bar */
.vero-checkout-top-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	gap: 16px;
	width: 100%;
}

.vero-checkout-back-link,
.vero-checkout-secure-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 38px;
	padding: 0 16px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	font-size: 13.5px;
	font-weight: 700;
	color: #334155;
	text-decoration: none;
	box-sizing: border-box;
	line-height: 1;
	user-select: none;
}

.vero-checkout-back-link {
	transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
	cursor: pointer;
}

.vero-checkout-back-link svg {
	width: 16px;
	height: 16px;
	stroke: #64748b;
	stroke-width: 2.2;
	transition: stroke 0.18s ease, transform 0.18s ease;
	flex-shrink: 0;
}

.vero-checkout-back-link:hover {
	color: #0f172a;
	background-color: #f8fafc;
	border-color: #cbd5e1;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
}

.vero-checkout-back-link:hover svg {
	stroke: #0f172a;
	transform: translateX(-3px);
}

.vero-checkout-back-link:active {
	transform: scale(0.98);
}

.vero-checkout-secure-badge {
	cursor: default;
}

.vero-checkout-secure-badge svg {
	width: 16px;
	height: 16px;
	stroke: #16a34a;
	stroke-width: 2.2;
	flex-shrink: 0;
}

@media (max-width: 640px) {
	.vero-checkout-top-bar {
		margin-bottom: 16px;
	}
	.vero-checkout-secure-badge {
		display: none;
	}
}

/* 2-Column Responsive Compact Grid */
.vero-checkout-grid {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 20px;
	align-items: start;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.vero-checkout-left-col,
.vero-checkout-right-col {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

@media (max-width: 1024px) {
	.vero-checkout-grid {
		grid-template-columns: 1fr 340px;
		gap: 16px;
	}
}

@media (max-width: 860px) {
	.vero-checkout-grid {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}

/* Compact Base Card Container */
.vero-checkout-card {
	background: #ffffff;
	border-radius: 7px;
	padding: 20px 22px 18px 22px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.vero-billing-card {
	padding: 20px 22px 20px 22px;
}

.vero-checkout-card-main-title {
	font-size: 20px;
	font-weight: 800;
	color: #111827;
	margin: 0 0 16px 0;
	line-height: 1.2;
}

@media (max-width: 768px) {
	.vero-checkout-card-main-title {
		font-size: 17px;
		line-height: 1.25;
		margin-bottom: 12px;
	}
}

@media (max-width: 480px) {
	.vero-checkout-card-main-title {
		font-size: 16px;
		line-height: 1.25;
	}
}

.vero-checkout-card-amber-title {
	font-size: 16px;
	font-weight: 800;
	color: #d97706;
	margin: 0 0 14px 0;
	line-height: 1.2;
}

@media (max-width: 768px) {
	.vero-checkout-card-amber-title {
		font-size: 15px;
		line-height: 1.25;
		margin-bottom: 10px;
	}
}

/* Left Column Fields List */
.vero-checkout-fields-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Floating Label Wrapper */
.vero-floating-field {
	position: relative;
	width: 100%;
}

.vero-floating-field label {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13.5px;
	font-weight: 500;
	color: #6b7280;
	pointer-events: none;
	transition: top 0.18s cubic-bezier(0.4, 0, 0.2, 1), transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.18s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
	background: transparent;
	line-height: 1;
	margin: 0;
	padding: 0;
	border-radius: 0;
	z-index: 2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 36px);
}

.vero-floating-field.vero-floating-textarea label {
	top: 18px;
	transform: translateY(0);
}

/* Floating Trigger States: When input is focused, filled, or value selected */
.vero-floating-field:focus-within label,
.vero-floating-field.is-filled label,
.vero-floating-field input:not(:placeholder-shown) ~ label,
.vero-floating-field textarea:not(:placeholder-shown) ~ label,
.vero-floating-field select:valid ~ label {
	top: 6px;
	transform: translateY(0);
	font-size: 10px;
	font-weight: 700;
	color: #a9c825;
	background: transparent;
}

/* 50% / 50% City & Address Row */
.vero-checkout-fields-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	width: 100%;
}

@media (max-width: 640px) {
	.vero-checkout-fields-row {
		grid-template-columns: 1fr;
	}
}

.vero-phone-field-wrap {
	width: 100%;
}

/* Phone Field Wrapper & Master Input Uniformity (Adopt Phone Field Design Across ALL Fields) */
html body div#vero-checkout-wrapper .vero-phone-wrapper,
html body .vero-checkout-wrapper .vero-phone-wrapper,
html body .vero-phone-field-wrap .vero-phone-wrapper {
	height: 52px !important;
	min-height: 52px !important;
	background: #f8fafc !important;
	background-color: #f8fafc !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	padding: 0 16px 0 18px !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html body div#vero-checkout-wrapper .vero-phone-wrapper:focus-within,
html body .vero-checkout-wrapper .vero-phone-wrapper:focus-within,
html body .vero-phone-field-wrap .vero-phone-wrapper:focus-within {
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-color: #a9c825 !important;
	box-shadow: 0 0 0 4px rgba(169, 200, 37, 0.15) !important;
}

/* All Checkout Inputs: Exact 1:1 Match with Phone Field Design */
html body div#vero-checkout-wrapper input.vero-checkout-input,
html body div#vero-checkout-wrapper select.vero-checkout-input,
html body div#vero-checkout-wrapper textarea.vero-checkout-textarea,
html body .vero-checkout-wrapper input.vero-checkout-input,
html body .vero-checkout-wrapper select.vero-checkout-input,
html body .vero-checkout-wrapper textarea.vero-checkout-textarea {
	width: 100%;
	height: 52px;
	min-height: 52px;
	background: #f8fafc;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	padding: 18px 20px 4px 20px;
	font-size: 14px;
	font-weight: 600;
	color: #0f172a;
	box-shadow: none;
	outline: none;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	line-height: normal;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

html body div#vero-checkout-wrapper textarea.vero-checkout-textarea,
html body .vero-checkout-wrapper textarea.vero-checkout-textarea {
	height: auto;
	min-height: 72px;
	border-radius: 7px;
	padding: 22px 20px 10px 20px;
	line-height: 1.4;
	resize: vertical;
}

html body div#vero-checkout-wrapper input.vero-checkout-input:focus,
html body div#vero-checkout-wrapper select.vero-checkout-input:focus,
html body div#vero-checkout-wrapper textarea.vero-checkout-textarea:focus,
html body .vero-checkout-wrapper input.vero-checkout-input:focus,
html body .vero-checkout-wrapper select.vero-checkout-input:focus,
html body .vero-checkout-wrapper textarea.vero-checkout-textarea:focus {
	background: #ffffff;
	background-color: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 0 0 4px rgba(169, 200, 37, 0.15);
	outline: none;
}

/* Red Warning State for Invalid Input Fields */
html body div#vero-checkout-wrapper .vero-floating-field.is-invalid input,
html body div#vero-checkout-wrapper .vero-floating-field.is-invalid select,
html body div#vero-checkout-wrapper .vero-floating-field.is-invalid textarea,
html body div#vero-checkout-wrapper .vero-phone-wrapper.is-invalid,
html body div#vero-checkout-wrapper .vero-phone-field-wrap.is-invalid input,
html body .vero-checkout-wrapper .vero-floating-field.is-invalid input,
html body .vero-checkout-wrapper .vero-floating-field.is-invalid select,
html body .vero-checkout-wrapper .vero-floating-field.is-invalid textarea,
html body .vero-checkout-wrapper .vero-phone-wrapper.is-invalid,
html body .vero-checkout-wrapper .vero-phone-field-wrap.is-invalid input,
html body div#vero-checkout-wrapper input.is-invalid,
html body div#vero-checkout-wrapper select.is-invalid,
html body div#vero-checkout-wrapper textarea.is-invalid {
	border-color: #ef4444 !important;
	background-color: #fef2f2 !important;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

html body .vero-floating-field.is-invalid label {
	color: #ef4444 !important;
}

/* Georgian City Select Dropdown Chevron */
html body div#vero-checkout-wrapper select.vero-checkout-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	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='%236b7280' 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 16px center;
	background-size: 14px;
	padding-right: 36px;
	cursor: pointer;
}

/* Left Column Yellow Submit Button & Return Link */
.vero-checkout-submit-wrap {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.vero-checkout-submit-btn {
	width: 100%;
	height: 48px;
	min-height: 48px;
	background: #a9c825;
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	border: none;
	border-radius: 7px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.18s ease;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.3);
}

.vero-checkout-submit-btn:hover {
	background: #8fa91d;
	color: #ffffff;
	box-shadow: 0 6px 18px rgba(169, 200, 37, 0.4);
	transform: translateY(-1px);
}

.vero-checkout-submit-btn:active {
	transform: translateY(0);
}

.vero-checkout-return-cart-text-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #6b7280;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease;
	padding: 4px 8px;
}

.vero-checkout-return-cart-text-link svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	stroke-width: 2.2;
	transition: transform 0.15s ease;
	flex-shrink: 0;
}

.vero-checkout-return-cart-text-link:hover {
	color: #111827;
}

.vero-checkout-return-cart-text-link:hover svg {
	transform: translateX(-3px);
}

/* Payment Section inside Left Column */
.vero-checkout-payment-section {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #f1f5f9;
}

/* Right Column Sticky Sidebar for Order Details on Desktop */
@media (min-width: 861px) {
	html body.page-template-page-checkout,
	html body.woocommerce-checkout,
	html body .vero-checkout-main,
	html body .vero-checkout-wrapper,
	html body #vero-checkout-form {
		overflow: visible;
		overflow-x: visible;
	}

	html body .vero-checkout-right-col {
		position: -webkit-sticky;
		position: sticky;
		top: 24px;
		z-index: 100;
	}
}

html body .vero-checkout-grid {
	align-items: start;
}

html body .vero-checkout-right-col {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: start;
}

/* Compact Item Ordered List (With padding-top so quantity badges are 100% visible) */
.vero-compact-items-wrapper {
	margin-bottom: 12px;
	max-height: 160px;
	overflow-y: auto;
	padding-top: 8px;
	padding-right: 4px;
}

.vero-compact-items-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vero-compact-item-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f3f4f6;
}

.vero-compact-item-row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.vero-compact-item-thumb {
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 7px;
	background: #f9fafb;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vero-compact-item-thumb img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.vero-compact-item-qty-badge {
	position: absolute;
	top: -6px;
	left: -4px;
	background: #6b7280;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	border-radius: 7px;
	padding: 1px 6px;
	line-height: 1.1;
	z-index: 2;
}

.vero-compact-item-info {
	flex-grow: 1;
	min-width: 0;
}

.vero-compact-item-title {
	font-size: 12.5px;
	font-weight: 600;
	color: #374151;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Compact Item Price & Sale Formatting (Matching Product Loop Colors) */
.vero-compact-item-price {
	font-size: 13.5px;
	font-weight: 700;
	color: #111827;
	white-space: nowrap;
}

html body .vero-compact-item-price .vero-card-price-wrap {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

html body .vero-compact-item-price .vero-price-regular,
html body .vero-compact-item-price .vero-price-regular *,
html body .vero-compact-item-price .vero-card-price-wrap:not(.is-on-sale) .woocommerce-Price-amount,
html body .vero-compact-item-price .vero-card-price-wrap:not(.is-on-sale) bdi {
	font-size: 13.5px;
	font-weight: 700;
	color: #181e23;
}

html body .vero-compact-item-price .vero-price-old,
html body .vero-compact-item-price .vero-price-old *,
html body .vero-compact-item-price .vero-card-price-wrap del,
html body .vero-compact-item-price .vero-card-price-wrap del * {
	font-size: 11px;
	color: #9ca3af;
	text-decoration: line-through;
	font-weight: 500;
}

html body .vero-compact-item-price .vero-price-sale,
html body .vero-compact-item-price .vero-price-sale *,
html body .vero-compact-item-price .vero-card-price-wrap ins,
html body .vero-compact-item-price .vero-card-price-wrap ins * {
	font-size: 13.5px;
	font-weight: 700;
	color: #ff3b30;
	text-decoration: none;
}

html body .vero-compact-item-price .vero-discount-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #ff3b30;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	padding: 1px 4px;
	border-radius: 7px;
	line-height: 1.1;
	vertical-align: middle;
	margin-left: 2px;
}

/* Price Breakdown Rows */
.vero-summary-breakdown {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 10px;
	border-top: 1px solid #f3f4f6;
	margin-bottom: 14px;
}

.vero-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	color: #6b7280;
}

.vero-summary-val {
	font-weight: 700;
	color: #111827;
}

.vero-discount-row {
	color: #10b981;
}

.vero-discount-val {
	color: #10b981;
}

.vero-total-row {
	padding-top: 8px;
	border-top: 1px solid #f3f4f6;
	font-size: 15px;
	font-weight: 800;
	color: #111827;
}

.vero-summary-total-val {
	font-size: 18px;
	font-weight: 800;
	color: #ff3b30;
}

/* Collapsible Promo Code Toggle System */
.vero-checkout-coupon-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vero-coupon-toggle-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 7px;
	padding: 8px 14px;
	font-size: 12.5px;
	font-weight: 600;
	color: #1e293b;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
	box-sizing: border-box;
}

.vero-coupon-toggle-btn:hover {
	background: #f1f5f9;
	border-color: #a9c825;
	color: #a9c825;
}

.vero-coupon-toggle-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.vero-coupon-toggle-icon {
	color: #64748b;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.vero-coupon-toggle-btn.is-open .vero-coupon-toggle-icon {
	transform: rotate(180deg);
}

.vero-coupon-dropdown {
	margin-top: 4px;
}

.vero-coupon-input-group {
	display: flex;
	gap: 6px;
}

html body div#vero-checkout-wrapper input.vero-coupon-input,
html body .vero-checkout-wrapper input.vero-coupon-input {
	flex: 1 1 0%;
	min-width: 0;
	width: 100%;
	height: 38px;
	min-height: 38px;
	background: #f2f2f5;
	border-radius: 7px;
	padding: 0 14px;
	font-size: 12.5px;
	box-sizing: border-box;
}

.vero-coupon-apply-btn {
	height: 38px;
	min-height: 38px;
	padding: 0 16px;
	background: #111827;
	color: #ffffff;
	font-weight: 700;
	font-size: 12.5px;
	border: none;
	border-radius: 7px;
	cursor: pointer;
	transition: background 0.15s ease;
	flex-shrink: 0;
}

.vero-coupon-apply-btn:hover {
	background: #374151;
}

.vero-coupon-feedback {
	font-size: 11.5px;
	font-weight: 600;
	margin-top: 4px;
}

.vero-coupon-feedback.is-success {
	color: #10b981;
}

.vero-coupon-feedback.is-error {
	color: #ef4444;
}

.vero-applied-coupons-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 2px;
}

.vero-coupon-chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #ecfdf5;
	border: 1px solid #10b981;
	color: #047857;
	border-radius: 7px;
	padding: 2px 8px;
	font-size: 11.5px;
	font-weight: 700;
}

.vero-chip-remove-btn {
	background: transparent;
	border: none;
	color: #047857;
	font-size: 13px;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

.vero-chip-remove-btn:hover {
	color: #ef4444;
}

/* Payment Gateways Radio Options List */
.vero-payment-methods-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.vero-payment-method-item {
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	padding: 10px 14px;
	background: #ffffff;
	transition: border-color 0.15s ease, background-color 0.15s ease;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.vero-payment-method-item.is-selected {
	border-color: #a9c825;
	background: #f2f8d8;
}

.vero-payment-option-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	cursor: pointer;
	user-select: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.vero-payment-option-head {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
	min-width: 140px;
	white-space: nowrap;
}

.vero-payment-option-title {
	font-size: 14px;
	font-weight: 700;
	color: #111827;
	white-space: nowrap;
	line-height: 1.35;
}

.vero-payment-option-icon {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 4px 6px;
	margin-left: auto;
	max-width: 60%;
	flex-shrink: 1;
	min-width: 0;
}

.vero-payment-option-icon img,
.vero-payment-option-icon svg {
	height: 18px;
	max-height: 18px;
	max-width: 36px;
	width: auto;
	object-fit: contain;
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
}

@media (max-width: 580px) {
	.vero-payment-option-label {
		flex-wrap: wrap;
		row-gap: 8px;
	}

	.vero-payment-option-head {
		width: 100%;
		flex: 1 1 100%;
	}

	.vero-payment-option-icon {
		max-width: 100%;
		width: 100%;
		justify-content: flex-start;
		padding-left: 26px;
		margin-left: 0;
	}
}

.vero-payment-radio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.vero-radio-circle {
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	border: 2px solid #d1d5db;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	transition: border-color 0.15s ease;
	flex-shrink: 0;
}

.vero-payment-method-item.is-selected .vero-radio-circle {
	border-color: #a9c825;
}

.vero-payment-method-item.is-selected .vero-radio-circle::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 6px;
	height: 6px;
	background: #a9c825;
	border-radius: 50%;
}


.vero-payment-box {
	margin-top: 10px;
	padding: 14px 16px;
	border-top: 1px dashed #cbd5e1;
	background: #f8fafc;
	border-radius: 7px;
	border: 1px solid #f1f5f9;
	font-size: 13px;
	color: #475569;
	line-height: 1.45;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: visible;
}

.vero-payment-gateway-fields {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: visible;
}

.vero-payment-gateway-fields datalist,
.vero-payment-box datalist,
datalist {
	display: none !important;
	visibility: hidden !important;
}

/* BOG Installments Summary Badges Header */
.wc-bog_installments-info {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 12px 0 16px 0 !important;
	flex-wrap: wrap !important;
}

.vero-bog-info-badge,
.wc-bog_installments-info > div {
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	padding: 8px 14px !important;
	box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04) !important;
	margin: 0 !important;
}

.vero-bog-info-num,
.wc-bog_installments-info span {
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	color: #0f172a !important;
	letter-spacing: -0.02em;
}

.vero-bog-info-month .vero-bog-info-num {
	color: #ff600a !important;
}

.vero-bog-info-lbl,
.wc-bog_installments-info > div {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #64748b !important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* Slider Track Wrapper & Controls */
.wc-bog_installments-control {
	width: 100% !important;
	position: relative !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	margin: 10px 0 6px 0 !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	overflow: visible !important;
}

.wc-bog_installments-control::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	height: 6px !important;
	background: #e2e8f0 !important;
	border-radius: 7px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
}

.wc-bog_installments-filled {
	background: linear-gradient(90deg, #ff8c42 0%, #ff600a 100%) !important;
	height: 6px !important;
	border-radius: 7px !important;
	pointer-events: none !important;
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	transform: translateY(-50%) !important;
	transition: width 0.15s ease !important;
	z-index: 2 !important;
	max-width: 100% !important;
}

.wc-bog_installments-marker {
	background-color: #ffffff !important;
	border: 4px solid #ff600a !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%) !important;
	pointer-events: none !important;
	box-shadow: 0 3px 8px rgba(255, 96, 10, 0.45) !important;
	transition: left 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
	z-index: 3 !important;
	box-sizing: border-box !important;
}

.wc-bog_installments-input {
	position: relative !important;
	z-index: 4 !important;
	width: 100% !important;
	height: 32px !important;
	cursor: pointer !important;
	background: transparent !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	outline: none !important;
}

.wc-bog_installments-input::-webkit-slider-runnable-track {
	background: transparent !important;
	border: none !important;
	height: 32px !important;
}

.wc-bog_installments-input::-moz-range-track {
	background: transparent !important;
	border: none !important;
	height: 32px !important;
}

.wc-bog_installments-input::-webkit-slider-thumb {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 24px !important;
	height: 32px !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
}

.wc-bog_installments-input::-moz-range-thumb {
	width: 24px !important;
	height: 32px !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
}

.wc-bog_installments-input:hover ~ .wc-bog_installments-marker,
.wc-bog_installments-input:focus ~ .wc-bog_installments-marker {
	transform: translateX(-11px) translateY(-11px) scale(1.15) !important;
	box-shadow: 0 0 0 4px rgba(255, 96, 10, 0.2), 0 4px 12px rgba(255, 96, 10, 0.5) !important;
}

/* Month Tick Labels */
.wc-bog_installments-ticks {
	width: 100% !important;
	height: 24px !important;
	font-size: 12px !important;
	position: relative !important;
	box-sizing: border-box !important;
	margin: 4px 0 14px 0 !important;
	padding: 0 8px !important;
	overflow: visible !important;
}

.wc-bog_installments-ticks > div,
.wc-bog_installments-ticks > span {
	position: absolute !important;
	transform: translateX(-50%) !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	color: #64748b !important;
	cursor: pointer !important;
	padding: 2px 6px !important;
	border-radius: 7px !important;
	transition: all 0.15s ease !important;
	user-select: none !important;
	line-height: 1 !important;
}

.wc-bog_installments-ticks > div:hover,
.wc-bog_installments-ticks > span:hover {
	color: #ff600a !important;
	background: rgba(255, 96, 10, 0.1) !important;
}

.wc-bog_installments-ticks > div:first-child,
.wc-bog_installments-ticks > span:first-child {
	transform: translateX(0) !important;
}

.wc-bog_installments-ticks > div:last-child,
.wc-bog_installments-ticks > span:last-child {
	transform: translateX(-100%) !important;
}

/* Conditions list */
.wc-bog_installments-conditions {
	margin: 14px 0 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.wc-bog_installments-conditions li {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	padding: 7px 12px 7px 32px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #334155 !important;
	line-height: 1.4 !important;
	position: relative !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.wc-bog_installments-conditions li::before {
	content: "" !important;
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 14px !important;
	height: 14px !important;
	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='%23ff600a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.vero-payment-desc {
	margin: 0;
}


/* Feedback Notice Banner */
.vero-checkout-feedback-notice {
	padding: 10px 14px;
	border-radius: 7px;
	font-size: 12.5px;
	font-weight: 600;
	margin-bottom: 14px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	word-break: break-word;
}

.vero-checkout-feedback-notice.is-error {
	background: #fef2f2;
	border: 1px solid #fca5a5;
	color: #991b1b;
}

.vero-checkout-feedback-notice.is-success {
	background: #f0fdf4;
	border: 1px solid #86efac;
	color: #166534;
}

/* Empty State */
.vero-checkout-empty-state {
	background: #ffffff;
	border-radius: 7px;
	padding: 50px 24px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 500px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.vero-checkout-empty-icon {
	color: #9ca3af;
	margin-bottom: 16px;
}

.vero-checkout-empty-heading {
	font-size: 20px;
	font-weight: 800;
	color: #111827;
	margin: 0 0 8px 0;
}

.vero-checkout-empty-text {
	font-size: 13.5px;
	color: #6b7280;
	margin: 0 0 20px 0;
}

.vero-checkout-shop-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 28px;
	height: 44px;
	min-height: 44px;
	background: #a9c825;
	color: #ffffff;
	font-weight: 700;
	font-size: 13.5px;
	border-radius: 7px;
	text-decoration: none;
	transition: background 0.15s ease;
}

.vero-checkout-shop-btn:hover {
	background: #96b21e;
}

/* Mobile Viewport Container Fixes */
@media (max-width: 768px) {
	html body .vero-checkout-main {
		padding-top: 16px;
		padding-bottom: 24px;
		padding-left: 12px !important;
		padding-right: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	html body div#vero-checkout-wrapper,
	html body .vero-checkout-wrapper,
	html body #vero-checkout-form,
	.vero-checkout-form {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}

	.vero-checkout-card,
	.vero-billing-card,
	.vero-summary-card {
		padding: 16px 14px !important;
		border-radius: 7px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.vero-checkout-card-main-title {
		font-size: 17px;
		margin-bottom: 12px;
	}

	.vero-checkout-card-amber-title {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.vero-checkout-fields-row {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
}

/* ==========================================================================
   MODULE: my-account.css
   ========================================================================== */
/**
 * My Account dashboard stylesheet for Vero.
 */

/* --------------------------------------------------------------------------
   1. GLOBAL CONTAINER ALIGNMENT & MAIN LAYOUT (MATCHING SITE HEADER 1320PX)
   -------------------------------------------------------------------------- */

/* Main page container top padding matching header spacing */
.woocommerce-account main.wp-block-group,
.woocommerce-account .site-main {
	padding-top: 30px;
	padding-bottom: 40px;
	margin-top: 0;
	margin-bottom: 0;
}

html body.woocommerce-account main.site-main,
html body.woocommerce-account main.wp-block-group,
html body.woocommerce-account .wp-block-post-content,
html body.woocommerce-account .entry-content,
html body.woocommerce-account .is-layout-constrained {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Page Title Removal - Hide page title on My Account pages only as requested */
.woocommerce-account h1.wp-block-post-title,
.woocommerce-account .entry-title,
.woocommerce-account .page-title,
.woocommerce-account .woocommerce-products-header__title {
	display: none;
}

/* WooCommerce Main Wrapper - Aligns EXACTLY with site header (1320px, 12px left/right padding) */
html body.woocommerce-account .woocommerce,
html body.woocommerce-account .vero-account-wrapper {
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	padding-bottom: 60px;
	box-sizing: border-box !important;
	width: 100% !important;
}

@media (max-width: 991px) {
	html body.woocommerce-account main.wp-block-group,
	html body.woocommerce-account main.site-main {
		padding-top: 30px;
		padding-bottom: 24px;
	}

	html body.woocommerce-account .woocommerce,
	html body.woocommerce-account .vero-account-wrapper {
		padding-left: 12px !important;
		padding-right: 12px !important;
		padding-bottom: 40px;
	}
}

/* Suppress WooCommerce added_to_cart / View Cart (კალათის ნახვა) appended link */
html body .added_to_cart,
html body .added_to_cart.wc-forward,
html body a.added_to_cart,
html body .vero-product-card .added_to_cart,
html body .vero-card-action .added_to_cart,
html body #vero-account-wishlist-grid .added_to_cart,
html body .vero-wishlist-page-grid .added_to_cart {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	width: 100%;
	margin-bottom: 24px;
}

.vero-account-wrapper {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 100%;
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   2. HERO USER PROFILE HEADER BANNER
   -------------------------------------------------------------------------- */

.vero-account-hero {
	position: relative;
	background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
	border-radius: 7px;
	padding: 32px 36px;
	color: #ffffff;
	overflow: hidden;
	box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08);
	width: 100%;
	box-sizing: border-box;
}

.vero-account-hero__bg-decor {
	position: absolute;
	top: -50px;
	right: -50px;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(169, 200, 37, 0.18) 0%, rgba(169, 200, 37, 0) 70%);
	pointer-events: none;
	border-radius: 50%;
}

.vero-account-hero__inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}

/* Avatar Capsule */
.vero-account-avatar-capsule {
	position: relative;
	flex-shrink: 0;
}

.vero-account-avatar-ring {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	padding: 3px;
	background: linear-gradient(135deg, #a9c825 0%, #a9c825 100%);
	box-shadow: 0 8px 20px rgba(169, 200, 37, 0.3);
}

.vero-account-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	background: #0f172a;
	display: block;
}

.vero-avatar-edit-badge {
	position: absolute;
	bottom: -4px;
	right: -4px;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	border-radius: 50%;
	background: #a9c825;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border: 2px solid #1E293B;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.vero-avatar-edit-badge:hover {
	transform: scale(1.15);
	background: #8fa91d;
}

/* Hero Meta & Pills */
.vero-account-hero__meta {
	flex: 1;
	min-width: 240px;
}

.vero-account-hero__greeting {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 12px;
}

.vero-greeting-time {
	font-size: 14px;
	font-weight: 600;
	color: #94A3B8;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.vero-user-name {
	font-size: 28px;
	font-weight: 800;
	color: #ffffff;
	margin: 0;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.vero-user-details-pills {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.vero-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.08);
	color: #cbd5e1;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
}

.vero-pill--role {
	background: rgba(169, 200, 37, 0.15);
	color: #a9c825;
	border-color: rgba(169, 200, 37, 0.3);
}

/* Hero Action Buttons */
.vero-account-hero__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.vero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 22px;
	min-height: 48px;
	min-width: 48px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid transparent;
}

html body .woocommerce-account a.button,
html body .woocommerce-account .button,
html body .woocommerce-account .button.vero-btn--primary,
.vero-btn--primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background-color: #a9c825;
	color: #ffffff;
	padding: 14px 28px;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
	border: none;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.3);
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
	box-sizing: border-box;
	min-height: 48px;
}

html body .woocommerce-account a.button:hover,
html body .woocommerce-account .button:hover,
.vero-btn--primary:hover {
	background-color: #8fa91d;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(143, 169, 29, 0.4);
}

.vero-btn--ghost {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.vero-btn--ghost:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
	transform: translateY(-2px);
}

.vero-btn--danger {
	background: rgba(239, 68, 68, 0.15);
	color: #fca5a5;
	border: 1px solid rgba(239, 68, 68, 0.3);
}

.vero-btn--danger:hover {
	background: rgba(239, 68, 68, 0.25);
	color: #ffffff;
	transform: translateY(-2px);
}

.vero-btn--primary {
	background: #a9c825;
	color: #ffffff;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.3);
}

.vero-btn--primary:hover {
	background: #8fa91d;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(143, 169, 29, 0.4);
}

/* --------------------------------------------------------------------------
   3. ACCOUNT MAIN LAYOUT GRID (SIDEBAR + CONTENT)
   -------------------------------------------------------------------------- */

.vero-account-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.vero-account-layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* --------------------------------------------------------------------------
   4. SIDEBAR NAVIGATION CONTAINER (FIX SCREEN 1 WRAPPER ALIGNMENT)
   -------------------------------------------------------------------------- */

html body.woocommerce-account .woocommerce-MyAccount-navigation,
html body .woocommerce-account .woocommerce-MyAccount-navigation,
html body .woocommerce-account .vero-account-sidebar .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	display: block;
	clear: both;
}

.vero-account-sidebar {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.vero-nav-container {
	background: #ffffff;
	border-radius: 7px;
	padding: 14px;
	box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(226, 232, 240, 0.8);
	position: sticky;
	top: 100px;
	box-sizing: border-box;
	width: 100%;
}

.vero-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.vero-nav-item {
	margin: 0;
	padding: 0;
}

.vero-nav-link {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: left !important;
	padding: 14px 18px;
	min-height: 48px;
	box-sizing: border-box;
	border-radius: 7px;
	color: #475569;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	background: transparent;
	border: none !important;
	outline: none !important;
	position: relative;
	width: 100%;
}

.vero-nav-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 22px;
	height: 22px;
	margin-right: 12px !important;
	margin-bottom: 0 !important;
	color: #64748b;
	transition: color 0.2s ease, transform 0.2s ease;
	flex-shrink: 0;
}

.vero-nav-label {
	flex: 1;
	text-align: left !important;
	white-space: normal;
	line-height: 1.3;
}

.vero-nav-arrow {
	color: #cbd5e1;
	opacity: 0;
	transform: translateX(-4px);
	transition: all 0.2s ease;
	flex-shrink: 0;
}

/* Nav Item Hover State */
.vero-nav-link:hover {
	background: #f8fafc;
	color: #0f172a;
}

.vero-nav-link:hover .vero-nav-icon {
	color: #a9c825;
	transform: scale(1.1);
}

.vero-nav-link:hover .vero-nav-arrow {
	opacity: 1;
	transform: translateX(0);
}

/* Nav Item Active State */
.vero-nav-link.is-active,
.woocommerce-MyAccount-navigation ul li.is-active a {
	background: #f2f8d8;
	color: #a9c825;
	border-color: #dbe89e;
	box-shadow: 0 4px 12px rgba(169, 200, 37, 0.08);
}

.vero-nav-link.is-active .vero-nav-icon,
.woocommerce-MyAccount-navigation ul li.is-active a .vero-nav-icon {
	color: #a9c825;
}

.vero-nav-link.is-active .vero-nav-arrow {
	opacity: 1;
	transform: translateX(0);
	color: #a9c825;
}

/* Special styling for logout link */
.woocommerce-MyAccount-navigation-link--customer-logout .vero-nav-link,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #ef4444;
}

.woocommerce-MyAccount-navigation-link--customer-logout .vero-nav-link:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background: #fef2f2;
	color: #dc2626;
}

.woocommerce-MyAccount-navigation-link--customer-logout .vero-nav-link .vero-nav-icon {
	color: #ef4444;
}

/* Nav Badges */
.vero-nav-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2px 8px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin-right: 6px;
}

.vero-nav-badge--active-orders {
	background: #3b82f6;
	color: #ffffff;
}

.vero-nav-badge--wishlist {
	background: #f43f5e;
	color: #ffffff;
}

/* Mobile responsive menu tabs horizontal scroll */
@media (max-width: 991px) {
	.vero-nav-container {
		position: static;
		padding: 8px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.vero-nav-list {
		flex-direction: row;
		white-space: nowrap;
		gap: 8px;
	}

	.vero-nav-link {
		padding: 10px 14px;
		font-size: 14px;
	}

	.vero-nav-arrow {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   5. ACCOUNT MAIN CONTENT CARD
   -------------------------------------------------------------------------- */

.vero-account-content-card,
.woocommerce-account .woocommerce-MyAccount-content {
	background: #ffffff;
	border-radius: 7px;
	padding: 32px 36px;
	box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(226, 232, 240, 0.8);
	min-height: 500px;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	overflow: hidden;
}

@media (max-width: 767px) {
	.vero-account-content-card,
	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 24px 20px;
	}
}

/* Section Header Typography */
.vero-account-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f1f5f9;
}

.vero-account-section-title {
	font-size: 20px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 4px 0;
	letter-spacing: -0.01em;
}

@media (max-width: 768px) {
	.vero-account-section-title {
		font-size: 18px;
		line-height: 1.25;
		margin-bottom: 4px;
	}
}

@media (max-width: 480px) {
	.vero-account-section-title {
		font-size: 16.5px;
		line-height: 1.25;
	}
}

.vero-account-section-subtitle {
	font-size: 14px;
	color: #64748b;
	margin: 0;
}

.vero-section-title {
	font-size: 17px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 16px 0;
}

@media (max-width: 768px) {
	.vero-section-title {
		font-size: 16px;
		line-height: 1.25;
		margin-bottom: 12px;
	}
}

/* --------------------------------------------------------------------------
   6. DASHBOARD STAT CARDS GRID (RESPONSIVE WRAP, ZERO OVERFLOW)
   -------------------------------------------------------------------------- */

.vero-stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 32px;
	width: 100%;
	box-sizing: border-box;
}

.vero-stat-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 16px 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	position: relative;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	min-width: 0;
	box-sizing: border-box;
	min-height: 96px;
	height: 100%;
}

.vero-stat-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.08);
	background: #ffffff;
	border-color: #cbd5e1;
}

.vero-stat-card__icon-wrap {
	width: 44px;
	height: 44px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vero-stat-card--orders .vero-stat-card__icon-wrap {
	background: #f2f8d8;
	color: #3b82f6;
}

.vero-stat-card--active .vero-stat-card__icon-wrap {
	background: #f0fdf4;
	color: #22c55e;
}

.vero-stat-card--wishlist .vero-stat-card__icon-wrap {
	background: #fff1f2;
	color: #f43f5e;
}

.vero-stat-card--address .vero-stat-card__icon-wrap {
	background: #fefce8;
	color: #eab308;
}

.vero-stat-card__content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start !important;
	text-align: left !important;
}

.vero-stat-card__header-flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.vero-stat-card__label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	display: block !important;
	margin-bottom: 4px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	line-height: 1.35 !important;
	text-align: left !important;
}

.vero-stat-card__value {
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-size: 22px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1;
}

.vero-stat-card__value-text {
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
	white-space: normal;
	word-break: break-word;
	line-height: 1.35;
	display: block;
	text-align: left !important;
}

.vero-stat-card__link {
	color: #94a3b8;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	border-radius: 50%;
	transition: all 0.2s ease;
	text-decoration: none;
	flex-shrink: 0;
}

.vero-stat-card:hover .vero-stat-card__link {
	color: #a9c825;
	transform: translateX(2px);
}

.vero-pulse-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
	animation: pulse 2s infinite;
	flex-shrink: 0;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
	}
}

/* --------------------------------------------------------------------------
   7. QUICK ACTIONS SHORTCUT GRID
   -------------------------------------------------------------------------- */

.vero-quick-actions-section {
	margin-bottom: 32px;
	width: 100%;
}

.vero-quick-actions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
}

.vero-quick-action-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	min-width: 0;
	box-sizing: border-box;
}

.vero-quick-action-card:hover {
	border-color: #a9c825;
	background: #f2f8d8;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px -5px rgba(169, 200, 37, 0.1);
}

.vero-quick-action-card__icon {
	width: 40px;
	height: 40px;
	border-radius: 7px;
	background: #f8fafc;
	color: #0f172a;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.vero-quick-action-card:hover .vero-quick-action-card__icon {
	background: #a9c825;
	color: #ffffff;
}

.vero-quick-action-card__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.vero-quick-action-card__title {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	white-space: normal !important;
	overflow: visible !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	line-height: 1.3 !important;
}

.vero-quick-action-card__sub {
	font-size: 11.5px !important;
	color: #64748b !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	line-height: 1.35 !important;
	margin-top: 2px !important;
}

/* --------------------------------------------------------------------------
   8. RECENT ORDERS & ORDERS TABLE
   -------------------------------------------------------------------------- */

.vero-recent-orders-section {
	margin-bottom: 28px;
	width: 100%;
}

.vero-table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 7px;
	border: 1px solid #e2e8f0;
	box-sizing: border-box;
}

.vero-orders-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
}

.vero-orders-table th {
	background: #f8fafc;
	padding: 14px 18px;
	font-size: 12px;
	font-weight: 700;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #e2e8f0;
	text-align: left;
}

.vero-orders-table td {
	padding: 16px 18px;
	font-size: 14px;
	color: #1e293b;
	border-bottom: 1px solid #f1f5f9;
	vertical-align: middle;
}

.vero-orders-table tr:last-child td {
	border-bottom: none;
}

.vero-order-num-link {
	font-weight: 700;
	color: #a9c825;
	text-decoration: none;
	transition: color 0.15s ease;
}

.vero-order-num-link:hover {
	color: #8fa91d;
	text-decoration: underline;
}

/* Status Pill Badges */
.vero-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.vero-status-badge__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.vero-status-badge--completed {
	background: #f0fdf4;
	color: #16a34a;
}

.vero-status-badge--processing {
	background: #f2f8d8;
	color: #2563eb;
}

.vero-status-badge--on-hold,
.vero-status-badge--pending {
	background: #fefce8;
	color: #ca8a04;
}

.vero-status-badge--cancelled,
.vero-status-badge--failed {
	background: #fef2f2;
	color: #dc2626;
}

.vero-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f1f5f9;
	color: #0f172a;
	padding: 8px 16px;
	min-height: 40px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
	border: none;
	box-sizing: border-box;
}

.vero-action-btn:hover {
	background: #a9c825;
	color: #ffffff;
	box-shadow: 0 4px 10px rgba(169, 200, 37, 0.25);
}

.vero-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #a9c825;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: gap 0.2s ease;
}

.vero-link-arrow:hover {
	gap: 10px;
}

/* Empty State */
.vero-empty-orders {
	text-align: center;
	padding: 48px 20px;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 7px;
}

.vero-empty-orders__icon {
	color: #94a3b8;
	margin-bottom: 12px;
}

.vero-empty-orders__title {
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 6px 0;
}

.vero-empty-orders__sub {
	font-size: 14px;
	color: #64748b;
	margin: 0 0 20px 0;
}

/* --------------------------------------------------------------------------
   9. FORMS & INPUTS (ACCOUNT DETAILS & ADDRESSES)
   -------------------------------------------------------------------------- */

.vero-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.vero-form-row-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	width: 100%;
}

@media (max-width: 600px) {
	.vero-form-row-grid {
		grid-template-columns: 1fr;
	}
}

html body.woocommerce-account .woocommerce form .form-row.form-row-first,
html body.woocommerce-account .woocommerce form .form-row.form-row-last,
html body .woocommerce-account .vero-form-row-grid .form-row,
html body .woocommerce-account .form-row-first,
html body .woocommerce-account .form-row-last,
html body .woocommerce .form-row-first,
html body .woocommerce .form-row-last {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	box-sizing: border-box !important;
}

html body .woocommerce-account .woocommerce form .form-row {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	float: none;
	clear: both;
}

.vero-form-row-grid .form-row {
	margin-bottom: 0;
}

html body .woocommerce-account .woocommerce form .form-row label {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #1E293B;
	margin-bottom: 8px;
	line-height: 1.4;
}

html body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
html body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
html body.woocommerce-account .woocommerce-MyAccount-content select,
html body.woocommerce-account .woocommerce-MyAccount-content textarea,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input.input-text,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="text"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="email"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="password"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="tel"],
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row select,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row textarea {
	width: 100%;
	height: 52px;
	min-height: 52px;
	box-sizing: border-box;
	padding: 12px 20px;
	background: #F8FAFC;
	border: 1.5px solid #E2E8F0;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 500;
	color: #0F172A;
	outline: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	line-height: normal;
	float: none;
}

html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input.input-text:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="text"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="email"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="password"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row input[type="tel"]:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row select:focus,
html body .woocommerce-account .woocommerce-MyAccount-content .woocommerce form:not(.vero-auth-form) .form-row textarea:focus {
	background: #FFFFFF;
	border-color: #a9c825;
	box-shadow: 0 0 0 4px rgba(169, 200, 37, 0.15);
}

.vero-field-help {
	display: block;
	font-size: 12px;
	color: #64748b;
	margin-top: 6px;
}

.vero-fieldset-card {
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 24px;
	margin-top: 12px;
	background: #f8fafc;
}

.vero-fieldset-card legend {
	font-size: 16px;
	font-weight: 800;
	color: #0f172a;
	padding: 0 8px;
}

.vero-fieldset-sub {
	font-size: 13px;
	color: #64748b;
	margin: 0 0 16px 0;
}

.vero-form-submit-wrap {
	margin-top: 12px;
}

/* --------------------------------------------------------------------------
   10. ADDRESS CARDS LAYOUT (FIX SCREEN 4)
   -------------------------------------------------------------------------- */

.vero-addresses-wrapper {
	width: 100%;
}

.vero-addresses-grid,
.woocommerce-account .u-columns.woocommerce-Addresses {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.vero-addresses-grid,
	.woocommerce-account .u-columns.woocommerce-Addresses {
		grid-template-columns: 1fr;
	}
}

.vero-address-card,
.woocommerce-account .woocommerce-Address {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 100%;
	box-sizing: border-box;
	float: none;
	width: 100%;
}

.vero-address-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e2e8f0;
}

.vero-address-card__title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.vero-address-card__icon {
	width: 36px;
	height: 36px;
	border-radius: 7px;
	background: #fefce8;
	color: #eab308;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vero-address-card__title {
	font-size: 16px;
	font-weight: 800;
	color: #0f172a;
	margin: 0;
}

.vero-address-card__edit-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 7px;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	color: #0f172a;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.vero-address-card__edit-btn:hover {
	background: #a9c825;
	color: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 4px 10px rgba(169, 200, 37, 0.25);
}

.vero-address-text,
.woocommerce-account .woocommerce-Address address {
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #334155;
	margin: 0;
}

.vero-address-empty {
	font-size: 14px;
	color: #64748b;
	margin: 0;
}

/* --------------------------------------------------------------------------
   11. NOTIFICATIONS / ALERTS (Handled globally by notices.css)
   -------------------------------------------------------------------------- */

/* Hide Country fields and unneeded address rows */
html body #billing_country_field,
html body #shipping_country_field,
html body .woocommerce p#billing_country_field,
html body .woocommerce p#shipping_country_field,
html body .woocommerce-address-fields #billing_country_field,
html body .woocommerce-address-fields #shipping_country_field,
html body .vero-hidden-field {
	display: none;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Prevent placeholder collision with floating labels */
html body .woocommerce form:not(.vero-auth-form) .form-row input::placeholder,
html body .woocommerce form:not(.vero-auth-form) .form-row textarea::placeholder,
html body .vero-form .form-row input::placeholder,
html body .vero-form .form-row textarea::placeholder {
	color: transparent;
	opacity: 0;
}

/* ==========================================================================
   MODULE: phone-input.css
   ========================================================================== */
/**
 * Vero Georgian Phone Input & Form Field Uniformity (+995)
 */

/* Master Rule: 100% Identical Background, Border, and Pill Shape across ALL fields */
html body .vero-field-input,
html body .vero-phone-wrapper,
html body .woocommerce-checkout input.input-text,
html body .woocommerce-checkout input[type="text"],
html body .woocommerce-checkout input[type="email"],
html body .woocommerce-checkout input[type="tel"],
html body .woocommerce-checkout select,
html body .woocommerce form .form-row input.input-text,
html body .woocommerce form .form-row input[type="text"],
html body .woocommerce form .form-row input[type="email"],
html body .woocommerce form .form-row input[type="tel"],
html body .wc-block-checkout input,
html body .wc-block-checkout input[type="tel"] {
	background-color: #f8fafc !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Master Rule: Focus State */
html body .vero-field-input:focus,
html body .vero-phone-wrapper:focus-within,
html body .woocommerce-checkout input:focus,
html body .woocommerce form .form-row input:focus,
html body .wc-block-checkout input:focus {
	background-color: #ffffff !important;
	border-color: #a9c825 !important;
	box-shadow: 0 0 0 4px rgba(169, 200, 37, 0.15) !important;
	outline: none !important;
}

/* Invalid Red State - Takes precedence even when focused until phone number reaches exactly 9 digits */
html body .vero-phone-wrapper.is-invalid,
html body .vero-phone-wrapper.is-invalid:focus-within {
	border-color: #ef4444 !important;
	background-color: #fef2f2 !important;
	box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15) !important;
}

.vero-phone-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	min-height: 48px;
	padding: 0 16px 0 18px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

/* Country Flag & Prefix Capsule Badge */
.vero-phone-prefix-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #e2e8f0;
	flex-shrink: 0;
	user-select: none;
	pointer-events: none;
	height: 22px;
}

.vero-phone-flag {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	display: block;
}

.vero-phone-code {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: 0.2px;
	white-space: nowrap;
	line-height: 1;
}

/* Inner Input Element Reset */
.vero-phone-wrapper input,
.vero-phone-wrapper .vero-phone-input,
.vero-phone-wrapper .vero-field-input,
.vero-phone-wrapper input[type="tel"] {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #0f172a !important;
	letter-spacing: 0.5px !important;
	font-family: inherit !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.vero-phone-wrapper input:focus,
.vero-phone-wrapper .vero-phone-input:focus,
.vero-phone-wrapper .vero-field-input:focus,
.vero-phone-wrapper input[type="tel"]:focus {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.vero-phone-wrapper input::placeholder,
.vero-phone-wrapper .vero-phone-input::placeholder,
.vero-phone-wrapper .vero-field-input::placeholder {
	color: #94a3b8 !important;
	font-weight: 500 !important;
	letter-spacing: normal !important;
	opacity: 1 !important;
}

/* Error Message Below Input */
.vero-phone-error-msg {
	display: none;
	font-size: 12px;
	font-weight: 600;
	color: #dc2626;
	margin-top: 6px;
	padding-left: 14px;
}

.vero-phone-wrapper.is-invalid + .vero-phone-error-msg,
.vero-phone-error-msg.is-visible {
	display: block;
}

/* Checkout Page Specific Height Overrides (52px) */
html body.woocommerce-checkout .vero-phone-wrapper,
html body.woocommerce-account .vero-phone-wrapper,
html body .woocommerce form .form-row .vero-phone-wrapper,
html body .wc-block-checkout .vero-phone-wrapper {
	height: 52px !important;
	min-height: 52px !important;
}

html body .form-row #billing_phone_field,
html body .form-row #shipping_phone_field {
	width: 100% !important;
}

/* ==========================================================================
   MODULE: notices.css
   ========================================================================== */
/* ==========================================================================
   VERO EXECUTIVE NOTICES & ALERTS DESIGN SYSTEM
   High-Performance, Executive White Card Aesthetic with Accent Badges
   ========================================================================== */

/* Outer Wrapper Alignment */
html body .woocommerce-notices-wrapper,
html body .woocommerce-NoticeGroup,
html body .wc-block-components-notice-banner {
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   1. CLASSIC WOOCOMMERCE NOTICES (.woocommerce-info, .woocommerce-message, .woocommerce-error)
   ========================================================================== */
html body div.woocommerce-info,
html body div.woocommerce-message,
html body div.woocommerce-error,
html body ul.woocommerce-error,
html body ul.woocommerce-info,
html body ul.woocommerce-message,
html body .woocommerce-notice,
html body .woocommerce-store-notice,
html body .woocommerce-NoticeGroup .woocommerce-error,
html body .woocommerce-NoticeGroup .woocommerce-info,
html body .woocommerce-NoticeGroup .woocommerce-message {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	padding: 16px 20px 16px 54px !important;
	border-radius: 7px !important;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	margin: 0 0 24px 0 !important;
	font-family: inherit !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
	color: #0F172A !important;
	list-style: none !important;
	box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.02) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
}

html body div.woocommerce-info:hover,
html body div.woocommerce-message:hover,
html body div.woocommerce-error:hover,
html body .woocommerce-notice:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 35px -10px rgba(15, 23, 42, 0.12) !important;
}

/* Clear legacy WooCommerce icon font content and insert SVG masks */
html body div.woocommerce-info::before,
html body div.woocommerce-message::before,
html body div.woocommerce-error::before,
html body ul.woocommerce-error::before,
html body .woocommerce-notice::before {
	content: "" !important;
	position: absolute !important;
	left: 18px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 22px !important;
	height: 22px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	display: block !important;
}

/* Info Variant */
html body div.woocommerce-info,
html body ul.woocommerce-info,
html body .woocommerce-notice--info {
	border-left: 4px solid #a9c825 !important;
}

html body div.woocommerce-info::before,
html body ul.woocommerce-info::before,
html body .woocommerce-notice--info::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2300A3FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* Success Variant */
html body div.woocommerce-message,
html body ul.woocommerce-message,
html body .woocommerce-notice--success {
	border-left: 4px solid #10B981 !important;
}

html body div.woocommerce-message::before,
html body ul.woocommerce-message::before,
html body .woocommerce-notice--success::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* Error Variant */
html body div.woocommerce-error,
html body ul.woocommerce-error,
html body .woocommerce-notice--error {
	border-left: 4px solid #F43F5E !important;
}

html body div.woocommerce-error::before,
html body ul.woocommerce-error::before,
html body .woocommerce-notice--error::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23F43F5E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* List items inside notice containers */
html body .woocommerce-error li,
html body .woocommerce-message li,
html body .woocommerce-info li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* ==========================================================================
   2. WOOCOMMERCE BLOCKS NOTICE BANNERS (.wc-block-components-notice-banner)
   ========================================================================== */

html body .wc-block-components-notice-banner,
html body div.wc-block-components-notice-banner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 16px 20px !important;
	border-radius: 7px !important;
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	margin: 0 0 24px 0 !important;
	font-family: inherit !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
	color: #0F172A !important;
	box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.02) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
}

html body .wc-block-components-notice-banner:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 35px -10px rgba(15, 23, 42, 0.12) !important;
}

/* Info Variant */
html body .wc-block-components-notice-banner.is-info,
html body div.wc-block-components-notice-banner.is-info {
	border-left: 4px solid #a9c825 !important;
}

/* Success Variant */
html body .wc-block-components-notice-banner.is-success,
html body div.wc-block-components-notice-banner.is-success {
	border-left: 4px solid #10B981 !important;
}

/* Error Variant */
html body .wc-block-components-notice-banner.is-error,
html body div.wc-block-components-notice-banner.is-error {
	border-left: 4px solid #F43F5E !important;
}

/* Warning Variant */
html body .wc-block-components-notice-banner.is-warning,
html body div.wc-block-components-notice-banner.is-warning {
	border-left: 4px solid #F59E0B !important;
}

/* Block Notice SVG Icon Styling - Crisp, 24px vector icon */
html body .wc-block-components-notice-banner > svg {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	flex-shrink: 0 !important;
	display: block !important;
}

html body .wc-block-components-notice-banner.is-info > svg,
html body .wc-block-components-notice-banner.is-info > svg path {
	fill: #a9c825 !important;
	color: #a9c825 !important;
	stroke: none !important;
}

html body .wc-block-components-notice-banner.is-success > svg,
html body .wc-block-components-notice-banner.is-success > svg path {
	fill: #10B981 !important;
	color: #10B981 !important;
	stroke: none !important;
}

html body .wc-block-components-notice-banner.is-error > svg,
html body .wc-block-components-notice-banner.is-error > svg path {
	fill: #F43F5E !important;
	color: #F43F5E !important;
	stroke: none !important;
}

html body .wc-block-components-notice-banner.is-warning > svg,
html body .wc-block-components-notice-banner.is-warning > svg path {
	fill: #F59E0B !important;
	color: #F59E0B !important;
	stroke: none !important;
}

/* Notice Banner Content Layout */
html body .wc-block-components-notice-banner__content {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-direction: row-reverse !important;
	width: 100% !important;
	gap: 16px !important;
	color: #0F172A !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}


/* ==========================================================================
   3. EXECUTIVE DARK SLATE ACTION BUTTONS (Generous 24px Padding & High Contrast)
   ========================================================================== */
html body .wc-block-components-notice-banner__content a,
html body .wc-block-components-notice-banner__content a:link,
html body .wc-block-components-notice-banner__content a:visited,
html body .wc-block-components-notice-banner__content a.button,
html body .wc-block-components-notice-banner__content a.wc-forward,
html body .wc-block-components-notice-banner a,
html body .wc-block-components-notice-banner a:link,
html body .wc-block-components-notice-banner a:visited,
html body .wc-block-components-notice-banner a.button,
html body .wc-block-components-notice-banner a.wc-forward,
html body div.woocommerce-info a,
html body div.woocommerce-info a.button,
html body div.woocommerce-info a.wc-forward,
html body div.woocommerce-message a,
html body div.woocommerce-message a.button,
html body div.woocommerce-error a,
html body div.woocommerce-error a.button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 24px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: #0F172A !important;
	background: #0F172A !important;
	color: #FFFFFF !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	border-radius: 7px !important;
	border: 1px solid #0F172A !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	white-space: nowrap !important;
	margin: 0 !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	outline: none !important;
	height: auto !important;
	min-height: 40px !important;
	box-sizing: border-box !important;
}

html body .wc-block-components-notice-banner__content a:hover,
html body .wc-block-components-notice-banner__content a.button:hover,
html body .wc-block-components-notice-banner__content a.wc-forward:hover,
html body .wc-block-components-notice-banner a:hover,
html body .wc-block-components-notice-banner a.button:hover,
html body .wc-block-components-notice-banner a.wc-forward:hover,
html body div.woocommerce-info a:hover,
html body div.woocommerce-info a.button:hover,
html body div.woocommerce-message a:hover,
html body div.woocommerce-error a:hover {
	background-color: #a9c825 !important;
	background: #a9c825 !important;
	color: #FFFFFF !important;
	border-color: #a9c825 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 20px rgba(169, 200, 37, 0.4) !important;
	text-decoration: none !important;
}

/* Responsive adjustment for mobile screens */
@media (max-width: 640px) {
	html body div.woocommerce-info,
	html body div.woocommerce-message,
	html body div.woocommerce-error,
	html body ul.woocommerce-error,
	html body ul.woocommerce-info,
	html body ul.woocommerce-message,
	html body .woocommerce-notice,
	html body .wc-block-components-notice-banner {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 14px 16px 14px 48px !important;
		gap: 12px !important;
	}

	html body .wc-block-components-notice-banner__content {
		flex-direction: column-reverse !important;
		align-items: flex-start !important;
	}

	html body div.woocommerce-info a,
	html body div.woocommerce-message a,
	html body div.woocommerce-error a,
	html body ul.woocommerce-info a,
	html body ul.woocommerce-message a,
	html body ul.woocommerce-error a,
	html body .woocommerce-notice a,
	html body .wc-block-components-notice-banner__content a {
		width: 100% !important;
		margin-left: 0 !important;
		text-align: center !important;
	}
}

/* ==========================================================================
   MODULE: hero-slider.css
   ========================================================================== */
/**
 * Vero Hero Slider Stylesheet (Full Width Edge-to-Edge Edition)
 * Matching the exact visual design of Image 1.
 *
 * @package VeroCore
 */

/* Container & Full Width Flush Alignment */
html body section.vero-hero-slider-wrapper,
html body .vero-hero-slider-wrapper {
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden;
}

/* Full Width Track Frame */
.vero-hero-slider-track {
	position: relative;
	width: 100%;
	min-height: 400px;
	aspect-ratio: 16 / 5.2;
	overflow: hidden;
	background-color: #f1f5f9;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

@media (max-width: 1024px) {
	.vero-hero-slider-track {
		min-height: 360px;
		aspect-ratio: 16 / 6.0;
	}
}

@media (max-width: 768px) {
	.vero-hero-slider-track {
		min-height: 200px !important;
		max-height: 225px !important;
		height: 215px !important;
		aspect-ratio: auto !important;
	}
}

@media (max-width: 480px) {
	.vero-hero-slider-track {
		min-height: 195px !important;
		max-height: 215px !important;
		height: 205px !important;
	}
}

/* Slide Base & Smooth Crossfade Transitions */
.vero-hero-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
	            visibility 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1;
}

.vero-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2;
}

/* Soft Light Left Overlay for 100% Crisp Legibility */
.vero-hero-slide::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 30%, rgba(255, 255, 255, 0.35) 54%, rgba(255, 255, 255, 0) 75%);
	z-index: 1;
	pointer-events: none;
}

/* Background Image Cover */
.vero-hero-slide-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
	z-index: 0;
	border: 0;
	display: block;
	transform: none;
}

.vero-hero-slide-image-link {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 2;
	text-decoration: none;
}

/* Content Container - Strictly Aligned with 1320px Main Layout */
.vero-hero-slide-inner-container {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 100%;
	pointer-events: none;
}

.vero-hero-slide-content {
	max-width: 580px;
	color: #0f172a !important;
	pointer-events: auto;
	padding: 40px 0;
}

/* Badge */
.vero-hero-slide-badge {
	display: inline-block;
	padding: 4px 12px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #a3d900;
	background-color: rgba(163, 217, 0, 0.15);
	border: 1px solid rgba(163, 217, 0, 0.35);
	border-radius: 7px;
	margin-bottom: 12px;
	backdrop-filter: blur(4px);
}

/* Typography Matching Image 1 */
.vero-hero-slide-title {
	font-family: inherit;
	font-size: clamp(1.55rem, 2.5vw, 2.25rem) !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: #0f172a !important;
	margin: 0 0 14px 0 !important;
	letter-spacing: -0.02em;
}

.vero-hero-title-main {
	display: block;
	color: #0f172a !important;
}

.vero-hero-title-highlight {
	display: block;
	color: #a3d900 !important;
	margin-top: 4px;
}

.vero-hero-slide-desc {
	font-size: clamp(0.92rem, 1.2vw, 1.05rem) !important;
	line-height: 1.55 !important;
	color: #334155 !important;
	margin: 0 0 24px 0 !important;
	font-weight: 500 !important;
}

/* Pill CTA Button Matching Image 1 */
.vero-hero-btn-wrap {
	margin-bottom: 28px;
}

.vero-hero-slide-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 10px 26px;
	font-size: 0.92rem;
	font-weight: 700 !important;
	color: #181E23 !important;
	background-color: #a3d900 !important;
	border-radius: 7px !important;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(163, 217, 0, 0.38);
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}

.vero-hero-slide-btn:hover {
	background-color: #8fa91d !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(163, 217, 0, 0.45);
	color: #181E23 !important;
}

.vero-hero-slide-btn svg {
	transition: transform 0.2s ease;
}

.vero-hero-slide-btn:hover svg {
	transform: translateX(4px);
}

/* Trust Features Row Matching Image 1 */
.vero-hero-features {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.vero-hero-feat-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.feat-icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.feat-text-box {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

.feat-title {
	font-size: 12.5px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	white-space: nowrap;
}

.feat-sub {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	white-space: nowrap;
}

/* Sleek Floating Navigation Arrows */
.vero-hero-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(226, 232, 240, 0.8) !important;
	color: #1e293b !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
	cursor: pointer;
	padding: 0;
	z-index: 25;
	backdrop-filter: blur(8px);
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

.vero-hero-arrow.prev {
	left: 24px !important;
}

.vero-hero-arrow.next {
	right: 24px !important;
}

.vero-hero-arrow:hover {
	background: #ffffff !important;
	color: #8fa91d !important;
	border-color: #a3d900 !important;
	transform: translateY(-50%) scale(1.08);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
}

.vero-hero-arrow:active {
	transform: translateY(-50%) scale(0.95);
}

@media (max-width: 768px) {
	.vero-hero-arrow {
		width: 36px;
		height: 36px;
	}
	.vero-hero-arrow.prev {
		left: 10px !important;
	}
	.vero-hero-arrow.next {
		right: 10px !important;
	}
}

/* Bottom Center Dots Pagination Matching Image 1 */
.vero-hero-dots {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 8px;
	z-index: 25;
	pointer-events: auto;
}

.vero-hero-dot-btn {
	background: transparent;
	border: none;
	padding: 4px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color: transparent;
}

.vero-hero-dot-pill {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.6);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.vero-hero-dot-btn.is-active .vero-hero-dot-pill {
	width: 22px;
	height: 8px;
	border-radius: 7px;
	background: #a3d900 !important;
	border-color: #a3d900 !important;
	box-shadow: 0 2px 8px rgba(163, 217, 0, 0.5);
}

/* Mobile & Tablet Adjustments */
@media (max-width: 768px) {
	.vero-hero-slide::before {
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 45%, rgba(255, 255, 255, 0.35) 75%, rgba(255, 255, 255, 0) 100%) !important;
	}

	.vero-hero-slide-bg {
		object-fit: cover !important;
		object-position: 85% center !important;
		width: 100% !important;
		height: 100% !important;
	}

	.vero-hero-slide-inner-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
		height: 100% !important;
		display: flex !important;
		align-items: center !important;
	}

	.vero-hero-slide-content {
		max-width: 66% !important;
		padding: 12px 0 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: flex-start !important;
	}

	.vero-hero-slide-badge {
		display: inline-block !important;
		padding: 2px 7px !important;
		font-size: 0.65rem !important;
		letter-spacing: 0.04em !important;
		border-radius: 4px !important;
		margin-bottom: 5px !important;
		line-height: 1.2 !important;
	}

	.vero-hero-slide-title {
		font-size: 1.08rem !important;
		line-height: 1.15 !important;
		margin: 0 0 5px 0 !important;
		font-weight: 800 !important;
		letter-spacing: -0.02em !important;
	}

	.vero-hero-title-main {
		display: inline !important;
	}

	.vero-hero-title-highlight {
		display: inline !important;
		margin-left: 4px !important;
	}

	.vero-hero-slide-desc {
		font-size: 0.75rem !important;
		line-height: 1.25 !important;
		margin: 0 0 10px 0 !important;
		color: #475569 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	.vero-hero-btn-wrap {
		margin-bottom: 0 !important;
	}

	.vero-hero-slide-btn {
		min-height: 32px !important;
		height: 32px !important;
		padding: 0 14px !important;
		font-size: 0.78rem !important;
		font-weight: 700 !important;
		border-radius: 6px !important;
		gap: 6px !important;
		box-shadow: 0 2px 8px rgba(163, 217, 0, 0.35) !important;
	}

	.vero-hero-slide-btn svg {
		width: 14px !important;
		height: 14px !important;
	}

	.vero-hero-features {
		display: none !important;
	}

	.vero-hero-arrow {
		display: none !important;
	}

	.vero-hero-dots {
		bottom: 8px !important;
		gap: 6px !important;
	}

	.vero-hero-dot-btn {
		padding: 3px !important;
	}

	.vero-hero-dot-pill {
		width: 6px !important;
		height: 6px !important;
	}

	.vero-hero-dot-btn.is-active .vero-hero-dot-pill {
		width: 18px !important;
		height: 6px !important;
	}
}

@media (max-width: 480px) {
	.vero-hero-slide-content {
		max-width: 68% !important;
	}

	.vero-hero-slide-title {
		font-size: 1.02rem !important;
	}

	.vero-hero-slide-desc {
		font-size: 0.72rem !important;
		margin-bottom: 8px !important;
	}

	.vero-hero-slide-btn {
		min-height: 30px !important;
		height: 30px !important;
		padding: 0 12px !important;
		font-size: 0.75rem !important;
	}
}

/* ==========================================================================
   MODULE: homepage-banners.css
   ========================================================================== */
/**
 * Homepage 3 Promotional Banners Styles.
 * Responsive mobile-first grid matching Vero design.
 *
 * @package VeroCore
 */

html body .vero-homepage-banners-wrapper,
html body .vero-home-main .vero-homepage-banners-wrapper,
.vero-homepage-banners-wrapper {
	width: 100% !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 36px !important;
	margin-bottom: 64px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
	position: relative !important;
}

.vero-banners-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}

.vero-banner-card {
	position: relative;
	border-radius: 7px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s ease;
	box-sizing: border-box;
	min-height: 220px;
}

.vero-banner-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.09);
	border-color: #cbd5e1;
}

.vero-banner-link {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 220px;
	text-decoration: none;
	color: inherit;
	position: relative;
	box-sizing: border-box;
}

.vero-banner-bg-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	background-color: #f8fafc;
}

.vero-banner-bg-img {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	display: block;
	transition: transform 0.35s ease;
}

.vero-banner-card:hover .vero-banner-bg-img {
	transform: scale(1.03);
}

.vero-banner-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 62%;
	padding: 24px 20px;
	box-sizing: border-box;
}

.vero-banner-brand-label {
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #64748b;
	margin-bottom: 6px;
	line-height: 1.2;
}

.vero-banner-title {
	font-family: inherit;
	font-size: clamp(1.05rem, 1.3vw, 1.25rem);
	font-weight: 800;
	line-height: 1.3;
	color: #0f172a;
	margin: 0 0 16px 0;
	letter-spacing: -0.01em;
}

.vero-banner-action-wrap {
	margin-top: auto;
}

.vero-banner-pill-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	font-size: 0.85rem;
	font-weight: 700;
	color: #ffffff;
	background-color: #181E23;
	border-radius: 7px;
	transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
	line-height: 1;
}

.vero-banner-card:hover .vero-banner-pill-btn {
	background-color: #a3d900;
	color: #181E23;
	transform: translateX(2px);
}

.vero-banner-pill-btn svg {
	transition: transform 0.2s ease;
}

.vero-banner-card:hover .vero-banner-pill-btn svg {
	transform: translateX(3px);
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 991px) {
	html body .vero-homepage-banners-wrapper,
	html body .vero-home-main .vero-homepage-banners-wrapper,
	.vero-homepage-banners-wrapper {
		margin-top: 28px !important;
		margin-bottom: 48px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.vero-banners-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.vero-banner-card-3 {
		grid-column: span 2;
	}
}

@media (max-width: 640px) {
	html body .vero-homepage-banners-wrapper,
	html body .vero-home-main .vero-homepage-banners-wrapper,
	.vero-homepage-banners-wrapper {
		margin-top: 16px !important;
		margin-bottom: 28px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.vero-banners-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.vero-banner-card-3 {
		grid-column: span 1;
	}

	.vero-banner-card {
		border-radius: 7px;
		min-height: 145px;
	}

	.vero-banner-link {
		min-height: 145px;
	}

	.vero-banner-content {
		max-width: 65%;
		padding: 14px 14px;
	}

	.vero-banner-brand-label {
		font-size: 0.72rem;
		margin-bottom: 3px;
	}

	.vero-banner-title {
		font-size: 0.95rem;
		margin-bottom: 10px;
		line-height: 1.25;
	}

	.vero-banner-pill-btn {
		min-height: 28px;
		padding: 5px 12px;
		font-size: 0.76rem;
		border-radius: 6px;
		gap: 5px;
	}
}

/* ==========================================================================
   MODULE: homepage-sections.css
   ========================================================================== */
/**
 * Homepage Tag-Controlled Product Carousels Styles.
 * Contained layout strictly matching the exact layout width, margins, and padding of the promotional banners above.
 *
 * @package VeroCore
 */

/* Contained Container (matching .vero-homepage-banners-wrapper exactly) */
html body .vero-homepage-sections-wrapper,
html body .vero-home-main .vero-homepage-sections-wrapper,
.vero-homepage-sections-wrapper {
	width: 100% !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: 64px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
	position: relative !important;
}

@media (max-width: 991px) {
	html body .vero-homepage-sections-wrapper,
	html body .vero-home-main .vero-homepage-sections-wrapper,
	.vero-homepage-sections-wrapper {
		margin-top: 0 !important;
		margin-bottom: 48px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

@media (max-width: 640px) {
	html body .vero-homepage-sections-wrapper,
	html body .vero-home-main .vero-homepage-sections-wrapper,
	.vero-homepage-sections-wrapper {
		margin-top: 0 !important;
		margin-bottom: 28px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.vero-home-carousel-section {
		margin-bottom: 28px;
	}

	.vero-carousel-header {
		margin-bottom: 12px;
	}

	.vero-carousel-title {
		font-size: 1.15rem !important;
	}

	.vero-carousel-header .vero-carousel-view-all,
	.vero-carousel-view-all {
		display: none !important;
	}

	.vero-carousel-viewport {
		padding: 4px 0 10px 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.vero-carousel-dots-bottom {
		margin-top: 10px;
	}

	.vero-carousel-mobile-action {
		display: block !important;
		width: 100% !important;
		margin-top: 14px !important;
		box-sizing: border-box !important;
	}

	.vero-carousel-mobile-btn {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		height: 42px !important;
		min-height: 42px !important;
		background: #ffffff !important;
		border: 1.5px solid #e2e8f0 !important;
		border-radius: 8px !important;
		color: #181E23 !important;
		font-size: 0.88rem !important;
		font-weight: 700 !important;
		letter-spacing: -0.01em !important;
		text-decoration: none !important;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
		box-sizing: border-box !important;
		transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	}

	.vero-carousel-mobile-btn:hover,
	.vero-carousel-mobile-btn:active {
		background: #f8fafc !important;
		border-color: #a3d900 !important;
		color: #181E23 !important;
		box-shadow: 0 3px 8px rgba(163, 217, 0, 0.15) !important;
	}

	.vero-carousel-mobile-btn svg {
		color: #65a30d !important;
		stroke: #65a30d !important;
		transition: transform 0.2s ease !important;
	}

	.vero-carousel-mobile-btn:hover svg,
	.vero-carousel-mobile-btn:active svg {
		transform: translateX(4px) !important;
	}
}

.vero-carousel-mobile-action {
	display: none;
}

/* Individual Carousel Section */
.vero-home-carousel-section {
	width: 100%;
	margin-bottom: 64px;
	position: relative;
	box-sizing: border-box;
}

.vero-home-carousel-section:last-child {
	margin-bottom: 0;
}

/* Header Container */
.vero-carousel-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding: 0;
	box-sizing: border-box;
}

/* Title Styling */
.vero-carousel-title-wrap {
	flex: 1 1 auto;
}

.vero-carousel-title {
	font-family: inherit;
	font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
	font-weight: 800 !important;
	color: #111827 !important;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	letter-spacing: -0.01em;
}

/* Header Right Container (View All link + Arrow Buttons) */
.vero-carousel-header-right {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
}

.vero-carousel-view-all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.92rem;
	font-weight: 700;
	color: #65a30d !important;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.vero-carousel-view-all:hover {
	color: #111827 !important;
	transform: translateX(2px);
}

.vero-carousel-view-all svg {
	transition: transform 0.2s ease;
}

.vero-carousel-view-all:hover svg {
	transform: translateX(3px);
}

/* Header Navigation Arrow Buttons */
.vero-carousel-arrows {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.vero-carousel-arrow {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	color: #1f2937 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

.vero-carousel-arrow:hover:not(:disabled) {
	background: #181E23 !important;
	border-color: #181E23 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
	transform: scale(1.05);
}

.vero-carousel-arrow:active:not(:disabled) {
	transform: scale(0.95);
}

.vero-carousel-arrow:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	pointer-events: none;
	box-shadow: none;
}

/* Viewport Container */
.vero-carousel-viewport {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 12px 0 20px 0;
	margin-top: -8px;
	margin-bottom: -12px;
	box-sizing: border-box;
}

/* Slide Track */
.vero-carousel-track {
	display: flex;
	gap: 16px;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	width: 100%;
}

/* Individual Slide Card Container - 5 columns on Desktop */
.vero-carousel-slide {
	flex: 0 0 calc((100% - 4 * 16px) / 5);
	width: calc((100% - 4 * 16px) / 5);
	min-width: 0;
	box-sizing: border-box;
	transition: transform 0.3s ease;
}

.vero-carousel-slide .vero-product-card {
	height: 100%;
	width: 100%;
	margin: 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
	.vero-carousel-track {
		gap: 16px;
	}
	.vero-carousel-slide {
		flex: 0 0 calc((100% - 3 * 16px) / 4);
		width: calc((100% - 3 * 16px) / 4);
	}
}

@media (max-width: 991px) {
	.vero-carousel-track {
		gap: 14px;
	}
	.vero-carousel-slide {
		flex: 0 0 calc((100% - 14px) / 2);
		width: calc((100% - 14px) / 2);
	}
}

@media (max-width: 640px) {
	.vero-carousel-track {
		gap: 10px;
	}
	.vero-carousel-slide {
		flex: 0 0 calc((100% - 10px) / 2);
		width: calc((100% - 10px) / 2);
	}
	.vero-carousel-arrow {
		width: 32px;
		height: 32px;
	}
}

/* Dots Pagination BELOW the Carousel */
.vero-carousel-dots-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
	width: 100%;
}

.vero-carousel-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #cbd5e1;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: all 0.25s ease;
}

.vero-carousel-dot.is-active {
	width: 22px;
	border-radius: 7px;
	background: #a3d900;
}

/* ==========================================================================
   Product Categories Carousel Section Styles (Promotional Banner Cards & Floating Nav)
   ========================================================================== */
.vero-cat-carousel-section {
	position: relative !important;
	box-sizing: border-box !important;
	margin-top: 64px !important;
	margin-bottom: 72px !important;
	margin-right: calc(-1 * ((100vw - 100%) / 2)) !important;
	width: calc(100% + ((100vw - 100%) / 2)) !important;
	max-width: none !important;
}

.vero-cat-carousel-stage {
	position: relative !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.vero-cat-carousel-section .vero-carousel-viewport {
	padding: 16px 0 40px 0 !important;
	margin: -8px 0 -24px 0 !important;
	overflow: hidden !important;
	width: 100% !important;
	position: relative !important;
	box-sizing: border-box !important;
}

/* Category Slide Dimensions: full width from right with 4 full + 5th item half-visible */
.vero-cat-carousel-section .vero-carousel-track {
	gap: 16px !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
	will-change: transform;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	list-style: none !important;
	width: 100% !important;
}

/* Desktop: 4 full cards + 1 half card (4.5 cards visible) */
.vero-cat-carousel-section .vero-cat-slide {
	flex: 0 0 calc((100% - 4 * 16px) / 4.5) !important;
	width: calc((100% - 4 * 16px) / 4.5) !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	box-sizing: border-box !important;
	transition: transform 0.3s ease !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
	.vero-cat-carousel-section .vero-carousel-track {
		gap: 16px !important;
	}
	.vero-cat-carousel-section .vero-cat-slide {
		flex: 0 0 calc((100% - 3 * 16px) / 3.5) !important;
		width: calc((100% - 3 * 16px) / 3.5) !important;
	}
}

@media (max-width: 991px) and (min-width: 641px) {
	.vero-cat-carousel-section {
		margin-top: 48px !important;
		margin-bottom: 56px !important;
	}
	.vero-cat-carousel-section .vero-carousel-track {
		gap: 14px !important;
	}
	.vero-cat-carousel-section .vero-cat-slide {
		flex: 0 0 calc((100% - 2 * 14px) / 2.5) !important;
		width: calc((100% - 2 * 14px) / 2.5) !important;
	}
	.vero-cat-banner-card {
		min-height: 260px !important;
		height: 260px !important;
	}
}

@media (max-width: 640px) {
	.vero-cat-carousel-section {
		margin-top: 36px !important;
		margin-bottom: 44px !important;
	}
	.vero-cat-carousel-section .vero-carousel-track {
		gap: 12px !important;
	}
	.vero-cat-carousel-section .vero-cat-slide {
		flex: 0 0 calc((100% - 12px) / 1.35) !important;
		width: calc((100% - 12px) / 1.35) !important;
	}
}

/* Floating Navigation Arrows Centered on Category Cards */
.vero-cat-carousel-stage .vero-cat-arrow {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 20 !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	color: #181E23 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, opacity 0.2s ease, visibility 0.2s ease !important;
	padding: 0 !important;
	outline: none !important;
	-webkit-tap-highlight-color: transparent;
}

.vero-cat-carousel-stage .vero-cat-arrow.prev {
	left: -18px !important;
}

.vero-cat-carousel-stage .vero-cat-arrow.next {
	right: 24px !important;
}

.vero-cat-carousel-stage .vero-cat-arrow:hover:not(:disabled) {
	background: #181E23 !important;
	border-color: #181E23 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
	transform: translateY(-50%) scale(1.05) !important;
}

.vero-cat-carousel-stage .vero-cat-arrow:active:not(:disabled) {
	transform: translateY(-50%) scale(0.95) !important;
}

.vero-cat-carousel-stage .vero-cat-arrow:disabled {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Category Promotional Banner Card Design */
.vero-cat-banner-card {
	position: relative !important;
	border-radius: 7px !important;
	overflow: hidden !important;
	background: #f1faf4 !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
	box-sizing: border-box !important;
	min-height: 280px !important;
	height: 280px !important;
	user-select: none !important;
	-webkit-user-select: none !important;
}

.vero-cat-banner-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
	border-color: #cbd5e1 !important;
}

.vero-cat-banner-link {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	text-decoration: none !important;
	color: inherit !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

/* Background Image Container */
.vero-cat-banner-bg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1 !important;
	overflow: hidden !important;
	background-color: #f1faf4 !important;
}

.vero-cat-banner-bg::after {
	display: none !important;
}

.vero-cat-banner-img {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.vero-cat-banner-card:hover .vero-cat-banner-img {
	transform: scale(1.05) !important;
}

/* Fallback SVG Icon Container */
.vero-cat-banner-fallback-icon {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f8fafc !important;
}

.vero-cat-banner-fallback-icon svg {
	width: 64px !important;
	height: 64px !important;
	color: var(--cat-accent, #10b981) !important;
}

/* Content Layout (Badge & Title) - Button Removed */
.vero-cat-banner-content {
	position: relative !important;
	z-index: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	width: 100% !important;
	height: 100% !important;
	padding: 24px 22px !important;
	box-sizing: border-box !important;
	pointer-events: none !important;
}

.vero-cat-banner-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 6px !important;
	max-width: 80% !important;
}

.vero-cat-banner-badge {
	display: none !important;
}

.vero-cat-banner-title {
	font-family: inherit !important;
	font-size: clamp(0.88rem, 0.98vw, 1.02rem) !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	letter-spacing: -0.01em !important;
	text-wrap: balance !important;
	-webkit-text-wrap: balance !important;
}

.vero-cat-banner-action,
.vero-cat-banner-btn {
	display: none !important;
}

/* Dots Styling Below the Carousel (Hidden) */
.vero-cat-carousel-section .vero-carousel-dots-bottom {
	display: none !important;
}

@media (max-width: 1200px) {
	.vero-cat-carousel-stage .vero-cat-arrow.prev {
		left: 10px !important;
	}
	.vero-cat-carousel-stage .vero-cat-arrow.next {
		right: 20px !important;
	}
}

@media (max-width: 768px) {
	.vero-cat-carousel-stage .vero-cat-arrow {
		width: 36px !important;
		height: 36px !important;
	}
	.vero-cat-carousel-stage .vero-cat-arrow.prev {
		left: 8px !important;
	}
	.vero-cat-carousel-stage .vero-cat-arrow.next {
		right: 16px !important;
	}
}

@media (max-width: 640px) {
	.vero-cat-banner-card {
		min-height: 220px !important;
		height: 220px !important;
	}
	.vero-cat-banner-content {
		padding: 16px 14px !important;
	}
	.vero-cat-banner-title {
		font-size: 0.88rem !important;
	}
	.vero-cat-carousel-stage .vero-cat-arrow {
		width: 32px !important;
		height: 32px !important;
	}
	.vero-cat-carousel-stage .vero-cat-arrow.prev {
		left: 6px !important;
	}
	.vero-cat-carousel-stage .vero-cat-arrow.next {
		right: 10px !important;
	}
}

/* ==========================================================================
   MODULE: features-bar.css
   ========================================================================== */
/**
 * Vero Features / Trust Badges Section Styles.
 *
 * Responsive 4-card trust bar displaying Warranty, Fast Delivery, Secure Payment, and 24/7 Support.
 * Adheres strictly to Vero Design System: 1320px alignment, border-radius: 7px, Loos Normal typography.
 *
 * @package VeroCore
 * @author  Vasco <https://vasco.ge>
 */

/* Section Outer Wrapper (Hidden as requested) */
.vero-features-bar-section,
html body .vero-home-main .vero-features-bar-section,
html body main.site-main .vero-features-bar-section {
	display: none !important;
}

/* Grid Container */
.vero-features-bar-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
}

.vero-features-bar-inner.vero-features-cols-1 {
	grid-template-columns: 1fr;
}
.vero-features-bar-inner.vero-features-cols-2 {
	grid-template-columns: repeat(2, 1fr);
}
.vero-features-bar-inner.vero-features-cols-3 {
	grid-template-columns: repeat(3, 1fr);
}
.vero-features-bar-inner.vero-features-cols-4 {
	grid-template-columns: repeat(4, 1fr);
}

/* Individual Feature / Trust Card */
.vero-feature-card {
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	padding: 16px 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-sizing: border-box;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease;
	text-decoration: none;
	color: inherit;
	min-height: 76px;
}

.vero-feature-card-link {
	cursor: pointer;
}

.vero-feature-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
	border-color: #cbd5e1;
}

/* Icon Box */
.vero-feature-icon-box {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
}

.vero-feature-icon-svg {
	display: block;
	width: 38px;
	height: 38px;
	flex-shrink: 0;
}

.vero-feature-custom-icon {
	display: block;
	max-width: 40px;
	max-height: 40px;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Text Box */
.vero-feature-text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1;
}

.vero-feature-title {
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	color: #181e23;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: -0.01em;
}

.vero-feature-subtitle {
	font-family: inherit;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.35;
	color: #64748b;
	margin: 3px 0 0 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Responsive Media Queries */
@media (max-width: 1200px) {
	.vero-features-bar-inner.vero-features-cols-4 {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
	.vero-feature-card {
		padding: 14px 16px;
	}
}

@media (max-width: 991px) {
	.vero-features-bar-section,
	html body .vero-home-main .vero-features-bar-section,
	html body main.site-main .vero-features-bar-section {
		margin-top: 6px !important;
		margin-bottom: 36px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	
	.vero-features-bar-inner {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px;
	}
}

@media (max-width: 640px) {
	.vero-features-bar-inner {
		grid-template-columns: 1fr !important;
		gap: 10px;
	}

	.vero-feature-card {
		padding: 14px 16px;
		min-height: 68px;
	}

	.vero-feature-title {
		font-size: 13.5px;
		white-space: normal;
	}

	.vero-feature-subtitle {
		font-size: 12px;
		white-space: normal;
	}
}

/* ==========================================================================
   MODULE: brand-logos.css
   ========================================================================== */
/**
 * Vero Brand Logos Homepage Section Styles.
 * Pure modern CSS hardware-accelerated smooth marquee with edge fade masks.
 * Clean, premium, title-free brand logo showcase with vibrant official brand colors.
 * Strict Vero Design System: border-radius: 7px.
 *
 * @package VeroCore
 */

/* Section Outer Wrapper (Contained 1320px Alignment Law) */
.vero-brand-logos-section,
html body .vero-home-main .vero-brand-logos-section,
html body main.site-main .vero-brand-logos-section {
	width: 100% !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 10px !important;
	margin-bottom: 52px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	position: relative !important;
	box-sizing: border-box !important;
}

/* Full-Width Marquee Viewport with Silky Edge Fade Masks */
.vero-brand-logos-viewport {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding: 10px 0;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 6%, #000000 94%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, #000000 6%, #000000 94%, transparent 100%);
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
	touch-action: pan-y;
}

.vero-brand-logos-viewport.is-dragging,
.vero-brand-logos-viewport.is-dragging * {
	cursor: grabbing !important;
}

.vero-brand-logos-viewport:focus-visible {
	outline: 2px solid #a9c825;
	outline-offset: 2px;
	border-radius: 7px;
}

/* Hardware-Accelerated Infinite Track */
.vero-brand-logos-track {
	display: flex;
	align-items: center;
	width: max-content;
	will-change: transform;
	animation: veroMarquee 36s linear infinite;
}

/* Pause Scrolling via JS state class if hovered or dragged */
.vero-brand-logos-viewport.is-paused .vero-brand-logos-track {
	animation-play-state: paused;
}

/* Group containing logo items */
.vero-brand-logos-group {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

/* Individual Brand Logo Item */
.vero-brand-logo-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 9px;
	flex-shrink: 0;
}

/* Premium Card Capsule for each Brand Logo (Strict 7px Border Radius) */
.vero-brand-logo-card {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	width: 160px;
	padding: 8px 18px;
	background: #ffffff;
	border: 1px solid #e8ecf2;
	border-radius: 7px;
	box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02);
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	box-sizing: border-box;
}

.vero-brand-logo-card:hover {
	transform: translateY(-3px);
	border-color: #cbd5e1;
	box-shadow: 0 10px 22px -4px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.03);
}

/* Brand Logo Image - 100% Full Vibrant Official Colors, NO Greyscale */
.vero-brand-logo-img {
	max-height: 40px;
	max-width: 130px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	filter: none !important;
	opacity: 1 !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	user-select: none;
	-webkit-user-drag: none;
}

.vero-brand-logo-card:hover .vero-brand-logo-img {
	transform: scale(1.05);
}

/* Infinite Marquee Keyframe Animation */
@keyframes veroMarquee {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
	.vero-brand-logos-section,
	html body .vero-home-main .vero-brand-logos-section,
	html body main.site-main .vero-brand-logos-section {
		margin-top: 8px !important;
		margin-bottom: 36px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.vero-brand-logo-item {
		padding: 0 7px;
	}

	.vero-brand-logo-card {
		height: 56px;
		width: 140px;
		padding: 6px 14px;
		border-radius: 7px;
	}

	.vero-brand-logo-img {
		max-height: 34px;
		max-width: 115px;
	}
}

@media (max-width: 640px) {
	.vero-brand-logos-section,
	html body .vero-home-main .vero-brand-logos-section,
	html body main.site-main .vero-brand-logos-section {
		margin-top: 4px !important;
		margin-bottom: 24px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.vero-brand-logo-item {
		padding: 0 5px;
	}

	.vero-brand-logo-card {
		height: 48px;
		width: 120px;
		padding: 5px 10px;
		border-radius: 7px;
	}

	.vero-brand-logo-img {
		max-height: 28px;
		max-width: 98px;
	}

	.vero-brand-logos-viewport {
		-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 4%, #000000 96%, transparent 100%);
		mask-image: linear-gradient(to right, transparent 0%, #000000 4%, #000000 96%, transparent 100%);
	}
}

/* ==========================================================================
   MODULE: product-loop.css
   ========================================================================== */
/* ==========================================================================
   Vero Product Loop & Catalog Card Stylesheet
   Matching exact visual layout of Image 3.
   ========================================================================== */

/* Outer Collection Container Block */
html body .wp-block-woocommerce-product-collection {
	display: block !important;
	width: 100% !important;
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box;
}

/* When inside site-main main container, neutralize inner product collection padding */
html body main.site-main .wp-block-woocommerce-product-collection,
html body .site-main .wp-block-woocommerce-product-collection,
html body .vero-archive-main .wp-block-woocommerce-product-collection,
html body .vero-home-main .wp-block-woocommerce-product-collection {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

@media (max-width: 768px) {
	html body .wp-block-woocommerce-product-collection {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	html body main.site-main .wp-block-woocommerce-product-collection,
	html body .site-main .wp-block-woocommerce-product-collection,
	html body .vero-archive-main .wp-block-woocommerce-product-collection,
	html body .vero-home-main .wp-block-woocommerce-product-collection {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Base Product Loop Grid List Containers */
html body .wc-block-product-template,
html body .wp-block-woocommerce-product-collection .wc-block-product-template,
html body ul.products,
html body .products-grid,
html body .vero-products-grid {
	display: grid !important;
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box;
}

html body .wc-block-product-template__item,
html body .wp-block-woocommerce-product-template li,
html body li.product:not(.vero-product-card),
html body ul.products li,
html body li:has(.vero-product-card) {
	list-style: none !important;
	list-style-type: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

/* Desktop Grid Column Controls (>= 769px) */
@media (min-width: 769px) {
	html body .wc-block-product-template,
	html body .wp-block-woocommerce-product-collection .wc-block-product-template,
	html body ul.products,
	html body .products-grid,
	html body .vero-products-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

	html.vero-grid-cols-4 body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html.vero-grid-cols-4 body:not(.single-product) .wp-block-woocommerce-product-collection:not(.vero-single-related-section) .wc-block-product-template,
	html.vero-grid-cols-4 body .vero-archive-main .wc-block-product-template,
	html.vero-grid-cols-4 body .vero-discounts-wrapper .products,
	html body:not(.single-product) .wc-block-product-template.cols-4,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-4 .wc-block-product-template,
	html body:not(.single-product) ul.products.cols-4:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-4:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-4 {
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 20px !important;
	}

	html.vero-grid-cols-3 body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html.vero-grid-cols-3 body:not(.single-product) .wp-block-woocommerce-product-collection:not(.vero-single-related-section) .wc-block-product-template,
	html.vero-grid-cols-3 body .vero-archive-main .wc-block-product-template,
	html.vero-grid-cols-3 body .vero-discounts-wrapper .products,
	html body:not(.single-product) .wc-block-product-template.cols-3,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-3 .wc-block-product-template,
	html body:not(.single-product) ul.products.cols-3:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-3:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-3 {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 24px !important;
	}

	html.vero-grid-cols-5 body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html.vero-grid-cols-5 body:not(.single-product) .wp-block-woocommerce-product-collection:not(.vero-single-related-section) .wc-block-product-template,
	html.vero-grid-cols-5 body .vero-archive-main .wc-block-product-template,
	html.vero-grid-cols-5 body .vero-discounts-wrapper .products,
	html body:not(.single-product) .wc-block-product-template.cols-5,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-5 .wc-block-product-template,
	html body:not(.single-product) ul.products.cols-5:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-5:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-5 {
		grid-template-columns: repeat(5, 1fr) !important;
		gap: 16px !important;
	}
}

/* Main Card Container (Matching Image 3) */
html body .vero-product-card,
html body li.product.vero-product-card,
html body .wp-block-woocommerce-product-template .vero-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #ffffff !important;
	border-radius: 7px !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
	border: 1px solid #e5e7eb !important;
	padding: 16px 14px 14px 14px !important;
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
	height: 100%;
	width: 100%;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
}

html body .vero-product-card:hover {
	border-color: #d1d5db !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07) !important;
	transform: translateY(-2px);
}

/* Discount Badge Pill (Top-Left, Lime Green #a3d900) */
html body .vero-product-card .vero-card-badge-wrap {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 10;
}

html body .vero-product-card .vero-card-discount-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #a3d900 !important;
	color: #111827 !important;
	font-size: 0.74rem;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 7px;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

/* Wishlist Button (Top-Right Above Image) */
html body .vero-product-card .vero-card-wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 15;
}

html body .vero-product-card .vero-card-wishlist .vero-wishlist-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	margin: 0;
	border: none;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-radius: 50%;
	color: #9ca3af;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	outline: none;
}

html body .vero-product-card .vero-card-wishlist .vero-wishlist-btn:hover {
	color: #FF3B30;
	background: #ffffff;
	transform: scale(1.1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

html body .vero-product-card .vero-card-wishlist .vero-wishlist-btn.is-active {
	color: #FF3B30;
	background: #ffffff;
}

html body .vero-product-card .vero-card-wishlist .vero-wishlist-btn svg {
	width: 17px;
	height: 17px;
	transition: transform 0.2s ease, fill 0.2s ease, stroke 0.2s ease;
}

html body .vero-product-card .vero-card-wishlist .vero-wishlist-btn.is-active svg {
	fill: #FF3B30;
	stroke: #FF3B30;
}

html body .vero-product-card .vero-card-wishlist .vero-wishlist-btn.is-bump {
	animation: vero-wishlist-bump 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes vero-wishlist-bump {
	0% { transform: scale(1); }
	50% { transform: scale(1.3); }
	100% { transform: scale(1); }
}

/* Product Image Area (Centered, Clean Background) */
html body .vero-product-card .vero-card-image-area {
	position: relative;
	width: 100%;
	height: 165px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 6px 0;
	margin-bottom: 10px;
	box-sizing: border-box;
}

html body .vero-product-card .vero-card-image-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

html body .vero-product-card .vero-card-img,
html body .vero-product-card img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 155px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	transition: transform 0.25s ease;
}

html body .vero-product-card:hover .vero-card-img {
	transform: scale(1.04);
}

/* Product Content Details Body */
html body .vero-product-card .vero-card-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 0;
	margin-bottom: 8px;
	box-sizing: border-box;
}

/* Product Title */
html body .vero-product-card .vero-card-title {
	margin: 0 0 3px 0;
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 1.3em;
}

html body .vero-product-card .vero-card-title a {
	color: #111827 !important;
	text-decoration: none;
	transition: color 0.15s ease;
	display: block;
}

html body .vero-product-card .vero-card-title a:hover {
	color: #65a30d !important;
}

/* Category Subtitle */
html body .vero-product-card .vero-card-subtitle {
	font-size: 0.82rem;
	color: #6b7280;
	font-weight: 400;
	margin-bottom: 6px;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .vero-product-card .vero-category-link {
	color: #6b7280;
	text-decoration: none;
	transition: color 0.15s ease;
}

html body .vero-product-card .vero-category-link:hover {
	color: #111827;
}

/* Bottom Row: Price Box on Left, Cart Icon Button on Right */
html body .vero-product-card .vero-card-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 8px;
	border-top: 1px solid #f3f4f6;
	width: 100%;
	box-sizing: border-box;
}

/* Price Box */
html body .vero-product-card .vero-card-price-box {
	display: flex;
	align-items: baseline;
	gap: 6px;
	flex-wrap: wrap;
	line-height: 1.2;
}

html body .vero-product-card .vero-price-current,
html body .vero-product-card .vero-price-current * {
	font-size: 1.02rem !important;
	font-weight: 800 !important;
	color: #111827 !important;
}

html body .vero-product-card .vero-price-old,
html body .vero-product-card .vero-price-old * {
	font-size: 0.78rem !important;
	font-weight: 500 !important;
	color: #9ca3af !important;
	text-decoration: line-through !important;
}

/* Shopping Cart Icon Button (Lime Green, Image 3) */
html body .vero-product-card .vero-card-action {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

html body .vero-product-card .vero-card-cart-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 7px;
	background-color: #f7fee7;
	color: #65a30d;
	border: 1px solid #d9f99d;
	padding: 0;
	margin: 0;
	cursor: pointer;
	transition: all 0.2s ease;
	outline: none;
	text-decoration: none;
	box-sizing: border-box;
}

html body .vero-product-card .vero-card-cart-btn:hover {
	background-color: #8fa91d !important;
	border-color: #8fa91d !important;
	color: #ffffff !important;
	transform: scale(1.06);
	box-shadow: 0 4px 12px rgba(143, 169, 29, 0.35);
}

html body .vero-product-card .vero-card-cart-btn:active {
	transform: scale(0.96);
}

html body .vero-product-card .vero-card-cart-btn .btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

html body .vero-product-card .vero-card-cart-btn .btn-icon svg {
	width: 17px;
	height: 17px;
	stroke: currentColor;
	stroke-width: 2.2;
	fill: none;
}

html body .vero-product-card .vero-card-cart-btn .btn-icon svg.icon-spinner,
html body .vero-product-card .vero-card-cart-btn .btn-icon svg.icon-check {
	display: none !important;
}

/* Loading State Animation */
html body .vero-product-card .vero-card-cart-btn.is-loading {
	background-color: #ecfccb;
	cursor: wait;
	opacity: 0.95;
}

html body .vero-product-card .vero-card-cart-btn.is-loading .btn-icon svg.icon-cart,
html body .vero-product-card .vero-card-cart-btn.is-loading .btn-icon svg.icon-check {
	display: none !important;
}

html body .vero-product-card .vero-card-cart-btn.is-loading .btn-icon svg.icon-spinner {
	display: block !important;
	animation: vero-spin 0.75s linear infinite;
}

@keyframes vero-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* Success State Animation */
html body .vero-product-card .vero-card-cart-btn.is-success {
	background-color: #a3d900 !important;
	border-color: #a3d900 !important;
	color: #111827 !important;
}

html body .vero-product-card .vero-card-cart-btn.is-success .btn-icon svg.icon-cart,
html body .vero-product-card .vero-card-cart-btn.is-success .btn-icon svg.icon-spinner {
	display: none !important;
}

html body .vero-product-card .vero-card-cart-btn.is-success .btn-icon svg.icon-check {
	display: block !important;
}

/* Responsive Mobile & Tablet Grids */
@media (max-width: 768px) {
	html body .wc-block-product-template,
	html body .wp-block-woocommerce-product-collection .wc-block-product-template,
	html body ul.products,
	html body .products-grid,
	html body .vero-products-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}

	html body .vero-product-card {
		padding: 12px 10px 10px 10px !important;
		border-radius: 7px !important;
	}

	html body .vero-product-card .vero-card-image-area {
		height: 130px;
	}

	html body .vero-product-card .vero-card-img,
	html body .vero-product-card img {
		max-height: 120px;
	}

	html body .vero-product-card .vero-card-title {
		font-size: 0.85rem;
		min-height: 2.4em;
	}
}

@media (max-width: 480px) {
	html body .wc-block-product-template,
	html body .wp-block-woocommerce-product-collection .wc-block-product-template,
	html body ul.products,
	html body .products-grid,
	html body .vero-products-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}
}

/* Suppress WooCommerce default added_to_cart text link */
html body .added_to_cart,
html body .added_to_cart.wc-forward,
html body a.added_to_cart,
html body .vero-product-card .added_to_cart,
html body .vero-card-action .added_to_cart,
html body #vero-account-wishlist-grid .added_to_cart,
html body .vero-wishlist-page-grid .added_to_cart {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* ==========================================================================
   MODULE: single-product.css
   ========================================================================== */
/**
 * Vero Single Product Page Styles - Ultra-Premium & Mobile-First Edition.
 * Conforms to Vero Design Language (Loos Normal, #a9c825, #0f172a, 7px radii).
 *
 * @package VeroCore
 * @author  Vasco <https://vasco.ge>
 */

/* ==========================================================================
   0. PAGE CONTAINER & BREADCRUMBS
   ========================================================================== */
html body .vero-single-product-container {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
	margin-top: 0 !important;
	margin-bottom: 60px;
}

@media (max-width: 768px) {
	html body .vero-single-product-container {
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 0 !important;
		margin-bottom: 40px;
	}
}

.vero-single-breadcrumbs {
	margin-bottom: 24px;
}

.vero-breadcrumb-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: #64748b;
}

.vero-breadcrumb-item a {
	color: #64748b;
	text-decoration: none;
	transition: color 0.15s ease;
	font-weight: 500;
}

.vero-breadcrumb-item a:hover {
	color: #a9c825;
}

.vero-breadcrumb-item.is-current {
	color: #0f172a;
	font-weight: 700;
}

.vero-breadcrumb-sep {
	display: inline-flex;
	align-items: center;
	color: #94a3b8;
}

/* ==========================================================================
   1. HERO SECTION (GALLERY + INFO & BUY BOX)
   ========================================================================== */
.vero-single-hero-grid {
	display: grid;
	grid-template-columns: minmax(360px, 500px) 1fr;
	gap: 48px;
	align-items: start;
	margin-bottom: 48px;
}

@media (max-width: 992px) {
	.vero-single-hero-grid {
		display: flex;
		flex-direction: column;
		gap: 28px;
		margin-bottom: 36px;
	}
}

/* --------------------------------------------------------------------------
   1.1 LEFT: GALLERY DISPLAY CARD (Non-Sticky Natural Flow)
   -------------------------------------------------------------------------- */
.vero-single-gallery-card {
	position: relative;
	background: #ffffff;
	border-radius: 7px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.vero-single-gallery-card {
		padding: 18px 14px;
	}
}

/* Discount Badge Overlay */
.vero-single-discount-badge {
	position: absolute;
	top: 16px;
	left: 16px;
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	padding: 4px 10px;
	border-radius: 7px;
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
	letter-spacing: 0.2px;
	z-index: 5;
	pointer-events: none;
}

/* Main Image Viewer Stage */
.vero-single-main-image-wrap {
	width: 100%;
	min-height: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: zoom-in;
}

@media (max-width: 768px) {
	.vero-single-main-image-wrap {
		min-height: 260px;
		display: none;
	}

	.vero-single-gallery-card.has-single-image .vero-single-main-image-wrap {
		display: flex;
	}
}

.vero-single-main-img {
	max-width: 100%;
	max-height: 400px;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.vero-single-gallery-card:hover .vero-single-main-img {
	transform: scale(1.02);
}

/* Lightbox Magnifier Button */
.vero-gallery-zoom-btn {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid #e2e8f0;
	color: #0f172a;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 4;
}

.vero-gallery-zoom-btn:hover {
	background: #a9c825;
	border-color: #a9c825;
	color: #ffffff;
	transform: scale(1.08);
}

/* Mobile Touch-Swipe Carousel */
.vero-mobile-carousel-slider {
	display: none;
	width: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	gap: 12px;
}

.vero-mobile-carousel-slider::-webkit-scrollbar {
	display: none;
}

@media (max-width: 768px) {
	.vero-single-gallery-card.has-multiple-images .vero-mobile-carousel-slider {
		display: flex;
	}
}

.vero-mobile-carousel-slide {
	flex: 0 0 100%;
	width: 100%;
	scroll-snap-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 260px;
}

.vero-mobile-slide-img {
	max-width: 100%;
	max-height: 280px;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Mobile Carousel Dots & Counter */
.vero-mobile-carousel-nav {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px solid #f1f5f9;
}

@media (max-width: 768px) {
	.vero-single-gallery-card.has-multiple-images .vero-mobile-carousel-nav {
		display: flex;
	}
}

.vero-carousel-dots-list {
	display: flex;
	align-items: center;
	gap: 6px;
}

.vero-dot-pill {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #cbd5e1;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: all 0.25s ease;
}

.vero-dot-pill.is-active {
	width: 20px;
	border-radius: 7px;
	background-color: #a9c825;
}

.vero-mobile-counter-badge {
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
	background-color: #f1f5f9;
	padding: 3px 10px;
	border-radius: 7px;
}

/* Desktop Thumbnails Row */
.vero-single-thumbs-row {
	display: flex;
	gap: 10px;
	margin-top: 18px;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

@media (max-width: 768px) {
	.vero-single-thumbs-row {
		display: none;
	}
}

.vero-single-thumb-btn {
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	padding: 3px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	box-sizing: border-box;
}

.vero-single-thumb-btn img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.vero-single-thumb-btn:hover {
	border-color: #a9c825;
	transform: translateY(-1px);
}

.vero-single-thumb-btn.is-active {
	border-color: #a9c825;
	background: #ffffff;
	box-shadow: 0 0 0 2.5px rgba(169, 200, 37, 0.25);
}

/* --------------------------------------------------------------------------
   1.2 RIGHT: PRODUCT INFO & BUY BOX
   -------------------------------------------------------------------------- */
.vero-single-info-card {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Standalone SKU Badge ABOVE Title */
.vero-single-sku-top {
	margin-bottom: 8px;
}

.vero-sku-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 600;
	color: #475569;
	position: relative;
}

.vero-sku-label {
	color: #64748b;
}

.vero-sku-code {
	font-weight: 800;
	color: #0f172a;
}

.vero-copy-sku-btn {
	background: transparent;
	border: none;
	padding: 2px;
	margin-left: 2px;
	cursor: pointer;
	color: #a9c825;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	position: relative;
	transition: color 0.15s ease, transform 0.15s ease;
	outline: none;
}

.vero-copy-sku-btn:hover {
	color: #8fa91d;
	transform: scale(1.12);
}

.vero-copy-tooltip {
	position: absolute;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	background: #0f172a;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 7px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 10;
}

.vero-copy-sku-btn.is-copied .vero-copy-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* Product H1 Title */
.vero-single-title {
	font-size: 26px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 6px 0;
	line-height: 1.3;
	letter-spacing: -0.3px;
}

@media (max-width: 768px) {
	.vero-single-title {
		font-size: 20px;
		line-height: 1.28;
		margin-bottom: 4px;
	}
}

/* Category Eyebrow BELOW Title */
.vero-single-category-eyebrow {
	font-size: 13.5px;
	font-weight: 500;
	color: #64748b;
	margin-bottom: 18px;
}

.vero-cat-link {
	color: #64748b;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.15s ease;
}

.vero-cat-link:hover {
	color: #a9c825;
}

/* Price Row (Clean inline typography, NO bounding box) */
.vero-single-price-row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 22px;
	flex-wrap: wrap;
}

del.vero-single-old-price,
.vero-single-old-price,
.vero-single-old-price * {
	font-size: 18px;
	font-weight: 700;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
	text-decoration-color: #94a3b8 !important;
	text-decoration-thickness: 1.5px !important;
}

ins.vero-single-current-price,
.vero-single-current-price,
.vero-single-current-price * {
	font-size: 30px;
	font-weight: 800;
	color: #0f172a !important;
	line-height: 1;
	text-decoration: none !important;
}

@media (max-width: 768px) {
	ins.vero-single-current-price,
	.vero-single-current-price,
	.vero-single-current-price * {
		font-size: 24px;
	}

	del.vero-single-old-price,
	.vero-single-old-price,
	.vero-single-old-price * {
		font-size: 16px;
	}
}

/* Controls & Action Row */
.vero-single-controls-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	width: 100%;
}

@media (max-width: 768px) {
	.vero-single-controls-row {
		display: grid;
		grid-template-columns: 110px 1fr;
		grid-template-areas:
			"qty  cart"
			"buy  buy";
		gap: 10px;
	}

	.vero-single-controls-row .vero-quantity-wrapper {
		grid-area: qty;
		width: 100% !important;
		min-width: 0 !important;
	}

	.vero-single-controls-row .vero-single-actions-row {
		grid-area: cart;
		width: 100%;
		display: contents;
	}

	.vero-single-controls-row .vero-single-btn--cart {
		grid-area: cart;
		width: 100%;
	}

	.vero-single-controls-row .vero-single-btn--buy {
		grid-area: buy;
		width: 100%;
	}

	.vero-single-controls-row .vero-single-btn--wishlist {
		display: none;
	}
}

/* Quantity Selector - Exact Match to Cart Page Stepper */
.vero-quantity-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 4px;
	height: 48px;
	min-height: 48px;
	max-height: 48px;
	width: 118px;
	min-width: 118px;
	box-sizing: border-box;
	gap: 4px;
	flex-shrink: 0;
}

.vero-quantity-wrapper .vero-qty-btn {
	width: 38px;
	height: 38px;
	min-width: 38px;
	min-height: 38px;
	max-width: 38px;
	max-height: 38px;
	border: 1px solid #e2e8f0;
	background: #ffffff;
	color: #334155;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 5px;
	user-select: none;
	transition: all 0.15s ease;
	line-height: 1;
	padding: 0;
	margin: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	outline: none;
	flex-shrink: 0;
}

.vero-quantity-wrapper .vero-qty-btn svg {
	stroke: currentColor;
	display: block;
}

.vero-quantity-wrapper .vero-qty-btn:hover {
	background: #a9c825;
	border-color: #a9c825;
	color: #ffffff;
	transform: scale(1.06);
	box-shadow: 0 2px 5px rgba(169, 200, 37, 0.35);
}

.vero-quantity-wrapper .vero-qty-btn:active {
	transform: scale(0.92);
}

.vero-quantity-wrapper .vero-qty-input {
	font-size: 15px;
	font-weight: 800;
	color: #0f172a;
	text-align: center;
	min-width: 24px;
	width: auto;
	height: 100%;
	line-height: 1;
	user-select: none;
	flex-grow: 1;
	border: none !important;
	background: transparent !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	cursor: default;
	-moz-appearance: textfield;
}

.vero-quantity-wrapper .vero-qty-input::-webkit-outer-spin-button,
.vero-quantity-wrapper .vero-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Action Buttons Group */
.vero-single-actions-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
}

.vero-single-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	min-height: 48px;
	max-height: 48px;
	border-radius: 7px;
	font-size: 14.5px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	outline: none;
	white-space: nowrap;
	padding-left: 18px;
	padding-right: 18px;
	box-sizing: border-box;
}

/* Add to Cart Button */
.vero-single-btn--cart {
	background-color: #a9c825;
	color: #ffffff;
	flex: 1.3;
	min-width: 140px;
	box-shadow: 0 4px 14px rgba(169, 200, 37, 0.25);
}

.vero-single-btn--cart:hover {
	background-color: #8fa91d;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(143, 169, 29, 0.32);
}

.vero-single-btn--cart:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* Strict Single Icon Rule for Cart Button */
.vero-single-btn--cart .btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vero-single-btn--cart .btn-icon svg {
	display: none !important;
}

.vero-single-btn--cart .btn-icon svg.icon-cart {
	display: block !important;
}

.vero-single-btn--cart.is-loading {
	background-color: #8fa91d;
	cursor: wait;
	opacity: 0.95;
}

.vero-single-btn--cart.is-loading .btn-icon svg.icon-cart,
.vero-single-btn--cart.is-loading .btn-icon svg.icon-check {
	display: none !important;
}

.vero-single-btn--cart.is-loading .btn-icon svg.icon-spinner {
	display: block !important;
	animation: veroSpin 0.75s linear infinite;
}

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

.vero-single-btn--cart.is-success {
	background-color: #10b981;
	box-shadow: 0 4px 14px rgba(16, 185, 129, 0.25);
}

.vero-single-btn--cart.is-success .btn-icon svg.icon-cart,
.vero-single-btn--cart.is-success .btn-icon svg.icon-spinner {
	display: none !important;
}

.vero-single-btn--cart.is-success .btn-icon svg.icon-check {
	display: block !important;
}

/* Buy Now Button - Dark Grey Luxury Edition */
.vero-single-btn--buy {
	background-color: #24272f;
	color: #ffffff;
	flex: 1;
	min-width: 110px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.22);
	font-weight: 700;
	gap: 8px;
	text-decoration: none;
}

.vero-single-btn--buy svg {
	color: #ffffff;
	flex-shrink: 0;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.vero-single-btn--buy:hover {
	background-color: #14171d;
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.35);
	border-color: rgba(255, 255, 255, 0.16);
}

.vero-single-btn--buy:hover svg {
	transform: scale(1.12);
}

.vero-single-btn--buy:active {
	background-color: #0d0f13;
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.25);
}

.vero-single-btn--buy:disabled {
	opacity: 0.65;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* Wishlist Button */
.vero-single-btn--wishlist {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 7px;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	color: #64748b;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	flex-shrink: 0;
	box-sizing: border-box;
}

.vero-single-btn--wishlist:hover {
	border-color: #a9c825;
	color: #a9c825;
	background-color: #f7fee7;
	transform: translateY(-1px);
}

.vero-single-btn--wishlist.is-active {
	border-color: #fecdd3;
	background-color: #ffe4e6;
	color: #e11d48;
}

.vero-single-btn--wishlist.is-active:hover {
	border-color: #fca5a5;
	background-color: #fee2e2;
	color: #dc2626;
}

.vero-single-btn--wishlist svg {
	fill: none;
	stroke: currentColor;
	pointer-events: none;
	transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), fill 0.2s ease, stroke 0.2s ease;
}

.vero-single-btn--wishlist.is-active svg {
	fill: currentColor;
	stroke: currentColor;
}

.vero-single-btn--wishlist.is-bump {
	animation: vero-wishlist-bump 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* --------------------------------------------------------------------------
   1.3 QUICK EXPRESS ORDER FORM BOX - COMPACT & PERFECT EDITION
   -------------------------------------------------------------------------- */
.vero-quick-order-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
	border-radius: 9px;
	padding: 14px 16px;
	box-sizing: border-box;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vero-quick-order-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2.5px;
	background: linear-gradient(90deg, #a9c825 0%, #8fa91d 60%, #ffbe00 100%);
}

.vero-quick-order-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
}

.vero-quick-order-header {
	margin-bottom: 9px;
}

.vero-quick-order-heading {
	font-size: 13.5px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 2px 0;
	letter-spacing: -0.2px;
	line-height: 1.3;
	display: flex;
	align-items: center;
	gap: 6px;
}

.vero-quick-heading-icon {
	color: #a9c825;
	flex-shrink: 0;
}

.vero-quick-order-subtitle {
	font-size: 11.5px;
	font-weight: 500;
	color: #64748b;
	margin: 0;
	line-height: 1.3;
}

.vero-quick-inputs-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 8px;
}

@media (max-width: 576px) {
	.vero-quick-inputs-grid {
		grid-template-columns: 1fr;
	}
}

.vero-input-field {
	width: 100%;
}

/* Compact Field Wrapper with Icon */
.vero-field-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	height: 38px;
	min-height: 38px;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	box-sizing: border-box;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
}

.vero-field-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px 0 10px;
	color: #94a3b8;
	flex-shrink: 0;
	transition: color 0.2s ease;
}

.vero-field-wrapper:focus-within {
	background-color: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 0 0 2.5px rgba(169, 200, 37, 0.16);
}

.vero-field-wrapper:focus-within .vero-field-icon {
	color: #a9c825;
}

.vero-field-wrapper .vero-field-input {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 10px 0 0 !important;
	font-size: 12.5px;
	font-weight: 600;
	color: #0f172a;
	outline: none !important;
}

/* Phone Field Uniformity & Overlay Fix */
.vero-phone-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
	height: 38px;
	min-height: 38px;
	padding: 0 8px;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	box-sizing: border-box;
	position: relative;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.vero-phone-wrapper:focus-within {
	background-color: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 0 0 2.5px rgba(169, 200, 37, 0.16);
}

.vero-phone-prefix-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding-right: 7px;
	margin-right: 7px;
	border-right: 1px solid #e2e8f0;
	flex-shrink: 0;
	user-select: none;
	pointer-events: none;
	height: 18px;
}

.vero-phone-flag {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: block;
	flex-shrink: 0;
}

.vero-phone-code {
	font-size: 12.5px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1;
}

.vero-phone-input {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	font-size: 12.5px;
	font-weight: 600;
	color: #0f172a;
	outline: none !important;
}

/* Quick Order Payment Method Segmented Cards */
.vero-quick-radios-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 8px;
}

.vero-radio-item {
	display: block;
	cursor: pointer;
	user-select: none;
	position: relative;
	margin: 0;
}

.vero-radio-item input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	pointer-events: none;
}

.vero-radio-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 10px;
	border-radius: 7px;
	border: 1.5px solid #e2e8f0;
	background-color: #f8fafc;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	box-sizing: border-box;
	min-height: 36px;
	height: 36px;
}

.vero-radio-card-header {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.vero-radio-icon {
	color: #64748b;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: color 0.2s ease;
}

.vero-radio-text {
	font-size: 12px;
	font-weight: 600;
	color: #334155;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.2s ease;
}

.vero-radio-indicator {
	width: 15px;
	height: 15px;
	min-width: 15px;
	border-radius: 50%;
	border: 1.5px solid #cbd5e1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	color: transparent;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	flex-shrink: 0;
	margin-left: 4px;
}

.vero-radio-item:hover .vero-radio-card {
	border-color: #cbd5e1;
	background-color: #ffffff;
}

.vero-radio-item input[type="radio"]:checked + .vero-radio-card {
	border-color: #a9c825;
	background-color: #f7fee7;
	box-shadow: 0 1px 6px rgba(169, 200, 37, 0.12);
}

.vero-radio-item input[type="radio"]:checked + .vero-radio-card .vero-radio-icon {
	color: #657e10;
}

.vero-radio-item input[type="radio"]:checked + .vero-radio-card .vero-radio-text {
	color: #1e293b;
	font-weight: 700;
}

.vero-radio-item input[type="radio"]:checked + .vero-radio-card .vero-radio-indicator {
	border-color: #a9c825;
	background-color: #a9c825;
	color: #ffffff;
}

/* Quick Order Submit Button */
.vero-quick-submit-btn {
	width: 100%;
	height: 40px;
	background: linear-gradient(135deg, #a9c825 0%, #90ab1e 100%);
	color: #ffffff;
	border-radius: 7px;
	font-size: 13.5px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-shadow: 0 3px 12px rgba(169, 200, 37, 0.25);
	position: relative;
	overflow: hidden;
}

.vero-quick-submit-btn:hover {
	background: linear-gradient(135deg, #9bb820 0%, #829a17 100%);
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(169, 200, 37, 0.35);
}

.vero-quick-submit-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(169, 200, 37, 0.25);
}

.vero-quick-submit-btn:disabled {
	opacity: 0.7;
	cursor: wait;
	transform: none;
	box-shadow: none;
}

.vero-btn-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.vero-btn-arrow {
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.vero-quick-submit-btn:hover .vero-btn-arrow {
	transform: translateX(3px);
}

.vero-btn-spinner {
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: veroSpin 0.75s linear infinite;
	box-sizing: border-box;
}

@media (max-width: 576px) {
	.vero-quick-order-card {
		padding: 12px 14px;
		margin-top: 10px;
	}

	.vero-quick-radios-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

.vero-quick-order-status {
	margin-top: 8px;
	padding: 8px 12px;
	border-radius: 7px;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	animation: veroSlideDown 0.2s ease-out;
}

@keyframes veroSlideDown {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.vero-quick-order-status.is-success {
	background-color: #ecfdf5;
	color: #065f46;
	border: 1.5px solid #a7f3d0;
}

.vero-quick-order-status.is-error {
	background-color: #fef2f2;
	color: #991b1b;
	border: 1.5px solid #fecaca;
}

/* ==========================================================================
   2. MIDDLE SECTION: PRODUCT DETAILS & SPECS HUB (2-TAB ENGINE)
   ========================================================================== */
.vero-single-details-card {
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	border-radius: 7px;
	padding: 32px 36px;
	margin-bottom: 48px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.vero-single-details-card {
		padding: 20px 16px;
		margin-bottom: 32px;
	}
}

.vero-details-single-title {
	font-size: 18px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 18px 0;
	letter-spacing: -0.2px;
}

/* Tabs Header */
.vero-details-tabs-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
	border-bottom: 1px solid #f1f5f9;
	padding-bottom: 14px;
	flex-wrap: wrap;
}

.vero-tab-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 20px;
	border-radius: 7px;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	color: #475569;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	outline: none;
	user-select: none;
	line-height: 1;
}

@media (max-width: 768px) {
	.vero-tab-btn {
		padding: 8px 14px;
		font-size: 13px;
	}
}

.vero-tab-btn:hover {
	background-color: #e2e8f0;
	color: #0f172a;
}

.vero-tab-btn.is-active {
	background-color: #0f172a;
	color: #ffffff;
	border-color: #0f172a;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}

.vero-tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #e2e8f0;
	color: #475569;
	padding: 2px 7px;
	border-radius: 7px;
	font-size: 11px;
	font-weight: 800;
	min-width: 18px;
}

.vero-tab-btn.is-active .vero-tab-count {
	background-color: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.vero-tab-pane {
	animation: veroTabFade 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes veroTabFade {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Description Typography */
.vero-description-content {
	font-size: 15px;
	line-height: 1.75;
	color: #334155;
}

.vero-description-content p {
	margin: 0 0 14px 0;
}

.vero-description-content .vero-dual-column-list,
.vero-description-content ul:has(> li:nth-child(6)) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 36px;
	list-style: none;
	padding-left: 0;
	margin: 18px 0 24px 0;
}

@media (max-width: 768px) {
	.vero-description-content .vero-dual-column-list,
	.vero-description-content ul:has(> li:nth-child(6)) {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

.vero-description-content .vero-dual-column-list li,
.vero-description-content ul:has(> li:nth-child(6)) li {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #e2e8f0;
	margin-bottom: 0;
	font-size: 14px;
	color: #475569;
}

.vero-description-content .vero-desc-label {
	font-weight: 800;
	color: #0f172a;
}

/* Specifications Grid */
.vero-specs-grid {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 24px;
	align-items: start;
}

@media (max-width: 768px) {
	.vero-specs-grid {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
}

.vero-specs-divider {
	width: 1px;
	background-color: #f1f5f9;
	align-self: stretch;
}

@media (max-width: 768px) {
	.vero-specs-divider {
		display: none;
	}
}

.vero-specs-col {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vero-spec-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 12px;
	border-radius: 7px;
	background-color: #f8fafc;
	border: 1px solid #f1f5f9;
	font-size: 13.5px;
}

.vero-spec-label {
	color: #64748b;
	font-weight: 600;
	flex-shrink: 0;
}

.vero-spec-value {
	color: #0f172a;
	font-weight: 800;
	text-align: right;
}

/* ==========================================================================
   3. BOTTOM SECTION: RELATED PRODUCTS
   ========================================================================== */
.vero-single-related-section {
	margin-top: 48px;
}

.vero-related-heading {
	font-size: 22px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 20px 0;
	letter-spacing: -0.3px;
}

.vero-related-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

@media (max-width: 1024px) {
	.vero-related-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 16px !important;
	}
}

@media (max-width: 768px) {
	.vero-related-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
}

/* ==========================================================================
   4. FLOATING MOBILE STICKY PURCHASE BAR
   ========================================================================== */
.vero-mobile-sticky-bar {
	display: none;
}

@media (max-width: 768px) {
	.vero-mobile-sticky-bar {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		border-top: 1px solid #e2e8f0;
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
		padding: 8px 16px;
		padding-bottom: max(8px, env(safe-area-inset-bottom));
		z-index: 999;
		transform: translateY(105%);
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.vero-mobile-sticky-bar.is-visible {
		transform: translateY(0);
	}

	.vero-mobile-sticky-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		max-width: 1320px;
		margin: 0 auto;
	}

	.vero-sticky-prod-thumb {
		width: 42px;
		height: 42px;
		min-width: 42px;
		border-radius: 7px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.vero-sticky-img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}

	.vero-sticky-prod-info {
		flex: 1;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.vero-sticky-title {
		font-size: 13px;
		font-weight: 800;
		color: #0f172a;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.vero-sticky-price {
		display: flex;
		align-items: baseline;
		gap: 6px;
		font-size: 14px;
		font-weight: 800;
		color: #0f172a;
	}

	.vero-sticky-price del {
		font-size: 11px;
		color: #94a3b8;
	}

	.vero-sticky-cta-btn {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		height: 40px;
		background-color: #a9c825;
		color: #ffffff;
		border-radius: 7px;
		font-size: 13px;
		font-weight: 800;
		padding: 0 16px;
		border: none;
		cursor: pointer;
		white-space: nowrap;
		box-shadow: 0 3px 10px rgba(169, 200, 37, 0.3);
	}
}

/* ==========================================================================
   5. FULLSCREEN IMAGE LIGHTBOX MODAL
   ========================================================================== */
.vero-gallery-lightbox-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
}

.vero-gallery-lightbox-modal.is-open {
	display: flex;
}

.vero-lightbox-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.vero-lightbox-container {
	position: relative;
	width: 90vw;
	max-width: 900px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.vero-lightbox-close-btn {
	position: absolute;
	top: -45px;
	right: 0;
	background: transparent;
	border: none;
	color: #ffffff;
	cursor: pointer;
	padding: 6px;
	transition: transform 0.2s ease;
}

.vero-lightbox-close-btn:hover {
	transform: scale(1.15);
}

.vero-lightbox-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	border: none;
	color: #0f172a;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
	z-index: 5;
}

.vero-lightbox-nav:hover {
	background: #a9c825;
	color: #ffffff;
}

.vero-lightbox-prev {
	left: -20px;
}

.vero-lightbox-next {
	right: -20px;
}

.vero-lightbox-stage {
	background: #ffffff;
	border-radius: 7px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-height: 70vh;
	box-sizing: border-box;
}

.vero-lightbox-img {
	max-width: 100%;
	max-height: 65vh;
	object-fit: contain;
}

.vero-lightbox-thumbs-bar {
	display: flex;
	gap: 10px;
	margin-top: 16px;
	justify-content: center;
}

.vero-lightbox-thumb {
	width: 52px;
	height: 52px;
	background: #ffffff;
	border: 2px solid transparent;
	border-radius: 7px;
	padding: 2px;
	cursor: pointer;
	opacity: 0.7;
	transition: all 0.2s ease;
}

.vero-lightbox-thumb.is-active,
.vero-lightbox-thumb:hover {
	opacity: 1;
	border-color: #a9c825;
}

.vero-lightbox-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/* ==========================================================================
   MODULE: filter.css
   ========================================================================== */
/**
 * Vero Product Filter Bar & Compact Archive Header Styles
 * Enforces zero !important policy & 1320px container alignment.
 */

/* Force global no horizontal overflow */
html, body {
	max-width: 100%;
	overflow-x: hidden;
}

/* Master Container Width - strictly aligned across Header, Filter Bar, Subbar, and Product Grid */
html body .vero-header-top,
html body .vero-header-nav-bar,
html body .vero-filter-wrapper,
html body .wp-block-woocommerce-product-collection,
html body .wp-block-woocommerce-product-collection.alignwide,
html body div.wp-block-woocommerce-product-collection {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	html body .vero-header-top,
	html body .vero-header-nav-bar,
	html body .vero-filter-wrapper,
	html body .wp-block-woocommerce-product-collection,
	html body .wp-block-woocommerce-product-collection.alignwide,
	html body div.wp-block-woocommerce-product-collection {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* Neutralize Gutenberg constrained layout calc(50% - 50vw) negative margin shifts */
html body main.site-main,
html body main.wp-block-group,
html body .wp-block-group.alignfull,
html body .is-layout-constrained > .alignfull,
html body .is-layout-constrained > .alignwide {
	margin-left: auto;
	margin-right: auto;
}


/* ==========================================
   HERO HEADER: Breadcrumbs, Title & Live Product Count
   ========================================== */
.vero-archive-hero {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 4px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
}

.vero-archive-hero-left {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vero-breadcrumbs-wrap nav.vero-breadcrumbs,
.vero-breadcrumbs {
	font-size: 12.5px;
	font-weight: 600;
	color: #64748b;
	line-height: 1.4;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.vero-breadcrumbs a {
	color: #64748b;
	text-decoration: none;
	transition: color 0.15s ease;
}

.vero-breadcrumbs a:hover {
	color: #a9c825;
}

.vero-breadcrumb-sep {
	color: #cbd5e1;
	font-weight: 400;
	user-select: none;
}

.vero-archive-title-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.vero-archive-title {
	font-size: 24px;
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.vero-archive-count-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #e2e8f0;
	line-height: 1;
	user-select: none;
}

/* ==========================================
   SUBCATEGORY PILL CHIPS BAR (Compact Horizontal Scroll)
   ========================================== */
.vero-subcategories-bar {
	width: 100%;
	margin-top: 6px;
	margin-bottom: 14px;
	box-sizing: border-box;
	position: relative;
}

.vero-subcategories-track {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 2px 2px 6px 2px;
	-webkit-overflow-scrolling: touch;
}

.vero-subcategories-track::-webkit-scrollbar {
	display: none;
}

.vero-subcat-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 999px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: background-color 0.18s cubic-bezier(0.16, 1, 0.3, 1),
				border-color 0.18s cubic-bezier(0.16, 1, 0.3, 1),
				color 0.18s cubic-bezier(0.16, 1, 0.3, 1),
				box-shadow 0.18s cubic-bezier(0.16, 1, 0.3, 1),
				transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
	user-select: none;
}

.vero-subcat-chip:hover {
	background: #ffffff;
	border-color: #cbd5e1;
	color: #0f172a;
	transform: translateY(-1px);
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.05);
}

.vero-subcat-chip.is-active {
	background: #0f172a;
	border-color: #0f172a;
	color: #ffffff;
	font-weight: 700;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.16);
	transform: none;
}

.vero-chip-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a9c825;
	flex-shrink: 0;
}

.vero-chip-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #e2e8f0;
	font-size: 11px;
	font-weight: 700;
	color: #475569;
	margin-left: 2px;
	line-height: 1;
}

.vero-subcat-chip.is-active .vero-chip-count {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

/* ==========================================
   UNIFIED LUXURY FILTER & SORT TOOLBAR
   ========================================== */
.vero-filter-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 8px 12px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
	margin-bottom: 14px;
	box-sizing: border-box;
	width: 100%;
}

.vero-toolbar-left {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.vero-toolbar-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Base Toolbar Button */
.vero-toolbar-btn {
	height: 38px;
	padding: 0 14px;
	border-radius: 7px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	font-size: 13px;
	font-weight: 600;
	color: #1e293b;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	outline: none;
	user-select: none;
	transition: all 0.15s ease;
	position: relative;
}

.vero-toolbar-btn:hover {
	background: #ffffff;
	border-color: #cbd5e1;
	color: #0f172a;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
}

.vero-toolbar-btn.is-active,
.vero-toolbar-btn[aria-expanded="true"] {
	background: #0f172a;
	border-color: #0f172a;
	color: #ffffff;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
}

.vero-toolbar-btn.is-active .vero-btn-icon,
.vero-toolbar-btn[aria-expanded="true"] .vero-btn-icon,
.vero-toolbar-btn.is-active .vero-chevron-icon,
.vero-toolbar-btn[aria-expanded="true"] .vero-chevron-icon {
	stroke: #ffffff;
}

.vero-btn-icon {
	stroke: #64748b;
	flex-shrink: 0;
	transition: stroke 0.15s ease;
}

.vero-chevron-icon {
	stroke: #94a3b8;
	flex-shrink: 0;
	transition: transform 0.2s ease, stroke 0.15s ease;
}

.vero-toolbar-btn[aria-expanded="true"] .vero-chevron-icon {
	transform: rotate(180deg);
}

.vero-btn-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #a9c825;
	color: #0f172a;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

/* On-Sale Toggle Pill */
.vero-onsale-pill {
	background: #fefce8;
	border-color: #fef08a;
	color: #854d0e;
	transition: all 0.2s ease;
}

.vero-onsale-pill:hover {
	background: #fef9c3;
	border-color: #fde047;
	color: #713f12;
}

.vero-onsale-pill.is-active {
	background: #eab308;
	border-color: #ca8a04;
	color: #0f172a;
	font-weight: 800;
	box-shadow: 0 2px 8px rgba(234, 179, 8, 0.35);
}

.vero-onsale-icon {
	font-size: 13px;
	line-height: 1;
}

/* Mobile Filter Trigger Button (Hidden by default on Desktop) */
.vero-mobile-filter-btn {
	display: none;
}

/* ==========================================
   POPOVER WRAPPER & FLOATING CARDS
   ========================================== */
.vero-popover-wrapper {
	position: relative;
	display: inline-block;
}

.vero-popover-card {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.04);
	padding: 16px;
	box-sizing: border-box;
	z-index: 1000;
	display: none;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.vero-popover-card.is-open {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

.vero-popover-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f5f9;
}

.vero-popover-title {
	font-size: 13px;
	font-weight: 700;
	color: #0f172a;
}

.vero-popover-reset {
	background: none;
	border: none;
	color: #64748b;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	padding: 2px 4px;
	border-radius: 4px;
	transition: color 0.15s ease;
}

.vero-popover-reset:hover {
	color: #ef4444;
}

/* Price Popover Specifics */
.vero-price-popover-card {
	width: 290px;
}

.vero-price-inputs {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.vero-price-field {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vero-price-label {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
}

.vero-price-input-wrap {
	display: flex;
	align-items: center;
	height: 34px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 0 8px;
	box-sizing: border-box;
	transition: border-color 0.15s ease;
}

.vero-price-input-wrap:focus-within {
	border-color: #a9c825;
	background: #ffffff;
}

.vero-price-input-wrap input {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 13px;
	font-weight: 700;
	color: #0f172a;
	padding: 0;
	outline: none;
	-moz-appearance: textfield;
}

.vero-price-input-wrap input::-webkit-outer-spin-button,
.vero-price-input-wrap input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.vero-currency-symbol {
	font-size: 13px;
	font-weight: 700;
	color: #94a3b8;
	margin-left: 2px;
}

.vero-price-dash {
	color: #cbd5e1;
	font-size: 14px;
	margin-top: 16px;
}

/* Clean Dual Range Slider */
.vero-range-slider-container {
	position: relative;
	height: 5px;
	background: #e2e8f0;
	border-radius: 7px;
	margin-top: 14px;
	margin-bottom: 16px;
}

.vero-range-slider-track {
	position: absolute;
	height: 5px;
	background: #a9c825;
	border-radius: 7px;
	top: 0;
}

.vero-range-slider-container input[type="range"] {
	position: absolute;
	width: 100%;
	height: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
	z-index: 2;
}

.vero-range-slider-container input[type="range"]::-webkit-slider-thumb {
	pointer-events: auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #a9c825;
	border: 2.5px solid #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: transform 0.1s ease;
	margin-top: 0;
}

.vero-range-slider-container input[type="range"]::-webkit-slider-thumb:hover {
	transform: scale(1.18);
}

.vero-range-slider-container input[type="range"]::-moz-range-thumb {
	pointer-events: auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #a9c825;
	border: 2.5px solid #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
	cursor: pointer;
	transition: transform 0.1s ease;
}

.vero-range-slider-container input[type="range"]::-webkit-slider-runnable-track {
	background: transparent;
	border: none;
}

.vero-range-slider-container input[type="range"]::-moz-range-track {
	background: transparent;
	border: none;
}

.vero-popover-footer {
	display: flex;
	justify-content: flex-end;
}

.vero-popover-apply {
	width: 100%;
	height: 36px;
	border-radius: 6px;
	background: #0f172a;
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.vero-popover-apply:hover {
	background: #1e293b;
}

/* Category Popover Specifics */
.vero-category-popover-card {
	width: 260px;
}

.vero-cat-search {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 34px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 0 10px;
	margin-bottom: 10px;
}

.vero-cat-search svg {
	stroke: #94a3b8;
	flex-shrink: 0;
}

.vero-cat-search input {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 12.5px;
	color: #0f172a;
	outline: none;
	padding: 0;
}

.vero-category-list-custom {
	display: flex;
	flex-direction: column;
	gap: 3px;
	max-height: 200px;
	overflow-y: auto;
	padding-right: 4px;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

.vero-category-list-custom::-webkit-scrollbar {
	width: 4px;
}

.vero-category-list-custom::-webkit-scrollbar-thumb {
	background-color: #cbd5e1;
	border-radius: 4px;
}

.vero-cat-dropdown-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 10px;
	border-radius: 6px;
	text-decoration: none;
	color: #334155;
	font-size: 12.5px;
	font-weight: 600;
	transition: background-color 0.12s ease, color 0.12s ease;
	user-select: none;
}

.vero-cat-dropdown-item:hover {
	background: #f8fafc;
	color: #0f172a;
}

.vero-cat-dropdown-item.is-selected {
	background: #f2f8d8;
	color: #718816;
	font-weight: 700;
}

.vero-cat-dropdown-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #cbd5e1;
	flex-shrink: 0;
	transition: background-color 0.12s ease;
}

.vero-cat-dropdown-item.is-selected .vero-cat-dropdown-dot {
	background: #a9c825;
}

.vero-cat-dropdown-name {
	flex: 1;
	line-height: 1.2;
}

.vero-cat-dropdown-count {
	font-size: 11px;
	font-weight: 700;
	color: #64748b;
	background: #e2e8f0;
	border-radius: 999px;
	padding: 1px 6px;
	line-height: 1.2;
}

.vero-cat-dropdown-item.is-selected .vero-cat-dropdown-count {
	background: #d8ec78;
	color: #4a5c09;
}

/* Brand Popover Specifics */
.vero-brand-popover-card {
	width: 270px;
}

.vero-brand-search {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 34px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 0 10px;
	margin-bottom: 10px;
}

.vero-brand-search svg {
	stroke: #94a3b8;
	flex-shrink: 0;
}

.vero-brand-search input {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 12.5px;
	color: #0f172a;
	outline: none;
	padding: 0;
}

.vero-brand-list-custom {
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-height: 180px;
	overflow-y: auto;
	padding-right: 4px;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

.vero-brand-list-custom::-webkit-scrollbar {
	width: 4px;
}

.vero-brand-list-custom::-webkit-scrollbar-thumb {
	background-color: #cbd5e1;
	border-radius: 4px;
}

.vero-brand-item-custom {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px;
	border-radius: 6px;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.12s ease;
}

.vero-brand-item-custom:hover {
	background: #f8fafc;
}

.vero-brand-item-custom input[type="checkbox"] {
	display: none;
}

.vero-custom-check {
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 1.5px solid #cbd5e1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: transparent;
	transition: all 0.15s ease;
	flex-shrink: 0;
	background: #ffffff;
}

.vero-brand-item-custom input[type="checkbox"]:checked + .vero-custom-check {
	background: #a9c825;
	border-color: #a9c825;
	color: #ffffff;
}

.vero-brand-title {
	font-size: 12.5px;
	font-weight: 700;
	color: #334155;
	flex: 1;
	line-height: 1.2;
}

.vero-brand-count {
	font-size: 11px;
	font-weight: 600;
	color: #94a3b8;
}

/* Sort Popover Specifics */
.vero-sort-wrapper {
	position: relative;
}

.vero-sort-popover-card {
	right: 0;
	left: auto;
	width: 210px;
	padding: 6px;
}

.vero-sort-options-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.vero-sort-options-list li {
	padding: 8px 12px;
	font-size: 12.5px;
	font-weight: 600;
	color: #334155;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.12s ease, color 0.12s ease;
	user-select: none;
}

.vero-sort-options-list li:hover {
	background: #f8fafc;
	color: #0f172a;
}

.vero-sort-options-list li.is-selected {
	background: #f2f8d8;
	color: #718816;
	font-weight: 700;
}

/* ==========================================
   ACTIVE FILTER CHIPS BAR
   ========================================== */
.vero-active-filters-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.vero-active-label {
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
}

.vero-active-chips-list {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.vero-active-filter-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 6px;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	font-size: 12px;
	font-weight: 600;
	color: #334155;
	line-height: 1;
	animation: veroTagFadeIn 0.2s ease-out forwards;
}

@keyframes veroTagFadeIn {
	from {
		opacity: 0;
		transform: scale(0.92);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.vero-tag-close {
	background: none;
	border: none;
	color: #94a3b8;
	font-size: 14px;
	line-height: 1;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.12s ease;
}

.vero-tag-close:hover {
	color: #ef4444;
}

.vero-clear-all-btn {
	background: none;
	border: none;
	color: #ef4444;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 4px;
	transition: opacity 0.15s ease;
}

.vero-clear-all-btn:hover {
	opacity: 0.75;
}

/* ==========================================
   MOBILE FILTER DRAWER MODAL
   ========================================== */
.vero-mobile-drawer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
	display: none;
}

.vero-mobile-drawer.is-open {
	display: block;
}

.vero-drawer-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.vero-drawer-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 80vh;
	background: #ffffff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.18);
	display: flex;
	flex-direction: column;
	animation: veroDrawerSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes veroDrawerSlideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

.vero-drawer-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid #f1f5f9;
}

.vero-drawer-title {
	font-size: 16px;
	font-weight: 800;
	color: #0f172a;
}

.vero-drawer-close {
	background: none;
	border: none;
	font-size: 24px;
	line-height: 1;
	color: #64748b;
	cursor: pointer;
	padding: 4px;
}

.vero-drawer-body {
	padding: 20px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.vero-drawer-section-title {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 10px 0;
}

.vero-drawer-price-display {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	font-weight: 700;
	color: #334155;
	margin-bottom: 10px;
}

.vero-drawer-cat-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-height: 180px;
	overflow-y: auto;
	padding-right: 4px;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

.vero-drawer-cat-list::-webkit-scrollbar {
	width: 4px;
}

.vero-drawer-cat-list::-webkit-scrollbar-thumb {
	background-color: #cbd5e1;
	border-radius: 4px;
}

.vero-drawer-cat-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 8px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	text-decoration: none;
	color: #334155;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.15s ease;
	user-select: none;
}

.vero-drawer-cat-item:hover {
	background: #ffffff;
	border-color: #cbd5e1;
	color: #0f172a;
}

.vero-drawer-cat-item.is-selected {
	background: #0f172a;
	border-color: #0f172a;
	color: #ffffff;
	font-weight: 700;
}

.vero-drawer-cat-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a9c825;
	flex-shrink: 0;
}

.vero-drawer-cat-name {
	flex: 1;
	line-height: 1.2;
}

.vero-drawer-cat-count {
	font-size: 11px;
	font-weight: 700;
	color: #475569;
	background: #e2e8f0;
	border-radius: 999px;
	padding: 1px 7px;
	line-height: 1.2;
}

.vero-drawer-cat-item.is-selected .vero-drawer-cat-count {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.vero-drawer-brand-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-height: 200px;
	overflow-y: auto;
}

.vero-drawer-brand-list .vero-brand-item-custom {
	padding: 6px 0;
}

.vero-drawer-onsale-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	background: #fefce8;
	border: 1px solid #fef08a;
	border-radius: 8px;
}

.vero-drawer-onsale-info {
	display: flex;
	align-items: center;
	gap: 8px;
}

.vero-drawer-onsale-icon {
	font-size: 16px;
	line-height: 1;
}

.vero-drawer-onsale-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #854d0e;
}

/* Custom Toggle Switch for Drawer */
.vero-drawer-switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px;
	flex-shrink: 0;
}

.vero-drawer-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.vero-drawer-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #cbd5e1;
	transition: 0.2s ease;
	border-radius: 24px;
}

.vero-drawer-slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: 0.2s ease;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.vero-drawer-switch input:checked + .vero-drawer-slider {
	background-color: #eab308;
}

.vero-drawer-switch input:checked + .vero-drawer-slider:before {
	transform: translateX(20px);
}

/* Custom Sort Radios for Drawer */
.vero-drawer-sort-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vero-drawer-sort-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 0;
	cursor: pointer;
	user-select: none;
}

.vero-drawer-sort-radio {
	display: none;
}

.vero-drawer-radio-custom {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1.5px solid #cbd5e1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #ffffff;
	transition: all 0.15s ease;
	position: relative;
	box-sizing: border-box;
}

.vero-drawer-sort-radio:checked + .vero-drawer-radio-custom {
	border-color: #0f172a;
}

.vero-drawer-sort-radio:checked + .vero-drawer-radio-custom::after {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0f172a;
}

.vero-drawer-sort-name {
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	line-height: 1.2;
}

.vero-drawer-sort-radio:checked ~ .vero-drawer-sort-name {
	color: #0f172a;
	font-weight: 700;
}

.vero-drawer-footer {
	display: flex;
	gap: 10px;
	padding: 16px 20px;
	border-top: 1px solid #f1f5f9;
	background: #ffffff;
}

.vero-drawer-reset-btn {
	flex: 1;
	height: 44px;
	border-radius: 8px;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	font-size: 13px;
	font-weight: 700;
	color: #475569;
	cursor: pointer;
}

.vero-drawer-apply-btn {
	flex: 2;
	height: 44px;
	border-radius: 8px;
	background: #0f172a;
	border: none;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	cursor: pointer;
}

/* ==========================================
   RESPONSIVE BREAKPOINTS
   ========================================== */
@media (max-width: 991px) {
	/* Hide desktop popovers, sorting dropdown in toolbar, toolbar on-sale button, desktop grid switcher & subcategory pill scroller */
	#vero-price-popover-wrap,
	#vero-category-popover-wrap,
	#vero-brand-popover-wrap,
	#vero-sort-popover-wrap,
	#vero-btn-onsale-toggle,
	.vero-grid-btns-desktop,
	.vero-subcategories-bar {
		display: none !important;
	}

	/* Show mobile drawer trigger & mobile 2-col switcher */
	.vero-mobile-filter-btn {
		display: inline-flex !important;
		height: 38px !important;
		box-sizing: border-box !important;
	}

	.vero-grid-btns-mobile {
		display: flex !important;
	}

	/* Enforce clean single-row mobile toolbar */
	.vero-filter-toolbar {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		padding: 6px 10px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.vero-toolbar-left,
	.vero-toolbar-right {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
	}

	.vero-toolbar-btn {
		height: 38px !important;
		padding: 0 14px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		gap: 6px !important;
		white-space: nowrap !important;
		flex-shrink: 0 !important;
		border-radius: 8px !important;
		box-sizing: border-box !important;
	}

	.vero-grid-switcher {
		height: 38px !important;
		padding: 2px !important;
		gap: 2px !important;
		flex-shrink: 0 !important;
		border-radius: 8px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
	}

	.vero-grid-btn {
		width: 32px !important;
		height: 32px !important;
		border-radius: 6px !important;
		box-sizing: border-box !important;
	}

	.vero-grid-btn svg {
		width: 16px !important;
		height: 16px !important;
	}
}

@media (max-width: 768px) {
	.vero-archive-hero {
		margin-top: 0;
		margin-bottom: 8px;
	}

	.vero-breadcrumbs-wrap nav.vero-breadcrumbs,
	.vero-breadcrumbs {
		font-size: 11.5px;
		gap: 4px;
	}

	.vero-archive-title-row {
		display: flex;
		align-items: baseline;
		gap: 8px;
		flex-wrap: wrap;
	}

	.vero-archive-title {
		font-size: 18px;
		font-weight: 800;
	}

	.vero-archive-count-badge {
		font-size: 11px;
		padding: 2px 7px;
		border-radius: 999px;
	}
}

@media (max-width: 480px) {
	.vero-filter-toolbar {
		padding: 5px 8px !important;
		gap: 6px !important;
	}

	.vero-toolbar-left,
	.vero-toolbar-right {
		gap: 6px !important;
	}

	.vero-toolbar-btn {
		height: 38px !important;
		padding: 0 12px !important;
		font-size: 12.5px !important;
		gap: 5px !important;
	}

	.vero-btn-icon,
	.vero-chevron-icon {
		width: 13px !important;
		height: 13px !important;
	}

	.vero-grid-switcher {
		height: 38px !important;
	}

	.vero-grid-btn {
		width: 32px !important;
		height: 32px !important;
	}

	.vero-grid-btn svg {
		width: 15px !important;
		height: 15px !important;
	}
}

/* ==========================================
   GRID SWITCHER BUTTONS
   ========================================== */
.vero-grid-switcher {
	display: flex;
	align-items: center;
	gap: 4px;
	background: #f8fafc;
	padding: 3px;
	border-radius: 7px;
	border: 1px solid #e2e8f0;
}

.vero-grid-btns-desktop {
	display: flex;
	gap: 4px;
}

.vero-grid-btns-mobile {
	display: none;
	gap: 4px;
}

.vero-grid-btn {
	width: 32px;
	height: 32px;
	border-radius: 6px;
	border: 1px solid transparent;
	background: transparent;
	color: #64748b;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	outline: none;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.vero-grid-btn:hover {
	background: #ffffff;
	color: #0f172a;
	border-color: #e2e8f0;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.vero-grid-btn.is-active {
	background: #0f172a;
	color: #ffffff;
	border-color: #0f172a;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.22);
}

.vero-grid-btn svg {
	width: 18px;
	height: 18px;
	transition: transform 0.2s ease;
}

.vero-grid-btn:hover svg {
	transform: scale(1.05);
}

/* ==========================================
   PRODUCT GRID & RESPONSIVE COLUMN SWITCHER
   ========================================== */

/* Outer block wrapper & main container boundaries */
html body main.wp-block-group,
html body .wp-block-group.alignfull {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}

/* Unset WooCommerce default flex container & column width overrides */
html body .wc-block-product-template.is-flex-container,
html body .wc-block-product-template.wc-block-product-template__responsive,
html body .wp-block-woocommerce-product-collection .wc-block-product-template {
	display: grid;
	flex-direction: initial;
	flex-wrap: initial;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}

/* Force 100% item width inside grid cells regardless of columns-X class from WooCommerce */
html body .wc-block-product-template > li,
html body .wc-block-product-template.is-flex-container > li,
html body .wc-block-product-template.is-flex-container[class*="columns-"] > li,
html body .wc-block-product-template__responsive > li,
html body .wp-block-woocommerce-product-collection li.wc-block-product-template__item,
html body ul.products > li,
html body li:has(.vero-product-card) {
	width: 100%;
	max-width: none;
	min-width: 0;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	flex: 1 1 100%;
}

/* Base Product Grid Container */
html body .wp-block-woocommerce-product-collection .wc-block-product-template,
html body ul.wc-block-product-template,
html body ul.products,
html body .vero-products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* Default 4 columns */
	gap: 20px;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
	list-style: none;
}

@media (max-width: 768px) {
	html body .wp-block-woocommerce-product-collection .wc-block-product-template,
	html body ul.wc-block-product-template,
	html body ul.products,
	html body .vero-products-grid {
		gap: 12px;
		grid-template-columns: 1fr;
	}
}

/* Desktop Grid Column Options (>= 992px) */
@media (min-width: 992px) {
	html body .wc-block-product-template,
	html body .wp-block-woocommerce-product-collection .wc-block-product-template,
	html body .products,
	html body .products-grid,
	html body .vero-products-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}

	html.vero-grid-cols-4 body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html.vero-grid-cols-4 body .vero-archive-main .wc-block-product-template,
	html.vero-grid-cols-4 body .vero-discounts-wrapper .products,
	html body:not(.single-product) .wc-block-product-template.cols-4,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-4 .wc-block-product-template,
	html body:not(.single-product) .products.cols-4:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-4:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-4 {
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 20px !important;
	}

	html.vero-grid-cols-3 body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html.vero-grid-cols-3 body .vero-archive-main .wc-block-product-template,
	html.vero-grid-cols-3 body .vero-discounts-wrapper .products,
	html body:not(.single-product) .wc-block-product-template.cols-3,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-3 .wc-block-product-template,
	html body:not(.single-product) .products.cols-3:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-3:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-3 {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 24px !important;
	}

	html.vero-grid-cols-5 body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html.vero-grid-cols-5 body .vero-archive-main .wc-block-product-template,
	html.vero-grid-cols-5 body .vero-discounts-wrapper .products,
	html body:not(.single-product) .wc-block-product-template.cols-5,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-5 .wc-block-product-template,
	html body:not(.single-product) .products.cols-5:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-5:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-5 {
		grid-template-columns: repeat(5, 1fr) !important;
		gap: 16px !important;
	}
}

/* Tablet Grid Layout (769px - 991px) */
@media (min-width: 769px) and (max-width: 991px) {
	html body:not(.single-product) .wc-block-product-template:not(.vero-related-grid),
	html body:not(.single-product) .wp-block-woocommerce-product-collection .wc-block-product-template,
	html body:not(.single-product) .products:not(.vero-related-grid),
	html body:not(.single-product) .products-grid:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
}

/* Mobile Grid Column Options (<= 768px) */
@media (max-width: 768px) {
	html body:not(.single-product) .wc-block-product-template.cols-1,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-1 .wc-block-product-template,
	html body:not(.single-product) .products.cols-1:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-1:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-1 {
		grid-template-columns: 1fr !important;
	}

	html body:not(.single-product) .wc-block-product-template.cols-2,
	html body:not(.single-product) .wp-block-woocommerce-product-collection.cols-2 .wc-block-product-template,
	html body:not(.single-product) .products.cols-2:not(.vero-related-grid),
	html body:not(.single-product) .products-grid.cols-2:not(.vero-related-grid),
	html body:not(.single-product) .vero-products-grid.cols-2 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

.vero-no-products-found {
	padding: 32px 16px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #64748b;
}

/* ==========================================================================
   ARCHIVE & QUERY PAGINATION STYLES
   ========================================================================== */
nav.wp-block-query-pagination,
.wp-block-query-pagination,
nav.woocommerce-pagination,
.woocommerce-pagination,
.woocommerce-pagination ul.page-numbers,
.vero-pagination-wrap,
.vero-pagination-nav,
.vero-pagination-list {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 36px !important;
	margin-bottom: 36px !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-pagination ul.page-numbers,
.vero-pagination-list {
	margin: 0 !important;
}

.woocommerce-pagination ul.page-numbers li,
.vero-pagination-list li {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.wp-block-query-pagination-numbers {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* Individual Buttons / Links / Active Items */
nav.wp-block-query-pagination a,
nav.wp-block-query-pagination span,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination a,
.wp-block-query-pagination span.page-numbers,
.wp-block-query-pagination a.page-numbers,
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.woocommerce-pagination .page-numbers,
.vero-page-num,
.vero-page-next {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 16px !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
	user-select: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

/* Specific styling for Previous and Next text buttons */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
a.wp-block-query-pagination-previous,
a.wp-block-query-pagination-next,
.woocommerce-pagination a.prev,
.woocommerce-pagination a.next,
.vero-page-next {
	font-weight: 700 !important;
	padding: 0 18px !important;
}

/* Hover States on non-active clickable elements */
nav.wp-block-query-pagination a:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover,
.vero-page-num:hover:not(.is-current),
.vero-page-next:hover {
	background: #f8fafc !important;
	border-color: #a9c825 !important;
	color: #0f172a !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(255, 184, 0, 0.2) !important;
}

/* Active / Current Page State */
nav.wp-block-query-pagination .page-numbers.current,
nav.wp-block-query-pagination span.page-numbers:not(a):not(.dots),
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination span.page-numbers.current,
.wp-block-query-pagination [aria-current="page"],
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination span.page-numbers.current,
.vero-page-num.is-current {
	background: #a9c825 !important;
	border-color: #a9c825 !important;
	color: #0f172a !important;
	font-weight: 800 !important;
	box-shadow: 0 3px 10px rgba(255, 184, 0, 0.35) !important;
	cursor: default !important;
	transform: none !important;
}

/* Dots / Ellipsis separator */
nav.wp-block-query-pagination .page-numbers.dots,
.wp-block-query-pagination .page-numbers.dots,
.woocommerce-pagination .page-numbers.dots,
.vero-page-dots,
.vero-page-dots span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 28px !important;
	height: 42px !important;
	padding: 0 4px !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #94a3b8 !important;
	font-size: 14px !important;
	cursor: default !important;
}

/* Mobile Responsiveness (<= 768px) */
@media (max-width: 768px) {
	nav.wp-block-query-pagination,
	.wp-block-query-pagination,
	nav.woocommerce-pagination,
	.woocommerce-pagination,
	.vero-pagination-wrap,
	.vero-pagination-list {
		gap: 6px !important;
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}

	.wp-block-query-pagination-numbers {
		gap: 6px !important;
	}

	nav.wp-block-query-pagination a,
	nav.wp-block-query-pagination span,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	.wp-block-query-pagination a,
	.wp-block-query-pagination span.page-numbers,
	.wp-block-query-pagination a.page-numbers,
	.woocommerce-pagination a.page-numbers,
	.woocommerce-pagination span.page-numbers,
	.woocommerce-pagination .page-numbers,
	.vero-page-num,
	.vero-page-next {
		min-width: 36px !important;
		height: 36px !important;
		padding: 0 12px !important;
		border-radius: 7px !important;
		font-size: 13px !important;
	}

	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	a.wp-block-query-pagination-previous,
	a.wp-block-query-pagination-next,
	.woocommerce-pagination a.prev,
	.woocommerce-pagination a.next,
	.vero-page-next {
		padding: 0 14px !important;
	}

	nav.wp-block-query-pagination .page-numbers.dots,
	.wp-block-query-pagination .page-numbers.dots,
	.woocommerce-pagination .page-numbers.dots,
	.vero-page-dots,
	.vero-page-dots span {
		min-width: 20px !important;
		height: 36px !important;
	}
}

@media (max-width: 480px) {
	nav.wp-block-query-pagination a,
	nav.wp-block-query-pagination span,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	.wp-block-query-pagination a,
	.wp-block-query-pagination span.page-numbers,
	.wp-block-query-pagination a.page-numbers,
	.woocommerce-pagination a.page-numbers,
	.woocommerce-pagination span.page-numbers,
	.woocommerce-pagination .page-numbers,
	.vero-page-num,
	.vero-page-next {
		min-width: 34px !important;
		height: 34px !important;
		padding: 0 10px !important;
		font-size: 12.5px !important;
	}
}

/* ==========================================================================
   MODULE: discounts-page.css
   ========================================================================== */
/**
 * Discounts and sales page styles for Vero.
 */

/* ==========================================================================
   1. MASTER PAGE WRAPPER & BOUNDS
   ========================================================================== */
div#vero-discounts-root,
.vero-discounts-wrapper {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 0px;
	padding-bottom: 48px;
	box-sizing: border-box;
}

/* When inside .vero-page-main or .site-main (which already provides 1320px width & 24px padding matching the site header), prevent double padding and stretch 100% */
html body .vero-page-main .vero-discounts-wrapper,
html body .vero-page-main div#vero-discounts-root,
html body main.site-main .vero-discounts-wrapper,
html body main.site-main div#vero-discounts-root,
html body .vero-page-main > div#vero-discounts-root,
html body .vero-page-main > .vero-discounts-wrapper,
html body main.site-main > div#vero-discounts-root,
html body main.site-main > .vero-discounts-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	div#vero-discounts-root,
	.vero-discounts-wrapper {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 0px;
		padding-bottom: 32px;
	}

	html body .vero-page-main .vero-discounts-wrapper,
	html body .vero-page-main div#vero-discounts-root,
	html body main.site-main .vero-discounts-wrapper,
	html body main.site-main div#vero-discounts-root {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ==========================================================================
   2. CLEAN E-COMMERCE DEAL HEADER BAR
   ========================================================================== */
.vero-discounts-header-bar {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
	padding-top: 4px;
}

.vero-discounts-header-main {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vero-discounts-title-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.vero-discounts-title {
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 800;
	color: #0f172a;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0;
	text-transform: uppercase;
}

.vero-discounts-count-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #f2f8d8;
	color: #a9c825;
	border: 1px solid #dbe89e;
	font-size: 13px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 7px;
	line-height: 1.3;
	user-select: none;
}

.vero-discounts-subtitle {
	font-size: 14px;
	line-height: 1.5;
	color: #64748b;
	margin: 0;
	max-width: 720px;
}

@media (max-width: 768px) {
	.vero-discounts-header-bar {
		margin-bottom: 12px;
	}
	.vero-discounts-title {
		font-size: 19px;
		line-height: 1.15;
	}
	.vero-discounts-count-pill {
		font-size: 12px;
		padding: 3px 10px;
	}
	.vero-discounts-subtitle {
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.vero-discounts-title {
		font-size: 17px;
		line-height: 1.15;
	}
}

/* ==========================================================================
   3. QUICK DISCOUNT FILTER PILLS BAR
   ========================================================================== */
.vero-discounts-pills-bar {
	display: flex;
	align-items: center;
	gap: 16px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 12px 18px;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
}

.vero-discounts-pills-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #0f172a;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	white-space: nowrap;
	flex-shrink: 0;
}

.vero-discounts-pills-list {
	display: flex;
	align-items: center;
	gap: 10px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
	padding: 2px 0;
}

.vero-discounts-pills-list::-webkit-scrollbar {
	display: none;
}

/* Universal High-Specificity Button Reset & Modern Capsule Styling */
html body button.vero-discounts-pill,
html body .vero-discounts-pill,
.vero-discounts-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #f8fafc;
	background-color: #f8fafc;
	border: 1px solid #e2e8f0;
	color: #475569;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: 7px;
	cursor: pointer;
	white-space: nowrap;
	min-height: 38px;
	box-sizing: border-box;
	transition: all 0.18s ease-in-out;
	user-select: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

html body button.vero-discounts-pill:hover,
html body .vero-discounts-pill:hover {
	background: #f1f5f9;
	background-color: #f1f5f9;
	color: #0f172a;
	border-color: #cbd5e1;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

html body button.vero-discounts-pill.is-active,
html body .vero-discounts-pill.is-active {
	background: #0f172a;
	background-color: #0f172a;
	color: #ffffff;
	border-color: #0f172a;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
}

html body button.vero-discounts-pill.is-hot.is-active,
html body .vero-discounts-pill.is-hot.is-active {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
	background-color: #dc2626;
	color: #ffffff;
	border-color: #dc2626;
	box-shadow: 0 3px 10px rgba(239, 68, 68, 0.28);
}

/* Icon colors and hover animations */
.vero-discounts-pill svg {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
	transition: transform 0.18s ease, stroke 0.18s ease, fill 0.18s ease;
}

.vero-discounts-pill:hover svg {
	transform: scale(1.1);
}

.vero-discounts-pill.is-active .pill-svg-all,
.vero-discounts-pill.is-active .pill-svg-tag {
	stroke: #ffffff;
}

.vero-discounts-pill.is-hot.is-active .pill-svg-fire {
	fill: #ffffff;
	stroke: #ffffff;
}

.vero-discounts-pill.is-active .pill-svg-bolt {
	fill: #fbbf24;
	stroke: #fbbf24;
}

.vero-discounts-pill.is-active .pill-svg-sparkle {
	fill: #93c5fd;
	stroke: #93c5fd;
}

@media (max-width: 768px) {
	.vero-discounts-pills-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 12px 14px;
	}
}

/* ==========================================================================
   4. FILTER BAR SUBBAR & HEADING
   ========================================================================== */
.vero-discounts-grid-heading {
	font-size: 18px;
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	letter-spacing: -0.01em;
}

@media (max-width: 768px) {
	.vero-discounts-grid-heading {
		font-size: 16px;
		line-height: 1.2;
	}
}

@media (max-width: 480px) {
	.vero-discounts-grid-heading {
		font-size: 15px;
		line-height: 1.2;
	}
}

.vero-discounts-count-badge {
	font-size: 14px;
	font-weight: 600;
	color: #64748b;
}

/* Mobile Category Drawer & Sort Modal on Discounts Page */
@media (max-width: 991px) {
	#vero-discounts-category-panel {
		display: none;
		margin-top: 12px;
		animation: veroCategoryFadeDown 0.25s ease-out forwards;
	}
	#vero-discounts-category-panel.is-open {
		display: block !important;
	}
}

/* ==========================================================================
   5. PRODUCT GRID & CARD TEMPLATES
   ========================================================================== */
.vero-discounts-collection {
	width: 100%;
	margin-top: 16px;
}

.vero-discounts-grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 20px;
	transition: opacity 0.2s ease;
}

/* Desktop Grid Column Layouts */
@media (min-width: 769px) {
	.vero-discounts-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
	.vero-discounts-grid.cols-3 {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}
	.vero-discounts-grid.cols-4 {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
	.vero-discounts-grid.cols-5 {
		grid-template-columns: repeat(5, 1fr);
		gap: 16px;
	}
}

/* Mobile Grid Column Layouts (<= 768px) */
@media (max-width: 768px) {
	.vero-discounts-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.vero-discounts-grid.cols-1 {
		grid-template-columns: 1fr;
	}
	.vero-discounts-grid.cols-2 {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
}

/* No products found placeholder state */
.vero-no-products-found {
	grid-column: 1 / -1;
	background: #ffffff;
	border: 1px dashed #cbd5e1;
	border-radius: 7px;
	padding: 48px 24px;
	text-align: center;
	color: #64748b;
	font-size: 15px;
	margin: 16px 0;
}

/* ==========================================================================
   6. AJAX PAGINATION CONTROLS
   ========================================================================== */
.vero-discounts-pagination-wrap {
	margin-top: 36px;
	display: flex;
	justify-content: center;
}

.vero-pagination-nav {
	display: inline-block;
}

.vero-pagination-list {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.vero-page-num,
.vero-page-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	color: #1e293b;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.15s ease;
	box-sizing: border-box;
}

.vero-page-num:hover,
.vero-page-next:hover {
	background: #f1f5f9;
	border-color: #cbd5e1;
	color: #0f172a;
}

.vero-page-num.is-current {
	background: #0f172a;
	color: #ffffff;
	border-color: #0f172a;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
}

.vero-page-dots span {
	display: inline-block;
	padding: 0 6px;
	color: #94a3b8;
	font-size: 14px;
}

/* ==========================================================================
   MODULE: contact-page.css
   ========================================================================== */
/* ==========================================================================
   VERO CONTACT PAGE STYLES
   ========================================================================== */

.vero-contact-wrapper {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 0;
	padding-bottom: 64px;
	box-sizing: border-box;
}

/* When inside .vero-page-main (which already provides 1320px width & 24px/16px padding matching header), prevent double padding */
html body .vero-page-main .vero-contact-wrapper,
html body main.site-main .vero-contact-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 768px) {
	.vero-contact-wrapper {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 0;
		padding-bottom: 40px;
	}
	html body .vero-page-main .vero-contact-wrapper,
	html body main.site-main .vero-contact-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}

/* 1. Hero Header & Breadcrumbs */
.vero-contact-hero {
	margin-bottom: 36px;
}

.vero-contact-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #64748b;
	margin-bottom: 12px;
}

.vero-contact-breadcrumbs a {
	color: #a9c825;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.15s ease;
}

.vero-contact-breadcrumbs a:hover {
	color: #8fa91d;
	text-decoration: underline;
}

.vero-crumb-sep {
	color: #94a3b8;
}

.vero-crumb-current {
	color: #475569;
	font-weight: 600;
}

.vero-contact-title {
	font-size: 32px;
	font-weight: 800;
	color: #0f172a;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}

.vero-contact-subtitle {
	font-size: 16px;
	color: #64748b;
	margin: 0;
	max-width: 720px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.vero-contact-hero {
		margin-bottom: 24px;
	}
	.vero-contact-title {
		font-size: 19px;
		line-height: 1.15;
		margin-bottom: 6px;
	}
	.vero-contact-subtitle {
		font-size: 13.5px;
	}
}

@media (max-width: 480px) {
	.vero-contact-title {
		font-size: 17.5px;
		line-height: 1.15;
	}
}

/* 2. Quick Contact Cards Grid (4 Columns) */
.vero-contact-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 36px;
}

@media (max-width: 1024px) {
	.vero-contact-cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.vero-contact-cards-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-bottom: 24px;
	}
}

.vero-contact-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	box-sizing: border-box;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.vero-contact-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(169, 200, 37, 0.08);
	border-color: #cbd5e1;
}

.vero-contact-card-icon {
	width: 48px;
	height: 48px;
	border-radius: 7px;
	background: #f2f8d8;
	color: #a9c825;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vero-contact-card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	margin-top: 14px;
}

.vero-contact-card-heading {
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.vero-contact-card-heading {
		font-size: 16px;
		line-height: 1.25;
		margin-bottom: 6px;
	}
}

.vero-contact-card-text {
	font-size: 14px;
	color: #475569;
	margin: 0 0 16px 0;
	line-height: 1.6;
}

.vero-contact-link {
	color: #0f172a;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.15s ease;
}

.vero-contact-link:hover {
	color: #a9c825;
}

.vero-contact-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	background: #f1f5f9;
	color: #0f172a;
	font-size: 14px;
	font-weight: 600;
	border-radius: 7px;
	text-decoration: none;
	margin-top: auto;
	align-self: flex-start;
	transition: background 0.15s ease, color 0.15s ease;
}



.vero-contact-btn:hover {
	background: #a9c825;
	color: #ffffff;
}

/* Hours List */
.vero-contact-hours-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #334155;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.vero-contact-hours-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 4px;
	border-bottom: 1px dashed #f1f5f9;
}

.vero-contact-hours-list li:last-child {
	border-bottom: none;
}

.vero-hours-off strong {
	color: #ef4444;
}

/* Social Links Pills */
.vero-contact-social-links {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vero-social-pill {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	min-height: 44px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	color: #0f172a;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.15s ease;
}

.vero-social-pill:hover {
	background: #a9c825;
	color: #ffffff;
	border-color: #a9c825;
}

/* 3. Main Grid (Form + Store Branches) */
.vero-contact-main-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-bottom: 36px;
}

@media (max-width: 991px) {
	.vero-contact-main-grid {
		grid-template-columns: 1fr;
		gap: 28px;
		margin-bottom: 24px;
	}
}


/* Form Card */
.vero-contact-form-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 32px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	box-sizing: border-box;
}

@media (max-width: 640px) {
	.vero-contact-form-card {
		padding: 20px;
		border-radius: 7px;
	}
}

.vero-form-header {
	margin-bottom: 24px;
}

.vero-form-title {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 6px 0;
	line-height: 1.15;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.vero-form-title {
		font-size: 17px;
		line-height: 1.15;
		margin-bottom: 6px;
	}
}

@media (max-width: 480px) {
	.vero-form-title {
		font-size: 16px;
		line-height: 1.15;
	}
}

.vero-form-desc {
	font-size: 14px;
	color: #64748b;
	margin: 0;
}

.vero-contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
}


.vero-form-row-2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

@media (max-width: 640px) {
	.vero-form-row-2col {
		grid-template-columns: 1fr;
	}
}

.vero-field-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.vero-label {
	font-size: 14px;
	font-weight: 600;
	color: #334155;
}

.vero-label .required {
	color: #ef4444;
}

/* Master Uniformity: All form inputs share identical phone-field background, 1.5px border, and pill radius */
.vero-contact-form .vero-input,
.vero-contact-form .vero-select,
.vero-contact-form input[type="text"],
.vero-contact-form input[type="email"],
.vero-contact-form input[type="tel"],
.vero-contact-form select {
	width: 100%;
	height: 48px;
	min-height: 48px;
	padding: 0 20px;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 500;
	color: #0f172a;
	font-family: inherit;
	box-shadow: none;
	box-sizing: border-box;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

/* Custom styling for Select dropdown arrow */
.vero-contact-form select.vero-select {
	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='%23334155' 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 18px center;
	padding-right: 42px;
}

.vero-contact-form .vero-textarea {
	width: 100%;
	min-height: 120px;
	padding: 16px 20px;
	background-color: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 500;
	color: #0f172a;
	font-family: inherit;
	box-shadow: none;
	box-sizing: border-box;
	resize: vertical;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Placeholder Blue/Slate Soft Accent */
.vero-contact-form .vero-input::placeholder,
.vero-contact-form .vero-textarea::placeholder,
.vero-contact-form input::placeholder {
	color: #a9c825;
	font-weight: 400;
	opacity: 0.9;
}

/* Focus States matching Phone input */
.vero-contact-form .vero-input:focus,
.vero-contact-form .vero-select:focus,
.vero-contact-form .vero-textarea:focus,
.vero-contact-form input:focus,
.vero-contact-form select:focus {
	outline: none;
	background-color: #ffffff;
	border-color: #a9c825;
	box-shadow: 0 0 0 4px rgba(169, 200, 37, 0.15);
}

.vero-form-feedback {
	padding: 14px 18px;
	border-radius: 7px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
}

.vero-form-feedback.is-success {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
}

.vero-form-feedback.is-error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

.vero-submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 32px;
	background: #a9c825;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	border: none;
	border-radius: 7px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
	box-shadow: 0 4px 12px rgba(169, 200, 37, 0.25);
}

.vero-submit-btn:hover {
	background: #8fa91d;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(169, 200, 37, 0.35);
}

.vero-submit-btn:disabled {
	opacity: 0.7;
	cursor: not-allowed;
	transform: none;
}

/* Form Trust Guarantee Bar */
.vero-form-trust-bar {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 16px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px dashed #e2e8f0;
}

.vero-trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #64748b;
}

.vero-trust-item svg {
	color: #a9c825;
	flex-shrink: 0;
}

@media (max-width: 640px) {
	.vero-form-trust-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}

/* Store Branches */

.vero-contact-branches-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.vero-branches-header {
	margin-bottom: 4px;
}

.vero-branches-title {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 6px 0;
	line-height: 1.15;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.vero-branches-title {
		font-size: 17px;
		line-height: 1.15;
		margin-bottom: 6px;
	}
}

@media (max-width: 480px) {
	.vero-branches-title {
		font-size: 16px;
		line-height: 1.15;
	}
}

.vero-branches-subtitle {
	font-size: 14px;
	color: #64748b;
	margin: 0;
}

.vero-branches-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.vero-branch-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
}

.vero-branch-header {
	display: flex;
	align-items: center;
	gap: 12px;
}

.vero-branch-badge {
	background: #f2f8d8;
	color: #8fa91d;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 7px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.vero-branch-name {
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
	margin: 0;
}

.vero-branch-details p {
	margin: 0;
	font-size: 14px;
	color: #475569;
	display: flex;
	align-items: center;
	gap: 8px;
}

.vero-branch-details a {
	color: #a9c825;
	text-decoration: none;
	font-weight: 600;
}

.vero-branch-map-embed {
	border-radius: 7px;
	overflow: hidden;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
}

.vero-branch-nav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 16px;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 7px;
	color: #0f172a;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.15s ease;
}

.vero-branch-nav-btn:hover {
	background: #a9c825;
	color: #ffffff;
	border-color: #a9c825;
}

/* 4. FAQ Accordion Section */
.vero-contact-faq-section {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 36px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}

@media (max-width: 640px) {
	.vero-contact-faq-section {
		padding: 20px;
		border-radius: 7px;
	}
}

.vero-faq-header {
	margin-bottom: 24px;
}

.vero-faq-title {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 6px 0;
	line-height: 1.15;
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.vero-faq-title {
		font-size: 17px;
		line-height: 1.15;
		margin-bottom: 6px;
	}
}

@media (max-width: 480px) {
	.vero-faq-title {
		font-size: 16px;
		line-height: 1.15;
	}
}

.vero-faq-subtitle {
	font-size: 14px;
	color: #64748b;
	margin: 0;
}

.vero-faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vero-faq-item {
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	background: #f8fafc;
	overflow: hidden;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.vero-faq-item[open] {
	background: #ffffff;
	border-color: #a9c825;
}

.vero-faq-question {
	padding: 16px 20px;
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	user-select: none;
}

.vero-faq-question::-webkit-details-marker {
	display: none;
}

.vero-faq-question .faq-arrow {
	color: #a9c825;
	transition: transform 0.2s ease;
}

.vero-faq-item[open] .faq-arrow {
	transform: rotate(180deg);
}

.vero-faq-answer {
	padding: 0 20px 20px 20px;
	font-size: 14px;
	line-height: 1.6;
	color: #475569;
	border-top: 1px solid #f1f5f9;
	margin-top: 4px;
	padding-top: 14px;
}

.vero-faq-answer p {
	margin: 0;
}

/* ==========================================================================
   MODULE: policy-pages.css
   ========================================================================== */
/**
 * Policy pages stylesheet for Vero.
 */

/* Ensure Policy Page Inner Elements Stretch 100% inside 1320px .vero-page-main */
html body .vero-page-main .entry-content,
html body .vero-page-main .wp-block-post-content,
html body .vero-page-main .is-layout-constrained,
html body .vero-page-main .is-layout-flow,
html body .vero-page-main .wp-block-post-content > *,
html body .vero-page-main .entry-content > *,
html body .vero-policy-container,
html body .vero-policy-hero-section,
html body .vero-policy-content-area {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

/* Policy Hero / Nav Section */
.vero-policy-hero-section {
	margin-top: 24px;
	margin-bottom: 28px;
}

.vero-policy-hero-grid {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 24px;
	align-items: stretch;
	width: 100%;
}

@media (max-width: 991px) {
	.vero-policy-hero-grid {
		grid-template-columns: 1fr;
	}
}

/* Left Navigation Sidebar Card */
.vero-policy-nav-card {
	background-color: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 20px 16px;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vero-policy-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vero-policy-nav-item {
	margin: 0;
	padding: 0;
}

.vero-policy-nav-link {
	display: flex;
	align-items: center;
	padding: 12px 18px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 15px;
	color: #334155;
	text-decoration: none;
	background-color: transparent;
	transition: background-color 0.2s ease, color 0.2s ease;
	min-height: 48px;
	box-sizing: border-box;
}

.vero-policy-nav-link:hover {
	background-color: #f1f5f9;
	color: #a9c825;
}

.vero-policy-nav-link.is-active,
.vero-policy-nav-item.is-active .vero-policy-nav-link {
	background-color: #f2f8d8;
	color: #a9c825;
	font-weight: 700;
	box-shadow: inset 3px 0 0 #a9c825;
}

/* Right Banner Image Card */
.vero-policy-banner-card {
	border-radius: 7px;
	overflow: hidden;
	background-color: #0f172a;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
	min-height: 240px;
	display: flex;
}

.vero-policy-banner-img {
	width: 100%;
	height: 100%;
	max-height: 320px;
	object-fit: cover;
	display: block;
}

/* Policy Main Content Styling (Transparent Background & Counter Reset) */
.vero-policy-content-area,
html body .vero-page-main .wp-block-post-content,
html body .vero-page-main .entry-content {
	counter-reset: policy-section;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding-top: 10px;
	padding-bottom: 48px;
}

.vero-policy-intro-text,
html body .vero-page-main .wp-block-post-content > p:first-of-type {
	font-size: 16px;
	line-height: 1.75;
	color: #1e293b;
	margin-bottom: 24px;
	font-weight: 500;
}

html body .vero-page-main .wp-block-post-content > p,
.vero-policy-paragraph {
	font-size: 15px;
	line-height: 1.75;
	color: #334155;
	margin-bottom: 16px;
}

/* Section H2 Headings with Automatic #a9c825 Circular Badge & #a9c825 Blue Title */
html body .vero-page-main .wp-block-post-content > h2,
html body .vero-page-main h2.wp-block-heading,
.vero-policy-content-area h2,
.vero-policy-section-title {
	font-size: 20px;
	font-weight: 700;
	color: #a9c825;
	line-height: 1.15;
	margin-top: 36px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	letter-spacing: -0.01em;
}

html body .vero-page-main .wp-block-post-content > h2::before,
html body .vero-page-main h2.wp-block-heading::before,
.vero-policy-content-area h2::before {
	counter-increment: policy-section;
	content: counter(policy-section);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #a9c825;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 18px;
	flex-shrink: 0;
	margin-right: 14px;
	box-shadow: 0 3px 8px rgba(255, 194, 0, 0.4);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Subheadings H3 (#a9c825 Color without badge, indented under heading) */
html body .vero-page-main .wp-block-post-content > h3,
html body .vero-page-main h3.wp-block-heading,
.vero-policy-subheading,
.vero-policy-content-area h3 {
	font-size: 17px;
	font-weight: 700;
	color: #a9c825;
	margin-top: 24px;
	margin-bottom: 14px;
	padding-left: 52px;
}

/* Styled Lists (Unordered & Ordered - Indented to line up under section heading text) */
html body .vero-page-main .wp-block-post-content > ul,
html body .vero-page-main .wp-block-post-content > ol,
html body .vero-page-main .wp-block-list,
.vero-policy-list {
	list-style: none;
	padding-left: 32px;
	margin-top: 0;
	margin-bottom: 24px;
}

html body .vero-page-main .wp-block-post-content > ul > li,
html body .vero-page-main .wp-block-post-content > ol > li,
html body .vero-page-main .wp-block-list > li,
.vero-policy-list li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.7;
	color: #334155;
}

/* Bullet Dot under the circle badge (at ~48px) and text starting at exactly 52px */
html body .vero-page-main .wp-block-post-content > ul > li::before,
html body .vero-page-main .wp-block-list > li::before,
.vero-policy-list li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #a9c825;
}

html body .vero-page-main .wp-block-post-content ul ul,
.vero-policy-nested-list {
	list-style: none;
	padding-left: 20px;
	margin-top: 8px;
	margin-bottom: 12px;
}

html body .vero-page-main .wp-block-post-content ul ul li::before,
.vero-policy-nested-list li::before {
	background-color: #a9c825;
}

@media (max-width: 768px) {
	html body .vero-page-main .wp-block-post-content > h2,
	html body .vero-page-main h2.wp-block-heading,
	.vero-policy-content-area h2,
	.vero-policy-section-title {
		font-size: 17px;
		line-height: 1.15;
		margin-top: 24px;
		margin-bottom: 14px;
		padding-bottom: 6px;
	}

	html body .vero-page-main .wp-block-post-content > h2::before,
	html body .vero-page-main h2.wp-block-heading::before,
	.vero-policy-content-area h2::before {
		width: 28px;
		height: 28px;
		font-size: 13px;
		margin-right: 8px;
	}

	html body .vero-page-main .wp-block-post-content > h3,
	html body .vero-page-main h3.wp-block-heading,
	.vero-policy-subheading,
	.vero-policy-content-area h3 {
		font-size: 15px;
		line-height: 1.2;
		margin-top: 18px;
		margin-bottom: 10px;
		padding-left: 0;
	}

	html body .vero-page-main .wp-block-post-content > ul,
	html body .vero-page-main .wp-block-post-content > ol,
	html body .vero-page-main .wp-block-list,
	.vero-policy-list {
		padding-left: 16px;
	}
}

@media (max-width: 480px) {
	html body .vero-page-main .wp-block-post-content > h2,
	html body .vero-page-main h2.wp-block-heading,
	.vero-policy-content-area h2,
	.vero-policy-section-title {
		font-size: 16px;
		line-height: 1.15;
	}
}

/* ==========================================================================
   MODULE: thankyou.css
   ========================================================================== */
/* Vero Custom Thank You (Order Received) Stylesheet */

/* Main Container Layout */
html body .vero-thankyou-main {
	width: 100%;
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 64px;
	font-family: inherit;
	color: #0f172a;
}

@media (max-width: 768px) {
	html body .vero-thankyou-main {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 30px;
		padding-bottom: 40px;
	}
}


/* --------------------------------------------------------------------------
   CHECKOUT PROGRESS STEPS BAR & HEADER
   -------------------------------------------------------------------------- */
.vero-cart-steps-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	padding: 0;
	list-style: none;
}

.vero-cart-step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 700;
	color: #94a3b8;
	text-decoration: none;
	transition: color 0.15s ease;
}

.vero-cart-step.is-active {
	color: #0f172a;
}

.vero-cart-step.is-completed {
	color: #334155;
}

.vero-cart-step.is-upcoming:hover,
.vero-cart-step.is-completed:hover {
	color: #a9c825;
}

.vero-cart-step-num {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11.5px;
	font-weight: 800;
	background: #e2e8f0;
	color: #64748b;
	line-height: 1;
	transition: all 0.15s ease;
}

.vero-cart-step.is-active .vero-cart-step-num {
	background: #a9c825;
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(169, 200, 37, 0.35);
}

.vero-cart-step.is-completed .vero-cart-step-num {
	background: #f1f5f9;
	color: #0f172a;
	border: 1px solid #cbd5e1;
}

.vero-cart-step.is-completed:hover .vero-cart-step-num {
	border-color: #a9c825;
	color: #a9c825;
}

.vero-cart-step-divider {
	color: #cbd5e1;
	display: inline-flex;
	align-items: center;
}

@media (max-width: 640px) {
	.vero-cart-steps-nav {
		gap: 8px;
		margin-bottom: 16px;
	}
	.vero-cart-step {
		font-size: 12px;
		gap: 6px;
	}
	.vero-cart-step-num {
		width: 19px;
		height: 19px;
		font-size: 10.5px;
	}
}

/* Page Header Bar */
.vero-cart-header-title-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	gap: 16px;
}

.vero-cart-header-left {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.vero-cart-page-title {
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	line-height: 1.15;
	letter-spacing: -0.015em;
}

.vero-cart-continue-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 700;
	color: #64748b;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	padding: 8px 14px;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: all 0.18s ease;
	user-select: none;
}

.vero-cart-continue-link svg {
	stroke: #64748b;
	transition: transform 0.18s ease, stroke 0.18s ease;
}

.vero-cart-continue-link:hover {
	color: #0f172a;
	background: #f8fafc;
	border-color: #cbd5e1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.vero-cart-continue-link:hover svg {
	stroke: #0f172a;
	transform: translateX(-3px);
}

@media (max-width: 640px) {
	.vero-cart-header-title-wrap {
		margin-bottom: 16px;
	}
	.vero-cart-page-title {
		font-size: 19px;
	}
	.vero-cart-continue-link span {
		display: none;
	}
	.vero-cart-continue-link {
		padding: 8px 10px;
	}
}


/* 1. HERO CONFIRMATION CARD */
.vero-thankyou-hero {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 40px 32px;
	text-align: center;
	box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04), 0 8px 10px -6px rgba(15, 23, 42, 0.02);
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}

.vero-thankyou-hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #059669 0%, #10b981 50%, #34d399 100%);
}

.vero-thankyou-hero-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #ecfdf5;
	color: #059669;
	margin-bottom: 20px;
	box-shadow: 0 0 0 10px rgba(16, 185, 129, 0.08);
	animation: veroPulseScale 2s infinite ease-in-out;
}

@keyframes veroPulseScale {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(16, 185, 129, 0.08);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 0 16px rgba(16, 185, 129, 0.04);
	}
}

.vero-thankyou-check-icon {
	display: block;
}

.vero-thankyou-title {
	font-size: 1.85rem;
	font-weight: 800;
	line-height: 1.25;
	color: #0f172a;
	margin: 0 0 12px 0;
	letter-spacing: -0.02em;
}

.vero-thankyou-subtitle {
	font-size: 1.05rem;
	color: #475569;
	margin: 0 0 28px 0;
	line-height: 1.5;
}

.vero-order-num-highlight {
	color: #059669;
	font-size: 1.15rem;
}

.vero-thankyou-hero-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}

.vero-thankyou-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 7px;
	font-size: 0.92rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	min-height: 44px;
	border: 1px solid #cbd5e1;
	background: #ffffff;
	color: #334155;
	user-select: none;
}

.vero-thankyou-action-btn:hover {
	background: #f8fafc;
	border-color: #94a3b8;
	color: #0f172a;
	transform: translateY(-1px);
}

.vero-thankyou-action-btn:focus-visible {
	outline: 2px solid #059669;
	outline-offset: 2px;
}

/* 2. ORDER STATUS TRACKER TIMELINE */
.vero-thankyou-card-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 20px 0;
	letter-spacing: -0.01em;
}

/* 3. TWO COLUMN GRID */
.vero-thankyou-grid {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 24px;
	margin-bottom: 40px;
}

.vero-thankyou-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 24px 28px;
	margin-bottom: 24px;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.vero-thankyou-card:last-child {
	margin-bottom: 0;
}

.vero-thankyou-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f1f5f9;
}

.vero-thankyou-card-header .vero-thankyou-card-title {
	margin-bottom: 0;
}

.vero-items-count-badge {
	background: #f1f5f9;
	color: #475569;
	font-size: 0.82rem;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 7px;
}

/* ITEM ROWS */
.vero-thankyou-items-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.vero-thankyou-item-row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #e2e8f0;
}

.vero-thankyou-item-row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.vero-item-thumb-box {
	width: 72px;
	height: 72px;
	border-radius: 7px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}

.vero-item-thumb-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.vero-item-info {
	flex: 1;
	min-width: 0;
}

.vero-item-cat {
	display: inline-block;
	font-size: 0.76rem;
	font-weight: 600;
	color: #059669;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 3px;
}

.vero-item-name {
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 4px 0;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vero-item-name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.vero-item-name a:hover {
	color: #059669;
}

.vero-item-qty-badge {
	display: inline-block;
	font-size: 0.82rem;
	color: #64748b;
}

.vero-item-total {
	font-size: 1.05rem;
	font-weight: 800;
	color: #0f172a;
	white-space: nowrap;
}

/* TOTALS SUMMARY CARD */
.vero-totals-rows {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vero-totals-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.92rem;
	color: #475569;
}

.vero-totals-val {
	font-weight: 700;
	color: #0f172a;
}

.vero-free-badge {
	display: inline-block;
	background: #dcfce7;
	color: #166534;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 7px;
}

.vero-payment-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f1f5f9;
	color: #334155;
	font-size: 0.85rem;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 7px;
}

.vero-totals-divider {
	border: 0;
	border-top: 1px solid #e2e8f0;
	margin: 8px 0;
}

.vero-grand-total-row {
	font-size: 1.15rem;
	font-weight: 800;
	color: #0f172a;
}

.vero-grand-total-val {
	font-size: 1.4rem;
	font-weight: 900;
	color: #059669;
}

/* CUSTOMER & DELIVERY DETAILS CARD */
.vero-customer-details-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.vero-customer-detail-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.vero-detail-icon {
	width: 36px;
	height: 36px;
	border-radius: 7px;
	background: #f1f5f9;
	color: #475569;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vero-detail-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.vero-detail-label {
	font-size: 0.78rem;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-weight: 600;
}

.vero-detail-value {
	font-size: 0.95rem;
	color: #0f172a;
	font-weight: 600;
}

.vero-address-box {
	font-style: normal;
	line-height: 1.45;
	font-weight: 500;
}

.vero-address-box p {
	margin: 0;
}

/* SUPPORT CARD */
.vero-thankyou-support-card {
	background: #ecfdf5;
	border-color: #a7f3d0;
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.vero-support-icon {
	width: 44px;
	height: 44px;
	border-radius: 7px;
	background: #059669;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.vero-support-title {
	font-size: 1.02rem;
	font-weight: 800;
	color: #065f46;
	margin: 0 0 4px 0;
}

.vero-support-desc {
	font-size: 0.85rem;
	color: #047857;
	margin: 0 0 10px 0;
	line-height: 1.4;
}

.vero-support-phone {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #ffffff;
	border: 1px solid #6ee7b7;
	color: #047857;
	font-weight: 800;
	font-size: 0.92rem;
	padding: 8px 14px;
	border-radius: 7px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.vero-support-phone:hover {
	background: #059669;
	color: #ffffff;
	border-color: #059669;
}

/* NAVIGATION ACTIONS CAPSULE */
.vero-thankyou-navigation-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 16px;
}

.vero-thankyou-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 7px;
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration: none;
	min-height: 48px;
	box-sizing: border-box;
	transition: all 0.2s ease;
	user-select: none;
}

.vero-btn-primary {
	background: #181E23;
	color: #ffffff;
	border: 1px solid #181E23;
}

.vero-btn-primary:hover {
	background: #059669;
	border-color: #059669;
	color: #ffffff;
	transform: translateY(-1px);
}

.vero-btn-secondary {
	background: #ffffff;
	color: #0f172a;
	border: 1px solid #cbd5e1;
}

.vero-btn-secondary:hover {
	background: #f8fafc;
	border-color: #94a3b8;
	transform: translateY(-1px);
}

/* 4. POST-PURCHASE RECOMMENDATIONS */
.vero-thankyou-recommendations-section {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	padding: 32px 28px;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.vero-rec-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.vero-rec-title {
	font-size: 1.35rem;
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	letter-spacing: -0.01em;
}

.vero-rec-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}


/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1200px) {
	.vero-rec-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 991px) {
	.vero-thankyou-grid {
		grid-template-columns: 1fr;
	}
	.vero-rec-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 640px) {
	.vero-thankyou-hero {
		padding: 24px 16px;
	}
	.vero-thankyou-title {
		font-size: 19px;
		line-height: 1.2;
	}
	.vero-thankyou-subtitle {
		font-size: 13.5px;
	}
	.vero-thankyou-card-title {
		font-size: 16px;
		line-height: 1.25;
	}
	.vero-rec-title {
		font-size: 18px;
		line-height: 1.2;
	}
	.vero-rec-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* PRINT STYLESHEET (@media print) */
@media print {
	header, footer, .vero-category-menu, .vero-thankyou-hero-actions, .vero-thankyou-navigation-actions, .vero-thankyou-recommendations-section, .vero-rec-arrows {
		display: none !important;
	}
	html body .vero-thankyou-main {
		padding: 0 !important;
		max-width: 100% !important;
	}
	.vero-thankyou-hero, .vero-thankyou-card {
		box-shadow: none !important;
		border: 1px solid #cccccc !important;
	}
}

/* 4. BANK TRANSFER DETAILS CARD (BACS) */
.vero-thankyou-bank-card {
	background: #ffffff;
	border: 2px solid #a9c825;
	border-radius: 7px;
	padding: 24px 28px;
	margin-bottom: 24px;
	box-shadow: 0 8px 24px -4px rgba(169, 200, 37, 0.12);
	position: relative;
	overflow: hidden;
}

.vero-thankyou-bank-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #a9c825 0%, #a9c825 100%);
}

.vero-bank-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.vero-bank-header-left {
	display: flex;
	align-items: center;
	gap: 14px;
}

.vero-bank-icon-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 7px;
	background: #f2f8d8;
	color: #a9c825;
	flex-shrink: 0;
}

.vero-bank-title {
	font-size: 1.25rem;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 4px 0;
}

.vero-bank-subtitle {
	font-size: 0.92rem;
	color: #64748b;
	margin: 0;
	line-height: 1.4;
}

.vero-bank-instructions {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: #f2f8d8;
	border: 1px solid #dbe89e;
	border-radius: 7px;
	padding: 12px 16px;
	color: #8fa91d;
	font-size: 0.92rem;
	line-height: 1.5;
	margin-bottom: 18px;
}

.vero-bank-instructions svg {
	flex-shrink: 0;
	margin-top: 2px;
	color: #a9c825;
}

.vero-bank-instructions p {
	margin: 0;
}

.vero-bank-reference-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: #f8fafc;
	border: 1.5px dashed #cbd5e1;
	border-radius: 7px;
	padding: 14px 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.vero-bank-ref-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vero-bank-ref-label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.vero-bank-ref-value {
	font-size: 1.1rem;
	font-weight: 800;
	color: #0f172a;
}

.vero-bank-amount {
	color: #059669;
	font-size: 1.25rem;
}

.vero-bank-copyable-val {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.vero-bank-accounts-grid {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.vero-bank-account-item {
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 7px;
	padding: 18px 20px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vero-bank-account-item:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}

.vero-bank-account-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.vero-bank-name {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 1.05rem;
	font-weight: 800;
	color: #0f172a;
}

.vero-bank-name svg {
	color: #a9c825;
}

.vero-bank-recipient {
	font-size: 0.9rem;
	color: #334155;
}

.vero-bank-sublabel {
	font-size: 0.82rem;
	font-weight: 600;
	color: #64748b;
	margin-right: 4px;
}

.vero-bank-iban-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #ffffff;
	border: 1.5px solid #cbd5e1;
	border-radius: 7px;
	padding: 10px 14px;
	flex-wrap: wrap;
}

.vero-bank-iban-info {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.vero-bank-iban-val {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 1.05rem;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: 0.05em;
	word-break: break-all;
}

.vero-bank-copy-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 7px;
	font-size: 0.85rem;
	font-weight: 700;
	background: #a9c825;
	color: #ffffff;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
	user-select: none;
}

.vero-bank-copy-btn:hover {
	background: #8fa91d;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(169, 200, 37, 0.25);
}

.vero-bank-copy-btn:active {
	transform: translateY(0);
}

.vero-bank-meta-row {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 10px;
	font-size: 0.85rem;
	color: #64748b;
	flex-wrap: wrap;
}

.vero-bank-meta-item strong {
	color: #334155;
}

@media (max-width: 768px) {
	.vero-thankyou-bank-card {
		padding: 20px 16px;
	}
	.vero-bank-header-left {
		gap: 10px;
	}
	.vero-bank-icon-badge {
		width: 40px;
		height: 40px;
	}
	.vero-bank-title {
		font-size: 1.1rem;
	}
	.vero-bank-reference-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 12px 14px;
	}
	.vero-bank-iban-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.vero-bank-iban-val {
		font-size: 0.95rem;
	}
	.vero-bank-copy-btn {
		width: 100%;
		min-height: 38px;
	}
}

/* SUPPRESS LEGACY DEFAULT WOOCOMMERCE THANK YOU ELEMENTS */
.woocommerce-order > .woocommerce-notice--success,
.woocommerce-order > .woocommerce-order-overview,
.woocommerce-order > .woocommerce-order-details,
.woocommerce-order > .order_details,
.woocommerce-order > h2.woocommerce-order-details__title,
.woocommerce-order > .woocommerce-customer-details,
.woocommerce-order > .wc-block-order-confirmation,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
ul.woocommerce-order-overview.woocommerce-thankyou-order-details,
section.woocommerce-order-details,
h2.woocommerce-order-details__title,
table.woocommerce-table--order-details {
	display: none !important;
}