/**
 * Medipharm Global - WooCommerce Custom Stylesheet
 * 
 * Clinical, modern, accessible overrides for WooCommerce products and catalog.
 */

/* ==========================================================================
   Header & Footer Brand Logo Protection on WooCommerce Pages
   ========================================================================== */
#mp-site-header .mp-header-brand-img,
body.woocommerce #mp-site-header .mp-header-brand-img,
body.woocommerce-page #mp-site-header .mp-header-brand-img,
.mp-header-brand-img {
	height: 52px !important;
	width: auto !important;
	max-width: 240px !important;
	object-fit: contain !important;
	display: block !important;
}

#mp-site-footer .mp-footer-brand-img,
body.woocommerce #mp-site-footer .mp-footer-brand-img,
body.woocommerce-page #mp-site-footer .mp-footer-brand-img,
.mp-footer-brand-img {
	height: 54px !important;
	width: auto !important;
	max-width: 250px !important;
	object-fit: contain !important;
	display: block !important;
}

@media (max-width: 768px) {
	#mp-site-header .mp-header-brand-img,
	.mp-header-brand-img {
		height: 42px !important;
		max-width: 190px !important;
	}
}

@media (max-width: 480px) {
	#mp-site-header .mp-header-brand-img,
	.mp-header-brand-img {
		height: 36px !important;
		max-width: 160px !important;
	}
}

/* WooCommerce Products Grid Harmonization */
/* WooCommerce Products Grid Harmonization (Compact 6-Col Matching Reference) */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr) !important;
	gap: 0.875rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

@media (max-width: 1280px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(5, 1fr) !important;
		gap: 0.75rem !important;
	}
}

@media (max-width: 1024px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 0.75rem !important;
	}
}

@media (max-width: 768px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 0.625rem !important;
	}
}

@media (max-width: 540px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.5rem !important;
	}
}

.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 12px !important;
	padding: 0.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: 0 1px 3px 0 rgba(11, 59, 96, 0.04) !important;
	position: relative !important;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 16px -2px rgba(11, 59, 96, 0.08) !important;
	border-color: #CBD5E1 !important;
}

/* Compact Product Image Box */
.woocommerce ul.products li.product a.post-thumbnail,
.woocommerce ul.products li.product .woocommerce-loop-product__link:first-child {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 125px !important;
	min-height: 125px !important;
	max-height: 125px !important;
	margin-bottom: 0.35rem !important;
	background: #F8FAFC !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

.woocommerce ul.products li.product img.wp-post-image,
.woocommerce ul.products li.product img.woocommerce-placeholder {
	max-height: 110px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	margin: 0 auto !important;
	transition: transform 0.25s ease !important;
}

.woocommerce ul.products li.product:hover img.wp-post-image,
.woocommerce ul.products li.product:hover img.woocommerce-placeholder {
	transform: scale(1.04) !important;
}

/* Compact Sale Badge */
.woocommerce ul.products li.product .onsale {
	font-size: 0.625rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	padding: 0.15rem 0.45rem !important;
	border-radius: 4px !important;
	top: 0.5rem !important;
	left: 0.5rem !important;
	right: auto !important;
	line-height: 1.2 !important;
	min-height: auto !important;
	min-width: auto !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
}

/* Compact Clamped Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: #0F172A !important;
	line-height: 1.3 !important;
	margin: 0.25rem 0 0.25rem 0 !important;
	padding: 0 !important;
	height: 2.15rem !important;
	min-height: 2.15rem !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
	color: inherit !important;
	text-decoration: none !important;
}

/* Hide long excerpt on loop cards to keep cards compact */
.woocommerce ul.products li.product .product-excerpt {
	display: none !important;
}

/* Compact Price */
.woocommerce ul.products li.product .price {
	color: #0B3B60 !important;
	font-size: 0.9375rem !important;
	font-weight: 800 !important;
	margin-bottom: 0.45rem !important;
	line-height: 1.2 !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 0.35rem !important;
	flex-wrap: wrap !important;
}

.woocommerce ul.products li.product .price del {
	color: #94A3B8 !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	margin-right: 0.25rem !important;
}

.woocommerce ul.products li.product .price ins {
	text-decoration: none !important;
	color: #0B3B60 !important;
}

.woocommerce ul.products li.product .product-details {
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	width: 100% !important;
}

/* Hide Add to Cart Action Wrap & Buttons on Shop & Category Loops (Keep Cards Minimal & Compact) */
.woocommerce ul.products.woo-archive-action-on-hover li.product .product-action-wrap,
.woocommerce ul.products.woo-archive-action-visible li.product .product-action-wrap,
.woocommerce ul.products li.product .product-action-wrap,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart {
	display: none !important;
}

/* Remove In Stock and Stock status indicators from Shop / Category Product Loops */
.woocommerce ul.products li.product .stock,
.woocommerce ul.products li.product .in-stock,
.woocommerce ul.products li.product .out-of-stock,
.woocommerce ul.products li.product .mp-stock-status,
.woocommerce ul.products li.product .kadence-woo-stock-status,
.kadence-woo-stock-status,
.mp-stock-status {
	display: none !important;
}

.woocommerce .star-rating {
	color: #F59E0B !important;
	font-size: 0.75rem !important;
	margin-bottom: 0.35rem !important;
}

/* Responsive grid for WooCommerce mobile templates */
@media (max-width: 1024px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 0.75rem !important;
	}
}

@media (max-width: 768px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.65rem !important;
		padding: 0 0.85rem 3.5rem 0.85rem !important;
	}

	.woocommerce ul.products li.product {
		border-radius: 12px !important;
		padding: 0.45rem !important;
		border: 1px solid #E2E8F0 !important;
		box-shadow: 0 1px 3px rgba(11, 59, 96, 0.03) !important;
	}

	.woocommerce ul.products li.product a.post-thumbnail,
	.woocommerce ul.products li.product .woocommerce-loop-product__link:first-child {
		height: 110px !important;
		min-height: 110px !important;
		max-height: 110px !important;
		border-radius: 8px !important;
		background: #F8FAFC !important;
		margin-bottom: 0.3rem !important;
	}

	.woocommerce ul.products li.product img.wp-post-image,
	.woocommerce ul.products li.product img.woocommerce-placeholder {
		max-height: 96px !important;
	}

	.woocommerce ul.products li.product .onsale {
		font-size: 0.58rem !important;
		font-weight: 800 !important;
		padding: 0.15rem 0.4rem !important;
		border-radius: 4px !important;
		top: 0.4rem !important;
		left: 0.4rem !important;
		background: #0056B3 !important;
		color: #FFFFFF !important;
		letter-spacing: 0.03em !important;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 0.76rem !important;
		font-weight: 600 !important;
		color: #0F172A !important;
		line-height: 1.25 !important;
		margin: 0.15rem 0 0.2rem 0 !important;
		height: auto !important;
		min-height: auto !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.woocommerce ul.products li.product .price {
		font-size: 0.88rem !important;
		font-weight: 800 !important;
		color: #0B3B60 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.woocommerce ul.products li.product .price del {
		font-size: 0.68rem !important;
		color: #94A3B8 !important;
		text-decoration: line-through !important;
	}

	.woocommerce ul.products li.product .price ins {
		font-size: 0.88rem !important;
		color: #0B3B60 !important;
		text-decoration: none !important;
	}
}

/* ==========================================================================
   MY ACCOUNT & PROFILE PORTAL STYLES
   ========================================================================== */

/* Container & Reset (Cancel Kadence float layout) */
.woocommerce-account .entry-content,
.woocommerce-account .entry-content-wrap {
	max-width: 100% !important;
}

/* For Logged-In Customers: Sidebar on left, Content on right */
body.logged-in.woocommerce-account .woocommerce {
	display: flex !important;
	flex-direction: row !important;
	gap: 2.25rem !important;
	margin: 2.5rem auto 4.5rem auto !important;
	max-width: 1200px !important;
	padding: 0 1.25rem !important;
	align-items: flex-start !important;
	float: none !important;
	width: 100% !important;
}

body.logged-in.woocommerce-account .woocommerce::before,
body.logged-in.woocommerce-account .woocommerce::after {
	display: none !important;
}

/* For Logged-Out Guests: Full-Width Clean Centered Container */
body:not(.logged-in).woocommerce-account .woocommerce {
	display: block !important;
	max-width: 960px !important;
	margin: 3rem auto 5rem auto !important;
	padding: 0 1.5rem !important;
	float: none !important;
	width: 100% !important;
}

body:not(.logged-in).woocommerce-account .woocommerce::before,
body:not(.logged-in).woocommerce-account .woocommerce::after {
	display: none !important;
}

/* Outer wrapper in Kadence - Transparent container */
.woocommerce-account .account-navigation-wrap,
.kadence-account-nav-right.woocommerce-account .account-navigation-wrap,
.kadence-account-nav-left.woocommerce-account .account-navigation-wrap {
	float: none !important;
	width: 260px !important;
	flex: 0 0 260px !important;
	max-width: 260px !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	order: 1 !important;
}

/* Inner Navigation Card - Single clean border & background */
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 14px !important;
	padding: 0.875rem !important;
	margin: 0 !important;
	background: #FFFFFF !important;
	box-shadow: 0 1px 3px rgba(11, 59, 96, 0.04) !important;
}

.woocommerce-account .account-navigation-wrap .kadence-account-avatar,
.woocommerce-account .account-navigation-wrap .kadence-customer-image {
	display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .account-navigation-wrap ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.375rem !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li,
.woocommerce-account .account-navigation-wrap li {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a,
.woocommerce-account .account-navigation-wrap li a {
	display: flex !important;
	align-items: center !important;
	padding: 0.75rem 1rem !important;
	color: #334155 !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	border-radius: 8px !important;
	border: none !important;
	margin: 0 !important;
	transition: all 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .account-navigation-wrap li a:hover {
	background-color: #F1F5F9 !important;
	color: #0B3B60 !important;
	transform: translateX(3px) !important;
	border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .account-navigation-wrap li.is-active a {
	background-color: #0B3B60 !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 12px rgba(11, 59, 96, 0.2) !important;
	border: none !important;
}

/* Right Content Area (Cancel Kadence floats) */
.woocommerce-account .woocommerce-MyAccount-content,
.kadence-account-nav-right.woocommerce-account .woocommerce-MyAccount-content,
.kadence-account-nav-left.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: calc(100% - 295px) !important;
	flex: 1 1 auto !important;
	padding: 2.25rem !important;
	margin: 0 !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 14px !important;
	box-shadow: 0 1px 3px rgba(11, 59, 96, 0.04) !important;
	min-width: 0 !important;
	order: 2 !important;
}

/* Welcome Header Card */
.mp-account-welcome-card {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding: 1.5rem;
	background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%);
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	margin-bottom: 2rem;
}

.mp-welcome-avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #0B3B60;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.mp-welcome-avatar-icon {
	width: 28px;
	height: 28px;
}

.mp-welcome-content {
	flex-grow: 1;
}

.mp-badge-clinical {
	display: inline-block;
	background: #E6FFFA;
	color: #007A6C;
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 0.2rem 0.5rem;
	border-radius: 4px;
	border: 1px solid #B2F5EA;
	margin-bottom: 0.25rem;
}

.mp-welcome-name {
	font-size: 1.25rem;
	font-weight: 700;
	color: #0B3B60;
	margin: 0 0 0.25rem 0;
	line-height: 1.2;
}

.mp-welcome-email {
	font-size: 0.875rem;
	color: #64748B;
	margin: 0;
}

.mp-btn-logout-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.5rem 0.875rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #DC2626;
	background: #FEF2F2;
	border: 1px solid #FEE2E2;
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.mp-btn-logout-link svg {
	width: 15px;
	height: 15px;
}

.mp-btn-logout-link:hover {
	background: #FEE2E2;
	color: #B91C1C;
}

/* Quick Action Portal Grid */
.mp-portal-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	margin-bottom: 2.5rem;
}

.mp-portal-card {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	transition: all 0.25s ease;
}

.mp-portal-card:hover {
	border-color: #0056B3;
	box-shadow: 0 8px 20px rgba(11, 59, 96, 0.08);
	transform: translateY(-2px);
}

.mp-portal-icon-wrap {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.mp-portal-icon-wrap svg {
	width: 22px;
	height: 22px;
}

.mp-icon-orders {
	background: #EFF6FF;
	color: #0056B3;
}

.mp-icon-profile {
	background: #F0FDF4;
	color: #16A34A;
}

.mp-icon-address {
	background: #FFFBEB;
	color: #D97706;
}

.mp-portal-title {
	font-size: 1.0625rem;
	font-weight: 700;
	color: #0B3B60;
	margin: 0 0 0.5rem 0;
	line-height: 1.3;
}

.mp-portal-desc {
	font-size: 0.8125rem;
	color: #64748B;
	line-height: 1.5;
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}

.mp-portal-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.625rem 1rem;
	border-radius: 8px;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}

.mp-portal-action-btn svg {
	width: 16px;
	height: 16px;
	transition: transform 0.2s ease;
}

.mp-portal-action-btn:hover svg {
	transform: translateX(3px);
}

.mp-btn-blue {
	background: #EBF3FA;
	color: #0B3B60;
	border: 1px solid rgba(11, 59, 96, 0.12);
}

.mp-btn-blue:hover {
	background: #0B3B60;
	color: #FFFFFF;
}

/* Recent Orders Section */
.mp-account-recent-section {
	border-top: 1px solid #E2E8F0;
	padding-top: 1.75rem;
}

.mp-recent-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.25rem;
}

.mp-recent-title {
	font-size: 1.125rem;
	font-weight: 700;
	color: #0B3B60;
	margin: 0;
}

.mp-recent-view-all {
	font-size: 0.875rem;
	font-weight: 600;
	color: #0056B3;
	text-decoration: none;
}

.mp-recent-view-all:hover {
	text-decoration: underline;
}

.mp-recent-table-wrap {
	overflow-x: auto;
}

.mp-recent-orders-table,
.woocommerce-orders-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 10px !important;
	overflow: hidden;
	margin-bottom: 0 !important;
}

.mp-recent-orders-table th,
.woocommerce-orders-table th {
	background: #F8FAFC !important;
	color: #475569 !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 0.875rem 1rem !important;
	border-bottom: 1px solid #E2E8F0 !important;
	text-align: left;
}

.mp-recent-orders-table td,
.woocommerce-orders-table td {
	padding: 1rem !important;
	font-size: 0.875rem !important;
	color: #1E293B !important;
	border-bottom: 1px solid #F1F5F9 !important;
	vertical-align: middle;
}

.mp-recent-orders-table tr:last-child td,
.woocommerce-orders-table tr:last-child td {
	border-bottom: none !important;
}

/* Order Status Badges */
.mp-order-status-badge {
	display: inline-block;
	padding: 0.25rem 0.625rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: capitalize;
}

.mp-status-completed {
	background: #DCFCE7;
	color: #15803D;
}

.mp-status-processing {
	background: #DBEAFE;
	color: #1D4ED8;
}

.mp-status-on-hold,
.mp-status-pending {
	background: #FEF3C7;
	color: #B45309;
}

.mp-status-cancelled,
.mp-status-failed {
	background: #FEE2E2;
	color: #B91C1C;
}

.mp-btn-order-view,
.woocommerce-orders-table .woocommerce-button {
	display: inline-block !important;
	padding: 0.375rem 0.875rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: #0B3B60 !important;
	background: #EBF3FA !important;
	border: 1px solid rgba(11, 59, 96, 0.15) !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.mp-btn-order-view:hover,
.woocommerce-orders-table .woocommerce-button:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
}

/* Empty State */
.mp-recent-empty {
	text-align: center;
	padding: 3rem 1.5rem;
	background: #F8FAFC;
	border-radius: 10px;
	border: 1px dashed #CBD5E1;
}

.mp-empty-icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 1rem auto;
	color: #94A3B8;
}

.mp-empty-icon svg {
	width: 100%;
	height: 100%;
}

.mp-recent-empty h4 {
	font-size: 1.125rem;
	font-weight: 700;
	color: #0B3B60;
	margin: 0 0 0.5rem 0;
}

.mp-recent-empty p {
	font-size: 0.875rem;
	color: #64748B;
	max-width: 420px;
	margin: 0 auto 1.5rem auto;
}

.mp-btn-start-shopping {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background: #0B3B60;
	color: #FFFFFF !important;
	border-radius: 8px;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease;
}

.mp-btn-start-shopping:hover {
	background: #0056B3;
}

/* Forms (Edit Account & Addresses) */
.woocommerce-EditAccountForm fieldset,
.woocommerce-address-fields fieldset {
	border: 1px solid #E2E8F0;
	border-radius: 10px;
	padding: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.woocommerce-EditAccountForm legend {
	font-weight: 700;
	color: #0B3B60;
	padding: 0 0.5rem;
}

.woocommerce-EditAccountForm input.input-text,
.woocommerce-address-fields input.input-text,
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text {
	width: 100% !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 8px !important;
	padding: 0.625rem 0.875rem !important;
	font-size: 0.9375rem !important;
	color: #0F172A !important;
	transition: border-color 0.2s ease !important;
	box-shadow: none !important;
}

.woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-address-fields input.input-text:focus,
.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus {
	border-color: #0056B3 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.12) !important;
}

.woocommerce-EditAccountForm button.button,
.woocommerce-address-fields button.button,
.woocommerce-form-login button.button,
.woocommerce-form-register button.button {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border: 1px solid #0B3B60 !important;
	border-radius: 8px !important;
	padding: 0.75rem 1.75rem !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

.woocommerce-EditAccountForm button.button:hover,
.woocommerce-address-fields button.button:hover,
.woocommerce-form-login button.button:hover,
.woocommerce-form-register button.button:hover {
	background: #0056B3 !important;
	border-color: #0056B3 !important;
}

/* Delivery & Billing Addresses Section (Clean 2-Column Responsive Cards) */
.mp-addresses-section,
.woocommerce-account .mp-addresses-section {
	width: 100% !important;
}

.mp-addresses-intro {
	margin-bottom: 1.5rem !important;
}

.mp-addresses-desc {
	font-size: 0.9375rem !important;
	color: #64748B !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

.mp-addresses-grid,
.woocommerce-account .mp-addresses-grid,
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 1.75rem !important;
	margin-top: 1.5rem !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.mp-address-card,
.woocommerce-account .mp-address-card,
.woocommerce-account .woocommerce-Address {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	background: #FFFFFF !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 14px !important;
	padding: 1.5rem !important;
	box-sizing: border-box !important;
	transition: all 0.25s ease !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.mp-address-card:hover,
.woocommerce-account .woocommerce-Address:hover {
	border-color: #0056B3 !important;
	box-shadow: 0 8px 24px rgba(11, 59, 96, 0.08) !important;
	transform: translateY(-2px) !important;
}

.mp-address-card-header,
.woocommerce-account .woocommerce-Address-title,
.woocommerce-account .addresses .title {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.75rem !important;
	margin-bottom: 1.25rem !important;
	padding-bottom: 0.875rem !important;
	border-bottom: 1.5px solid #E2E8F0 !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
}

.mp-address-card-header::before,
.mp-address-card-header::after,
.woocommerce-account .addresses .title::before,
.woocommerce-account .addresses .title::after {
	display: none !important;
}

.mp-address-title-group {
	display: flex !important;
	align-items: center !important;
	gap: 0.625rem !important;
	min-width: 0 !important;
}

.mp-address-icon {
	width: 22px !important;
	height: 22px !important;
	color: #0B3B60 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.mp-address-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.mp-address-heading,
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .addresses .title h2,
.woocommerce-account .addresses .title h3 {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
	float: none !important;
	white-space: normal !important;
}

.mp-address-status-pill {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.2rem 0.65rem !important;
	border-radius: 9999px !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

.mp-address-status-pill.is-configured {
	background: #DCFCE7 !important;
	color: #15803D !important;
}

.mp-address-status-pill.is-empty {
	background: #F1F5F9 !important;
	color: #64748B !important;
}

.mp-address-card-body,
.woocommerce-account .woocommerce-Address address {
	flex-grow: 1 !important;
	font-style: normal !important;
	font-size: 0.9375rem !important;
	line-height: 1.6 !important;
	color: #475569 !important;
	margin: 0 0 1.25rem 0 !important;
	min-height: 60px !important;
}

.mp-address-empty-text {
	font-size: 0.875rem !important;
	color: #64748B !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

.mp-formatted-address {
	font-style: normal !important;
	color: #1E293B !important;
	line-height: 1.6 !important;
}

/* Card Action Button Row */
.mp-address-card-footer {
	margin-top: auto !important;
	padding-top: 1rem !important;
	border-top: 1px dashed #E2E8F0 !important;
	width: 100% !important;
}

.mp-address-action-btn,
.mp-address-edit-btn,
.woocommerce-account .woocommerce-Address-title a.edit,
.woocommerce-account .addresses .title .edit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.7rem 1.25rem !important;
	border-radius: 8px !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	float: none !important;
	clear: both !important;
	line-height: 1.2 !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	text-align: center !important;
}

.mp-address-action-btn svg,
.mp-address-edit-btn svg {
	flex-shrink: 0 !important;
}

.mp-address-action-btn.mp-btn-add {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border: 1px solid #0B3B60 !important;
	box-shadow: 0 2px 8px rgba(11, 59, 96, 0.15) !important;
}

.mp-address-action-btn.mp-btn-add:hover {
	background: #0056B3 !important;
	border-color: #0056B3 !important;
	box-shadow: 0 4px 14px rgba(0, 86, 179, 0.25) !important;
	transform: translateY(-1px) !important;
	color: #FFFFFF !important;
}

.mp-address-action-btn.mp-btn-edit,
.woocommerce-account .woocommerce-Address-title a.edit,
.woocommerce-account .addresses .title .edit {
	background: #EBF3FA !important;
	color: #0B3B60 !important;
	border: 1px solid rgba(11, 59, 96, 0.15) !important;
}

.mp-address-action-btn.mp-btn-edit:hover,
.woocommerce-account .woocommerce-Address-title a.edit:hover,
.woocommerce-account .addresses .title .edit:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border-color: #0B3B60 !important;
	transform: translateY(-1px) !important;
}

/* Guest Login / Register Side-by-Side 2-Column Grid */
.woocommerce-account #customer_login,
.woocommerce-account .u-columns.col2-set {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 2rem !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	margin: 0 !important;
}

.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after,
.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after {
	display: none !important;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	background: #FFFFFF !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 14px !important;
	padding: 2.25rem !important;
	box-shadow: 0 4px 16px rgba(11, 59, 96, 0.04) !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.woocommerce-account .u-column1:hover,
.woocommerce-account .u-column2:hover {
	border-color: #0056B3 !important;
	box-shadow: 0 8px 24px rgba(11, 59, 96, 0.08) !important;
}

.woocommerce-account .u-column1 h2,
.woocommerce-account .u-column2 h2,
.woocommerce-account #customer_login h2 {
	font-size: 1.375rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	margin: 0 0 1.5rem 0 !important;
	padding-bottom: 0.875rem !important;
	border-bottom: 1.5px solid #E2E8F0 !important;
	line-height: 1.25 !important;
}

/* Auth Intro Card */
.mp-auth-intro-card {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding: 1.25rem 1.5rem;
	background: linear-gradient(135deg, #EFF6FF 0%, #F0FDF4 100%);
	border: 1px solid #BFDBFE;
	border-radius: 12px;
	margin-bottom: 2rem;
	width: 100%;
}

.mp-auth-icon-badge {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: #0B3B60;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.mp-auth-icon-badge svg {
	width: 22px;
	height: 22px;
}

.mp-auth-intro-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #0B3B60;
	margin: 0 0 0.25rem 0;
}

.mp-auth-intro-desc {
	font-size: 0.875rem;
	color: #475569;
	margin: 0;
	line-height: 1.45;
}

.mp-form-hint {
	display: block;
	font-size: 0.75rem;
	color: #64748B;
	margin-top: 0.25rem;
	line-height: 1.35;
}

/* Login & Register Form Inputs & Buttons */
.woocommerce-account form.login,
.woocommerce-account form.register {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.woocommerce-account form.login .form-row,
.woocommerce-account form.register .form-row {
	margin-bottom: 1.25rem !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
}

.woocommerce-account form.login label,
.woocommerce-account form.register label {
	display: block !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #1E293B !important;
	margin-bottom: 0.375rem !important;
}

.woocommerce-account form.login .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	font-weight: 500 !important;
	color: #475569 !important;
	margin-bottom: 1.25rem !important;
	cursor: pointer !important;
}

.woocommerce-account form.login button.button,
.woocommerce-account form.register button.button {
	width: 100% !important;
	padding: 0.875rem 1.5rem !important;
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border: 1px solid #0B3B60 !important;
	box-shadow: 0 4px 12px rgba(11, 59, 96, 0.15) !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
}

.woocommerce-account form.login button.button:hover,
.woocommerce-account form.register button.button:hover {
	background: #0056B3 !important;
	border-color: #0056B3 !important;
	box-shadow: 0 6px 18px rgba(0, 86, 179, 0.25) !important;
	transform: translateY(-1px) !important;
}

.woocommerce-account .lost_password {
	margin-top: 1rem !important;
	text-align: center !important;
}

.woocommerce-account .lost_password a {
	color: #0056B3 !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.woocommerce-account .lost_password a:hover {
	text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 900px) {
	.woocommerce-account .woocommerce {
		flex-direction: column !important;
	}
	.woocommerce-account .account-navigation-wrap,
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100% !important;
	}
	.mp-portal-grid {
		grid-template-columns: 1fr;
	}
	.woocommerce-account .u-columns,
	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr !important;
	}
}

/* ==========================================================================
   Shop & Catalog Archive Search Bar (Clinical, Responsive Pill Design)
   ========================================================================== */
.entry-hero.product-archive-hero-section .entry-header {
	min-height: auto !important;
	padding: 2.25rem 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center !important;
}

.entry-hero.product-archive-hero-section .page-title {
	font-size: 2.125rem !important;
	font-weight: 800 !important;
	color: #0B3B60 !important;
	margin: 0 0 1.25rem 0 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.2 !important;
}

.mp-shop-search-wrapper {
	width: 100% !important;
	max-width: 660px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

.mp-shop-search-form {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mp-shop-search-inner {
	display: flex !important;
	align-items: center !important;
	background: #FFFFFF !important;
	border: 2px solid #CBD5E1 !important;
	border-radius: 9999px !important;
	padding: 0.35rem 0.35rem 0.35rem 1.15rem !important;
	box-shadow: 0 4px 16px rgba(11, 59, 96, 0.07) !important;
	transition: all 0.25s ease !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.mp-shop-search-inner:focus-within {
	border-color: #0056B3 !important;
	box-shadow: 0 8px 24px rgba(0, 86, 179, 0.16) !important;
	background: #FFFFFF !important;
}

.mp-shop-search-icon {
	width: 20px !important;
	height: 20px !important;
	color: #64748B !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin-right: 0.625rem !important;
}

.mp-shop-search-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.mp-shop-search-inner input.mp-shop-search-input,
.mp-shop-search-inner input[type="search"].mp-shop-search-input {
	flex: 1 1 auto !important;
	border: none !important;
	outline: none !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	font-size: 0.9375rem !important;
	color: #0F172A !important;
	padding: 0.4rem 0.5rem !important;
	margin: 0 !important;
	height: auto !important;
	line-height: 1.5 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	min-width: 0 !important;
}

.mp-shop-search-inner input.mp-shop-search-input::placeholder {
	color: #94A3B8 !important;
	font-size: 0.875rem !important;
}

.mp-shop-search-clear {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	border-radius: 50% !important;
	background: #F1F5F9 !important;
	color: #64748B !important;
	margin-right: 0.5rem !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	flex-shrink: 0 !important;
}

.mp-shop-search-clear svg {
	width: 14px !important;
	height: 14px !important;
}

.mp-shop-search-clear:hover {
	background: #E2E8F0 !important;
	color: #0F172A !important;
}

.mp-shop-search-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.4rem !important;
	padding: 0.65rem 1.35rem !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border: 1px solid #0B3B60 !important;
	border-radius: 9999px !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	flex-shrink: 0 !important;
	line-height: 1.2 !important;
	box-shadow: 0 2px 6px rgba(11, 59, 96, 0.15) !important;
}

.mp-shop-search-btn:hover {
	background: #0056B3 !important;
	border-color: #0056B3 !important;
	box-shadow: 0 4px 14px rgba(0, 86, 179, 0.25) !important;
	transform: translateY(-1px) !important;
	color: #FFFFFF !important;
}

.mp-search-btn-arrow {
	width: 16px !important;
	height: 16px !important;
	transition: transform 0.2s ease !important;
}

.mp-shop-search-btn:hover .mp-search-btn-arrow {
	transform: translateX(3px) !important;
}

/* Quick Filter Pills Under Search */
.mp-shop-search-pills {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
	margin-top: 1rem !important;
}

.mp-pills-label {
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: #64748B !important;
	margin-right: 0.25rem !important;
}

.mp-pills-list {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 0.5rem !important;
}

.mp-pill-tag {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.35rem 0.85rem !important;
	border-radius: 9999px !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	background: #FFFFFF !important;
	color: #334155 !important;
	border: 1px solid #CBD5E1 !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.mp-pill-tag:hover {
	background: #F8FAFC !important;
	color: #0B3B60 !important;
	border-color: #0B3B60 !important;
	transform: translateY(-1px) !important;
}

.mp-pill-tag.is-active {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border-color: #0B3B60 !important;
	box-shadow: 0 2px 6px rgba(11, 59, 96, 0.15) !important;
}

@media (max-width: 768px) {
	/* 1. Sleek Compact App Category Header */
	.entry-hero.product-archive-hero-section,
	.entry-hero.product-hero-section,
	.entry-hero,
	.woocommerce-products-header {
		background: #FFFFFF !important;
		border-bottom: 1px solid #E2E8F0 !important;
		margin-bottom: 0 !important;
	}

	.entry-hero.product-archive-hero-section .entry-header,
	.entry-hero.product-hero-section .entry-header {
		min-height: auto !important;
		padding: 0.85rem 1rem !important;
		align-items: flex-start !important;
		text-align: left !important;
		justify-content: flex-start !important;
	}

	.entry-hero.product-archive-hero-section .page-title,
	.entry-hero.product-hero-section .page-title,
	.woocommerce-products-header .page-title,
	.product-title .single-category,
	.wp-site-blocks .product-hero-section .extra-title {
		font-size: 1.25rem !important;
		font-weight: 800 !important;
		color: #0F172A !important;
		margin: 0 !important;
		line-height: 1.25 !important;
		letter-spacing: -0.015em !important;
		text-align: left !important;
	}

	.mp-shop-search-inner {
		padding: 0.25rem 0.25rem 0.25rem 0.875rem !important;
	}
	.mp-shop-search-btn {
		padding: 0.55rem 0.875rem !important;
		font-size: 0.8125rem !important;
	}
	.mp-shop-search-btn span {
		display: none !important;
	}
	.mp-search-btn-arrow {
		width: 18px !important;
		height: 18px !important;
	}
	.mp-pills-label {
		display: none !important;
	}
	.mp-pill-tag {
		font-size: 0.75rem !important;
		padding: 0.25rem 0.65rem !important;
	}
}

/* ==========================================================================
   Mobile App Catalog Toolbar (Result count, Sort pill & Filter button)
   ========================================================================== */
.mp-mobile-catalog-toolbar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.5rem !important;
	padding: 0.65rem 1rem !important;
	background: #FFFFFF !important;
	border-bottom: 1px solid #F1F5F9 !important;
	margin-bottom: 0.85rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.mp-mobile-catalog-toolbar .woocommerce-result-count {
	float: none !important;
	margin: 0 !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	color: #64748B !important;
	line-height: 1.2 !important;
}

.mp-toolbar-actions-group {
	display: flex !important;
	align-items: center !important;
	gap: 0.45rem !important;
	margin-left: auto !important;
}

/* Sort Pill Button in Toolbar */
.mp-toolbar-actions-group .woocommerce-ordering {
	float: none !important;
	margin: 0 !important;
	position: relative !important;
	height: 32px !important;
	display: inline-flex !important;
	align-items: center !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 9999px !important;
	background: #FFFFFF !important;
	padding: 0 8px 0 25px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
	transition: all 0.2s ease !important;
}

.mp-toolbar-actions-group .woocommerce-ordering:hover {
	border-color: #0056B3 !important;
}

/* Dual-Arrow Sort Icon */
.mp-toolbar-actions-group .woocommerce-ordering::before {
	content: '' !important;
	position: absolute !important;
	left: 8px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 13px !important;
	height: 13px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B3B60' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 16 4 4 4-4'/%3E%3Cpath d='M7 20V4'/%3E%3Cpath d='m21 8-4-4-4 4'/%3E%3Cpath d='M17 4v16'/%3E%3C/svg%3E") !important;
	pointer-events: none !important;
}

/* Down Chevron */
.mp-toolbar-actions-group .woocommerce-ordering::after {
	content: '' !important;
	position: absolute !important;
	right: 7px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 10px !important;
	height: 10px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748B'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
	pointer-events: none !important;
}

.mp-toolbar-actions-group .woocommerce-ordering select.orderby {
	-webkit-appearance: none !important;
	appearance: none !important;
	border: none !important;
	background: transparent !important;
	padding: 0 12px 0 0 !important;
	margin: 0 !important;
	height: 100% !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	cursor: pointer !important;
	outline: none !important;
	line-height: 1 !important;
	box-shadow: none !important;
}

/* Product Specifications & Overview Wrap (Strictly Below Product Summary) */
.mp-product-specs-wrap {
	display: block !important;
	width: 100% !important;
	max-width: 1200px !important;
	margin: 2.5rem auto !important;
	clear: both !important;
}

/* Absolute Safeguard: Never display specs inside the image gallery */
.woocommerce div.product div.images .mp-product-specs-wrap,
.woocommerce-product-gallery .mp-product-specs-wrap {
	display: none !important;
}

@media (max-width: 768px) {
	/* Single Product Page Mobile Flexbox Layout Order (Images 1st -> Summary 2nd -> Specs 3rd) */
	.woocommerce div.product {
		display: flex !important;
		flex-direction: column !important;
	}

	.woocommerce div.product div.images,
	.woocommerce div.product .woocommerce-product-gallery {
		order: 1 !important;
		width: 100% !important;
		margin-bottom: 0.75rem !important;
	}

	.woocommerce div.product div.summary,
	.woocommerce div.product .entry-summary {
		order: 2 !important;
		width: 100% !important;
		padding: 0 0.85rem !important;
		margin-bottom: 1.25rem !important;
	}

	.woocommerce div.product .mp-product-specs-wrap,
	.mp-product-specs-wrap {
		order: 3 !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 1.5rem 0.85rem 3.5rem 0.85rem !important;
		width: calc(100% - 1.7rem) !important;
		max-width: 100% !important;
		clear: both !important;
		box-sizing: border-box !important;
	}

	.mp-product-merged-card {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.woocommerce div.product section.related.products,
	.woocommerce div.product .related.products {
		order: 4 !important;
		width: 100% !important;
		margin-top: 1.5rem !important;
	}

	/* Absolute Safeguard: Never display specs inside the image gallery */
	.woocommerce div.product div.images .mp-product-specs-wrap,
	.woocommerce-product-gallery .mp-product-specs-wrap {
		display: none !important;
	}

	/* Clean single-line breadcrumbs on mobile */
	.woocommerce-breadcrumb {
		font-size: 0.72rem !important;
		color: #64748B !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		padding: 0.5rem 0.85rem !important;
		margin-bottom: 0.5rem !important;
		border-bottom: 1px solid #F1F5F9 !important;
	}

	.woocommerce-breadcrumb a {
		color: #0056B3 !important;
		text-decoration: none !important;
	}

	/* Product Gallery mobile framing - Smooth Squircle Aesthetics */
	.woocommerce div.product div.images {
		margin-bottom: 0.75rem !important;
		padding: 0 0.85rem !important;
	}

	.woocommerce div.product div.images .flex-viewport,
	.woocommerce div.product div.images:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper,
	.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
		border: 1.5px solid #E2E8F0 !important;
		border-radius: 20px !important;
		background: #FFFFFF !important;
		overflow: hidden !important;
		box-shadow: 0 4px 16px rgba(11, 59, 96, 0.06) !important;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__image {
		height: 240px !important;
		max-height: 64vw !important;
		border-radius: 20px !important;
		overflow: hidden !important;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__image img {
		border-radius: 18px !important;
		object-fit: contain !important;
		padding: 6px !important;
	}

	.woocommerce div.product div.images .flex-control-thumbs {
		gap: 0.4rem !important;
		margin-top: 0.5rem !important;
	}

	.woocommerce div.product div.images .flex-control-thumbs li {
		width: 48px !important;
		height: 48px !important;
		flex: 0 0 48px !important;
		border-radius: 7px !important;
		padding: 3px !important;
	}

	.woocommerce span.onsale {
		top: 0.55rem !important;
		left: 0.55rem !important;
		border-radius: 5px !important;
		font-size: 0.6rem !important;
		font-weight: 800 !important;
		padding: 0.2rem 0.45rem !important;
		background: #0056B3 !important;
		color: #FFFFFF !important;
		letter-spacing: 0.03em !important;
	}

	/* Product Summary on mobile - Compact & Sleek */
	.woocommerce div.product div.summary {
		padding: 0 0.85rem !important;
		margin-bottom: 1rem !important;
	}

	.mp-product-category-eyebrow {
		font-size: 0.65rem !important;
		font-weight: 700 !important;
		color: #0056B3 !important;
		letter-spacing: 0.05em !important;
		text-transform: uppercase !important;
		margin-bottom: 0.15rem !important;
	}

	.woocommerce div.product .product_title {
		font-size: 0.98rem !important;
		font-weight: 700 !important;
		color: #0F172A !important;
		line-height: 1.25 !important;
		letter-spacing: -0.01em !important;
		margin: 0 0 0.2rem 0 !important;
	}

	.mp-product-brand-by {
		font-size: 0.72rem !important;
		color: #64748B !important;
		margin-bottom: 0.3rem !important;
	}

	.mp-product-rating-row {
		display: inline-flex !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 0.35rem !important;
		margin-bottom: 0.45rem !important;
		font-size: 0.72rem !important;
	}

	.mp-rating-pill {
		padding: 0.12rem 0.4rem !important;
		font-size: 0.7rem !important;
		border-radius: 4px !important;
		gap: 2px !important;
	}

	.mp-rating-star-icon {
		width: 11px !important;
		height: 11px !important;
	}

	.mp-rating-count,
	.mp-sold-count {
		font-size: 0.72rem !important;
		color: #64748B !important;
	}

	.woocommerce div.product p.price,
	.woocommerce div.product span.price {
		font-size: 1.28rem !important;
		font-weight: 800 !important;
		color: #0B3B60 !important;
		line-height: 1.15 !important;
		display: flex !important;
		align-items: baseline !important;
		gap: 0.4rem !important;
		margin-bottom: 0.15rem !important;
	}

	.woocommerce div.product .price del {
		font-size: 0.82rem !important;
		color: #94A3B8 !important;
		font-weight: 500 !important;
	}

	.woocommerce div.product .price ins {
		font-size: 1.28rem !important;
		font-weight: 800 !important;
		color: #0B3B60 !important;
	}

	.mp-tax-savings-row {
		font-size: 0.72rem !important;
		margin-bottom: 0.45rem !important;
		gap: 0.3rem !important;
	}

	.mp-genuine-badge-card {
		display: none !important;
	}

	.mp-swatches-wrap {
		margin: 0.5rem 0 !important;
	}

	.mp-swatches-label {
		font-size: 0.75rem !important;
		font-weight: 700 !important;
		color: #1E293B !important;
		margin-bottom: 0.3rem !important;
	}

	.mp-swatch-pill {
		padding: 0.38rem 0.7rem !important;
		border-radius: 7px !important;
		font-size: 0.75rem !important;
		font-weight: 700 !important;
		border: 1.2px solid #CBD5E1 !important;
	}

	.mp-swatch-pill.is-active {
		border-color: #0056B3 !important;
		background: #EFF6FF !important;
		color: #0056B3 !important;
		font-weight: 800 !important;
	}

	.woocommerce div.product form.cart {
		margin: 0.65rem 0 !important;
	}

	.woocommerce div.product form.cart .quantity {
		margin-bottom: 0.45rem !important;
	}

	.mp-action-buttons-wrap {
		display: flex !important;
		align-items: center !important;
		gap: 0.5rem !important;
		width: 100% !important;
		margin: 0.35rem 0 0.5rem 0 !important;
	}

	.woocommerce div.product form.cart .mp-action-buttons-wrap .button.single_add_to_cart_button,
	.woocommerce div.product form.cart .button.single_add_to_cart_button,
	.single_add_to_cart_button {
		flex: 1 1 0% !important;
		width: 50% !important;
		min-width: 0 !important;
		height: 44px !important;
		padding: 0 0.5rem !important;
		border-radius: 10px !important;
		font-size: 0.85rem !important;
		font-weight: 700 !important;
		background: #FFFFFF !important;
		color: #0B3B60 !important;
		border: 1.5px solid #0B3B60 !important;
		outline: none !important;
		box-shadow: 0 1px 3px rgba(11, 59, 96, 0.06) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		letter-spacing: 0.02em !important;
		line-height: 1 !important;
		cursor: pointer !important;
		box-sizing: border-box !important;
		-webkit-appearance: none !important;
		appearance: none !important;
	}

	.woocommerce div.product form.cart .mp-action-buttons-wrap .mp-buy-it-now-btn,
	.mp-buy-it-now-btn {
		flex: 1 1 0% !important;
		width: 50% !important;
		min-width: 0 !important;
		height: 44px !important;
		padding: 0 0.5rem !important;
		border-radius: 10px !important;
		font-size: 0.85rem !important;
		font-weight: 700 !important;
		background: #0B3B60 !important;
		color: #FFFFFF !important;
		border: 1.5px solid #0B3B60 !important;
		outline: none !important;
		box-shadow: 0 2px 6px rgba(11, 59, 96, 0.2) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		letter-spacing: 0.02em !important;
		line-height: 1 !important;
		cursor: pointer !important;
		box-sizing: border-box !important;
		-webkit-appearance: none !important;
		appearance: none !important;
	}

	.mp-delivery-check-card {
		padding: 0.6rem 0.8rem !important;
		border-radius: 12px !important;
		margin: 0.75rem 0 !important;
	}
}

/* ==========================================================================
   Live Search Suggestions Dropdown (Clinical Card Layout)
   ========================================================================== */
.mp-search-suggestions-dropdown {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 99999 !important;
	background: #FFFFFF !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 16px !important;
	box-shadow: 0 16px 38px -6px rgba(11, 59, 96, 0.16), 0 6px 14px -3px rgba(11, 59, 96, 0.08) !important;
	max-height: 440px !important;
	overflow-y: auto !important;
	text-align: left !important;
	box-sizing: border-box !important;
	animation: mpSuggestFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes mpSuggestFadeIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mp-suggest-section {
	padding: 0.75rem 0.875rem !important;
	border-bottom: 1px solid #F1F5F9 !important;
}

.mp-suggest-section:last-of-type {
	border-bottom: none !important;
}

.mp-suggest-heading {
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	color: #64748B !important;
	margin-bottom: 0.5rem !important;
	display: flex !important;
	align-items: center !important;
	gap: 0.4rem !important;
}

.mp-suggest-heading svg {
	width: 13px !important;
	height: 13px !important;
	color: #00A896 !important;
	flex-shrink: 0 !important;
}

.mp-suggest-group,
.mp-suggest-products-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.25rem !important;
}

.mp-suggest-link {
	display: flex !important;
	align-items: center !important;
	padding: 0.55rem 0.75rem !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	color: #1E293B !important;
	transition: all 0.15s ease !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

.mp-suggest-link:hover,
.mp-suggest-link.is-focused {
	background: #F1F5F9 !important;
	color: #0B3B60 !important;
	transform: translateX(2px) !important;
}

/* Brand Suggestions */
.mp-suggest-brand-link {
	justify-content: flex-start !important;
}

.mp-suggest-brand-badge {
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	padding: 0.15rem 0.5rem !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	margin-right: 0.625rem !important;
	flex-shrink: 0 !important;
}

.mp-suggest-brand-title {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
}

.mp-suggest-action-label {
	margin-left: auto !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	color: #00A896 !important;
	white-space: nowrap !important;
}

/* Category Suggestions */
.mp-suggest-cat-title {
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #1E293B !important;
}

.mp-suggest-meta-count {
	margin-left: auto !important;
	font-size: 0.75rem !important;
	color: #64748B !important;
}

/* Product Suggestions */
.mp-suggest-product-link {
	gap: 0.75rem !important;
}

.mp-suggest-thumb {
	width: 44px !important;
	height: 44px !important;
	border-radius: 8px !important;
	background: #F8FAFC !important;
	border: 1px solid #E2E8F0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
}

.mp-suggest-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	display: block !important;
}

.mp-suggest-info {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.mp-suggest-prod-title {
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #0F172A !important;
	line-height: 1.35 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.mp-suggest-prod-meta {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin-top: 0.2rem !important;
	font-size: 0.8125rem !important;
}

.mp-suggest-prod-price {
	font-weight: 700 !important;
	color: #0B3B60 !important;
}

.mp-suggest-prod-cat {
	font-size: 0.6875rem !important;
	color: #64748B !important;
	background: #F1F5F9 !important;
	padding: 0.1rem 0.4rem !important;
	border-radius: 4px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 160px !important;
}

/* Highlight Matches */
mark.mp-search-highlight {
	background: #FEF08A !important;
	color: #854D0E !important;
	border-radius: 2px !important;
	padding: 0 1px !important;
	font-weight: 700 !important;
}

/* Suggestion Footer */
.mp-suggest-footer {
	padding: 0.75rem 0.875rem !important;
	background: #F8FAFC !important;
	border-top: 1px solid #E2E8F0 !important;
	text-align: center !important;
	border-radius: 0 0 14px 14px !important;
}

.mp-suggest-view-all {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.4rem !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.mp-suggest-view-all:hover {
	color: #0056B3 !important;
	text-decoration: underline !important;
}

.mp-suggest-view-all svg {
	width: 14px !important;
	height: 14px !important;
}

/* Empty & Loading States */
.mp-suggest-loading {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.75rem !important;
	padding: 1.5rem 1rem !important;
	color: #64748B !important;
	font-size: 0.875rem !important;
}

.mp-suggest-spinner {
	width: 18px !important;
	height: 18px !important;
	border: 2px solid #CBD5E1 !important;
	border-top-color: #0B3B60 !important;
	border-radius: 50% !important;
	animation: mpSearchSpin 0.6s linear infinite !important;
	flex-shrink: 0 !important;
}

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

.mp-suggest-empty {
	padding: 1.75rem 1rem !important;
	text-align: center !important;
}

.mp-suggest-empty-icon {
	width: 36px !important;
	height: 36px !important;
	color: #94A3B8 !important;
	margin: 0 auto 0.625rem auto !important;
}

.mp-suggest-empty-icon svg {
	width: 100% !important;
	height: 100% !important;
}

.mp-suggest-empty-title {
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	color: #1E293B !important;
	margin-bottom: 0.25rem !important;
}

.mp-suggest-empty-hint {
	font-size: 0.75rem !important;
	color: #64748B !important;
	line-height: 1.4 !important;
}

/* ==========================================================================
   Modern Clinical Single Product Page Styling
   ========================================================================== */

/* Breadcrumbs */
.single-product .woocommerce-breadcrumb {
	font-size: 0.8125rem !important;
	color: #64748B !important;
	margin-bottom: 2rem !important;
	padding: 0.75rem 0 !important;
	border-bottom: 1px solid #F1F5F9 !important;
}

.single-product .woocommerce-breadcrumb a {
	color: #0B3B60 !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.single-product .woocommerce-breadcrumb a:hover {
	color: #0056B3 !important;
	text-decoration: underline !important;
}

/* Clean Single Product Gallery Framing */
.woocommerce div.product div.images {
	margin-bottom: 2rem !important;
	position: relative !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

.woocommerce div.product div.images .flex-viewport,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	order: 1 !important;
	width: 100% !important;
}

.woocommerce div.product div.images .flex-control-thumbs {
	order: 2 !important;
	width: 100% !important;
}

/* Framed Main Image Viewport (Squircle Aesthetics) */
.woocommerce div.product div.images .flex-viewport,
.woocommerce div.product div.images:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper {
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 20px !important;
	background: #FFFFFF !important;
	overflow: hidden !important;
	position: relative !important;
	box-shadow: 0 4px 20px rgba(11, 59, 96, 0.06) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce div.product div.images .flex-viewport:hover,
.woocommerce div.product div.images:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper:hover {
	border-color: #CBD5E1 !important;
	box-shadow: 0 6px 20px rgba(11, 59, 96, 0.08) !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	margin: 0 !important;
	padding: 0 !important;
	background: #FFFFFF !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #FFFFFF !important;
	min-height: 400px !important;
	max-height: 480px !important;
	overflow: hidden !important;
	position: relative !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}

.woocommerce div.product div.images img {
	width: 100% !important;
	height: 100% !important;
	max-height: 460px !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 auto !important;
	border-radius: 0 !important;
	transition: transform 0.25s ease !important;
}

/* Floating Corner Photo Counter Badge */
.mp-gallery-counter {
	position: absolute !important;
	bottom: 14px !important;
	right: 14px !important;
	z-index: 99 !important;
	background: rgba(15, 23, 42, 0.82) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	color: #FFFFFF !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	padding: 0.35rem 0.75rem !important;
	border-radius: 9999px !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	pointer-events: none !important;
	user-select: none !important;
}

.mp-gallery-counter .mp-counter-current {
	color: #38BDF8 !important;
	font-weight: 800 !important;
}

.mp-gallery-counter .mp-counter-slash {
	opacity: 0.6 !important;
}

/* Floating Prev & Next Navigation Arrows on Main Image */
.mp-gallery-arrow {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 99 !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.96) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1.5px solid #CBD5E1 !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.16) !important;
	color: #0B3B60 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	outline: none !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-gallery-arrow:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border-color: #0B3B60 !important;
	transform: translateY(-50%) scale(1.1) !important;
	box-shadow: 0 6px 18px rgba(11, 59, 96, 0.3) !important;
}

.mp-gallery-arrow:active {
	transform: translateY(-50%) scale(0.95) !important;
}

.mp-gallery-arrow svg {
	width: 18px !important;
	height: 18px !important;
	stroke-width: 2.5 !important;
	pointer-events: none !important;
}

.mp-gallery-arrow-prev {
	left: 12px !important;
}

.mp-gallery-arrow-next {
	right: 12px !important;
}

/* Zoom Trigger (Magnifier Glass Icon) */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	top: 1rem !important;
	right: 1rem !important;
	width: 36px !important;
	height: 36px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(4px) !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
	z-index: 10 !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border-color: #0B3B60 !important;
	transform: scale(1.05) !important;
}

/* Gallery Thumbnails Below Main Image */
.woocommerce div.product div.images .flex-control-thumbs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
	margin: 1rem 0 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 76px !important;
	height: 76px !important;
	flex: 0 0 76px !important;
	border: 2px solid #E2E8F0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	cursor: pointer !important;
	background: #FFFFFF !important;
	padding: 4px !important;
	box-sizing: border-box !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.woocommerce div.product div.images .flex-control-thumbs li:hover {
	border-color: #0056B3 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 10px rgba(0, 86, 179, 0.15) !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	border-radius: 6px !important;
	opacity: 0.7 !important;
	transition: opacity 0.2s ease !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li:hover img {
	opacity: 1 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li:has(img.flex-active),
.woocommerce div.product div.images .flex-control-thumbs li:hover {
	border-color: #0056B3 !important;
	box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.25) !important;
}

/* Responsive Gallery Rules for Mobile Devices */
@media (max-width: 768px) {
	.woocommerce div.product div.images .woocommerce-product-gallery__image {
		min-height: auto !important;
		height: 320px !important;
		max-height: 75vw !important;
	}

	.woocommerce div.product div.images .flex-control-thumbs {
		gap: 0.5rem !important;
		margin-top: 0.75rem !important;
	}

	.woocommerce div.product div.images .flex-control-thumbs li {
		width: 58px !important;
		height: 58px !important;
		flex: 0 0 58px !important;
	}

	.mp-gallery-arrow {
		width: 34px !important;
		height: 34px !important;
	}

	.mp-gallery-arrow svg {
		width: 16px !important;
		height: 16px !important;
	}

	.mp-gallery-arrow-prev {
		left: 8px !important;
	}

	.mp-gallery-arrow-next {
		right: 8px !important;
	}

	.mp-gallery-counter {
		bottom: 10px !important;
		right: 10px !important;
		font-size: 0.7rem !important;
		padding: 0.25rem 0.6rem !important;
	}
}


/* Sleek Sale Badge inside gallery */
.woocommerce span.onsale {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	padding: 0.35rem 0.85rem !important;
	border-radius: 6px !important;
	top: 1rem !important;
	left: 1rem !important;
	min-height: auto !important;
	min-width: auto !important;
	line-height: 1 !important;
	box-shadow: 0 3px 8px rgba(11, 59, 96, 0.2) !important;
	z-index: 10 !important;
}

/* Category Eyebrow above Product Title */
.mp-product-category-eyebrow {
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	margin-bottom: 0.35rem !important;
}

.mp-product-category-eyebrow a {
	color: #0056B3 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.mp-product-category-eyebrow a:hover {
	color: #0B3B60 !important;
	text-decoration: underline !important;
}

/* Product Title */
.woocommerce div.product .product_title {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	line-height: 1.3 !important;
	letter-spacing: -0.015em !important;
	margin: 0 0 0.35rem 0 !important;
}

/* "by [Brand]" directly below title */
.mp-product-brand-by {
	font-size: 0.9375rem !important;
	color: #64748B !important;
	font-weight: 500 !important;
	margin-bottom: 0.75rem !important;
}

.mp-product-brand-by a {
	color: #0056B3 !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	transition: color 0.15s ease !important;
}

.mp-product-brand-by a:hover {
	color: #0B3B60 !important;
}

/* Rating & Sold Row (Reference Design Style) */
.mp-product-rating-row {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin-bottom: 1.25rem !important;
	font-size: 0.875rem !important;
	flex-wrap: wrap !important;
}

.mp-rating-pill-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: opacity 0.15s ease !important;
}

.mp-rating-pill-link:hover {
	opacity: 0.85 !important;
}

.mp-rating-pill-link:hover .mp-rating-count {
	color: #0056B3 !important;
	text-decoration: underline !important;
}

.mp-rating-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 0.8125rem !important;
	padding: 0.2rem 0.55rem !important;
	border-radius: 6px !important;
	line-height: 1.2 !important;
}

.mp-rating-star-icon {
	width: 14px !important;
	height: 14px !important;
	fill: #F59E0B !important;
	flex-shrink: 0 !important;
}

.mp-rating-count {
	color: #475569 !important;
	font-weight: 600 !important;
}

.mp-rating-dot {
	color: #CBD5E1 !important;
}

.mp-sold-count {
	color: #64748B !important;
	font-weight: 500 !important;
}

/* Price Section */
.woocommerce div.product p.price {
	display: flex !important;
	align-items: baseline !important;
	gap: 0.75rem !important;
	margin: 0 0 0.35rem 0 !important;
	font-size: 2rem !important;
	font-weight: 800 !important;
	color: #0F172A !important;
	line-height: 1 !important;
}

.woocommerce div.product p.price del {
	font-size: 1.125rem !important;
	color: #94A3B8 !important;
	font-weight: 500 !important;
}

.woocommerce div.product p.price ins {
	text-decoration: none !important;
	color: #0F172A !important;
	font-weight: 800 !important;
}

/* Tax & Savings Row */
.mp-tax-savings-row {
	display: flex !important;
	align-items: center !important;
	gap: 0.4rem !important;
	font-size: 0.875rem !important;
	color: #64748B !important;
	margin-bottom: 1.25rem !important;
	flex-wrap: wrap !important;
}

.mp-tax-dot {
	color: #CBD5E1 !important;
}

.mp-tax-savings {
	color: #0056B3 !important;
	font-weight: 700 !important;
}

/* 100% Genuine Badge Card (Hidden per user request) */
.mp-genuine-badge-card {
	display: none !important;
}

/* Short Description */
.woocommerce-product-details__short-description {
	font-size: 0.9375rem !important;
	line-height: 1.65 !important;
	color: #475569 !important;
	border-top: 1px solid #F1F5F9 !important;
	padding-top: 1.25rem !important;
	margin-bottom: 1.5rem !important;
}

/* Clinical Trust Grid (Removed per design update) */
.mp-product-trust-grid {
	display: none !important;
}

/* Cart Form & Buttons */
.woocommerce div.product form.cart {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 0.875rem !important;
	margin-bottom: 1.75rem !important;
	padding-top: 0.5rem !important;
}

.woocommerce div.product form.cart .quantity {
	display: inline-flex !important;
	align-items: center !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 10px !important;
	background: #FFFFFF !important;
	overflow: hidden !important;
	height: 48px !important;
	margin: 0 !important;
	float: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.mp-qty-btn {
	width: 38px !important;
	height: 100% !important;
	border: none !important;
	background: transparent !important;
	color: #0B3B60 !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.15s ease !important;
	line-height: 1 !important;
	padding: 0 !important;
}

.mp-qty-btn:hover {
	background: #F1F5F9 !important;
	color: #0056B3 !important;
}

.woocommerce div.product form.cart .quantity input.qty {
	width: 44px !important;
	height: 100% !important;
	border: none !important;
	text-align: center !important;
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	-moz-appearance: textfield !important;
}

.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

/* Action Buttons Wrapper - Add to Cart & Buy It Now side-by-side (halved) */
.mp-action-buttons-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	width: 100% !important;
	margin: 0.5rem 0 !important;
}

/* Outlined Add to Cart Button (Matching Reference) */
.woocommerce div.product form.cart .mp-action-buttons-wrap .button.single_add_to_cart_button,
.woocommerce div.product form.cart .button.single_add_to_cart_button {
	height: 44px !important;
	flex: 1 1 0% !important;
	width: 50% !important;
	min-width: 0 !important;
	padding: 0 1rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	background: #FFFFFF !important;
	color: #0B3B60 !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	border: 2px solid #0B3B60 !important;
	box-shadow: 0 1px 3px rgba(11, 59, 96, 0.06) !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
}

.woocommerce div.product form.cart .mp-action-buttons-wrap .button.single_add_to_cart_button:hover,
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(11, 59, 96, 0.2) !important;
}

/* Solid BUY IT NOW Button (Halved side-by-side) */
.woocommerce div.product form.cart .mp-action-buttons-wrap .mp-buy-it-now-btn,
.mp-buy-it-now-btn {
	height: 44px !important;
	flex: 1 1 0% !important;
	width: 50% !important;
	min-width: 0 !important;
	padding: 0 1rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	border-radius: 8px !important;
	border: 2px solid #0B3B60 !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
	box-shadow: 0 2px 8px rgba(11, 59, 96, 0.2) !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
}

.mp-buy-it-now-btn:hover {
	background: #002B4D !important;
	border-color: #002B4D !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(11, 59, 96, 0.3) !important;
}

.mp-buy-it-now-btn:active {
	transform: translateY(0) !important;
}

/* Delivery Pincode Checker Card (Matching Reference) */
.mp-delivery-check-card {
	background: #F8FAFC !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 12px !important;
	padding: 1.25rem !important;
	margin: 1.75rem 0 !important;
	width: 100% !important;
}

.mp-delivery-header {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	font-weight: 800 !important;
	font-size: 0.8125rem !important;
	color: #0B3B60 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	margin-bottom: 0.875rem !important;
}

.mp-delivery-pin-icon {
	width: 18px !important;
	height: 18px !important;
	color: #0056B3 !important;
	flex-shrink: 0 !important;
}

.mp-delivery-input-row {
	display: flex !important;
	gap: 0.5rem !important;
	margin-bottom: 0.875rem !important;
}

.mp-delivery-pincode-input {
	flex: 1 !important;
	padding: 0.65rem 0.85rem !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 8px !important;
	font-size: 0.875rem !important;
	background: #FFFFFF !important;
	color: #0F172A !important;
	outline: none !important;
	transition: border-color 0.15s ease !important;
}

.mp-delivery-pincode-input:focus {
	border-color: #0056B3 !important;
	box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.1) !important;
}

.mp-delivery-check-btn {
	padding: 0 1.25rem !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 0.875rem !important;
	border-radius: 8px !important;
	border: none !important;
	cursor: pointer !important;
	transition: background 0.15s ease !important;
}

.mp-delivery-check-btn:hover {
	background: #0056B3 !important;
}

.mp-delivery-status-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.65rem !important;
}

.mp-delivery-status-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.5rem !important;
	font-size: 0.8125rem !important;
	color: #047857 !important;
	line-height: 1.4 !important;
}

.mp-delivery-status-item.is-unavailable {
	color: #DC2626 !important;
}

.mp-check-ok-icon {
	width: 16px !important;
	height: 16px !important;
	color: #059669 !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
	transition: all 0.2s ease !important;
}

.mp-delivery-status-item.is-unavailable .mp-check-ok-icon {
	color: #DC2626 !important;
	transform: rotate(45deg) !important;
}

.mp-delivery-perk-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0.65rem 0 0 0 !important;
	border-top: 1px solid #E2E8F0 !important;
	font-size: 0.8125rem !important;
}

.mp-delivery-perk-left {
	display: flex !important;
	align-items: center !important;
	gap: 0.65rem !important;
}

.mp-perk-icon-truck,
.mp-perk-icon-cash {
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
	background: #EFF6FF !important;
	color: #0056B3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.mp-perk-icon-truck svg,
.mp-perk-icon-cash svg {
	width: 18px !important;
	height: 18px !important;
}

.mp-perk-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
}

.mp-perk-text span {
	color: #64748B !important;
	font-size: 0.75rem !important;
}

.mp-perk-text strong {
	color: #0F172A !important;
	font-size: 0.8125rem !important;
}

.mp-perk-tag-free {
	font-weight: 800 !important;
	font-size: 0.75rem !important;
	color: #64748B !important;
	letter-spacing: 0.05em !important;
}

/* Product Meta Pills */
.woocommerce div.product .product_meta {
	border-top: 1px solid #E2E8F0 !important;
	padding-top: 1.25rem !important;
	margin-top: 1.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.625rem !important;
	font-size: 0.8125rem !important;
	color: #64748B !important;
}

.woocommerce div.product .product_meta > span {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 0.35rem !important;
}

.woocommerce div.product .product_meta a {
	color: #0056B3 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	background: #F1F5F9 !important;
	padding: 0.15rem 0.55rem !important;
	border-radius: 6px !important;
	border: 1px solid #E2E8F0 !important;
	transition: all 0.15s ease !important;
}

.woocommerce div.product .product_meta a:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border-color: #0B3B60 !important;
}

.woocommerce div.product .product_meta .sku {
	font-weight: 700 !important;
	color: #0F172A !important;
	font-family: inherit !important;
	background: #F8FAFC !important;
	padding: 0.15rem 0.5rem !important;
	border-radius: 6px !important;
	border: 1px solid #E2E8F0 !important;
}

/* Hide Tag & Brand from Product Meta */
.woocommerce div.product .product_meta .tagged_as,
.woocommerce div.product .product_meta .brand,
.woocommerce div.product .product_meta .brands,
.woocommerce div.product .product_meta .product-brand,
.woocommerce div.product .product_meta .product-brands,
.woocommerce div.product .product_meta [class*="brand"],
.woocommerce div.product .product_meta > span:last-child:not(.sku_wrapper):not(.posted_in) {
	display: none !important;
}

/* ==========================================================================
   Specifications Collapsible Accordion Dropdown
   ========================================================================== */
.mp-product-specs-wrap {
	margin: 1.5rem 0 0 0 !important;
	width: 100% !important;
	clear: both !important;
}

.mp-specs-accordion {
	background: #F8FAFC !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.mp-specs-accordion[open] {
	border-color: #CBD5E1 !important;
	box-shadow: 0 4px 14px rgba(11, 59, 96, 0.05) !important;
}

.mp-specs-summary {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0.875rem 1.15rem !important;
	cursor: pointer !important;
	list-style: none !important;
	user-select: none !important;
	transition: background 0.15s ease !important;
}

.mp-specs-summary::-webkit-details-marker {
	display: none !important;
}

.mp-specs-summary:hover {
	background: #F1F5F9 !important;
}

.mp-specs-title-row {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
}

.mp-specs-icon-badge {
	width: 34px !important;
	height: 34px !important;
	flex: 0 0 34px !important;
	border-radius: 8px !important;
	background: #EFF6FF !important;
	color: #0056B3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid #DBEAFE !important;
}

.mp-specs-icon-badge svg {
	width: 18px !important;
	height: 18px !important;
}

.mp-specs-title-group {
	display: flex !important;
	flex-direction: column !important;
}

.mp-specs-title {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	line-height: 1.3 !important;
}

.mp-specs-sub {
	font-size: 0.75rem !important;
	color: #64748B !important;
	line-height: 1.2 !important;
}

.mp-specs-chevron {
	color: #64748B !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-specs-chevron svg {
	width: 20px !important;
	height: 20px !important;
}

.mp-specs-accordion[open] .mp-specs-chevron {
	transform: rotate(180deg) !important;
	color: #0056B3 !important;
}

.mp-specs-body {
	padding: 0 1.15rem 1.15rem 1.15rem !important;
	border-top: 1px solid #E2E8F0 !important;
	background: #FFFFFF !important;
}

.mp-specs-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 !important;
	font-size: 0.8125rem !important;
}

.mp-specs-table tr {
	border-bottom: 1px solid #F1F5F9 !important;
}

.mp-specs-table tr:last-child {
	border-bottom: none !important;
}

.mp-specs-table th {
	padding: 0.65rem 0.75rem 0.65rem 0 !important;
	width: 42% !important;
	color: #475569 !important;
	font-weight: 600 !important;
	text-align: left !important;
	vertical-align: top !important;
	border: none !important;
	background: transparent !important;
}

.mp-specs-table td {
	padding: 0.65rem 0 !important;
	color: #0F172A !important;
	font-weight: 500 !important;
	vertical-align: top !important;
	border: none !important;
	background: transparent !important;
}

.mp-specs-table td code {
	background: #F1F5F9 !important;
	color: #0B3B60 !important;
	font-weight: 700 !important;
	padding: 0.15rem 0.4rem !important;
	border-radius: 4px !important;
	font-size: 0.75rem !important;
}

.mp-specs-badge {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	padding: 0.2rem 0.55rem !important;
	border-radius: 6px !important;
}

.mp-specs-badge.mp-badge-teal {
	background: #ECFDF5 !important;
	color: #047857 !important;
	border: 1px solid #A7F3D0 !important;
}

/* Hide Data Tabs completely if outputted */
.woocommerce div.product .woocommerce-tabs {
	display: none !important;
}



/* ==========================================================================
   Modern Related / Suggested Products Section
   ========================================================================== */
.single-product section.related.products {
	margin-top: 4rem !important;
	padding-top: 2.5rem !important;
	border-top: 1.5px solid #E2E8F0 !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.single-product section.related.products > h2 {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	color: #0B3B60 !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 1.75rem 0 !important;
	padding: 0 !important;
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.35rem !important;
}

.single-product section.related.products > h2::before {
	content: "RECOMMENDED TOGETHER" !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #00A896 !important;
}

/* Related Products Responsive Card Grid */
.single-product section.related.products ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	width: 100% !important;
	clear: both !important;
}

.single-product section.related.products ul.products::before,
.single-product section.related.products ul.products::after {
	display: none !important;
}

/* Product Card */
.single-product section.related.products ul.products li.product {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	background: #FFFFFF !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 14px !important;
	padding: 1.25rem !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	box-shadow: 0 2px 8px rgba(11, 59, 96, 0.03) !important;
	transition: all 0.25s ease !important;
	position: relative !important;
}

.single-product section.related.products ul.products li.product:hover {
	border-color: #0056B3 !important;
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 30px rgba(11, 59, 96, 0.1) !important;
}

/* Product Card Image Container */
.single-product section.related.products .woocommerce-loop-image-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	background: #F8FAFC !important;
	border-radius: 10px !important;
	padding: 1.25rem !important;
	margin-bottom: 1rem !important;
	min-height: 190px !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

.single-product section.related.products .woocommerce-loop-image-link img {
	max-height: 150px !important;
	width: auto !important;
	object-fit: contain !important;
	margin: 0 auto !important;
	display: block !important;
	transition: transform 0.25s ease !important;
}

.single-product section.related.products ul.products li.product:hover .woocommerce-loop-image-link img {
	transform: scale(1.05) !important;
}

/* Sale Badge on Related Card */
.single-product section.related.products .onsale {
	position: absolute !important;
	top: 0.625rem !important;
	left: 0.625rem !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	padding: 0.25rem 0.55rem !important;
	border-radius: 5px !important;
	line-height: 1 !important;
	letter-spacing: 0.05em !important;
	box-shadow: 0 2px 6px rgba(11, 59, 96, 0.2) !important;
}

/* Product Details */
.single-product section.related.products .product-details {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

/* Product Title */
.single-product section.related.products .woocommerce-loop-product__title,
.single-product section.related.products .woocommerce-loop-product__title a {
	font-size: 0.9375rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	line-height: 1.35 !important;
	margin: 0 0 0.5rem 0 !important;
	text-decoration: none !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	transition: color 0.15s ease !important;
}

.single-product section.related.products .woocommerce-loop-product__title a:hover {
	color: #0056B3 !important;
}

/* Price */
.single-product section.related.products .price {
	display: flex !important;
	align-items: baseline !important;
	gap: 0.5rem !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #0B3B60 !important;
	margin: 0 0 1rem 0 !important;
	line-height: 1.2 !important;
}

.single-product section.related.products .price del {
	font-size: 0.8125rem !important;
	color: #94A3B8 !important;
	font-weight: 500 !important;
}

.single-product section.related.products .price ins {
	color: #0B3B60 !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

/* Add to Cart Button */
.single-product section.related.products .product-action-wrap {
	margin-top: auto !important;
	width: 100% !important;
}

.single-product section.related.products .product-action-wrap a.button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.65rem 1rem !important;
	background: #EBF3FA !important;
	color: #0B3B60 !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	border: 1px solid rgba(11, 59, 96, 0.12) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	box-shadow: none !important;
	text-align: center !important;
}

.single-product section.related.products .product-action-wrap a.button:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	border-color: #0B3B60 !important;
	box-shadow: 0 4px 12px rgba(11, 59, 96, 0.2) !important;
	transform: translateY(-1px) !important;
}

.single-product section.related.products .product-action-wrap a.button svg {
	display: none !important;
}

/* Responsive Grid for Related Products */
@media (max-width: 1024px) {
	.single-product section.related.products ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 1.25rem !important;
	}
}

@media (max-width: 768px) {
	.single-product section.related.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 1rem !important;
	}
}

@media (max-width: 480px) {
	.single-product section.related.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.65rem !important;
	}
}

/* ==========================================================================
   Clinical Variation Swatches & Pack Size Pills
   ========================================================================== */
.woocommerce div.product form.cart .variations {
	width: 100% !important;
	border: none !important;
	margin: 0 0 1.25rem 0 !important;
	border-collapse: collapse !important;
}

.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td {
	display: block !important;
	width: 100% !important;
	border: none !important;
	padding: 0 !important;
	background: transparent !important;
}

.woocommerce div.product form.cart .variations th.label {
	display: none !important;
}

.woocommerce div.product form.cart .variations td.value {
	margin-bottom: 0.75rem !important;
	position: relative !important;
}

/* Hide reset/clear link to avoid accidental deselection */
.woocommerce div.product form.cart .variations td.value a.reset_variations,
.woocommerce div.product form.cart a.reset_variations {
	display: none !important;
}

/* Visually hide native select */
.mp-select-hidden {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.mp-swatches-wrap {
	margin: 0.85rem 0 0.5rem 0 !important;
	width: 100% !important;
}

.mp-swatches-header {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	margin-bottom: 0.65rem !important;
}

.mp-swatches-title {
	font-weight: 800 !important;
	color: #64748B !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	font-size: 0.75rem !important;
}

.mp-swatches-active-label {
	font-weight: 700 !important;
	color: #0056B3 !important;
	font-size: 0.875rem !important;
}

.mp-swatches-pills-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.65rem !important;
}

.mp-swatch-pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	padding: 0.65rem 1.25rem !important;
	background: #FFFFFF !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 10px !important;
	color: #0F172A !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	user-select: none !important;
	box-shadow: 0 1px 3px rgba(11, 59, 96, 0.04) !important;
}

.mp-swatch-pill:hover:not(.is-disabled) {
	border-color: #0056B3 !important;
	background: #F8FAFC !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 3px 10px rgba(0, 86, 179, 0.12) !important;
}

.mp-swatch-pill.is-selected {
	background: #EFF6FF !important;
	border: 2px solid #0056B3 !important;
	color: #0056B3 !important;
	font-weight: 700 !important;
	box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.12), 0 2px 6px rgba(0, 86, 179, 0.08) !important;
}

.mp-swatch-pill .mp-swatch-check {
	display: none !important;
	width: 14px !important;
	height: 14px !important;
	color: #0056B3 !important;
	flex-shrink: 0 !important;
}

.mp-swatch-pill.is-selected .mp-swatch-check {
	display: inline-flex !important;
}

.mp-swatch-pill.is-disabled {
	opacity: 0.45 !important;
	border-style: dashed !important;
	cursor: not-allowed !important;
	background: #F1F5F9 !important;
	text-decoration: line-through !important;
}

/* Variable Products: Single Variation Container & Buttons Layout */
.woocommerce div.product form.cart .single_variation_wrap {
	width: 100% !important;
	margin: 0.25rem 0 0 0 !important;
	padding: 0 !important;
}

/* Hide duplicate variation price at the bottom (top summary price updates dynamically) */
.woocommerce div.product form.cart .woocommerce-variation .woocommerce-variation-price,
.woocommerce div.product form.cart .single_variation .woocommerce-variation-price {
	display: none !important;
}

.woocommerce div.product form.cart .woocommerce-variation-availability {
	margin-bottom: 0.5rem !important;
}

.woocommerce div.product form.cart .woocommerce-variation-availability p.stock {
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	margin: 0 0 0.5rem 0 !important;
	padding: 0.25rem 0.65rem !important;
	border-radius: 6px !important;
	display: inline-block !important;
}

.woocommerce div.product form.cart .woocommerce-variation-availability p.stock.in-stock {
	background: #ECFDF5 !important;
	color: #047857 !important;
	border: 1px solid #A7F3D0 !important;
}

/* Flex Row for Variable Product: Quantity + Side-by-Side Action Buttons */
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
	display: block !important;
	width: 100% !important;
	margin-top: 0.5rem !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity {
	display: inline-flex !important;
	align-items: center !important;
	border: 1.5px solid #CBD5E1 !important;
	border-radius: 10px !important;
	background: #FFFFFF !important;
	overflow: hidden !important;
	height: 44px !important;
	margin: 0 0 0.5rem 0 !important;
	float: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .mp-action-buttons-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	width: 100% !important;
	margin: 0.45rem 0 !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .button.single_add_to_cart_button {
	height: 44px !important;
	flex: 1 1 0% !important;
	width: 50% !important;
	min-width: 0 !important;
	padding: 0 0.5rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	background: #FFFFFF !important;
	color: #0B3B60 !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	border-radius: 10px !important;
	border: 1.5px solid #0B3B60 !important;
	outline: none !important;
	box-shadow: 0 1px 3px rgba(11, 59, 96, 0.06) !important;
	cursor: pointer !important;
	opacity: 1 !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .button.single_add_to_cart_button:hover {
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(11, 59, 96, 0.2) !important;
}

.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .mp-buy-it-now-btn {
	height: 44px !important;
	flex: 1 1 0% !important;
	width: 50% !important;
	min-width: 0 !important;
	padding: 0 0.5rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #0B3B60 !important;
	color: #FFFFFF !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	border-radius: 10px !important;
	border: 1.5px solid #0B3B60 !important;
	outline: none !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	margin: 0 !important;
	box-shadow: 0 2px 6px rgba(11, 59, 96, 0.2) !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

/* ==========================================================================
   Merged Clinical Product Overview & Technical Specifications Card
   ========================================================================== */
.mp-product-merged-card {
	background: #FFFFFF !important;
	border: 1.5px solid #E2E8F0 !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	margin-top: 1.25rem !important;
	box-shadow: 0 4px 16px rgba(11, 59, 96, 0.05) !important;
}

.mp-specs-overview-block {
	padding: 1.35rem 1.5rem !important;
	border-bottom: 1.5px solid #E2E8F0 !important;
	background: #F8FAFC !important;
}

.mp-specs-overview-header {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	margin-bottom: 0.85rem !important;
}

.mp-specs-overview-body {
	font-size: 0.9375rem !important;
	color: #334155 !important;
	line-height: 1.65 !important;
}

.mp-specs-overview-body p {
	margin-bottom: 0.65rem !important;
}

.mp-specs-overview-body p:last-child {
	margin-bottom: 0 !important;
}

/* Seamless integration of accordion within the merged card */
.mp-product-merged-card .mp-specs-accordion {
	border: none !important;
	border-radius: 0 !important;
	background: #FFFFFF !important;
	margin: 0 !important;
}

.mp-product-merged-card .mp-specs-summary {
	background: #FFFFFF !important;
	border-bottom: 1.5px solid #F1F5F9 !important;
	padding: 1.15rem 1.5rem !important;
}

.mp-product-merged-card .mp-specs-body {
	padding: 1.25rem 1.5rem !important;
}