/* ==========================================================================
   MediF ComfortCare — theme styles
   Design tokens ported from the ComfortCare React app (Tailwind/oklch).
   ========================================================================== */

:root {
	--medif-radius: 0.5rem;
	--medif-bg: #ffffff;
	--medif-fg: #20251f;
	--medif-surface: #f6f7f5;
	--medif-surface-soft: #edf8ee;
	--medif-primary: #39b549;
	--medif-primary-hover: #2c9c3b;
	--medif-primary-fg: #ffffff;
	--medif-dark: #323b2f;
	--medif-dark-fg: #ffffff;
	--medif-muted-fg: #6b7368;
	--medif-destructive: #d64545;
	--medif-warning: #f59e0b;
	--medif-border: #dfe4dc;
	--medif-shadow-card: 0 1px 2px 0 rgba(0,0,0,.04), 0 1px 3px 0 rgba(0,0,0,.05);
	--medif-shadow-card-hover: 0 6px 16px -4px rgba(0,0,0,.08), 0 4px 8px -2px rgba(0,0,0,.05);
	--medif-shadow-mega: 0 20px 40px -12px rgba(0,0,0,.15);
	--medif-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Base ------------------------------------------------------------------- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--medif-bg);
	color: var(--medif-fg);
	font-family: var(--medif-font);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { color: var(--medif-dark); letter-spacing: -0.01em; margin: 0 0 .5em; line-height: 1.2; }
h1, h2 { font-weight: 700; }
h3, h4 { font-weight: 600; }
p { margin: 0 0 1em; }
a { color: var(--medif-primary); text-decoration: none; }
a:hover { color: var(--medif-primary-hover); }
img { max-width: 100%; height: auto; }
ul { padding: 0; margin: 0; }

.container-app { width: 100%; max-width: 1360px; margin-inline: auto; padding-inline: 1rem; }
@media (min-width: 768px) { .container-app { padding-inline: 1.5rem; } }

.screen-reader-text {
	clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; width: 1px; overflow: hidden; position: absolute !important;
}
.skip-link:focus {
	clip: auto; clip-path: none; width: auto; height: auto;
	position: fixed; top: 8px; left: 8px; z-index: 999;
	background: var(--medif-primary); color: #fff; padding: 8px 14px; border-radius: 6px;
}

/* Icons ------------------------------------------------------------------ */
.medif-icon { width: 20px; height: 20px; flex-shrink: 0; }
.medif-icon-sm { width: 16px; height: 16px; }
.medif-icon-xs { width: 14px; height: 14px; }
.medif-ml-auto { margin-left: auto; }

/* Buttons ----------------------------------------------------------------- */
.medif-btn {
	display: inline-flex; align-items: center; gap: 8px;
	height: 44px; padding: 0 16px; border-radius: 6px;
	font-size: 14px; font-weight: 600; cursor: pointer; border: 0;
	transition: background .15s, color .15s, border-color .15s;
}
.medif-btn-lg { height: 48px; padding: 0 20px; }
.medif-btn-sm { height: 40px; padding: 0 12px; font-size: 12px; flex: 1; justify-content: center; }
.medif-btn-primary { background: var(--medif-primary); color: var(--medif-primary-fg) !important; }
.medif-btn-primary:hover { background: var(--medif-primary-hover); color: #fff !important; }
.medif-btn-outline { background: var(--medif-bg); color: var(--medif-primary) !important; border: 1px solid var(--medif-primary); }
.medif-btn-outline:hover { background: var(--medif-surface-soft); }
.medif-pill {
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--medif-surface-soft); color: var(--medif-primary);
	border: 1px solid rgba(57,181,73,.2); border-radius: 999px;
	padding: 4px 12px; font-size: 12px; font-weight: 600;
}

/* Top bar ------------------------------------------------------------------ */
.medif-topbar { background: var(--medif-dark); color: var(--medif-dark-fg); font-size: 13px; }
.medif-topbar-inner { overflow-x: auto; scrollbar-width: none; }
.medif-topbar-inner::-webkit-scrollbar { display: none; }
.medif-topbar ul { display: flex; align-items: center; gap: 24px; height: 36px; white-space: nowrap; list-style: none; }
.medif-topbar li { display: flex; align-items: center; gap: 6px; opacity: .92; }
.medif-topbar .medif-icon-xs { color: var(--medif-primary); }
.medif-topbar a { color: inherit; }
.medif-topbar a:hover { color: var(--medif-primary); }
@media (max-width: 639px) { .medif-topbar .hide-mobile { display: none; } }
@media (max-width: 1023px) { .medif-topbar .hide-tablet { display: none; } }

/* Header ------------------------------------------------------------------- */
.medif-header-main { background: var(--medif-bg); border-bottom: 1px solid var(--medif-border); }
.medif-header-inner { display: flex; align-items: center; gap: 12px; height: 64px; }
@media (min-width: 768px) { .medif-header-inner { height: 80px; gap: 24px; } }

.medif-burger {
	display: grid; place-items: center; width: 44px; height: 44px;
	background: none; border: 0; border-radius: 6px; color: var(--medif-dark); cursor: pointer;
}
.medif-burger:hover { background: var(--medif-surface); }
@media (min-width: 768px) { .medif-burger { display: none; } }

.medif-logo { display: flex; align-items: center; flex-shrink: 0; }
/* !important: WooCommerce's `.woocommerce img { height:auto }` would otherwise win on shop pages */
.medif-logo-img { height: 34px !important; width: auto !important; }
@media (min-width: 768px) { .medif-logo-img { height: 42px !important; } }
.medif-logo-text { font-size: 22px; font-weight: 800; color: var(--medif-primary); }

/* Mega menu */
.medif-mega-wrap { position: relative; display: none; }
@media (min-width: 768px) { .medif-mega-wrap { display: block; } }
.medif-mega-btn {
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--medif-primary); color: var(--medif-primary-fg);
	border: 0; border-radius: 6px; padding: 11px 16px;
	font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.medif-mega-btn:hover { background: var(--medif-primary-hover); }
.medif-mega-btn[aria-expanded="true"] .medif-caret { transform: rotate(180deg); }
.medif-caret { transition: transform .15s; }

.medif-mega {
	position: absolute; left: 0; top: 100%; z-index: 60; margin-top: 8px;
	width: min(96vw, 980px);
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; box-shadow: var(--medif-shadow-mega);
	padding: 24px;
}
.medif-mega-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 24px; }
@media (max-width: 1023px) { .medif-mega-grid { grid-template-columns: repeat(2, 1fr); } }
.medif-mega-cat {
	display: flex; align-items: center; gap: 8px;
	border-bottom: 1px solid var(--medif-border); padding-bottom: 8px;
	font-size: 14px; font-weight: 600; color: var(--medif-dark);
}
.medif-mega-cat .medif-icon-sm { color: var(--medif-primary); }
.medif-mega-cat:hover span { color: var(--medif-primary); }
.medif-mega-col ul { list-style: none; margin-top: 8px; display: grid; gap: 6px; }
.medif-mega-col ul a { font-size: 13px; color: var(--medif-muted-fg); }
.medif-mega-col ul a:hover { color: var(--medif-primary); }
.medif-mega-all { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; color: var(--medif-primary) !important; }
.medif-mega-footer { border-top: 1px solid var(--medif-border); margin-top: 20px; padding-top: 16px; }
.medif-mega-shopall { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }

/* Header search */
.medif-search { position: relative; flex: 1; display: none; }
@media (min-width: 768px) { .medif-search { display: block; } }
.medif-search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--medif-muted-fg); pointer-events: none; }
.medif-search input[type="search"] {
	height: 44px; width: 100%;
	border: 1px solid var(--medif-border); border-radius: 6px;
	background: var(--medif-surface); color: var(--medif-dark);
	padding: 0 100px 0 36px; font-size: 14px; font-family: inherit; outline: none;
}
.medif-search input[type="search"]:focus {
	border-color: var(--medif-primary); background: var(--medif-bg);
	box-shadow: 0 0 0 3px rgba(57,181,73,.15);
}
.medif-search button[type="submit"] {
	position: absolute; right: 4px; top: 4px; height: 36px;
	background: var(--medif-primary); color: #fff; border: 0; border-radius: 5px;
	padding: 0 16px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.medif-search button[type="submit"]:hover { background: var(--medif-primary-hover); }
.medif-search-mobile { padding-bottom: 12px; }
@media (min-width: 768px) { .medif-search-mobile { display: none; } }
.medif-search-mobile form { position: relative; }
.medif-search-mobile input[type="search"] {
	height: 44px; width: 100%;
	border: 1px solid var(--medif-border); border-radius: 6px;
	background: var(--medif-surface); padding: 0 12px 0 36px;
	font-size: 14px; font-family: inherit; outline: none;
}
.medif-search-standalone { display: block; max-width: 480px; }
.medif-search-standalone input[type="search"] { padding-right: 110px; }

/* FiboSearch (AJAX Search for WooCommerce) integration ---------------------- */
.medif-search-fibo { flex: 1; display: none; min-width: 0; }
@media (min-width: 768px) { .medif-header-inner .medif-search-fibo { display: block; } }
.medif-search-mobile .medif-search-fibo { display: block; }
.medif-search-fibo .dgwt-wcas-search-wrapp { max-width: 100% !important; }
.medif-search-fibo .dgwt-wcas-search-input,
.medif-search-fibo input[type="search"].dgwt-wcas-search-input {
	height: 44px !important;
	border: 1px solid var(--medif-border) !important;
	border-radius: 6px !important;
	background: var(--medif-surface) !important;
	color: var(--medif-dark) !important;
	font-family: var(--medif-font) !important;
	font-size: 14px !important;
	box-shadow: none;
}
.medif-search-fibo .dgwt-wcas-search-input:focus {
	border-color: var(--medif-primary) !important;
	background: var(--medif-bg) !important;
	box-shadow: 0 0 0 3px rgba(57,181,73,.15) !important;
}
.medif-search-fibo .dgwt-wcas-search-input::placeholder { color: var(--medif-muted-fg); }
/* Vertically center the magnifier (FiboSearch "pirx" places it with a fixed top) */
.medif-search-fibo .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	height: 32px !important;
	width: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.medif-search-fibo .dgwt-wcas-ico-magnifier,
.medif-search-fibo .dgwt-wcas-ico-magnifier-handler {
	position: static !important;
	top: auto !important;
	bottom: auto !important;
	display: block !important;
	max-width: 18px;
	width: 18px;
	height: 18px;
	margin: 0 !important;
}
.medif-search-fibo .dgwt-wcas-ico-magnifier path,
.medif-search-fibo .dgwt-wcas-ico-magnifier-handler path { fill: var(--medif-muted-fg); }
.dgwt-wcas-suggestions-wrapp {
	border: 1px solid var(--medif-border) !important;
	border-radius: 0 0 8px 8px !important;
	box-shadow: var(--medif-shadow-mega) !important;
	font-family: var(--medif-font) !important;
}
.dgwt-wcas-suggestion { font-size: 14px; color: var(--medif-dark); }
.dgwt-wcas-suggestion-selected { background: var(--medif-surface-soft) !important; }
.dgwt-wcas-st strong, .dgwt-wcas-suggestion strong { color: var(--medif-primary); }
.dgwt-wcas-suggestion-nores { color: var(--medif-muted-fg); }
/* Mobile overlay of FiboSearch */
.dgwt-wcas-om-bar { background: var(--medif-dark) !important; }

/* Header icons */
.medif-header-icons { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.medif-hicon {
	position: relative; display: grid; place-items: center;
	width: 44px; height: 44px; border-radius: 6px; color: var(--medif-dark);
}
.medif-hicon:hover { background: var(--medif-surface); color: var(--medif-primary); }
@media (max-width: 639px) { .medif-header-icons .hide-mobile { display: none; } }
.medif-cart-count {
	position: absolute; right: 4px; top: 4px;
	display: grid; place-items: center;
	min-width: 16px; height: 16px; padding: 0 4px;
	background: var(--medif-primary); color: #fff;
	border-radius: 999px; font-size: 10px; font-weight: 700;
}

/* Desktop nav -------------------------------------------------------------- */
.medif-nav { display: none; background: var(--medif-bg); border-bottom: 1px solid var(--medif-border); }
@media (min-width: 768px) { .medif-nav { display: block; } }
.medif-nav-list { display: flex; align-items: center; gap: 4px; height: 48px; list-style: none; }
.medif-nav-list > li { position: relative; }
.medif-nav-list > li > a {
	display: block; padding: 8px 12px; border-radius: 6px;
	font-size: 14px; font-weight: 500; color: var(--medif-dark);
}
.medif-nav-list > li > a:hover { background: var(--medif-surface); color: var(--medif-primary); }
.medif-nav-list > li.current-menu-item > a { color: var(--medif-primary); }
.medif-nav-list .sub-menu {
	position: absolute; left: 0; top: 100%; z-index: 50;
	min-width: 240px; padding: 8px; margin-top: 4px;
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 8px; box-shadow: var(--medif-shadow-mega);
	list-style: none; display: none;
}
.medif-nav-list > li:hover > .sub-menu,
.medif-nav-list > li:focus-within > .sub-menu { display: block; }
.medif-nav-list .sub-menu a {
	display: block; padding: 8px 12px; border-radius: 6px;
	font-size: 14px; color: var(--medif-dark);
}
.medif-nav-list .sub-menu a:hover { background: var(--medif-surface); color: var(--medif-primary); }

/* Mobile menu --------------------------------------------------------------- */
.medif-mobile-overlay {
	position: fixed; inset: 0; z-index: 100;
	background: rgba(0,0,0,.4);
}
.medif-mobile-panel {
	position: absolute; left: 0; top: 0; bottom: 0;
	width: min(86vw, 360px); background: var(--medif-bg);
	display: flex; flex-direction: column; box-shadow: var(--medif-shadow-mega);
}
.medif-mobile-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 12px 16px; border-bottom: 1px solid var(--medif-border);
}
.medif-mobile-close { background: none; border: 0; width: 44px; height: 44px; display: grid; place-items: center; color: var(--medif-dark); cursor: pointer; }
.medif-mobile-body { overflow-y: auto; padding: 16px; }
.medif-mobile-label {
	font-size: 11px; font-weight: 700; text-transform: uppercase;
	letter-spacing: .05em; color: var(--medif-muted-fg); margin: 16px 0 8px;
}
.medif-mobile-cats { list-style: none; display: grid; gap: 4px; }
.medif-mobile-cats a {
	display: flex; align-items: center; gap: 10px;
	padding: 10px 12px; border-radius: 8px;
	font-size: 14px; font-weight: 500; color: var(--medif-dark);
	border: 1px solid var(--medif-border);
}
.medif-mobile-cats a:hover { border-color: var(--medif-primary); color: var(--medif-primary); }
.medif-mobile-cats .medif-icon-sm:first-child { color: var(--medif-primary); }
.medif-mobile-nav { list-style: none; display: grid; gap: 2px; }
.medif-mobile-nav a { display: block; padding: 10px 12px; border-radius: 6px; font-size: 14px; color: var(--medif-dark); }
.medif-mobile-nav a:hover { background: var(--medif-surface); color: var(--medif-primary); }
.medif-mobile-nav .sub-menu { list-style: none; padding-left: 16px; }
.medif-mobile-contact { margin-top: 20px; }
.medif-mobile-contact .medif-btn { width: 100%; justify-content: center; }

/* Hero ----------------------------------------------------------------------- */
.medif-hero { background: var(--medif-surface); }
.medif-hero-grid { display: grid; gap: 32px; padding-block: 40px; }
@media (min-width: 1024px) { .medif-hero-grid { grid-template-columns: 1fr 1fr; align-items: center; padding-block: 64px; } }
.medif-hero h1 { margin-top: 16px; font-size: clamp(28px, 4.5vw, 46px); font-weight: 800; line-height: 1.15; }
.medif-hero h1 span { color: var(--medif-primary); }
.medif-hero-copy > p { max-width: 560px; color: var(--medif-muted-fg); font-size: 17px; }
.medif-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.medif-hero-feats { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 32px; }
@media (min-width: 640px) { .medif-hero-feats { grid-template-columns: repeat(3, 1fr); } }
.medif-hero-feats > div {
	display: flex; align-items: center; gap: 8px;
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 8px; padding: 12px;
	font-size: 12px; font-weight: 500; color: var(--medif-dark);
}
.medif-hero-feats .medif-icon-sm { color: var(--medif-primary); }
.medif-hero-media { position: relative; }
.medif-hero-imgwrap { overflow: hidden; border-radius: 16px; border: 1px solid var(--medif-border); box-shadow: var(--medif-shadow-card); }
.medif-hero-imgwrap img { display: block; width: 100%; height: 380px; object-fit: cover; }
@media (min-width: 768px) { .medif-hero-imgwrap img { height: 520px; } }
.medif-hero-card {
	position: absolute; bottom: -16px; left: 16px; display: none;
	background: #fff; border-radius: 12px; padding: 16px;
	box-shadow: var(--medif-shadow-card-hover); border: 1px solid var(--medif-border);
}
@media (min-width: 768px) { .medif-hero-card { display: block; } }
.medif-hero-card-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--medif-muted-fg); margin: 0; }
.medif-hero-card-title { font-size: 14px; font-weight: 700; color: var(--medif-dark); margin: 2px 0 4px; }
.medif-hero-card a { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; }

/* Trust bar */
.medif-trust { border-block: 1px solid var(--medif-border); background: var(--medif-bg); }
.medif-trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding-block: 24px; }
@media (min-width: 768px) { .medif-trust-grid { grid-template-columns: repeat(5, 1fr); } }
.medif-trust-grid > div { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--medif-dark); }
.medif-trust-grid .medif-icon { color: var(--medif-primary); }

/* Sections --------------------------------------------------------------------- */
.medif-section { background: var(--medif-bg); padding-block: 48px; }
.medif-section-alt { background: var(--medif-surface); }
.medif-section-head { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 16px; margin-bottom: 24px; }
.medif-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--medif-primary); margin: 0; }
.medif-section-title { font-size: clamp(22px, 3vw, 30px); margin: 4px 0 0; }
.medif-section-sub { font-size: 14px; color: var(--medif-muted-fg); margin: 4px 0 0; }
.medif-section-cta { display: none; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; white-space: nowrap; }
@media (min-width: 640px) { .medif-section-cta { display: inline-flex; } }
.medif-section-cta:hover { text-decoration: underline; }

/* Category grid */
.medif-cat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 768px) { .medif-cat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .medif-cat-grid { grid-template-columns: repeat(4, 1fr); } }
.medif-cat-card {
	display: flex; flex-direction: column;
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; padding: 16px;
	box-shadow: var(--medif-shadow-card);
	transition: transform .15s, border-color .15s, box-shadow .15s;
}
.medif-cat-card:hover { transform: translateY(-2px); border-color: var(--medif-primary); box-shadow: var(--medif-shadow-card-hover); }
.medif-cat-icon {
	display: grid; place-items: center; width: 44px; height: 44px;
	background: var(--medif-surface-soft); color: var(--medif-primary); border-radius: 8px;
}
.medif-cat-card h3 { font-size: 14px; margin: 12px 0 2px; }
.medif-cat-card:hover h3 { color: var(--medif-primary); }
.medif-cat-card p { font-size: 12px; color: var(--medif-muted-fg); margin: 0; }

/* Product cards ------------------------------------------------------------------ */
.medif-product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 768px) { .medif-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .medif-product-grid { grid-template-columns: repeat(4, 1fr); } }
.medif-product-scroll {
	display: flex; gap: 12px; overflow-x: auto;
	scroll-snap-type: x mandatory; padding-bottom: 8px;
	scrollbar-width: none;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}
.medif-product-scroll::-webkit-scrollbar { display: none; }
.medif-product-cell {
	width: min(256px, 72vw); flex-shrink: 0; scroll-snap-align: start;
	min-width: 0;
}
@media (min-width: 768px) {
	.medif-product-scroll { display: grid; grid-template-columns: repeat(3, 1fr); overflow: visible; }
	.medif-product-cell { width: auto; }
}
@media (min-width: 1024px) { .medif-product-scroll { grid-template-columns: repeat(4, 1fr); } }

.medif-product-card {
	display: flex; flex-direction: column; height: 100%;
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; overflow: hidden; box-shadow: var(--medif-shadow-card);
	transition: transform .15s, border-color .15s, box-shadow .15s;
}
.medif-product-card:hover { transform: translateY(-2px); border-color: rgba(57,181,73,.4); box-shadow: var(--medif-shadow-card-hover); }
.medif-card-media { position: relative; aspect-ratio: 1/1; background: var(--medif-surface); overflow: hidden; }
.medif-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.medif-product-card:hover .medif-card-media img { transform: scale(1.05); }
.medif-card-badges { position: absolute; left: 8px; top: 8px; display: flex; flex-direction: column; gap: 4px; }
.medif-badge { border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.medif-badge-offer { background: var(--medif-warning); color: var(--medif-fg); }
.medif-badge-discount { background: var(--medif-destructive); color: #fff; }
.medif-card-body { display: flex; flex-direction: column; flex: 1; padding: 12px; }
.medif-card-brand { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--medif-muted-fg); margin: 0; }
.medif-card-brand a { color: inherit; }
.medif-card-title { font-size: 14px; font-weight: 600; line-height: 1.35; margin: 2px 0 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.medif-card-title a { color: var(--medif-dark); }
.medif-card-title a:hover { color: var(--medif-primary); }
.medif-card-stock { font-size: 12px; margin: 0 0 8px; }
.medif-card-stock .in-stock { color: var(--medif-primary); font-weight: 500; }
.medif-card-stock .out-of-stock { color: var(--medif-destructive); }
.medif-card-footer { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.medif-card-price { font-size: 17px; font-weight: 700; color: var(--medif-dark); }
.medif-card-price del { font-size: 12px; color: var(--medif-muted-fg); font-weight: 400; margin-right: 4px; }
.medif-card-price ins { text-decoration: none; }
.medif-card-btn {
	display: inline-flex; align-items: center; gap: 6px;
	height: 36px; padding: 0 12px; border-radius: 6px;
	background: var(--medif-primary); color: #fff !important;
	font-size: 12px; font-weight: 600; white-space: nowrap;
}
.medif-card-btn:hover { background: var(--medif-primary-hover); }

/* EOPYY --------------------------------------------------------------------------- */
.medif-eopyy { background: var(--medif-surface-soft); }
.medif-eopyy-grid { display: grid; gap: 32px; padding-block: 56px; }
@media (min-width: 1024px) { .medif-eopyy-grid { grid-template-columns: 1.1fr 1fr; align-items: center; } }
.medif-eopyy h2 { font-size: clamp(22px, 3vw, 30px); margin-top: 12px; }
.medif-eopyy p { max-width: 560px; color: var(--medif-muted-fg); font-size: 15px; }
.medif-eopyy-steps { display: grid; gap: 12px; list-style: none; }
@media (min-width: 640px) { .medif-eopyy-steps { grid-template-columns: repeat(3, 1fr); } }
.medif-eopyy-steps li { background: var(--medif-bg); border: 1px solid var(--medif-border); border-radius: 12px; padding: 16px; }
.medif-eopyy-steps li > span {
	display: grid; place-items: center; width: 32px; height: 32px;
	background: var(--medif-primary); color: #fff; border-radius: 999px;
	font-size: 14px; font-weight: 700;
}
.medif-eopyy-steps h3 { font-size: 14px; margin: 12px 0 4px; }
.medif-eopyy-steps p { font-size: 12px; color: var(--medif-muted-fg); margin: 0; }

/* Rentals ---------------------------------------------------------------------------- */
.medif-rentals-grid { display: grid; gap: 32px; }
@media (min-width: 1024px) { .medif-rentals-grid { grid-template-columns: 1fr 1fr; align-items: center; } }
.medif-rentals-media { overflow: hidden; border-radius: 16px; border: 1px solid var(--medif-border); box-shadow: var(--medif-shadow-card); }
.medif-rentals-media img { display: block; width: 100%; height: 288px; object-fit: cover; }
@media (min-width: 768px) { .medif-rentals-media img { height: 384px; } }
.medif-rentals-grid h2 { font-size: clamp(22px, 3vw, 30px); margin-top: 12px; }
.medif-rentals-grid p { color: var(--medif-muted-fg); font-size: 15px; }
.medif-checklist { display: grid; grid-template-columns: 1fr; gap: 8px; list-style: none; margin: 20px 0 24px; }
@media (min-width: 640px) { .medif-checklist { grid-template-columns: 1fr 1fr; } }
.medif-checklist li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--medif-dark); }
.medif-checklist .medif-icon-sm { color: var(--medif-primary); }

/* Stores ---------------------------------------------------------------------------- */
.medif-store-grid { display: grid; gap: 16px; }
@media (min-width: 768px) { .medif-store-grid { grid-template-columns: repeat(2, 1fr); } }
.medif-store-card {
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; overflow: hidden; box-shadow: var(--medif-shadow-card);
	transition: box-shadow .15s;
}
.medif-store-card:hover { box-shadow: var(--medif-shadow-card-hover); }
.medif-store-body { padding: 16px; }
.medif-store-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.medif-store-title h3 { font-size: 16px; margin: 0; }
.medif-open-badge {
	display: inline-flex; align-items: center; gap: 4px;
	background: rgba(57,181,73,.1); color: var(--medif-primary);
	border-radius: 999px; padding: 2px 8px; font-size: 11px; font-weight: 600;
}
.medif-store-body > p { font-size: 13px; color: var(--medif-muted-fg); margin: 6px 0 14px; }
.medif-store-actions { display: flex; gap: 8px; }

/* Footer ---------------------------------------------------------------------------- */
.medif-footer { margin-top: 64px; background: var(--medif-dark); color: var(--medif-dark-fg); }
.medif-footer-grid { display: grid; gap: 40px; padding-block: 56px; }
@media (min-width: 768px) { .medif-footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .medif-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
.medif-footer-logo { display: inline-flex; background: #fff; border-radius: 6px; padding: 8px 12px; }
.medif-footer-logo .medif-logo-img { height: 30px !important; }
.medif-footer-brand > p { margin-top: 16px; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.7); }
.medif-footer-contact { list-style: none; display: grid; gap: 8px; margin-top: 20px; font-size: 14px; color: rgba(255,255,255,.8); }
.medif-footer-contact li { display: flex; align-items: flex-start; gap: 8px; }
.medif-footer-contact .medif-icon-sm { color: var(--medif-primary); margin-top: 2px; }
.medif-footer-contact a { color: rgba(255,255,255,.85); }
.medif-footer-contact a:hover { color: var(--medif-primary); }
.medif-footer-col h4 { color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 12px; }
.medif-footer-col ul { list-style: none; display: grid; gap: 8px; }
.medif-footer-col a { font-size: 14px; color: rgba(255,255,255,.7); }
.medif-footer-col a:hover { color: var(--medif-primary); }
.medif-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }
.medif-footer-bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; padding-block: 20px; }
@media (min-width: 768px) { .medif-footer-bottom-inner { justify-content: space-between; } }
.medif-footer-bottom p { font-size: 12px; color: rgba(255,255,255,.6); margin: 0; }
.medif-footer-bottom a { color: rgba(255,255,255,.75); }
.medif-footer-bottom a:hover { color: var(--medif-primary); }

/* Floating contacts */
.medif-floating {
	position: fixed; right: 12px; top: 50%; transform: translateY(-50%);
	z-index: 40; display: none; flex-direction: column; gap: 8px;
}
@media (min-width: 768px) { .medif-floating { display: flex; } }
.medif-float {
	display: grid; place-items: center; width: 48px; height: 48px;
	border-radius: 999px; box-shadow: var(--medif-shadow-card-hover);
}
.medif-float-phone { background: var(--medif-primary); color: #fff !important; }
.medif-float-phone:hover { background: var(--medif-primary-hover); }
.medif-float-mail { background: #fff; color: var(--medif-dark) !important; border: 1px solid var(--medif-border); }
.medif-float-mail:hover { color: var(--medif-primary) !important; }

/* Mobile bottom nav */
.medif-bottom-nav {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
	width: 100%; max-width: 100vw;
	background: rgba(255,255,255,.96); backdrop-filter: blur(6px);
	border-top: 1px solid var(--medif-border);
	box-sizing: border-box;
}
@media (min-width: 768px) { .medif-bottom-nav { display: none; } }
.medif-bottom-nav ul {
	display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none; width: 100%; max-width: 100%; margin: 0; padding: 0;
}
.medif-bottom-nav a {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 2px; height: 56px; font-size: 11px; color: var(--medif-muted-fg);
	min-width: 0; padding: 0 2px; text-align: center;
}
.medif-bottom-nav a.active, .medif-bottom-nav a:hover { color: var(--medif-primary); }
@media (max-width: 767px) { body { padding-bottom: 56px; } }

/* --------------------------------------------------------------------------
 * Mobile / small-screen homepage + global polish
 * ------------------------------------------------------------------------ */
@media (max-width: 767px) {
	html, body { overflow-x: hidden; }
	.medif-main, .medif-section, .medif-hero, .medif-trust, .medif-eopyy, .medif-header, .medif-footer {
		min-width: 0;
	}
	.container-app { min-width: 0; }

	.medif-hero-grid { gap: 24px; padding-block: 28px; }
	.medif-hero-copy > p { font-size: 15px; }
	.medif-hero-imgwrap img { height: 240px; }
	.medif-hero-actions { flex-direction: column; align-items: stretch; }
	.medif-hero-actions .medif-btn { width: 100%; justify-content: center; }

	.medif-section { padding-block: 36px; }
	.medif-section-head {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 10px;
	}
	.medif-section-cta { display: inline-flex; }

	.medif-trust-grid { gap: 12px; padding-block: 20px; }
	.medif-trust-grid > div { font-size: 13px; }

	.medif-cat-card { padding: 14px; }
	.medif-cat-card h3 { font-size: 13px; }

	/* Product cards in 2-col grid: stack price + button so nothing overflows */
	.medif-card-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
	.medif-card-btn {
		width: 100%;
		justify-content: center;
	}
	.medif-card-price { font-size: 15px; }

	.medif-eopyy { padding-block: 40px; }
	.medif-eopyy-grid h2 { font-size: clamp(22px, 6vw, 28px); }
	.medif-rentals-media img { height: 220px; }
	.medif-store-actions { flex-wrap: wrap; }

	.medif-header-inner { gap: 8px; }
	.medif-logo-img { height: 30px !important; }
	.medif-search-mobile { padding-bottom: 10px; }

	/* Keep horizontal product carousels inside the viewport */
	.medif-section .container-app,
	.medif-section-alt .container-app {
		overflow-x: hidden;
	}
}

@media (max-width: 419px) {
	.medif-product-grid { grid-template-columns: 1fr; }
	.medif-cat-grid { gap: 10px; }
	.medif-hero-feats > div { font-size: 13px; }
}

/* Inner pages -------------------------------------------------------------------------- */
.medif-main { min-height: 50vh; }
.medif-page-wrap { padding-block: 40px; }
.medif-page-head h1 { font-size: clamp(24px, 3.5vw, 34px); }
.medif-entry { max-width: 860px; font-size: 16px; }
.medif-entry img { border-radius: 12px; }
.medif-entry a { text-decoration: underline; }
.medif-single-wrap { max-width: 920px; }
.medif-single-thumb img { border-radius: 16px; }
.medif-post-grid { display: grid; gap: 16px; }
@media (min-width: 768px) { .medif-post-grid { grid-template-columns: repeat(3, 1fr); } }
.medif-post-card {
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; overflow: hidden; box-shadow: var(--medif-shadow-card);
}
.medif-post-thumb img { display: block; width: 100%; height: 180px; object-fit: cover; }
.medif-post-body { padding: 16px; }
.medif-post-title { font-size: 16px; margin: 0 0 4px; }
.medif-post-title a { color: var(--medif-dark); }
.medif-post-title a:hover { color: var(--medif-primary); }
.medif-post-meta { font-size: 12px; color: var(--medif-muted-fg); }
.medif-post-excerpt { font-size: 14px; color: var(--medif-muted-fg); }
.medif-pagination { margin-top: 32px; text-align: center; }
.medif-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 8px; margin: 0 2px;
	border: 1px solid var(--medif-border); border-radius: 6px;
	font-size: 14px; color: var(--medif-dark);
}
.medif-pagination .page-numbers.current { background: var(--medif-primary); border-color: var(--medif-primary); color: #fff; }
.medif-404 { text-align: center; padding-block: 80px; }
.medif-404 h1 { font-size: 72px; color: var(--medif-primary); margin-bottom: 8px; }
.medif-404 .medif-hero-actions { justify-content: center; }
.medif-404-search { margin-top: 32px; display: flex; justify-content: center; }

/* Contact page ------------------------------------------------------------------------- */
.medif-crumbs { font-size: 13px; color: var(--medif-muted-fg); display: flex; gap: 8px; align-items: center; }
.medif-crumbs a { color: var(--medif-muted-fg); }
.medif-crumbs a:hover { color: var(--medif-primary); }
.medif-contact-title { font-size: clamp(26px, 3.5vw, 38px); margin: 12px 0 0; color: var(--medif-dark); }
.medif-contact-sub { margin: 8px 0 0; max-width: 640px; font-size: 15px; color: var(--medif-muted-fg); }
.medif-contact-grid { display: grid; gap: 24px; margin-top: 32px; align-items: start; }
@media (min-width: 1024px) { .medif-contact-grid { grid-template-columns: 1fr 1.4fr; } }
.medif-contact-card {
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; padding: 24px; box-shadow: var(--medif-shadow-card);
}
.medif-contact-card h2 { font-size: 17px; margin: 0 0 16px; color: var(--medif-dark); }
.medif-contact-info ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.medif-contact-info li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--medif-dark); }
.medif-contact-info li .medif-icon { flex: 0 0 auto; width: 18px; height: 18px; color: var(--medif-primary); margin-top: 1px; }
.medif-contact-info li a { color: var(--medif-dark); }
.medif-contact-info li a:hover { color: var(--medif-primary); }

/* CF7 form styled to match the design */
.medif-contact-form .wpcf7 form { display: grid; gap: 14px; }
.medif-contact-form .wpcf7 p { margin: 0; }
.medif-contact-form .wpcf7-form-control-wrap { display: block; }
.medif-contact-form input[type="text"],
.medif-contact-form input[type="email"],
.medif-contact-form input[type="tel"],
.medif-contact-form textarea {
	width: 100%; height: 48px; border: 1px solid var(--medif-border);
	background: var(--medif-bg); border-radius: 8px; padding: 0 12px;
	font-family: var(--medif-font); font-size: 14px; color: var(--medif-dark);
	outline: none; margin-bottom: 14px; transition: border-color .15s, box-shadow .15s;
}
.medif-contact-form textarea { height: 150px; padding: 12px; resize: vertical; }
.medif-contact-form input:focus, .medif-contact-form textarea:focus {
	border-color: var(--medif-primary);
	box-shadow: 0 0 0 3px rgba(57,181,73,.15);
}
.medif-contact-form input::placeholder, .medif-contact-form textarea::placeholder { color: var(--medif-muted-fg); text-transform: none; }
.medif-contact-form .wpcf7-submit {
	height: 48px; width: 100%; border: 0; border-radius: 8px; cursor: pointer;
	background: var(--medif-primary); color: #fff;
	font-family: var(--medif-font); font-size: 14px; font-weight: 600;
	transition: background .15s;
}
.medif-contact-form .wpcf7-submit:hover { background: var(--medif-primary-hover); }
.medif-contact-form .wpcf7-spinner { display: block; margin: 8px auto 0; }
.medif-contact-form .wpcf7-not-valid-tip { font-size: 12px; color: var(--medif-destructive); margin-top: -8px; margin-bottom: 8px; }
.medif-contact-form .wpcf7 form .wpcf7-response-output {
	margin: 0; padding: 12px 16px; border-radius: 8px; border-width: 1px; font-size: 14px;
}
.medif-contact-form .wpcf7 form.sent .wpcf7-response-output { border-color: var(--medif-primary); color: var(--medif-primary); background: var(--medif-surface-soft); }

/* Maps */
.medif-contact-maps { display: grid; gap: 24px; margin-top: 40px; }
@media (min-width: 768px) { .medif-contact-maps { grid-template-columns: 1fr 1fr; } }
.medif-contact-map h3 {
	display: flex; align-items: center; gap: 8px;
	font-size: 15px; margin: 0 0 10px; color: var(--medif-dark);
}
.medif-contact-map h3 .medif-icon { width: 16px; height: 16px; color: var(--medif-primary); }
.medif-contact-map iframe {
	display: block; width: 100%; height: 320px; border: 1px solid var(--medif-border); border-radius: 12px;
}

/* Company page ------------------------------------------------------------------------- */
.medif-company-gallery {
	display: grid; grid-auto-flow: column; grid-auto-columns: 280px;
	gap: 12px; margin-top: 28px; overflow-x: auto; padding-bottom: 8px;
	scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
}
.medif-company-gallery img {
	width: 100%; height: 190px; object-fit: cover;
	border-radius: 12px; border: 1px solid var(--medif-border);
	scroll-snap-align: start;
}
.medif-company-about { display: grid; gap: 24px; margin-top: 28px; align-items: start; }
@media (min-width: 1024px) { .medif-company-about { grid-template-columns: 1.4fr 1fr; } }
.medif-company-text h2 { font-size: 20px; margin: 0 0 12px; }
.medif-company-text p { margin: 0 0 12px; font-size: 15px; line-height: 1.65; color: var(--medif-dark); }
.medif-company-eopyy {
	display: flex; align-items: center; gap: 10px;
	margin-top: 16px !important; padding: 12px 14px;
	background: var(--medif-surface-soft); border-radius: 8px;
	font-size: 13px; font-weight: 700; color: var(--medif-dark);
}
.medif-company-eopyy img { flex: 0 0 auto; }
.medif-company-stats { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.medif-stat { padding: 18px; }
.medif-stat .medif-icon { width: 22px; height: 22px; color: var(--medif-primary); }
.medif-stat h3 { font-size: 15px; margin: 10px 0 4px; color: var(--medif-dark); }
.medif-stat p { margin: 0; font-size: 12px; color: var(--medif-muted-fg); }
.medif-company-stores-title { font-size: 22px; margin: 40px 0 16px; color: var(--medif-dark); }
.medif-company-stores { display: grid; gap: 24px; }
@media (min-width: 768px) { .medif-company-stores { grid-template-columns: 1fr 1fr; } }
.medif-company-store h3 { font-size: 17px; margin: 0 0 12px; color: var(--medif-dark); }
.medif-company-store ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.medif-company-store li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--medif-dark); }
.medif-company-store li .medif-icon { flex: 0 0 auto; width: 18px; height: 18px; color: var(--medif-primary); margin-top: 1px; }
.medif-company-store li a { color: var(--medif-dark); }
.medif-company-store li a:hover { color: var(--medif-primary); }
.medif-company-store .medif-store-actions { margin-bottom: 16px; }
.medif-company-store iframe {
	display: block; width: 100%; height: 280px; border: 1px solid var(--medif-border); border-radius: 12px;
}

/* ==========================================================================
   WooCommerce styling — pure CSS on top of the STOCK plugin templates.
   No template files are overridden by this theme.
   ========================================================================== */

.medif-wc-wrap { padding-block: 32px; }
.woocommerce-breadcrumb { font-size: 13px !important; color: var(--medif-muted-fg) !important; margin-bottom: 16px !important; }
.woocommerce-breadcrumb a { color: var(--medif-muted-fg); }
.woocommerce-breadcrumb a:hover { color: var(--medif-primary); }

.woocommerce-products-header__title.page-title,
.medif-wc-wrap h1.page-title { font-size: clamp(24px, 3.5vw, 32px); margin-bottom: 8px; }

/* Result count + ordering row */
.woocommerce-result-count { color: var(--medif-muted-fg); font-size: 14px; }
.woocommerce-ordering select {
	height: 40px; border: 1px solid var(--medif-border); border-radius: 6px;
	background: var(--medif-bg); padding: 0 10px; font-family: inherit; font-size: 14px;
}

/* Product loop grid */
/* WooCommerce's clearfix ::before/::after (display:table) would become grid
   items and occupy the first cell, shifting all products by one — hide them. */
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; content: none !important; }
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin: 0 0 24px !important; padding: 0 !important;
	list-style: none;
}
@media (min-width: 768px) { .woocommerce ul.products { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .woocommerce ul.products:not(.columns-1):not(.columns-2):not(.columns-3) { grid-template-columns: repeat(4, 1fr); } }
.woocommerce ul.products li.product {
	width: auto !important; float: none !important; margin: 0 !important;
	display: flex; flex-direction: column;
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; overflow: hidden; box-shadow: var(--medif-shadow-card);
	transition: transform .15s, border-color .15s, box-shadow .15s;
	padding: 0 !important; position: relative;
}
.woocommerce ul.products li.product:hover { transform: translateY(-2px); border-color: rgba(57,181,73,.4); box-shadow: var(--medif-shadow-card-hover); }
/* Fixed square image frame: same height for every card, full product visible inside */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product a img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product a img.size-woocommerce_thumbnail,
.woocommerce-page ul.products li.product a img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: #fff !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	transition: transform .3s;
	display: block !important;
	border-bottom: 1px solid var(--medif-border);
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.02); }
/* Equal-height cards: the main link grows to fill the card so the button
   below it is always pinned to the bottom, aligned across the row. */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex; flex-direction: column; flex: 1 1 auto;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 14px !important; font-weight: 600; color: var(--medif-dark);
	line-height: 1.35; padding: 4px 12px 0 !important; margin: 0;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	min-height: calc(2 * 1.35 * 14px + 4px); /* reserve 2 title lines so prices align */
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title { color: var(--medif-primary); }
/* Category tiles (subcategory grid on shop/category pages) */
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	font-size: 15px !important; font-weight: 600; color: var(--medif-dark);
	line-height: 1.35; padding: 12px 12px 14px !important; margin: 0;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-category__title { color: var(--medif-primary); }
.woocommerce ul.products li.product .woocommerce-loop-category__title mark.count {
	background: none !important; color: var(--medif-muted-fg); font-weight: 400; font-size: 13px;
}
/* Placeholder image (the logo): contain instead of cover, soft background.
   Matched by class AND by src/data-src because woocommerce_subcategory_thumbnail()
   prints the placeholder without the .woocommerce-placeholder class. */
.woocommerce ul.products li.product a img.woocommerce-placeholder,
.woocommerce div.product div.images img.woocommerce-placeholder,
.woocommerce ul.products li.product a img[src*="logo.png"],
.woocommerce ul.products li.product a img[data-src*="logo.png"],
.woocommerce ul.products li.product a img[src*="mediflogo"],
.woocommerce ul.products li.product a img[data-src*="mediflogo"] {
	padding: 18% !important; /* logo needs more inset inside the same square frame */
}
.woocommerce ul.products li.product .price {
	color: var(--medif-dark) !important; font-size: 16px !important; font-weight: 700;
	padding: 4px 12px; margin: 0 !important;
}
.woocommerce ul.products li.product .price del { color: var(--medif-muted-fg); font-weight: 400; font-size: 12px; opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; font-weight: 700; }
.woocommerce ul.products li.product .button {
	margin: 8px 12px 12px !important;
	margin-top: auto !important; /* pin to card bottom for equal-height rows */
	text-align: center;
	background: var(--medif-primary) !important; color: #fff !important;
	border-radius: 6px !important; font-size: 13px; font-weight: 600 !important;
	padding: 9px 14px !important; border: 0;
}
.woocommerce ul.products li.product .button:hover { background: var(--medif-primary-hover) !important; }
.woocommerce ul.products li.product .onsale {
	position: absolute; top: 8px; left: 8px; right: auto;
	background: var(--medif-warning) !important; color: var(--medif-fg) !important;
	border-radius: 6px !important; font-size: 11px !important; font-weight: 700 !important;
	line-height: 1 !important; padding: 5px 8px !important; min-width: 0 !important; min-height: 0 !important;
	margin: 0 !important; z-index: 5;
}

/* Buttons (global Woo) */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: var(--medif-primary); color: #fff;
	border-radius: 6px; font-weight: 600; font-family: inherit;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: var(--medif-primary-hover); color: #fff;
}
.woocommerce #respond input#submit.disabled, .woocommerce a.button.disabled, .woocommerce button.button.disabled, .woocommerce input.button.disabled,
.woocommerce button.button:disabled[disabled] { background-color: var(--medif-primary); opacity: .55; color: #fff; }

/* Single product — rental availability notice */
.medif-rental-notice {
	display: flex; gap: 12px; align-items: flex-start;
	margin: 16px 0 20px; padding: 14px 16px;
	background: rgba(57, 181, 73, 0.08);
	border: 1px solid rgba(57, 181, 73, 0.35);
	border-left: 4px solid var(--medif-primary);
	border-radius: 10px;
}
.medif-rental-notice__icon {
	flex: 0 0 auto; width: 36px; height: 36px;
	display: flex; align-items: center; justify-content: center;
	background: var(--medif-primary); color: #fff;
	border-radius: 50%;
}
.medif-rental-notice__icon .medif-icon { width: 18px; height: 18px; }
.medif-rental-notice__title {
	display: block; font-size: 15px; font-weight: 700;
	color: var(--medif-dark); margin: 0 0 4px;
}
.medif-rental-notice__text {
	margin: 0; font-size: 14px; line-height: 1.45;
	color: var(--medif-muted-fg);
}
.medif-rental-notice__text a {
	color: var(--medif-primary); font-weight: 700; text-decoration: none;
}
.medif-rental-notice__text a:hover { text-decoration: underline; }

/* Single product */
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--medif-dark); font-size: 24px; font-weight: 700; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { color: var(--medif-muted-fg); font-size: 16px; opacity: 1; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { text-decoration: none; }
.woocommerce div.product .product_title { font-size: clamp(22px, 3vw, 30px); }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid var(--medif-border) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: var(--medif-surface) !important; border: 1px solid var(--medif-border) !important;
	border-radius: 8px 8px 0 0 !important; margin: 0 4px 0 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--medif-bg) !important; border-bottom-color: var(--medif-bg) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--medif-dark) !important; font-weight: 600; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--medif-primary) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product form.cart .quantity .qty {
	height: 44px; border: 1px solid var(--medif-border); border-radius: 6px; font-family: inherit;
}
.woocommerce div.product form.cart .button { height: 44px; padding: 0 24px; }
.woocommerce span.onsale {
	background: var(--medif-warning) !important; color: var(--medif-fg) !important;
	border-radius: 6px !important; font-size: 12px !important; font-weight: 700 !important;
	line-height: 1 !important; padding: 6px 10px !important; min-width: 0 !important; min-height: 0 !important;
}
.woocommerce div.product div.images img { border-radius: 12px; border: 1px solid var(--medif-border); }
.woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: var(--medif-warning); }
.woocommerce .stock.in-stock { color: var(--medif-primary); font-weight: 600; }
.woocommerce .stock.out-of-stock { color: var(--medif-destructive); font-weight: 600; }
.woocommerce .related.products > h2, .woocommerce .upsells.products > h2 { font-size: 22px; margin: 32px 0 16px; }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-top-color: var(--medif-primary) !important;
	background: var(--medif-surface) !important;
	border-radius: 0 0 8px 8px;
	color: var(--medif-fg);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--medif-primary) !important; }
.woocommerce-error { border-top-color: var(--medif-destructive) !important; }
.woocommerce-error::before { color: var(--medif-destructive) !important; }

/* Cart / checkout / account */
.woocommerce-cart .medif-cart-content { margin-top: 28px; }
.woocommerce-cart .medif-cart-content > .woocommerce { margin: 0; }

/* Two-column cart: items | totals */
@media (min-width: 992px) {
	.woocommerce-cart .woocommerce {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
		gap: 28px; align-items: start;
	}
	.woocommerce-cart .woocommerce-notices-wrapper { grid-column: 1 / -1; }
	.woocommerce-cart .woocommerce-cart-form { grid-column: 1; min-width: 0; }
	.woocommerce-cart .cart-collaterals {
		grid-column: 2; width: 100% !important; float: none !important; margin: 0 !important;
		position: sticky; top: 96px;
	}
	.woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important; float: none !important; }
}

.woocommerce table.shop_table {
	border: 1px solid var(--medif-border) !important; border-radius: 12px !important;
	border-collapse: separate !important; overflow: hidden;
	background: var(--medif-bg); width: 100% !important;
}
.woocommerce table.shop_table th {
	color: var(--medif-muted-fg); background: var(--medif-surface);
	font-size: 12px; font-weight: 600; letter-spacing: .02em;
	padding: 12px 14px !important; text-transform: none;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--medif-border) !important; }
.woocommerce table.shop_table td { padding: 16px 14px !important; vertical-align: middle; font-size: 14px; }

/*
 * Cart table column rhythm.
 * IMPORTANT: never set display:flex/grid on td.actions — it breaks colspan and
 * inflates .product-remove to ~full actions width.
 */
.woocommerce-cart table.shop_table.cart {
	margin: 0 !important;
	table-layout: fixed !important;
	width: 100% !important;
}
.woocommerce-cart table.cart col.product-remove,
.woocommerce-cart table.cart .product-remove {
	width: 44px !important; max-width: 44px !important;
	text-align: center !important;
	padding-left: 10px !important; padding-right: 4px !important;
}
.woocommerce-cart table.cart .product-thumbnail {
	width: 80px !important; max-width: 80px !important;
	text-align: left !important;
	padding-left: 6px !important; padding-right: 6px !important;
}
.woocommerce-cart table.cart .product-name { width: auto !important; text-align: left !important; }
.woocommerce-cart table.cart .product-price {
	width: 96px !important; text-align: right !important;
}
.woocommerce-cart table.cart .product-quantity {
	width: 110px !important; text-align: center !important;
}
.woocommerce-cart table.cart .product-subtotal {
	width: 104px !important; text-align: right !important; padding-right: 16px !important;
}
.woocommerce-cart table.cart img {
	width: 64px !important; height: 64px !important; object-fit: contain;
	border: 1px solid var(--medif-border); border-radius: 8px; background: #fff; padding: 4px;
	display: block; margin: 0;
}
.woocommerce-cart table.cart .product-remove a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; border-radius: 50%;
	color: var(--medif-muted-fg) !important; font-size: 16px; line-height: 1;
	border: 1px solid var(--medif-border); text-decoration: none !important;
	background: var(--medif-bg);
}
.woocommerce-cart table.cart .product-remove a:hover {
	background: var(--medif-destructive); color: #fff !important; border-color: var(--medif-destructive);
}
.woocommerce-cart table.cart .product-name a {
	color: var(--medif-dark); font-weight: 600; font-size: 14px; line-height: 1.35;
	display: inline-block;
}
.woocommerce-cart table.cart .product-name a:hover { color: var(--medif-primary); }
.woocommerce-cart table.cart .product-name .variation {
	margin: 4px 0 0; font-size: 12px; color: var(--medif-muted-fg);
}
.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-subtotal {
	font-weight: 700; color: var(--medif-dark); white-space: nowrap; font-size: 14px;
}
.woocommerce-cart table.cart .product-price del {
	display: block; font-size: 12px; font-weight: 400; color: var(--medif-muted-fg);
}
.woocommerce-cart table.cart .product-price ins { text-decoration: none; }

/* Actions: keep table-cell + floats so colspan spans full table width */
.woocommerce-cart table.cart td.actions {
	display: table-cell !important;
	padding: 14px 16px !important;
	background: var(--medif-surface);
}
.woocommerce-cart table.cart td.actions::after {
	content: ""; display: table; clear: both;
}
.woocommerce-cart table.cart td.actions .coupon {
	display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
	float: left !important; margin: 0 !important;
}
.woocommerce-cart table.cart td.actions > .button {
	float: right !important; margin: 0 !important;
}
.woocommerce-cart table.cart .coupon .input-text {
	height: 42px; width: 200px; max-width: 100%;
	border: 1px solid var(--medif-border) !important;
	border-radius: 8px !important; padding: 0 12px !important; margin: 0 !important;
	font-family: var(--medif-font); font-size: 14px; background: var(--medif-bg);
}
.woocommerce-cart table.cart .coupon .input-text:focus {
	border-color: var(--medif-primary) !important; box-shadow: 0 0 0 3px rgba(57,181,73,.15);
}
.woocommerce-cart table.cart .coupon .button {
	height: 42px !important; padding: 0 16px !important; margin: 0 !important;
	border-radius: 8px !important; font-weight: 600 !important; font-size: 13px !important;
	background: var(--medif-primary) !important; color: #fff !important; border: 0 !important;
}
.woocommerce-cart table.cart .actions > .button {
	height: 42px !important; padding: 0 16px !important;
	border-radius: 8px !important; font-weight: 600 !important; font-size: 13px !important;
	background: var(--medif-bg) !important; color: var(--medif-dark) !important;
	border: 1px solid var(--medif-border) !important;
}
.woocommerce-cart table.cart .actions > .button:disabled,
.woocommerce-cart table.cart .actions > .button[disabled] {
	opacity: .4; cursor: not-allowed;
}
.woocommerce-cart table.cart .actions > .button:not(:disabled):hover {
	border-color: var(--medif-primary) !important; color: var(--medif-primary) !important;
	background: var(--medif-bg) !important;
}
.woocommerce-cart table.cart .coupon .button:hover { background: var(--medif-primary-hover) !important; }
.woocommerce-cart .quantity .qty {
	width: 72px; height: 40px; border: 1px solid var(--medif-border); border-radius: 8px;
	text-align: center; font-family: var(--medif-font); font-size: 14px; margin: 0 auto;
	display: block;
}

/* Cart totals card */
.woocommerce-cart .cart_totals {
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; padding: 22px 24px; box-shadow: var(--medif-shadow-card);
}
.woocommerce-cart .cart_totals > h2 {
	font-size: 18px !important; margin: 0 0 18px !important; color: var(--medif-dark);
	padding-bottom: 14px; border-bottom: 1px solid var(--medif-border);
}
.woocommerce-cart .cart_totals table.shop_table {
	border: 0 !important; border-radius: 0 !important; margin: 0 0 18px !important;
	table-layout: auto;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
	background: transparent !important; padding: 12px 0 !important;
	border-top: 0 !important; border-left: 0 !important; border-right: 0 !important;
	border-bottom: 1px solid var(--medif-border) !important; font-size: 14px;
	vertical-align: top;
}
.woocommerce-cart .cart_totals table.shop_table th {
	text-align: left !important; color: var(--medif-muted-fg); font-weight: 500;
	width: 40%; padding-right: 12px !important;
}
.woocommerce-cart .cart_totals table.shop_table td {
	text-align: right !important; color: var(--medif-dark); font-weight: 600;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
	border-bottom: 0 !important; font-size: 17px; font-weight: 700; padding-top: 16px !important;
	color: var(--medif-dark);
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
	font-size: 12px; font-weight: 400; color: var(--medif-muted-fg); margin-top: 6px;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; text-align: left; }
.woocommerce-cart .cart_totals .woocommerce-shipping-methods li {
	margin: 0 0 8px; display: flex; align-items: flex-start; gap: 8px;
	font-weight: 500; text-align: left;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods li:last-child { margin-bottom: 0; }
.woocommerce-cart .cart_totals .woocommerce-shipping-methods input[type="radio"] {
	margin-top: 3px; accent-color: var(--medif-primary);
}
.woocommerce-cart .cart_totals .shipping-calculator-button {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 600; margin-top: 8px;
}
.woocommerce-cart .wc-proceed-to-checkout { padding: 0 !important; margin-top: 4px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: flex !important; align-items: center; justify-content: center;
	height: 48px !important; margin: 0 !important; border-radius: 8px !important;
	background: var(--medif-primary) !important; color: #fff !important;
	font-size: 15px !important; font-weight: 700 !important; text-align: center;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--medif-primary-hover) !important;
}

/* Empty cart */
.woocommerce-cart .cart-empty.woocommerce-info {
	background: var(--medif-bg); border: 1px solid var(--medif-border) !important;
	border-top-color: var(--medif-primary) !important; border-radius: 12px;
	padding: 40px 24px !important; text-align: center; color: var(--medif-dark);
}
.woocommerce-cart .return-to-shop { text-align: center; margin-top: 16px; }
.woocommerce-cart .return-to-shop .button {
	display: inline-flex; align-items: center; justify-content: center;
	height: 48px; padding: 0 24px; border-radius: 8px;
	background: var(--medif-primary) !important; color: #fff !important; font-weight: 600;
}

/* Cart mobile: stack coupon / update cleanly */
@media (max-width: 768px) {
	.woocommerce-cart table.shop_table.cart { table-layout: auto !important; }
	.woocommerce-cart table.cart td.actions .coupon,
	.woocommerce-cart table.cart td.actions > .button {
		float: none !important; width: 100%;
	}
	.woocommerce-cart table.cart .coupon { margin-bottom: 10px !important; }
	.woocommerce-cart table.cart .coupon .input-text { flex: 1; width: auto; min-width: 0; }
	.woocommerce-cart table.cart .actions > .button { width: 100%; }
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .woocommerce-form-login input, .woocommerce .woocommerce-form-register input {
	border: 1px solid var(--medif-border); border-radius: 6px; padding: 10px 12px; font-family: inherit;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
	border-color: var(--medif-primary); outline: none; box-shadow: 0 0 0 3px rgba(57,181,73,.15);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block; padding: 10px 14px; border-radius: 8px; color: var(--medif-dark);
	border: 1px solid transparent; margin-bottom: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--medif-surface-soft); color: var(--medif-primary); }

/* Checkout ----------------------------------------------------------------------- */
.woocommerce-checkout .medif-checkout-content { margin-top: 28px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
	background: var(--medif-surface) !important;
	border: 1px solid var(--medif-border) !important;
	border-top-color: var(--medif-primary) !important;
	border-radius: 10px; color: var(--medif-dark); font-size: 14px;
	padding: 14px 16px !important; margin-bottom: 20px !important;
}
.woocommerce-checkout .woocommerce-info::before { color: var(--medif-primary) !important; }
.woocommerce-checkout .woocommerce-info a { color: var(--medif-primary); font-weight: 600; }
.woocommerce-checkout form.checkout_coupon {
	border: 1px solid var(--medif-border) !important; border-radius: 12px !important;
	padding: 16px !important; background: var(--medif-bg); margin-bottom: 20px !important;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last { width: auto; float: none; }
.woocommerce-checkout form.checkout_coupon { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.woocommerce-checkout form.checkout_coupon .input-text {
	height: 44px; border: 1px solid var(--medif-border); border-radius: 8px; padding: 0 12px;
}
.woocommerce-checkout form.checkout_coupon .button {
	height: 44px; padding: 0 18px; border-radius: 8px !important;
	background: var(--medif-primary) !important; color: #fff !important; font-weight: 600 !important;
}

/* Two-column: details | order summary (same grid cell on the right) */
@media (min-width: 992px) {
	.woocommerce-checkout form.checkout.woocommerce-checkout {
		display: grid !important;
		grid-template-columns: minmax(0, 1.25fr) minmax(300px, 400px);
		column-gap: 32px; align-items: start;
	}
	.woocommerce-checkout #customer_details {
		grid-column: 1; grid-row: 1;
		width: 100% !important; float: none !important;
	}
	.woocommerce-checkout #customer_details .col-1,
	.woocommerce-checkout #customer_details .col-2 {
		width: 100% !important; float: none !important; max-width: none !important;
	}
	.woocommerce-checkout #order_review_heading {
		grid-column: 2; grid-row: 1; align-self: start;
		margin: 0 0 12px !important; z-index: 1;
	}
	.woocommerce-checkout #order_review {
		grid-column: 2; grid-row: 1; align-self: start;
		width: 100% !important; margin-top: 40px; /* room for the h3 above */
		position: sticky; top: 16px;
	}
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; padding: 22px 24px; margin-bottom: 16px;
	box-shadow: var(--medif-shadow-card);
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #order_review_heading {
	font-size: 18px !important; font-weight: 700; color: var(--medif-dark);
	margin: 0 0 16px !important; padding: 0 !important; border: 0 !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display: block; }
.woocommerce-checkout .form-row { margin: 0 0 14px !important; padding: 0 !important; }
.woocommerce-checkout .form-row label {
	display: block; font-size: 12px; font-weight: 600; color: var(--medif-dark);
	margin-bottom: 6px;
}
.woocommerce-checkout .form-row label .required { color: var(--medif-destructive); text-decoration: none; }
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row .select2-selection {
	height: 46px !important; border: 1px solid var(--medif-border) !important;
	border-radius: 8px !important; padding: 0 12px !important;
	font-family: var(--medif-font) !important; font-size: 14px !important;
	background: var(--medif-bg) !important; color: var(--medif-dark) !important;
	box-shadow: none !important;
}
.woocommerce-checkout .form-row textarea.input-text {
	height: auto !important; min-height: 110px; padding: 12px !important; resize: vertical;
}
.woocommerce-checkout .form-row .input-text:focus,
.woocommerce-checkout .form-row select:focus {
	border-color: var(--medif-primary) !important;
	box-shadow: 0 0 0 3px rgba(57,181,73,.15) !important; outline: none;
}
.woocommerce-checkout .select2-container .select2-selection--single {
	display: flex; align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px !important; padding-left: 0 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px !important;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
	width: 48.5% !important;
}
@media (max-width: 600px) {
	.woocommerce-checkout .form-row-first,
	.woocommerce-checkout .form-row-last { width: 100% !important; }
}
.woocommerce-checkout #ship-to-different-address {
	font-size: 15px; font-weight: 600; margin: 0 0 12px;
}
.woocommerce-checkout #ship-to-different-address label {
	display: flex; align-items: center; gap: 8px; cursor: pointer;
}

/* Order review card */
.woocommerce-checkout #order_review {
	background: var(--medif-bg); border: 1px solid var(--medif-border);
	border-radius: 12px; padding: 20px 22px; box-shadow: var(--medif-shadow-card);
}
.woocommerce-checkout #order_review_heading { padding: 0 4px; }
.woocommerce-checkout #order_review table.shop_table {
	border: 0 !important; border-radius: 0 !important; margin: 0 0 16px !important;
}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
	background: transparent !important; padding: 10px 0 !important;
	border-top: 0 !important; border-left: 0 !important; border-right: 0 !important;
	border-bottom: 1px solid var(--medif-border) !important; font-size: 14px;
}
.woocommerce-checkout #order_review table.shop_table thead th { font-size: 12px; color: var(--medif-muted-fg); }
.woocommerce-checkout #order_review table.shop_table .product-name { font-weight: 600; color: var(--medif-dark); }
.woocommerce-checkout #order_review table.shop_table .product-total { font-weight: 700; white-space: nowrap; }
.woocommerce-checkout #order_review table.shop_table tr.order-total th,
.woocommerce-checkout #order_review table.shop_table tr.order-total td {
	border-bottom: 0 !important; font-size: 16px; font-weight: 700; padding-top: 14px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-methods {
	list-style: none; margin: 0; padding: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li { margin: 6px 0; }

.woocommerce-checkout #payment {
	background: var(--medif-surface) !important; border-radius: 10px !important;
	border: 1px solid var(--medif-border) !important; padding: 4px 0 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 1px solid var(--medif-border) !important;
	padding: 12px 16px !important; margin: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
	list-style: none !important; margin: 0 0 10px !important; padding: 0 !important;
	line-height: 1.4;
}
.woocommerce-checkout #payment ul.payment_methods li label {
	font-weight: 600; color: var(--medif-dark); cursor: pointer;
}
.woocommerce-checkout #payment div.payment_box {
	background: var(--medif-bg) !important; border: 1px solid var(--medif-border);
	border-radius: 8px; padding: 12px 14px !important; margin: 8px 0 12px !important;
	font-size: 13px; color: var(--medif-muted-fg);
}
.woocommerce-checkout #payment div.payment_box::before { display: none !important; }
.woocommerce-checkout #payment div.place-order { padding: 16px !important; margin: 0 !important; }
.woocommerce-checkout #place_order {
	height: 50px !important; width: 100% !important; margin: 0 !important;
	border-radius: 8px !important; border: 0 !important;
	background: var(--medif-primary) !important; color: #fff !important;
	font-size: 15px !important; font-weight: 700 !important;
}
.woocommerce-checkout #place_order:hover { background: var(--medif-primary-hover) !important; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 13px; color: var(--medif-muted-fg); }
.woocommerce-checkout .woocommerce-privacy-policy-text { font-size: 12px; color: var(--medif-muted-fg); margin-bottom: 12px; }

/* Woo pagination */
.woocommerce nav.woocommerce-pagination ul { border: 0 !important; display: flex; gap: 4px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--medif-border) !important; border-radius: 6px !important;
	color: var(--medif-dark) !important; font-size: 14px;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--medif-primary) !important; border-color: var(--medif-primary) !important; color: #fff !important;
}

/* Sidebar widgets on shop */
.medif-wc-wrap .widget { margin-bottom: 24px; }
.medif-wc-wrap .widget .widget-title, .medif-wc-wrap .widget .widgettitle {
	font-size: 15px; font-weight: 600; color: var(--medif-dark); margin-bottom: 10px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--medif-primary); }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: var(--medif-border); }
