/*
Theme Name: Kadence Child
Theme URI: https://www.liquidweb.com/software/kadence/
Description: Minimal, clinical, and modern child theme for Kadence with custom clinical header, footer, and WooCommerce styling.
Author: Kadence WP & Medipharm Engineering
Author URI: https://medipharmglobal.com
Template: kadence
Version: 1.1.0
Text Domain: kadence-child
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ==========================================================================
   MEDIPHARM GLOBAL - CLINICAL DESIGN TOKENS
   ========================================================================== */
:root {
	--mp-navy-deep: #0B3B60;
	--mp-navy-primary: #0056B3;
	--mp-navy-dark: #07263E;
	--mp-slate-dark: #0F172A;
	--mp-slate-surface: #1E293B;
	--mp-accent-mint: #00A896;
	--mp-accent-mint-hover: #008f80;
	--mp-accent-mint-soft: #E6F7F5;
	--mp-accent-cyan: #0EA5E9;
	--mp-accent-cyan-soft: #E0F2FE;
	--mp-navy-soft: #EBF3FA;
	
	--mp-border-color: #E2E8F0;
	--mp-border-dark: rgba(255, 255, 255, 0.08);
	--mp-text-dark: #0F172A;
	--mp-text-body: #334155;
	--mp-text-muted: #64748B;
	--mp-text-light: #94A3B8;

	--mp-wa-green: #25D366;
	--mp-wa-dark: #1EBE5D;

	--mp-header-height: 76px;
	--mp-transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base resets & Container */
.mp-container,
.mp-header-container,
.mp-footer-container {
	width: 100%;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* Remove default Kadence theme padding and margins around full-width child theme templates */
#inner-wrap {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
}

/* Universal Button Tokens & Styles (Available Across All Pages) */
.mp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	padding: 0.8125rem 1.625rem;
	border-radius: 10px;
	font-size: 0.9375rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: var(--mp-transition);
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2;
}

.mp-btn-primary {
	background-color: var(--mp-navy-deep, #0B3B60) !important;
	color: #FFFFFF !important;
	border: 1.5px solid var(--mp-navy-deep, #0B3B60) !important;
	box-shadow: 0 4px 14px rgba(11, 59, 96, 0.2);
}

.mp-btn-primary:hover {
	background-color: var(--mp-navy-primary, #0056B3) !important;
	border-color: var(--mp-navy-primary, #0056B3) !important;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -2px rgba(11, 59, 96, 0.28);
}

.mp-btn-accent {
	background-color: var(--mp-accent-mint, #00A896) !important;
	color: #FFFFFF !important;
	border: 1.5px solid var(--mp-accent-mint, #00A896) !important;
}

.mp-btn-accent:hover {
	background-color: #008f80 !important;
	border-color: #008f80 !important;
	transform: translateY(-2px);
}

.mp-btn-arrow {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.mp-btn:hover .mp-btn-arrow {
	transform: translateX(4px);
}

/* ==========================================================================
   1. MINIMAL CLINICAL STICKY HEADER
   ========================================================================== */
#mp-site-header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #FFFFFF;
	border-bottom: 1px solid var(--mp-border-color);
	transition: box-shadow 0.25s ease, background-color 0.25s ease;
}

#mp-site-header.mp-scrolled {
	box-shadow: 0 4px 20px -2px rgba(11, 59, 96, 0.07);
}

.mp-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 76px;
	gap: 2rem;
}

/* Brand Logo & Typography */
.mp-header-brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.mp-brand-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

#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;
	transition: opacity 0.2s ease;
}

.mp-brand-link:hover .mp-header-brand-img {
	opacity: 0.9;
}

/* Center Navigation */
.mp-header-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
}

.mp-nav-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
}

.mp-nav-item {
	position: relative;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

.mp-nav-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--mp-text-body);
	text-decoration: none;
	padding: 0.5rem 0;
	position: relative;
	white-space: nowrap;
	line-height: 1.2;
	transition: var(--mp-transition);
}

.mp-nav-link::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0%;
	height: 2px;
	background-color: var(--mp-navy-primary);
	transition: width 0.2s ease;
	border-radius: 2px;
}

.mp-nav-link:hover {
	color: var(--mp-navy-primary);
}

.mp-nav-link:hover::after {
	width: 100%;
}

.mp-nav-b2b {
	color: var(--mp-navy-primary);
	font-weight: 700;
}

/* Right Actions (Cart & Mobile Toggle) */
.mp-header-actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-shrink: 0;
}

.mp-action-btn {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	border: 1.5px solid var(--mp-border-color);
	border-radius: 10px;
	color: var(--mp-navy-deep);
	cursor: pointer;
	text-decoration: none;
	position: relative;
	transition: var(--mp-transition);
}

.mp-action-btn:hover {
	background-color: var(--mp-navy-soft);
	border-color: var(--mp-navy-deep);
	color: var(--mp-navy-deep);
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(11, 59, 96, 0.08);
}

.mp-icon-header {
	width: 20px;
	height: 20px;
}

/* Dynamic Cart Badge */
.mp-cart-count-badge {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	background-color: var(--mp-accent-mint);
	color: #FFFFFF;
	font-size: 0.6875rem;
	font-weight: 800;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	box-shadow: 0 2px 5px rgba(0, 168, 150, 0.35);
	border: 2px solid #FFFFFF;
}

/* User Account Logged-In Indicator */
.mp-account-indicator {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 10px;
	height: 10px;
	background-color: var(--mp-accent-mint);
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 168, 150, 0.4);
}

/* Search Dropdown */
.mp-search-container {
	position: relative;
}

.mp-search-dropdown {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	width: 340px;
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color);
	border-radius: 10px;
	padding: 0.75rem;
	box-shadow: 0 10px 25px -5px rgba(11, 59, 96, 0.12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: var(--mp-transition);
	z-index: 1010;
}

.mp-search-container.mp-search-active .mp-search-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mp-search-form {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}

.mp-search-input {
	width: 100%;
	padding: 0.625rem 2.25rem 0.625rem 0.875rem;
	font-size: 0.875rem;
	border: 1px solid var(--mp-border-color);
	border-radius: 6px;
	background-color: #F8FAFC;
	color: var(--mp-text-dark);
	outline: none;
	transition: border-color 0.2s ease;
}

.mp-search-input:focus {
	border-color: var(--mp-navy-primary);
	background-color: #FFFFFF;
}

.mp-search-submit {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: var(--mp-text-muted);
	cursor: pointer;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mp-search-submit svg {
	width: 16px;
	height: 16px;
}

.mp-search-submit:hover {
	color: var(--mp-navy-deep);
}

/* Hero Search Form Input Outline Reset */
.mp-hero-search-form input.mp-hero-search-input,
.mp-hero-search-form input[type="search"].mp-hero-search-input,
.mp-hero-search-form input[type="search"] {
	border: 0 !important;
	border-color: transparent !important;
	border-style: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.mp-hero-search-form input.mp-hero-search-input:focus,
.mp-hero-search-form input[type="search"].mp-hero-search-input:focus,
.mp-hero-search-form input[type="search"]:focus {
	border: 0 !important;
	border-color: transparent !important;
	border-style: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* WhatsApp CTA Pill Button */
.mp-whatsapp-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background-color: #25D366;
	color: #FFFFFF !important;
	border-radius: 9999px;
	font-size: 0.8125rem;
	font-weight: 700;
	text-decoration: none;
	transition: var(--mp-transition);
	box-shadow: 0 2px 8px rgba(37, 211, 102, 0.25);
	line-height: 1;
}

.mp-whatsapp-pill:hover {
	background-color: #1ebe5d;
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(37, 211, 102, 0.35);
	color: #FFFFFF !important;
}

.mp-wa-icon {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* Mobile Hamburger Toggle */
.mp-hamburger-btn {
	display: none;
}

.mp-hamburger-btn .mp-close-icon {
	display: none;
}

#mp-site-header.mp-drawer-open .mp-hamburger-btn .mp-hamburger-icon {
	display: none;
}

#mp-site-header.mp-drawer-open .mp-hamburger-btn .mp-close-icon {
	display: block;
}

/* Mobile Navigation Drawer */
.mp-mobile-drawer {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 2px solid var(--mp-navy-deep);
	box-shadow: 0 15px 30px rgba(11, 59, 96, 0.15);
	z-index: 999;
}

#mp-site-header.mp-drawer-open .mp-mobile-drawer {
	display: block;
}

.mp-drawer-inner {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.mp-drawer-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.mp-drawer-nav-list li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--mp-border-color);
}

.mp-drawer-nav-list li:last-child {
	border-bottom: none;
}

.mp-drawer-link {
	display: block;
	padding: 0.875rem 0.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--mp-text-dark);
	text-decoration: none;
	transition: color 0.2s ease;
}

.mp-drawer-link:hover {
	color: var(--mp-navy-primary);
}

.mp-drawer-b2b {
	color: var(--mp-navy-primary);
	font-weight: 700;
}

.mp-drawer-footer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--mp-border-color);
}

.mp-drawer-wa-btn {
	background-color: #25D366 !important;
	color: #FFFFFF !important;
	width: 100%;
	justify-content: center;
	padding: 0.75rem 1rem;
}

.mp-drawer-contact {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.8125rem;
	color: var(--mp-text-muted);
}

.mp-drawer-contact strong {
	color: var(--mp-navy-deep);
}


/* ==========================================================================
   2. MINIMAL CLINICAL FOOTER (DARK SLATE #0F172A)
   ========================================================================== */
.mp-footer-slate {
	background-color: var(--mp-slate-dark);
	color: var(--mp-text-light);
	border-top: 1px solid var(--mp-border-dark);
	padding: 5rem 0 2.5rem 0;
	font-size: 0.875rem;
	line-height: 1.6;
}

.mp-footer-grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr;
	gap: 3.5rem;
	margin-bottom: 4rem;
}

/* Column 1: Brand & Origin */
.mp-footer-brand-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 1.25rem;
}

.mp-footer-brand-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.mp-footer-brand-img {
	height: 60px;
	width: auto;
	max-width: 270px;
	object-fit: contain;
	display: block;
	transition: opacity 0.2s ease;
}

.mp-footer-brand-link:hover .mp-footer-brand-img {
	opacity: 0.9;
}

.mp-footer-about {
	color: #94A3B8;
	font-size: 0.875rem;
	line-height: 1.65;
	margin-bottom: 1.75rem;
	max-width: 440px;
}

.mp-footer-contact-list {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
}

.mp-footer-contact-item {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	color: #E2E8F0;
	text-decoration: none;
	transition: var(--mp-transition);
	font-size: 0.875rem;
}

.mp-footer-contact-item:hover {
	color: var(--mp-accent-cyan);
	transform: translateX(2px);
}

.mp-footer-icon {
	width: 18px;
	height: 18px;
	color: var(--mp-accent-mint);
	flex-shrink: 0;
}

/* Columns 2 & 3: Navigation Links */
.mp-footer-heading {
	font-size: 1rem;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 1.5rem;
	letter-spacing: -0.01em;
	position: relative;
	padding-bottom: 0.625rem;
}

.mp-footer-heading::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 2px;
	background-color: var(--mp-accent-cyan);
	border-radius: 2px;
}

.mp-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.mp-footer-links li {
	margin: 0;
	padding: 0;
}

.mp-footer-links a {
	color: #94A3B8;
	text-decoration: none;
	transition: var(--mp-transition);
	display: inline-flex;
	align-items: center;
}

.mp-footer-links a:hover {
	color: #FFFFFF;
	transform: translateX(4px);
}

/* Bottom Bar */
.mp-footer-bottom {
	padding-top: 2rem;
	border-top: 1px solid var(--mp-border-dark);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25rem;
	font-size: 0.8125rem;
	color: #64748B;
}

.mp-bottom-copy {
	color: #94A3B8;
}

.mp-bottom-compliance {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #94A3B8;
}

.mp-compliance-dot {
	width: 6px;
	height: 6px;
	background-color: var(--mp-accent-mint);
	border-radius: 50%;
}


/* ==========================================================================
   3. RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (max-width: 1024px) {
	.mp-header-navigation {
		display: none;
	}

	.mp-hamburger-btn {
		display: flex;
	}

	.mp-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
	}

	.mp-footer-col-brand {
		grid-column: span 2;
	}
}

@media (max-width: 768px) {
	.mp-whatsapp-pill .mp-wa-label {
		display: none;
	}

	.mp-whatsapp-pill {
		padding: 0.5rem;
		border-radius: 8px;
	}

	.mp-footer-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.mp-footer-col-brand {
		grid-column: auto;
	}

	.mp-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}
}

@media (max-width: 768px) {
	.mp-header-inner {
		height: 58px !important;
		gap: 0.75rem !important;
	}

	.mp-header-brand-img {
		height: 38px !important;
		max-width: 175px !important;
	}
}

@media (max-width: 480px) {
	.mp-header-inner {
		height: 54px !important;
	}

	.mp-header-brand-img {
		height: 34px !important;
		max-width: 155px !important;
	}

	.mp-search-dropdown {
		width: 280px;
		right: -40px;
	}
}

/* ==========================================================================
   4. MEDIPHARM CLINICAL BLOG ARTICLES
   ========================================================================== */
.mp-blog-archive-main {
	background-color: #FFFFFF;
	min-height: 80vh;
}

/* Blog Hero Header */
.mp-blog-hero {
	background: linear-gradient(180deg, var(--mp-navy-soft, #EBF3FA) 0%, #FFFFFF 100%);
	padding: 3.5rem 0 2.75rem 0;
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
}

.mp-blog-hero-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.5rem;
	margin-bottom: 0;
}

.mp-blog-hero-content {
	flex: 1;
	max-width: 680px;
}

.mp-blog-hero-title {
	font-size: 2.375rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	letter-spacing: -0.025em;
	line-height: 1.2;
	margin: 0.75rem 0 0.875rem 0;
}

.mp-blog-hero-subtitle {
	font-size: 1.0625rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.6;
	margin: 0;
}

/* Blog-Only Search Form */
.mp-blog-search-widget {
	width: 380px;
	flex-shrink: 0;
	align-self: center;
}

.mp-blog-search-form {
	width: 100%;
}

.mp-blog-search-input-wrap {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 2px solid var(--mp-border-color, #E2E8F0);
	border-radius: 12px;
	padding: 0.375rem 0.5rem 0.375rem 1rem;
	box-shadow: 0 4px 14px -2px rgba(11, 59, 96, 0.06);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	position: relative;
}

.mp-blog-search-input-wrap:focus-within {
	border-color: var(--mp-navy-primary, #0056B3);
	box-shadow: 0 0 0 4px rgba(0, 86, 179, 0.12);
}

.mp-blog-search-icon {
	width: 18px;
	height: 18px;
	color: var(--mp-text-light, #94A3B8);
	flex-shrink: 0;
	margin-right: 0.625rem;
}

.mp-blog-search-input {
	flex: 1;
	border: none !important;
	outline: none !important;
	padding: 0.5rem 0 !important;
	font-size: 0.9375rem;
	color: var(--mp-navy-deep, #0B3B60);
	background: transparent !important;
	min-width: 0;
}

.mp-blog-search-input::placeholder {
	color: var(--mp-text-light, #94A3B8);
}

.mp-blog-search-clear {
	padding: 0.25rem 0.5rem;
	color: var(--mp-text-light, #94A3B8);
	font-size: 0.875rem;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease;
}

.mp-blog-search-clear:hover {
	color: var(--mp-navy-deep, #0B3B60);
}

.mp-blog-search-btn {
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF;
	border: none;
	border-radius: 8px;
	padding: 0.5625rem 1.125rem;
	font-size: 0.875rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.15s ease;
	flex-shrink: 0;
	margin-left: 0.375rem;
}

.mp-blog-search-btn:hover {
	background: var(--mp-navy-primary, #0056B3);
	transform: translateY(-1px);
}

@media (max-width: 900px) {
	.mp-blog-hero-top {
		flex-direction: column;
		align-items: stretch;
		gap: 1.75rem;
	}

	.mp-blog-search-widget {
		width: 100%;
		align-self: auto;
	}
}

/* Category Filter Pills */
.mp-blog-category-nav {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 2px;
}

.mp-blog-category-nav::-webkit-scrollbar {
	display: none;
}

.mp-blog-category-pills {
	display: flex;
	gap: 0.625rem;
	align-items: center;
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.mp-blog-category-pills {
		flex-wrap: nowrap;
		width: max-content;
	}
}

.mp-blog-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 1.125rem;
	background: #FFFFFF;
	border: 1.5px solid var(--mp-border-color, #E2E8F0);
	border-radius: 9999px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--mp-navy-deep, #0B3B60);
	text-decoration: none;
	transition: var(--mp-transition);
	white-space: nowrap;
}

.mp-blog-pill:hover {
	background: var(--mp-navy-soft, #EBF3FA);
	border-color: var(--mp-navy-primary, #0056B3);
	color: var(--mp-navy-primary, #0056B3);
	transform: translateY(-1px);
}

.mp-blog-pill.is-active {
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF !important;
	border-color: var(--mp-navy-deep, #0B3B60);
	box-shadow: 0 4px 12px rgba(11, 59, 96, 0.16);
}

/* Search Status Bar on Archive */
.mp-blog-search-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--mp-navy-soft, #EBF3FA);
	border: 1px solid rgba(11, 59, 96, 0.12);
	border-radius: 12px;
	padding: 0.875rem 1.25rem;
	margin-bottom: 2.5rem;
}

.mp-blog-search-status {
	font-size: 0.9375rem;
	color: var(--mp-navy-deep, #0B3B60);
	margin: 0;
}

.mp-blog-reset-link {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--mp-navy-primary, #0056B3);
	text-decoration: none;
	transition: color 0.2s ease;
}

.mp-blog-reset-link:hover {
	color: var(--mp-accent-mint, #00A896);
}

/* Articles Section */
.mp-blog-articles-section {
	padding: 3.5rem 0 5rem 0;
}

.mp-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin-bottom: 3.5rem;
}

@media (max-width: 1024px) {
	.mp-blog-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}
}

@media (max-width: 640px) {
	.mp-blog-grid {
		grid-template-columns: 1fr;
	}
}

/* Blog Card */
.mp-blog-card {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.25s cubic-bezier(0.2, 0, 0, 1), border-color 0.25s ease;
	position: relative;
}

.mp-blog-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 32px -8px rgba(11, 59, 96, 0.12), 0 4px 12px -2px rgba(11, 59, 96, 0.05);
	border-color: var(--mp-navy-primary, #0056B3);
}

.mp-blog-card-media {
	position: relative;
	background: #F8FAFC;
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
	height: 200px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mp-blog-card-thumb-link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.mp-blog-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.mp-blog-card:hover .mp-blog-thumb {
	transform: scale(1.05);
}

.mp-blog-card-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #F8FAFC 0%, #EBF3FA 100%);
}

.mp-blog-svg-art {
	width: 68px;
	height: 68px;
	opacity: 0.75;
}

.mp-blog-badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF;
	font-size: 0.6875rem;
	font-weight: 700;
	padding: 0.25rem 0.625rem;
	border-radius: 9999px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	z-index: 2;
}

.mp-blog-card-body {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.mp-blog-card-meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.75rem;
	color: var(--mp-text-muted, #64748B);
	font-weight: 600;
	margin-bottom: 0.625rem;
}

.mp-meta-sep {
	color: var(--mp-text-light, #94A3B8);
}

.mp-read-time {
	color: var(--mp-accent-mint, #00A896);
}

.mp-blog-card-title {
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	line-height: 1.35;
	margin: 0 0 0.75rem 0;
	letter-spacing: -0.015em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mp-blog-card-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.mp-blog-card-title a:hover {
	color: var(--mp-navy-primary, #0056B3);
}

.mp-blog-card-excerpt {
	font-size: 0.875rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.55;
	margin-bottom: 1.5rem;
	flex-grow: 1;
}

.mp-blog-card-excerpt p {
	margin: 0;
}

.mp-blog-card-footer {
	padding-top: 1.125rem;
	border-top: 1px solid var(--mp-border-color, #E2E8F0);
	margin-top: auto;
}

.mp-blog-read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--mp-navy-deep, #0B3B60) !important;
	background: var(--mp-navy-soft, #EBF3FA);
	border: 1px solid rgba(11, 59, 96, 0.12);
	border-radius: 8px;
	padding: 0.5625rem 1rem;
	text-decoration: none !important;
	white-space: nowrap;
	line-height: 1;
	transition: var(--mp-transition);
}

.mp-blog-read-more span {
	white-space: nowrap;
	display: inline-block;
}

.mp-blog-read-more .mp-btn-arrow {
	width: 15px;
	height: 15px;
	min-width: 15px;
	min-height: 15px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.mp-blog-read-more:hover {
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF !important;
	border-color: var(--mp-navy-deep, #0B3B60);
	box-shadow: 0 4px 12px rgba(11, 59, 96, 0.18);
	transform: translateY(-1px);
}

.mp-blog-read-more:hover .mp-btn-arrow {
	transform: translateX(3px);
}

/* Pagination */
.mp-blog-pagination {
	display: flex;
	justify-content: center;
	margin-bottom: 4rem;
}

.mp-blog-pagination .nav-links {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.mp-blog-pagination .page-numbers {
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 8px;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--mp-navy-deep, #0B3B60);
	text-decoration: none;
	transition: var(--mp-transition);
}

.mp-blog-pagination .page-numbers.current,
.mp-blog-pagination .page-numbers:hover {
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF;
	border-color: var(--mp-navy-deep, #0B3B60);
}

/* Bottom Shop Banner in Blog */
.mp-blog-shop-banner {
	background: linear-gradient(135deg, var(--mp-navy-dark, #07263E) 0%, var(--mp-navy-deep, #0B3B60) 100%);
	border-radius: 16px;
	padding: 2.25rem 2.5rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: wrap;
	box-shadow: 0 16px 36px -8px rgba(11, 59, 96, 0.25);
}

.mp-blog-shop-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #38BDF8;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.mp-blog-shop-icon svg {
	width: 26px;
	height: 26px;
}

.mp-blog-shop-text {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 280px;
}

.mp-blog-shop-text strong {
	font-size: 1.125rem;
	color: #FFFFFF;
	margin-bottom: 0.375rem;
}

.mp-blog-shop-text span {
	font-size: 0.875rem;
	color: #CBD5E1;
	line-height: 1.5;
}

.mp-blog-shop-banner .mp-btn {
	background: var(--mp-accent-mint, #00A896);
	color: #FFFFFF !important;
	border: none;
	font-weight: 700;
	padding: 0.75rem 1.5rem;
	border-radius: 8px;
	white-space: nowrap;
}

.mp-blog-shop-banner .mp-btn:hover {
	background: var(--mp-accent-mint-hover, #008f80);
	transform: translateY(-2px);
}

/* Empty State / No Search Results */
.mp-blog-empty {
	text-align: center;
	padding: 4.5rem 2rem;
	background: #F8FAFC;
	border: 2px dashed var(--mp-border-color, #E2E8F0);
	border-radius: 16px;
	margin-bottom: 3.5rem;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.mp-blog-empty-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #EBF3FA;
	color: var(--mp-navy-deep, #0B3B60);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
}

.mp-blog-empty-icon svg {
	width: 28px;
	height: 28px;
}

.mp-blog-empty-title {
	font-size: 1.375rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	margin: 0 0 0.625rem 0;
	letter-spacing: -0.02em;
}

.mp-blog-empty-desc {
	font-size: 0.9375rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.6;
	margin: 0 0 1.5rem 0;
}

.mp-blog-empty-btn {
	display: inline-flex;
	align-items: center;
	padding: 0.625rem 1.25rem;
	background: #FFFFFF;
	border: 1.5px solid var(--mp-navy-deep, #0B3B60);
	color: var(--mp-navy-deep, #0B3B60) !important;
	border-radius: 8px;
	font-size: 0.875rem;
	font-weight: 700;
	text-decoration: none;
	transition: var(--mp-transition);
}

.mp-blog-empty-btn:hover {
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF !important;
}

/* ==========================================================================
   5. MEDIPHARM IMPORT & EXPORT / GLOBAL BUYERS PAGE
   ========================================================================== */
.mp-export-main {
	background-color: #FFFFFF;
}

/* Export Hero */
.mp-export-hero {
	background: linear-gradient(180deg, var(--mp-navy-soft, #EBF3FA) 0%, #FFFFFF 100%);
	padding: 4.5rem 0 3.5rem 0;
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
}

.mp-export-hero-grid {
	display: grid;
	grid-template-columns: 1.25fr 0.95fr;
	gap: 3.5rem;
	align-items: center;
}

.mp-export-hero-content {
	max-width: 660px;
}

.mp-export-hero-title {
	font-size: 2.625rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	letter-spacing: -0.025em;
	line-height: 1.18;
	margin: 1rem 0 1.125rem 0;
}

.mp-export-hero-subtitle {
	font-size: 1.0625rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.65;
	margin-bottom: 2rem;
}

.mp-export-hero-actions {
	display: flex;
	gap: 1.125rem;
	align-items: center;
	flex-wrap: wrap;
}

.mp-export-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	padding: 0.8125rem 1.625rem;
	border-radius: 10px;
	font-size: 0.9375rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: var(--mp-transition);
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2;
}

.mp-export-btn-primary {
	background-color: var(--mp-navy-deep, #0B3B60) !important;
	color: #FFFFFF !important;
	border: 1.5px solid var(--mp-navy-deep, #0B3B60) !important;
	box-shadow: 0 4px 14px rgba(11, 59, 96, 0.2);
}

.mp-export-btn-primary:hover {
	background-color: var(--mp-navy-primary, #0056B3) !important;
	border-color: var(--mp-navy-primary, #0056B3) !important;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -2px rgba(11, 59, 96, 0.28);
}

.mp-export-btn-arrow {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.mp-export-btn-primary:hover .mp-export-btn-arrow {
	transform: translateX(4px);
}

.mp-export-btn-wa {
	background-color: #25D366 !important;
	color: #FFFFFF !important;
	border: 1.5px solid #25D366 !important;
	box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);
}

.mp-export-btn-wa:hover {
	background-color: #1EBE5D !important;
	border-color: #1EBE5D !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -2px rgba(37, 211, 102, 0.35);
}

.mp-export-btn-wa-icon {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	flex-shrink: 0;
	fill: currentColor;
}

.mp-export-hero-badge-card {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 20px;
	padding: 2.25rem;
	box-shadow: 0 20px 40px -12px rgba(11, 59, 96, 0.12);
}

.mp-export-stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.mp-export-stat-box {
	background: var(--mp-navy-soft, #EBF3FA);
	border: 1px solid rgba(11, 59, 96, 0.08);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.mp-stat-num {
	font-size: 1.875rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.mp-stat-lbl {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.4;
}

/* Compliance Bar */
.mp-export-trust-bar {
	background: #0B3B60;
	color: #FFFFFF;
	padding: 1.25rem 0;
}

.mp-export-trust-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.mp-trust-title {
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #38BDF8;
}

.mp-trust-badges-list {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	flex-wrap: wrap;
}

.mp-compliance-tag {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #FFFFFF;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.3125rem 0.75rem;
	border-radius: 9999px;
}

/* Export Capabilities Grid */
.mp-export-features-section {
	padding: 5rem 0;
	background: #FFFFFF;
}

.mp-section-head.text-center {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 3.5rem auto;
}

.mp-section-sub {
	font-size: 1.0625rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.6;
	margin-top: 0.75rem;
}

.mp-export-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.75rem;
}

.mp-export-card {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 14px;
	padding: 2rem 1.75rem;
	transition: var(--mp-transition);
	display: flex;
	flex-direction: column;
}

.mp-export-card:hover {
	transform: translateY(-4px);
	border-color: var(--mp-navy-primary, #0056B3);
	box-shadow: 0 16px 32px -8px rgba(11, 59, 96, 0.1);
}

.mp-export-card-icon {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: var(--mp-navy-soft, #EBF3FA);
	color: var(--mp-navy-deep, #0B3B60);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
}

.mp-export-card-icon svg {
	width: 24px;
	height: 24px;
}

.mp-export-card h3 {
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	margin: 0 0 0.75rem 0;
	line-height: 1.35;
}

.mp-export-card p {
	font-size: 0.875rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.6;
	margin: 0;
}

/* Export Categories List */
.mp-export-categories {
	background: #F8FAFC;
	padding: 5rem 0;
	border-top: 1px solid var(--mp-border-color, #E2E8F0);
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
}

.mp-export-lines-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.mp-export-line-pill {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
	transition: var(--mp-transition);
}

.mp-export-line-pill:hover {
	border-color: var(--mp-navy-primary, #0056B3);
	box-shadow: 0 8px 24px -4px rgba(11, 59, 96, 0.08);
}

.mp-line-icon {
	font-size: 2rem;
	line-height: 1;
	flex-shrink: 0;
}

.mp-line-details {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.mp-line-details strong {
	font-size: 1rem;
	color: var(--mp-navy-deep, #0B3B60);
	font-weight: 800;
}

.mp-line-details span {
	font-size: 0.875rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.5;
}

/* RFQ Inquiry Section */
.mp-export-rfq-section {
	padding: 5rem 0;
	background: #FFFFFF;
}

.mp-export-rfq-card {
	background: #FFFFFF;
	border: 2px solid var(--mp-border-color, #E2E8F0);
	border-radius: 20px;
	padding: 3.5rem;
	max-width: 960px;
	margin: 0 auto;
	box-shadow: 0 20px 48px -12px rgba(11, 59, 96, 0.1);
}

.mp-rfq-head {
	text-align: center;
	margin-bottom: 2.75rem;
}

.mp-rfq-title {
	font-size: 2rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	margin: 0.75rem 0 0.625rem 0;
	letter-spacing: -0.02em;
}

.mp-rfq-sub {
	font-size: 1rem;
	color: var(--mp-text-muted, #64748B);
	max-width: 680px;
	margin: 0 auto;
	line-height: 1.6;
}

.mp-rfq-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.mp-rfq-field {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.mp-rfq-field label {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--mp-navy-deep, #0B3B60);
}

.mp-rfq-field label .required {
	color: #EF4444;
}

.mp-rfq-field input,
.mp-rfq-field select,
.mp-rfq-field textarea {
	border: 1.5px solid var(--mp-border-color, #E2E8F0);
	border-radius: 8px;
	padding: 0.75rem 1rem;
	font-size: 0.9375rem;
	color: var(--mp-navy-deep, #0B3B60);
	background: #FFFFFF;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	outline: none;
	font-family: inherit;
}

.mp-rfq-field input:focus,
.mp-rfq-field select:focus,
.mp-rfq-field textarea:focus {
	border-color: var(--mp-navy-primary, #0056B3);
	box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.12);
}

.mp-rfq-field-full {
	grid-column: span 2;
}

.mp-rfq-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	padding-top: 1rem;
	border-top: 1px solid var(--mp-border-color, #E2E8F0);
	margin-bottom: 2rem;
}

.mp-rfq-submit-btn {
	background: var(--mp-navy-deep, #0B3B60);
	color: #FFFFFF !important;
	border: none;
	padding: 0.875rem 2rem;
	font-size: 0.9375rem;
	font-weight: 700;
	border-radius: 8px;
	cursor: pointer;
	transition: var(--mp-transition);
}

.mp-rfq-submit-btn:hover {
	background: var(--mp-navy-primary, #0056B3);
	transform: translateY(-2px);
}

.mp-rfq-assurance {
	display: flex;
	gap: 2rem;
	justify-content: center;
	flex-wrap: wrap;
}

.mp-assurance-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	color: var(--mp-text-muted, #64748B);
	font-weight: 500;
}

.mp-assurance-item svg {
	width: 16px;
	height: 16px;
	color: var(--mp-accent-mint, #00A896);
	flex-shrink: 0;
}

@media (max-width: 1024px) {
	.mp-export-hero-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.mp-export-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.mp-export-hero-title {
		font-size: 2rem;
	}

	.mp-export-grid,
	.mp-export-lines-grid,
	.mp-rfq-grid {
		grid-template-columns: 1fr;
	}

	.mp-rfq-field-full {
		grid-column: span 1;
	}

	.mp-export-rfq-card {
		padding: 2rem 1.5rem;
	}
}

/* ==========================================================================
   6. MEDIPHARM GeM (GOVERNMENT e-MARKETPLACE)
   ========================================================================== */
/* GeM Page Main */
.mp-gem-main {
	background-color: #FFFFFF;
}

/* GeM Hero */
.mp-gem-hero {
	background: linear-gradient(180deg, #F0F6FA 0%, #FFFFFF 100%);
	padding: 4.5rem 0 3.5rem 0;
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
}

.mp-gem-hero-grid {
	display: grid;
	grid-template-columns: 1.25fr 0.95fr;
	gap: 3.5rem;
	align-items: center;
}

.mp-gem-hero-content {
	max-width: 660px;
}

.mp-gem-pill {
	background-color: var(--mp-navy-soft, #EBF3FA);
	color: var(--mp-navy-deep, #0B3B60);
	border-color: rgba(11, 59, 96, 0.12);
}

.mp-gem-hero-title {
	font-size: 2.625rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	letter-spacing: -0.025em;
	line-height: 1.18;
	margin: 1rem 0 1.125rem 0;
}

.mp-gem-hero-subtitle {
	font-size: 1.0625rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.65;
	margin-bottom: 2rem;
}

.mp-gem-hero-actions {
	display: flex;
	gap: 1.125rem;
	align-items: center;
	flex-wrap: wrap;
}

.mp-gem-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	padding: 0.8125rem 1.625rem;
	border-radius: 10px;
	font-size: 0.9375rem;
	font-weight: 700;
	text-decoration: none !important;
	transition: var(--mp-transition);
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.2;
}

.mp-gem-btn-primary {
	background-color: var(--mp-navy-deep, #0B3B60) !important;
	color: #FFFFFF !important;
	border: 1.5px solid var(--mp-navy-deep, #0B3B60) !important;
	box-shadow: 0 4px 14px rgba(11, 59, 96, 0.2);
}

.mp-gem-btn-primary:hover {
	background-color: var(--mp-navy-primary, #0056B3) !important;
	border-color: var(--mp-navy-primary, #0056B3) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -2px rgba(0, 86, 179, 0.3);
}

.mp-gem-btn-arrow {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.mp-gem-btn-primary:hover .mp-gem-btn-arrow {
	transform: translateX(4px);
}

.mp-gem-btn-wa {
	background-color: #25D366 !important;
	color: #FFFFFF !important;
	border: 1.5px solid #25D366 !important;
	box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);
}

.mp-gem-btn-wa:hover {
	background-color: #1EBE5D !important;
	border-color: #1EBE5D !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px -2px rgba(37, 211, 102, 0.35);
}

.mp-gem-btn-wa-icon {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	flex-shrink: 0;
	fill: currentColor;
}

/* GeM Official Badge Card */
.mp-gem-hero-badge-card {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-top: 4px solid var(--mp-navy-deep, #0B3B60);
	border-radius: 20px;
	padding: 2.25rem;
	box-shadow: 0 20px 40px -12px rgba(11, 59, 96, 0.12);
}

.mp-gem-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
	flex-wrap: wrap;
	gap: 0.75rem;
}

.mp-gem-official-logo {
	display: flex;
	flex-direction: column;
}

.mp-gem-logo-txt {
	font-size: 1.75rem;
	font-weight: 900;
	color: var(--mp-navy-deep, #0B3B60);
	letter-spacing: -0.03em;
	line-height: 1;
}

.mp-gem-logo-sub {
	font-size: 0.6875rem;
	color: var(--mp-text-muted, #64748B);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.mp-gem-verified-badge {
	background: #ECFDF5;
	border: 1px solid #A7F3D0;
	color: #065F46;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.3125rem 0.75rem;
	border-radius: 9999px;
	display: inline-flex;
	align-items: center;
}

.mp-gem-stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
}

.mp-gem-stat-box {
	background: var(--mp-navy-soft, #EBF3FA);
	border: 1px solid rgba(11, 59, 96, 0.08);
	border-radius: 12px;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.mp-gem-stat-box .mp-stat-num {
	font-size: 1.5rem !important;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	letter-spacing: -0.02em;
	line-height: 1.1;
}

/* Ribbon */
.mp-gem-trust-bar {
	background: #0B3B60;
	color: #FFFFFF;
	padding: 1.25rem 0;
}

.mp-gem-trust-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
}

/* Features Section */
.mp-gem-features-section {
	padding: 5rem 0;
	background: #FFFFFF;
}

.mp-gem-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.75rem;
}

.mp-gem-card {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 14px;
	padding: 2rem 1.75rem;
	transition: var(--mp-transition);
	display: flex;
	flex-direction: column;
}

.mp-gem-card:hover {
	transform: translateY(-4px);
	border-color: var(--mp-navy-primary, #0056B3);
	box-shadow: 0 16px 32px -8px rgba(11, 59, 96, 0.12);
}

.mp-gem-card-icon {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: var(--mp-navy-soft, #EBF3FA);
	color: var(--mp-navy-deep, #0B3B60);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.25rem;
	flex-shrink: 0;
}

.mp-gem-card-icon svg {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	display: block !important;
}

.mp-gem-card h3 {
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	margin: 0 0 0.75rem 0;
	line-height: 1.35;
}

.mp-gem-card p {
	font-size: 0.875rem;
	color: var(--mp-text-muted, #64748B);
	line-height: 1.6;
	margin: 0;
}

/* GeM Categories Portfolio */
.mp-gem-categories {
	background: #F8FAFC;
	padding: 5rem 0;
	border-top: 1px solid var(--mp-border-color, #E2E8F0);
	border-bottom: 1px solid var(--mp-border-color, #E2E8F0);
}

.mp-gem-lines-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.mp-gem-line-pill {
	background: #FFFFFF;
	border: 1px solid var(--mp-border-color, #E2E8F0);
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
	transition: var(--mp-transition);
}

.mp-gem-line-pill:hover {
	border-color: var(--mp-navy-primary, #0056B3);
	box-shadow: 0 8px 24px -4px rgba(11, 59, 96, 0.08);
}

/* GeM RFQ Card */
.mp-gem-rfq-section {
	padding: 5rem 0;
	background: #FFFFFF;
}

.mp-gem-rfq-card {
	background: #FFFFFF;
	border: 2px solid var(--mp-border-color, #E2E8F0);
	border-radius: 20px;
	padding: 3.5rem;
	max-width: 960px;
	margin: 0 auto;
	box-shadow: 0 20px 48px -12px rgba(11, 59, 96, 0.1);
}

.mp-gem-rfq-head {
	text-align: center;
	margin-bottom: 2.75rem;
}

.mp-gem-rfq-title {
	font-size: 2rem;
	font-weight: 800;
	color: var(--mp-navy-deep, #0B3B60);
	margin: 0.75rem 0 0.625rem 0;
	letter-spacing: -0.02em;
}

.mp-gem-rfq-sub {
	font-size: 1rem;
	color: var(--mp-text-muted, #64748B);
	max-width: 680px;
	margin: 0 auto;
	line-height: 1.6;
}

.mp-gem-assurance {
	display: flex;
	gap: 2rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 1.75rem;
}

.mp-gem-assurance .mp-assurance-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	color: var(--mp-text-muted, #64748B);
	font-weight: 500;
}

.mp-gem-assurance .mp-assurance-item svg {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	color: var(--mp-accent-mint, #00A896) !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
}

@media (max-width: 1024px) {
	.mp-gem-hero-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.mp-gem-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.mp-gem-hero-title {
		font-size: 2rem;
	}

	.mp-gem-grid,
	.mp-gem-lines-grid {
		grid-template-columns: 1fr;
	}

	.mp-gem-rfq-card {
		padding: 2rem 1.5rem;
	}
}

/* ==========================================================================
   BLINKIT-STYLE MOBILE APP UI & BOTTOM NAVIGATION BAR
   ========================================================================== */

/* 1. Mobile App Top Search Bar (in Header) */
.mp-mobile-app-search-wrap {
	display: none;
}

@media (max-width: 768px) {
	.mp-mobile-app-search-wrap {
		display: block;
		padding: 0.5rem 1rem 0.65rem 1rem;
		background: #FFFFFF;
		border-top: 1px solid #F1F5F9;
	}

	.mp-app-search-form {
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.mp-app-search-icon {
		position: absolute;
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
		width: 17px;
		height: 17px;
		color: #0056B3;
		pointer-events: none;
		z-index: 2;
	}

	.mp-app-search-icon svg {
		width: 100%;
		height: 100%;
		display: block;
	}

	.mp-app-search-input {
		width: 100% !important;
		height: 42px !important;
		padding: 0 16px 0 38px !important;
		background: #F8FAFC !important;
		border: 1.5px solid #CBD5E1 !important;
		border-radius: 12px !important;
		font-size: 0.84rem !important;
		font-weight: 500 !important;
		color: #0F172A !important;
		transition: all 0.2s ease !important;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
		-webkit-appearance: none !important;
	}

	.mp-app-search-input:focus {
		background: #FFFFFF !important;
		border-color: #0056B3 !important;
		outline: none !important;
		box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.12) !important;
	}

	/* Ensure no duplicate search bars appear on mobile devices */
	.mp-hero-search-wrapper,
	.mp-shop-search-wrapper {
		display: none !important;
	}
}

/* 2. Fixed App Bottom Navigation Bar */
.mp-bottom-nav {
	display: none;
}

@media (max-width: 768px) {
	/* Add bottom padding to body to prevent content cutoff by fixed dock */
	body {
		padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
	}

	/* On product pages where sticky action dock exists, add extra breathing space */
	body.single-product {
		padding-bottom: calc(125px + env(safe-area-inset-bottom, 0px)) !important;
	}

	.mp-bottom-nav {
		display: block !important;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 99999 !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(16px) !important;
		-webkit-backdrop-filter: blur(16px) !important;
		border-top: 1px solid #E2E8F0 !important;
		box-shadow: 0 -4px 20px rgba(11, 59, 96, 0.08) !important;
		padding-bottom: env(safe-area-inset-bottom, 0px) !important;
	}

	.mp-bottom-nav-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-around !important;
		height: 60px !important;
		padding: 0 0.5rem !important;
		max-width: 500px !important;
		margin: 0 auto !important;
	}

	.mp-bottom-tab {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 1 1 0 !important;
		height: 100% !important;
		text-decoration: none !important;
		color: #64748B !important;
		background: transparent !important;
		border: none !important;
		padding: 0.35rem 0 0.25rem 0 !important;
		cursor: pointer !important;
		user-select: none !important;
		transition: color 0.15s ease, transform 0.15s ease !important;
		-webkit-tap-highlight-color: transparent !important;
	}

	.mp-bottom-tab:active {
		transform: scale(0.92) !important;
	}

	.mp-bottom-icon {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 24px !important;
		height: 24px !important;
		margin-bottom: 2px !important;
	}

	.mp-bottom-icon svg {
		width: 22px !important;
		height: 22px !important;
		stroke-width: 2.2 !important;
		transition: transform 0.18s ease, stroke 0.18s ease !important;
	}

	.mp-bottom-label {
		font-size: 0.6875rem !important;
		font-weight: 600 !important;
		letter-spacing: 0.01em !important;
		line-height: 1 !important;
		transition: color 0.18s ease, font-weight 0.18s ease !important;
	}

	/* Active Tab State */
	.mp-bottom-tab.is-active {
		color: #0056B3 !important;
	}

	.mp-bottom-tab.is-active .mp-bottom-icon svg {
		stroke: #0056B3 !important;
		transform: translateY(-1px) !important;
	}

	.mp-bottom-tab.is-active .mp-bottom-label {
		color: #0056B3 !important;
		font-weight: 800 !important;
	}

	.mp-bottom-indicator {
		display: block !important;
		width: 4px !important;
		height: 4px !important;
		background: #0056B3 !important;
		border-radius: 50% !important;
		margin-top: 2px !important;
	}

	/* Live Cart Count Badge */
	.mp-bottom-cart-icon-wrap {
		position: relative !important;
	}

	.mp-bottom-badge {
		position: absolute !important;
		top: -4px !important;
		right: -8px !important;
		background: #00A896 !important;
		color: #FFFFFF !important;
		font-size: 0.625rem !important;
		font-weight: 800 !important;
		line-height: 1 !important;
		min-width: 17px !important;
		height: 17px !important;
		border-radius: 9px !important;
		display: none !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 4px !important;
		border: 1.5px solid #FFFFFF !important;
		box-shadow: 0 2px 6px rgba(0, 168, 150, 0.4) !important;
	}

	.mp-bottom-badge.has-items,
	.mp-bottom-badge:not(:empty):not(:contains("0")) {
		display: inline-flex !important;
	}
}

/* 3. Mobile Categories Slide-Up Bottom Sheet */
.mp-app-sheet {
	display: none;
}

@media (max-width: 768px) {
	.mp-app-sheet {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100000;
		pointer-events: none;
		visibility: hidden;
		transition: visibility 0.25s ease;
	}

	.mp-app-sheet.is-open {
		pointer-events: auto;
		visibility: visible;
	}

	.mp-app-sheet-backdrop {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(15, 23, 42, 0.55);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.mp-app-sheet.is-open .mp-app-sheet-backdrop {
		opacity: 1;
	}

	.mp-app-sheet-dialog {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-height: 82vh;
		background: #FFFFFF;
		border-radius: 22px 22px 0 0;
		box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.18);
		transform: translateY(100%);
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		display: flex;
		flex-direction: column;
		overflow: hidden;
		padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
	}

	.mp-app-sheet.is-open .mp-app-sheet-dialog {
		transform: translateY(0);
	}

	.mp-app-sheet-handle-bar {
		padding: 8px 0 4px 0;
		text-align: center;
		flex-shrink: 0;
	}

	.mp-app-sheet-pill-handle {
		display: inline-block;
		width: 40px;
		height: 4px;
		background: #CBD5E1;
		border-radius: 2px;
	}

	.mp-app-sheet-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.5rem 1.25rem 0.75rem 1.25rem;
		border-bottom: 1px solid #F1F5F9;
		flex-shrink: 0;
	}

	.mp-app-sheet-title {
		font-size: 1.15rem !important;
		font-weight: 800 !important;
		color: #0B3B60 !important;
		margin: 0 !important;
		line-height: 1.2 !important;
	}

	.mp-app-sheet-sub {
		font-size: 0.75rem !important;
		color: #64748B !important;
		display: block !important;
		margin-top: 2px !important;
	}

	.mp-app-sheet-close {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border: none;
		background: #F1F5F9;
		color: #475569;
		font-size: 1.35rem;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		line-height: 1;
		padding: 0;
		transition: background 0.15s ease;
	}

	.mp-app-sheet-close:hover {
		background: #E2E8F0;
		color: #0F172A;
	}

	.mp-app-sheet-body {
		padding: 1rem 1.25rem;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		flex: 1 1 auto;
	}

	/* Blinkit Style 4-Column Department Category Grid */
	.mp-blinkit-dept-section {
		margin-bottom: 1.5rem;
	}

	.mp-blinkit-dept-section:last-child {
		margin-bottom: 0.75rem;
	}

	.mp-blinkit-dept-title {
		font-size: 1.05rem !important;
		font-weight: 800 !important;
		color: #0F172A !important;
		margin: 0 0 0.85rem 0 !important;
		letter-spacing: -0.01em !important;
		line-height: 1.25 !important;
	}

	.mp-blinkit-dept-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 0.85rem 0.5rem !important;
	}

	.mp-blinkit-cat-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-decoration: none !important;
		color: inherit !important;
		-webkit-tap-highlight-color: transparent !important;
		transition: transform 0.15s ease !important;
	}

	.mp-blinkit-cat-item:active {
		transform: scale(0.93) !important;
	}

	.mp-blinkit-cat-tile {
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 16px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1px solid rgba(0, 0, 0, 0.04) !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
		transition: all 0.2s ease !important;
		overflow: hidden !important;
	}

	.mp-blinkit-cat-item:active .mp-blinkit-cat-tile {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
		filter: brightness(0.97) !important;
	}

	.mp-blinkit-cat-icon {
		font-size: 1.85rem !important;
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08)) !important;
		transition: transform 0.2s ease !important;
	}

	.mp-blinkit-cat-item:hover .mp-blinkit-cat-icon {
		transform: scale(1.08) !important;
	}

	.mp-blinkit-cat-name {
		margin-top: 0.45rem !important;
		font-size: 0.72rem !important;
		font-weight: 700 !important;
		color: #1E293B !important;
		text-align: center !important;
		line-height: 1.18 !important;
		letter-spacing: -0.01em !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		word-break: break-word !important;
		min-height: 2.36em !important;
	}
}

/* 4. Single Product Sticky Purchase Dock (Blinkit / 1mg style) */
.mp-mobile-sticky-buy-bar {
	display: none;
}

@media (max-width: 768px) {
	.mp-mobile-sticky-buy-bar {
		display: block;
		position: fixed;
		bottom: calc(60px + env(safe-area-inset-bottom, 0px));
		left: 0;
		right: 0;
		width: 100%;
		z-index: 99990;
		background: #FFFFFF;
		border-top: 1px solid #E2E8F0;
		box-shadow: 0 -4px 18px rgba(11, 59, 96, 0.09);
		padding: 0.5rem 0.85rem;
		transform: translateY(120%);
		transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
		pointer-events: none;
		visibility: hidden;
	}

	.mp-mobile-sticky-buy-bar.is-visible {
		transform: translateY(0);
		pointer-events: auto;
		visibility: visible;
	}

	.mp-sticky-buy-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		max-width: 500px;
		margin: 0 auto;
	}

	.mp-sticky-buy-price-block {
		display: flex;
		flex-direction: column;
		line-height: 1.15;
		flex-shrink: 0;
	}

	.mp-sticky-price-label {
		font-size: 0.625rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		color: #64748B;
	}

	.mp-sticky-price-val {
		font-size: 1.05rem;
		font-weight: 800;
		color: #0B3B60;
	}

	.mp-sticky-price-val del {
		font-size: 0.75rem;
		color: #94A3B8;
		margin-right: 3px;
	}

	.mp-sticky-price-val ins {
		text-decoration: none;
		color: #0B3B60;
	}

	.mp-sticky-buy-actions {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		flex: 1 1 auto;
		justify-content: flex-end;
	}

	.mp-sticky-btn {
		height: 40px;
		padding: 0 0.85rem;
		border-radius: 9px;
		font-size: 0.8125rem;
		font-weight: 700;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: all 0.15s ease;
		white-space: nowrap;
		user-select: none;
		border: none;
	}

	.mp-sticky-btn-add {
		background: #FFFFFF;
		color: #0B3B60;
		border: 1.5px solid #0B3B60;
		flex: 1 1 auto;
	}

	.mp-sticky-btn-buy {
		background: linear-gradient(135deg, #0056B3 0%, #0B3B60 100%);
		color: #FFFFFF;
		flex: 1.3 1 auto;
		box-shadow: 0 3px 10px rgba(0, 86, 179, 0.3);
	}

	.mp-sticky-btn:active {
		transform: scale(0.96);
	}
}

/* 5. Blinkit Quick-Commerce Product Cards & Grid Optimization on Mobile */
@media (max-width: 768px) {
	/* 2-column App Grid everywhere on mobile */
	.mp-products-grid,
	.woocommerce ul.products,
	ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.65rem !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.mp-products-grid li.product,
	.woocommerce ul.products li.product,
	ul.products li.product,
	.mp-product-card {
		width: 100% !important;
		margin: 0 !important;
		padding: 0.45rem !important;
		border-radius: 12px !important;
		background: #FFFFFF !important;
		border: 1px solid #E2E8F0 !important;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
		display: flex !important;
		flex-direction: column !important;
		box-sizing: border-box !important;
	}

	/* Compact Card Thumbnail Box */
	.mp-product-image-box,
	.woocommerce ul.products li.product a.post-thumbnail,
	.woocommerce ul.products li.product .woocommerce-loop-product__link:first-child,
	.woocommerce ul.products li.product a img,
	ul.products li.product a img {
		border-radius: 8px !important;
		height: 110px !important;
		min-height: 110px !important;
		max-height: 110px !important;
		object-fit: contain !important;
		background: #F8FAFC !important;
		margin-bottom: 0.3rem !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
	}

	.woocommerce ul.products li.product a img,
	ul.products li.product a img,
	.woocommerce ul.products li.product img.wp-post-image {
		max-height: 95px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
	}

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

	/* Featured Products on Homepage: Hide category, product name, and green brand pill */
	.mp-featured-grid .mp-product-meta,
	.mp-featured-grid .mp-product-cat,
	.mp-featured-grid .mp-product-title,
	.mp-featured-grid .mp-product-badge,
	.mp-featured-product-card .mp-product-meta,
	.mp-featured-product-card .mp-product-cat,
	.mp-featured-product-card .mp-product-title,
	.mp-featured-product-card .mp-product-badge {
		display: none !important;
	}

	.mp-category-shelf .mp-product-cat {
		display: none !important;
	}

	.mp-product-card {
		position: relative !important;
		cursor: pointer !important;
	}

	.mp-product-card .mp-product-img-link::after {
		content: '' !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
	}

	.mp-product-card .mp-product-actions,
	.mp-product-card .mp-btn-add-to-cart {
		position: relative !important;
		z-index: 2 !important;
	}

	/* Pricing Row: Striked out MRP & Sale Price */
	.mp-product-pricing,
	.woocommerce ul.products li.product .price,
	ul.products li.product .price {
		font-size: 0.88rem !important;
		font-weight: 800 !important;
		color: #0B3B60 !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.2 !important;
		display: flex !important;
		align-items: baseline !important;
		flex-wrap: wrap !important;
		gap: 0.25rem !important;
	}

	.mp-product-pricing del,
	.woocommerce ul.products li.product .price del,
	ul.products li.product .price del {
		font-size: 0.68rem !important;
		font-weight: 500 !important;
		color: #94A3B8 !important;
		text-decoration: line-through !important;
		margin-right: 2px !important;
	}

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

	/* Remove Add to Cart buttons & action wrap from loop cards to keep cards minimal */
	.mp-btn-add-to-cart,
	.woocommerce ul.products li.product .product-action-wrap,
	.woocommerce ul.products li.product .button,
	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 text and 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;
	}

	/* Single Product Page Compact Mobile Padding */
	.woocommerce div.product {
		padding: 0 0.5rem !important;
	}

	.woocommerce div.product .summary {
		padding: 0 0.25rem !important;
	}

	.woocommerce div.product .product_title {
		font-size: 0.98rem !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		letter-spacing: -0.01em !important;
		margin: 0 0 0.2rem 0 !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.45rem 0 !important;
	}

	.mp-swatch-pill {
		padding: 0.38rem 0.7rem !important;
		font-size: 0.75rem !important;
		border-radius: 7px !important;
	}

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

	.mp-specs-summary {
		padding: 0.7rem 0.85rem !important;
	}

	.mp-specs-body {
		padding: 0.75rem 0.85rem !important;
	}

	.mp-specs-table th,
	.mp-specs-table td {
		padding: 0.5rem 0.65rem !important;
		font-size: 0.76rem !important;
	}

	.woocommerce div.product .mp-product-specs-wrap,
	.mp-product-specs-wrap {
		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;
	}

	/* 5. Mobile Ecommerce App Category Header & Toolbar */
	.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-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;
	}

	.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;
	}

	.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;
	}

	.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 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;
	}

	/* 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 {
		order: 3 !important;
		display: block !important;
		margin: 1.25rem 0.85rem 2.5rem 0.85rem !important;
		width: calc(100% - 1.7rem) !important;
		clear: both !important;
	}

	.woocommerce div.product section.related.products,
	.woocommerce div.product .related.products {
		order: 4 !important;
		width: 100% !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;
	}

	.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: 12px !important;
		background: #FFFFFF !important;
		overflow: hidden !important;
		box-shadow: 0 1px 6px rgba(11, 59, 96, 0.04) !important;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__image {
		height: 220px !important;
		max-height: 58vw !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;
	}

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

	/* 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;
	}

	.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;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		text-transform: uppercase !important;
		white-space: nowrap !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;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		line-height: 1 !important;
		cursor: pointer !important;
		box-sizing: border-box !important;
		-webkit-appearance: none !important;
		appearance: none !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;
	}
}