/* MATAR MEDICAL — UNIFIED DESIGN ENGINE V3.0 | Scoped to active Matermedical components. */
/* No global WooCommerce markup replacements, no fake badges, no JavaScript dependencies. */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
body.mmu-design-v3 {
  --mmu-brand:#263771;--mmu-brand-deep:#132653;--mmu-brand-mid:#35508d;
  --mmu-accent:#ffcd08;--mmu-accent-ink:#3b3000;--mmu-gold:#f9a916;
  --mmu-ink:#182747;--mmu-muted:#5a6880;--mmu-surface:#f5f8fc;--mmu-border:#e3e9f2;
  --mmu-fs-xs:clamp(11px,.72vw,12px);--mmu-fs-sm:clamp(12.5px,.88vw,14px);
  --mmu-fs-body:clamp(14px,.95vw,16px);--mmu-fs-h2:clamp(25px,2.6vw,40px);
  --mmu-radius:22px;--mmu-ease:cubic-bezier(.2,.8,.2,1);
  --mmu-shadow:0 12px 38px rgba(27,52,93,.075);
}
/* Design tokens mapped to modules, rather than altering their business logic. */
body.mmu-design-v3 .mmh-home{--mmh-navy:var(--mmu-brand);--mmh-deep:var(--mmu-brand-deep);--mmh-gold:var(--mmu-accent);--mmh-ink:var(--mmu-ink);--mmh-muted:var(--mmu-muted);--mmh-line:var(--mmu-border);--mmh-bg:var(--mmu-surface)}
body.mmu-design-v3 .mms-shop{--mms-navy:var(--mmu-brand);--mms-dark:var(--mmu-brand-deep);--mms-gold:var(--mmu-accent);--mms-ink:var(--mmu-ink);--mms-muted:var(--mmu-muted);--mms-line:var(--mmu-border);--mms-pale:var(--mmu-surface)}
body.mmu-design-v3 .mmcd-directory{--mmcd-navy:var(--mmu-brand);--mmcd-deep:var(--mmu-brand-deep);--mmcd-gold:var(--mmu-accent);--mmcd-ink:var(--mmu-ink);--mmcd-muted:var(--mmu-muted);--mmcd-line:var(--mmu-border)}
body.mmu-design-v3 .mmca{--mmca-navy:var(--mmu-brand);--mmca-blue:var(--mmu-brand-mid);--mmca-yellow:var(--mmu-accent);--mmca-ink:var(--mmu-ink);--mmca-muted:var(--mmu-muted);--mmca-line:var(--mmu-border);--mmca-bg:var(--mmu-surface)}
body.mmu-design-v3 .mma-root{--mma-navy:var(--mmu-brand);--mma-ink:var(--mmu-ink);--mma-yellow:var(--mmu-accent);--mma-soft:var(--mmu-surface);--mma-muted:var(--mmu-muted);--mma-line:var(--mmu-border)}
body.mmu-design-v3 .mmc-root{--mmc-navy:var(--mmu-brand);--mmc-dark:var(--mmu-brand-deep);--mmc-blue:var(--mmu-brand-mid);--mmc-yellow:var(--mmu-accent);--mmc-ink:var(--mmu-ink);--mmc-muted:var(--mmu-muted);--mmc-bg:var(--mmu-surface);--mmc-border:var(--mmu-border)}
/* Typography: opt into the unified system within our isolated components only. */
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root){font-family:"Alexandria",Tahoma,Arial,sans-serif;line-height:1.72;font-kerning:normal;text-wrap:pretty;-webkit-font-smoothing:antialiased}
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) :is(h1,h2,h3){font-family:"Alexandria",Tahoma,Arial,sans-serif;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) :is(p,li){overflow-wrap:break-word}
/* Design grid keeps the same usable content width across all pages. */
body.mmu-design-v3 :is(.mmh-container,.mms-wrap,.mmcd-container,.mmca-container,.mma-container,.mmc-wrap,.mmp-container,.mmf-inner){max-width:1320px;margin-inline:auto}
/* Elegant but restrained geometry, no transform on touch devices. */
body.mmu-design-v3 :is(.mmh-cat,.mmh-product,.mms-product-card,.mmcd-card,.mmca-product,.mmca-subcat,.mma-feature,.mmc-branch,.mmp-policy){border-radius:var(--mmu-radius);transition:box-shadow .32s var(--mmu-ease),border-color .32s var(--mmu-ease),transform .32s var(--mmu-ease)}
@media(hover:hover) and (pointer:fine){
 body.mmu-design-v3 :is(.mmh-cat,.mmh-product,.mms-product-card,.mmcd-card,.mmca-product,.mmca-subcat,.mma-feature,.mmc-branch,.mmp-policy):hover{box-shadow:0 20px 48px rgba(20,46,91,.13)}
}
/* Prevent category and product thumbnails being distorted; respect native image intrinsic ratios. */
body.mmu-design-v3 :is(.mmh-cat-media,.mmcd-card-photo,.mmca-subcat-picture,.mms-product-media,.mmh-product-media,.mmca-product-media){overflow:hidden}
body.mmu-design-v3 :is(.mmh-product-media,.mms-product-media,.mmca-product-media) img{object-fit:contain;object-position:center}
body.mmu-design-v3 :is(.mmh-cat-media,.mmcd-card-photo,.mmca-subcat-picture) img{object-position:center}
/* Button ergonomics: preserve existing brand fills and logic, improve contact targets. */
body.mmu-design-v3 :is(.mmh-btn,.mms-hero-cta,.mms-apply,.mmcd-primary-cta,.mmca-primary-cta,.mma-btn,.mmc-button,.mmp-primary){min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;touch-action:manipulation;white-space:normal;text-align:center}
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #e69c00;outline-offset:4px}
/* Form contrast; do not alter payment or core checkout fields globally. */
body.mmu-design-v3 :is(.mms-filter-panel,.mmca-filters,.mmc-form,.mmp-nav){box-shadow:var(--mmu-shadow)}
body.mmu-design-v3 :is(.mms-shop,.mmca,.mmc-root,.mmcd-directory) :is(input,select,textarea){font:inherit}
/* Narrow viewport: keep marketing copy and controls readable without clipping. */
@media(max-width:767px){
 body.mmu-design-v3{--mmu-radius:17px}
 body.mmu-design-v3 :is(.mmh-container,.mms-wrap,.mmcd-container,.mmca-container,.mma-container,.mmc-wrap,.mmp-container,.mmf-inner){max-width:100%;padding-inline:max(16px,env(safe-area-inset-left));}
 body.mmu-design-v3 :is(.mmh-hero h1,.mms-hero h1,.mmcd-hero h1,.mmca-hero h1,.mma-hero h1,.mmc-hero h1,.mmp-hero h1){overflow-wrap:anywhere;hyphens:auto}
 body.mmu-design-v3 :is(.mmh-btn,.mms-hero-cta,.mms-apply,.mmcd-primary-cta,.mmca-primary-cta,.mma-btn,.mmc-button,.mmp-primary){min-height:48px}
}
@media(max-width:390px){body.mmu-design-v3 :is(.mmh-container,.mms-wrap,.mmcd-container,.mmca-container,.mma-container,.mmc-wrap,.mmp-container,.mmf-inner){padding-inline:15px}}
@media(prefers-reduced-motion:reduce){
 body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) *,
 body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) *::before,
 body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* MATAR MEDICAL — V3.1 OPTICAL & COMMERCE POLISH */
/* Limited to custom modules: no WoodMart header, cart or checkout overrides. */
body.mmu-design-v3{
 --mmu-space-1:8px;--mmu-space-2:12px;--mmu-space-3:16px;--mmu-space-4:24px;
 --mmu-space-5:36px;--mmu-space-6:56px;--mmu-space-7:80px;
 --mmu-ring:0 0 0 4px rgba(255,205,8,.28);
}
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root){
 --mmu-card-bg:#fff;--mmu-contrast:#142653;
 font-synthesis:none;
}
/* clear hierarchy, better balanced copy without globally overriding author's art direction */
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root) :is(h1,h2,h3){
 hanging-punctuation:first;line-break:normal;text-wrap:balance;
}
body.mmu-design-v3 :is(.mmh-heading,.mms-section-heading,.mmcd-heading,.mma-heading,.mmc-heading) p{
 max-width:65ch;line-height:1.85;
}
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root) :is(button,input,select,textarea){
 max-width:100%;min-width:0;
}
/* Product catalog: predictable vertical alignment, no invisible CTAs or cropped product packshots */
body.mmu-design-v3 :is(.mmh-product,.mms-product-card,.mmca-card){
 min-width:0;display:flex;flex-direction:column;overflow:hidden;
 box-shadow:0 6px 28px rgba(23,42,81,.055);
}
body.mmu-design-v3 :is(.mmh-product-body,.mms-product-content,.mmca-card-body){
 min-width:0;display:flex;flex:1;flex-direction:column;align-items:stretch;
}
body.mmu-design-v3 :is(.mmh-product-name,.mms-product-name,.mmca-card-title){
 overflow-wrap:anywhere;line-height:1.68;min-width:0;text-decoration:none;
}
body.mmu-design-v3 :is(.mmh-product-price,.mms-product-price,.mmca-price){margin-top:auto;padding-top:12px;font-variant-numeric:tabular-nums}
body.mmu-design-v3 :is(.mmh-product-action,.mms-product-btn,.mmca-card-button){
 display:inline-flex;align-items:center;justify-content:center;text-align:center;
 min-height:44px;gap:10px;touch-action:manipulation;
}
body.mmu-design-v3 :is(.mmh-product-media,.mms-product-photo,.mmca-card-media){
 display:flex;align-items:center;justify-content:center;min-width:0;
}
body.mmu-design-v3 :is(.mmh-product-media,.mms-product-photo,.mmca-card-media) img{
 display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:center;
}
/* Accessibility: focus stays visible even in dark hero areas; prevent light global footer CSS from polluting developer block */
body.mmu-design-v3 :is(.mmh-home,.mms-shop,.mmcd-directory,.mmca,.mma-root,.mmc-root,.mmp-root,.mmf-root) :is(a,button,input,select,textarea):focus-visible{
 outline:3px solid #e5a900!important;outline-offset:3px;
}
/* Mobile performance: remove decorative GPU effects on touch and preserve min column width */
@media (hover:none), (pointer:coarse){
 body.mmu-design-v3 :is(.mmh-product,.mms-product-card,.mmca-card,.mmcd-card,.mmc-branch){transform:none!important}
}
@media(max-width:767px){
 body.mmu-design-v3 :is(.mmh-product-grid,.mms-products-grid,.mmca-products,.mmcd-grid){min-width:0}
 body.mmu-design-v3 :is(.mmh-product-body,.mms-product-content,.mmca-card-body){overflow-wrap:anywhere}
 body.mmu-design-v3 :is(.mmh-product-action,.mms-product-btn,.mmca-card-button){min-height:46px}
 body.mmu-design-v3 :is(.mmh-heading,.mms-section-heading,.mmcd-heading,.mma-heading,.mmc-heading) p{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 body.mmu-design-v3 :is(.mmh-product,.mms-product-card,.mmca-card,.mmcd-card,.mmc-branch){scroll-behavior:auto}
}

/* V3.2 Visual QA fixes — isolated changes only. */
/* Hide overflow only on media wrappers, not on text-bearing product cards. */
body.mmu-design-v3 .mmh-hero h1 em{white-space:normal;overflow-wrap:normal}
body.mmu-design-v3 :is(.mmh-product-media,.mms-product-photo,.mmca-card-media) img{height:100%;object-fit:contain}
body.mmu-design-v3 :is(.mmh-product,.mms-product-card,.mmca-card) :is(a,button){flex-shrink:0}
@media(max-width:767px){
 body.mmu-design-v3 :is(.mmh-hero,.mms-hero,.mmcd-hero,.mmca-hero,.mma-hero,.mmc-hero,.mmp-hero){height:auto}
 body.mmu-design-v3 .mmh-hero{min-height:clamp(620px,85svh,790px)}
 body.mmu-design-v3 :is(.mmh-product-grid,.mms-products-grid,.mmca-products){gap:clamp(9px,2.5vw,16px)}
 body.mmu-design-v3 :is(.mmh-product-body,.mms-product-content,.mmca-card-body){padding-inline:clamp(10px,3vw,18px)}
 body.mmu-design-v3 :is(.mmh-product-action,.mms-product-btn,.mmca-card-button){line-height:1.5;white-space:normal}
}
@media(max-width:360px){body.mmu-design-v3 .mmh-hero-content>*{max-width:100%}}

/* V3.4 — accessible light-on-navy section text. No global font-color override. */
.mmu-design-v3 :is(.mmcd-endcap-inner,.mmh-trust,.mmh-dark-strip,.mmf-root,.mmf-footer,.mm-footer,.mmc-footer) :is(p,li,small){color:#EEF3FD}
.mmu-design-v3 :is(.mmcd-endcap-inner,.mmh-trust,.mmh-dark-strip) :is(h2,h3,strong){color:#FFFFFF}
.mmu-design-v3 :is(.mmcd-endcap-inner,.mmh-trust,.mmh-dark-strip) a:not([class*="btn"]){color:#FFE18A}