/* ===== consolidated from ui-polish-r8.css ===== */
/*
 * Maple House Foods — R8 UI polish layer
 * Loaded after the legacy/theme stylesheet so this file is the single final
 * authority for image containment, page-hero geometry, card polish and
 * decorative maple-leaf details.
 */

:root{
  --mhf-ui-radius:22px;
  --mhf-ui-radius-sm:14px;
  --mhf-ui-border:rgba(9,36,27,.11);
  --mhf-ui-border-strong:rgba(9,36,27,.18);
  --mhf-ui-shadow:0 24px 68px rgba(9,36,27,.10);
  --mhf-ui-shadow-soft:0 14px 38px rgba(9,36,27,.075);
  --mhf-ui-cream:#f6f0e4;
  --mhf-ui-paper:#fffdf8;
}

html,body{max-width:100%;overflow-x:clip}
body{position:relative}
main{position:relative;z-index:2}
img{height:auto}

/* --------------------------------------------------------------------------
   Global maple-leaf identity
   -------------------------------------------------------------------------- */
.mhf-leaf-drift{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden;contain:layout paint;opacity:1}
.mhf-leaf-drift span,
.page-hero:after,
.product-media:before,
.product-main-media:after,
.v4-shop-section:after,
.section-cream:after,
.newsletter:before,
.site-footer:before{
  -webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;
  mask:url('../decor/maple-leaf.svg') center/contain no-repeat;
}
.mhf-leaf-drift span{position:absolute;display:block;background:var(--green);opacity:.035;will-change:transform}
.mhf-leaf-drift .leaf-a{width:72px;height:72px;left:1.3vw;top:27vh;transform:rotate(-18deg);animation:mhfLeafFloatA 10s ease-in-out infinite}
.mhf-leaf-drift .leaf-b{width:52px;height:52px;right:2.2vw;top:18vh;background:var(--gold);opacity:.055;transform:rotate(17deg);animation:mhfLeafFloatB 12s ease-in-out infinite}
.mhf-leaf-drift .leaf-c{width:88px;height:88px;right:-20px;top:68vh;background:var(--red);opacity:.025;transform:rotate(-8deg);animation:mhfLeafFloatA 13s ease-in-out infinite reverse}
.mhf-leaf-drift .leaf-d{width:44px;height:44px;left:3vw;top:79vh;background:var(--gold);opacity:.045;transform:rotate(22deg);animation:mhfLeafFloatB 9s ease-in-out infinite reverse}
@keyframes mhfLeafFloatA{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes mhfLeafFloatB{0%,100%{translate:0 0}50%{translate:7px 13px}}

/* Header / chrome: cleaner, more premium, no accidental clipping. */
.site-header{box-shadow:0 8px 30px rgba(9,36,27,.045)!important}
.header-inner{min-width:0}
.brand-link{flex:0 0 auto}
.header-actions{min-width:max-content}
.icon-btn{border:1px solid transparent!important}
.icon-btn:hover{border-color:rgba(9,36,27,.08)!important}
.mobile-nav-panel,.search-panel,.cart-panel{border-radius:24px 0 0 24px}
.search-panel{border-radius:24px!important}

/* --------------------------------------------------------------------------
   Internal page hero: images and backgrounds stay fully visible.
   -------------------------------------------------------------------------- */
.page-hero{overflow:hidden!important;background:linear-gradient(132deg,#f5efe2 0%,#fbf8f1 54%,#f1e6cf 100%)!important;isolation:isolate}
.page-hero:before{opacity:.72}
.page-hero:after{content:'';position:absolute;z-index:0;width:190px;height:190px;left:-38px;bottom:28px;background:var(--green);opacity:.035;transform:rotate(-14deg);pointer-events:none}
.page-hero-grid{position:relative;z-index:1;min-height:470px!important;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr)!important;gap:clamp(42px,6vw,82px)!important;padding:58px 0!important}
.page-hero-copy{max-width:690px!important}
.page-hero-copy h1{font-size:clamp(38px,3.6vw,54px)!important;line-height:1.055!important;letter-spacing:-.042em!important;text-wrap:balance}
.page-hero-copy .lede{font-size:16px!important;line-height:1.7!important;max-width:620px!important}
.page-hero-visual{position:relative!important;height:380px!important;min-width:0!important;padding:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1px solid rgba(9,36,27,.08)!important;border-radius:28px!important;background:linear-gradient(145deg,#eee6d7,#f8f3e9)!important;box-shadow:var(--mhf-ui-shadow-soft)!important;isolation:isolate}
.page-hero-visual:before{width:min(315px,72%)!important;height:auto!important;aspect-ratio:1!important;right:50%!important;top:50%!important;transform:translate(50%,-50%)!important;opacity:.88!important;box-shadow:none!important;z-index:0!important}
.page-hero-visual:after{content:'';position:absolute;width:112px;height:112px;right:22px;top:22px;background:var(--green);opacity:.06;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(13deg);z-index:1}
.page-hero-visual.dark{background:linear-gradient(145deg,#0c2d22,#123d2e)!important;border-color:rgba(255,255,255,.12)!important}
.page-hero-visual.dark:before,.wholesale-hero .page-hero-visual:before{background:linear-gradient(145deg,#f6d481,#d89e18)!important;opacity:.92!important}
.page-hero-visual.dark:after,.wholesale-hero .page-hero-visual:after{background:#fff;opacity:.07}
.page-hero-visual.gold{background:linear-gradient(145deg,#f2dfaa,#e4ba57)!important}
.page-hero-visual img{position:relative!important;z-index:2!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:315px!important;object-fit:contain!important;object-position:center!important;transform:none!important;animation:mhfHeroProductFloat 6.5s ease-in-out infinite!important;filter:drop-shadow(0 24px 28px rgba(9,36,27,.16))!important}
@keyframes mhfHeroProductFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

/* Wholesale hero keeps light copy/background contrast while matching the new frame. */
.wholesale-hero{background:linear-gradient(132deg,#f5efe2,#fbf8f1)!important;color:var(--green)!important}
.wholesale-hero .page-hero-copy .eyebrow{color:var(--green)!important}
.wholesale-hero .page-hero-copy .lede{color:var(--muted)!important}

/* --------------------------------------------------------------------------
   Product cards: no thumbnail crop, stronger structure, cleaner hierarchy.
   -------------------------------------------------------------------------- */
.product-grid,.v4-product-rail{align-items:stretch}
.product-card{height:100%;display:flex!important;flex-direction:column!important;min-width:0!important;border:1px solid var(--mhf-ui-border)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset!important;transform:translateZ(0)}
.product-card:hover{transform:translateY(-6px)!important;border-color:rgba(9,36,27,.2)!important;box-shadow:var(--mhf-ui-shadow-soft)!important}
.product-media{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:clamp(285px,25vw,350px)!important;min-height:0!important;padding:26px!important;overflow:hidden!important;background:linear-gradient(145deg,#f7f2e8 0%,#eee5d3 100%)!important;isolation:isolate}
.product-media:after{content:''!important;position:absolute!important;left:18%!important;right:18%!important;bottom:8%!important;height:12%!important;background:radial-gradient(ellipse,rgba(9,36,27,.13),transparent 68%)!important;filter:blur(11px)!important;z-index:0!important}
.product-media:before{content:'';position:absolute;width:104px;height:104px;right:14px;top:12px;background:var(--green);opacity:.035;transform:rotate(14deg);z-index:0}
.product-media img,
.product-card .product-media img,
.woocommerce .product-card .product-media img{position:relative!important;z-index:2!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;transform:none;transition:transform .45s var(--v4-ease),filter .45s var(--v4-ease)!important;filter:drop-shadow(0 16px 18px rgba(9,36,27,.11))}
.product-card:hover .product-media img{transform:translateY(-4px) scale(1.025)!important;filter:drop-shadow(0 20px 22px rgba(9,36,27,.15))}
.product-body,.product-card-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:20px 20px 18px!important;background:#fff!important;border:0!important}
.product-category{display:block;min-height:16px;font-size:10px!important;line-height:1.35;text-transform:uppercase;letter-spacing:.11em;color:#778078!important;font-weight:700}
.product-category a{color:inherit}
.product-title{margin-top:7px!important;font-size:15px!important;line-height:1.35!important;min-height:40px;color:var(--green)!important}
.product-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(9,36,27,.085)}
.product-card-price-stack{min-width:0}
.product-price{font-size:17px!important;line-height:1.3!important;color:var(--green)!important}
.product-unit,.product-price-unit{margin-top:3px!important;max-width:none!important;font-size:10.5px!important;line-height:1.45!important;color:#748077!important}
.product-card-footer .link-arrow{flex:0 0 auto;min-height:36px;padding:0 10px;border:1px solid rgba(9,36,27,.12);border-radius:999px;font-size:11px!important;color:var(--green)!important;background:#faf7f0;white-space:nowrap}
.product-card-footer .link-arrow:hover{background:var(--green);color:#fff!important;border-color:var(--green)}

/* WooCommerce fallback loops must follow the same product containment rules. */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;margin:0!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;min-width:0!important;border-radius:18px!important;overflow:hidden!important}
.woocommerce ul.products li.product a img{width:100%!important;height:320px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;padding:28px!important;margin:0!important;background:linear-gradient(145deg,#f7f2e8,#eee5d3)!important}

/* --------------------------------------------------------------------------
   Single product gallery: prevent Woo gallery wrappers from cropping imagery.
   -------------------------------------------------------------------------- */
.product-detail{overflow:visible!important}
.product-detail-grid{min-width:0}
.product-main-media{height:auto!important;min-height:620px!important;padding:38px!important;overflow:hidden!important;border:1px solid var(--mhf-ui-border)!important;border-radius:26px!important;background:linear-gradient(145deg,#f0e7d7,#fbf6eb)!important;box-shadow:var(--mhf-ui-shadow-soft)!important;isolation:isolate}
.product-main-media:before{width:min(460px,76%)!important;height:auto!important;aspect-ratio:1!important;background:rgba(216,158,24,.13)!important;z-index:0}
.product-main-media:after{content:'';position:absolute;width:150px;height:150px;right:26px;top:25px;background:var(--green);opacity:.045;transform:rotate(11deg);z-index:0}
.product-main-media .woocommerce-product-gallery{position:relative!important;z-index:2;width:100%!important;max-width:100%!important;margin:0!important;float:none!important}
.product-main-media .woocommerce-product-gallery__wrapper{margin:0!important;width:100%!important}
.product-main-media .woocommerce-product-gallery__image,
.product-main-media .woocommerce-product-gallery__image>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:520px!important}
.product-main-media .woocommerce-product-gallery__image img,
.product-main-media img{display:block!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:540px!important;object-fit:contain!important;object-position:center!important;margin:auto!important;filter:drop-shadow(0 28px 30px rgba(9,36,27,.16))!important}
.product-main-media .zoomImg{max-width:none!important;max-height:none!important;object-fit:initial!important;filter:none!important}
.product-main-media .flex-control-thumbs{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:16px 0 0!important;padding:0!important;list-style:none!important}
.product-main-media .flex-control-thumbs li{width:72px!important;float:none!important;margin:0!important;border:1px solid rgba(9,36,27,.12);border-radius:10px;overflow:hidden;background:#fff}
.product-main-media .flex-control-thumbs img{width:72px!important;height:72px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:6px!important;filter:none!important;opacity:.7}
.product-main-media .flex-control-thumbs img.flex-active{opacity:1;box-shadow:inset 0 0 0 2px var(--gold)}
.product-info{min-width:0}
.product-info h1{text-wrap:balance}
.product-facts{overflow:hidden;border-radius:14px!important}
.product-fact{min-width:0}
.product-fact strong{overflow-wrap:anywhere}
.mhf-add-to-cart form.cart{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin-top:28px!important}
.mhf-add-to-cart .quantity input.qty{min-height:50px;border:1px solid var(--mhf-ui-border-strong);border-radius:10px;background:#fff}
.mhf-add-to-cart .single_add_to_cart_button{min-height:50px!important;border-radius:10px!important}
.variations_form .variations{width:100%;border:0!important}
.variations_form .variations td{display:block!important;padding:0 0 10px!important;border:0!important}
.variations_form .variations select{width:100%!important;min-height:48px!important;border:1px solid var(--mhf-ui-border-strong)!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important;padding:0 42px 0 13px!important}

/* Shop controls and generic inputs: consistent radius/readability. */
.shop-toolbar{box-shadow:0 12px 32px rgba(9,36,27,.05)}
.shop-search{overflow:hidden}
.shop-search input{min-width:0;color:var(--ink)!important}
.woocommerce-ordering select,.shop-sort,select,.field select{background-color:#fff;color:var(--ink);border-color:var(--mhf-ui-border-strong);border-radius:10px}
.filter-chip{transition:background .22s,color .22s,border-color .22s,transform .22s}
.filter-chip:hover{transform:translateY(-1px)}
.role-notice{border-radius:14px!important;box-shadow:inset 0 0 0 1px rgba(9,36,27,.05)}

/* --------------------------------------------------------------------------
   Homepage visual containment and more polished backgrounds.
   -------------------------------------------------------------------------- */
.v4-hero:before{content:'';position:absolute;z-index:1;width:190px;height:190px;right:4%;top:9%;background:var(--gold-light);opacity:.05;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(13deg);pointer-events:none}
.v4-hero-stage{overflow:visible}
.v4-showcase{max-height:96%;object-fit:contain}
.v4-worlds{position:relative;overflow:hidden}
.v4-world{border:1px solid rgba(9,36,27,.07)}
.v4-world-maamoul{border-radius:22px!important}
.v4-world-pantry,.v4-world-fun{border-radius:22px!important}
.v4-world-maamoul .world-img-a{bottom:1%!important}
.v4-world-pantry .world-img-ghee{bottom:1%!important;height:79%!important}
.v4-world-pantry .world-img-spice{bottom:-3%!important;height:65%!important}
.v4-world-fun img{bottom:1%!important;width:49%!important}
.v4-shop-section{position:relative;overflow:hidden}
.v4-shop-section:after{content:'';position:absolute;width:240px;height:240px;right:-38px;top:44px;background:var(--gold);opacity:.04;transform:rotate(-11deg);pointer-events:none}
.v4-dual-wrap{overflow:hidden;border-radius:28px;margin:0 auto;max-width:min(1600px,calc(100% - 34px));box-shadow:var(--mhf-ui-shadow-soft)}
.v4-wholesale-product-stage{border-radius:22px}
.v4-wholesale-product-stage img{bottom:0!important;max-height:92%!important;object-fit:contain}
.v4-brand-art img{bottom:-2%!important;max-height:88%!important;object-fit:contain}
.v4-closing-grid{overflow:hidden}
.v4-closing-panel{min-width:0}
.v4-store-panel img,.v4-private-panel img{bottom:-4%!important;max-height:66%!important;object-fit:contain}

/* --------------------------------------------------------------------------
   Internal content panels / background endings.
   -------------------------------------------------------------------------- */
.section{position:relative}
.section-cream{overflow:hidden}
.section-cream:after{content:'';position:absolute;width:220px;height:220px;right:-34px;bottom:38px;background:var(--green);opacity:.025;transform:rotate(16deg);pointer-events:none}
.section-green{overflow:hidden}
.section-green:after{content:'';position:absolute;width:250px;height:250px;right:-42px;top:38px;background:var(--gold-light);opacity:.055;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(-12deg);pointer-events:none}
.section-green>.shell,.section-cream>.shell{position:relative;z-index:1}
.about-showcase,.private-label-visual,.locator-map,.locator-search-panel,.role-comparison,.form-card,.checkout-section,.checkout-summary,.account-panel,.order-summary{border-radius:22px!important}
.about-showcase,.private-label-visual{border:1px solid rgba(9,36,27,.08);box-shadow:var(--mhf-ui-shadow-soft)}
.about-showcase img{left:50%!important;bottom:4%!important;width:88%!important;height:82%!important;object-fit:contain!important}
.private-label-visual img{width:78%!important;height:84%!important;left:11%!important;bottom:5%!important;object-fit:contain!important}
.wholesale-product-tile{min-height:300px!important;padding:22px!important}
.wholesale-product-tile img{max-width:84%!important;max-height:220px!important;object-fit:contain!important;bottom:6%!important}
.application-step,.freight-step{min-width:0}
.shipping-notice,.notice-card,.stores-coming-soon{border-radius:14px!important}
.faq-item,.accordion-item{transition:background .2s}
.faq-item:hover,.accordion-item:hover{background:rgba(255,255,255,.45)!important}

/* Forms / WC content spacing and table containment. */
.mhf-wc-content{min-width:0}
.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register,.woocommerce form.lost_reset_password{min-width:0}
.woocommerce table.shop_table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--mhf-ui-border)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px!important;border-color:rgba(9,36,27,.08)!important;vertical-align:middle!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:14px!important;box-shadow:var(--mhf-ui-shadow-soft)}
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-MyAccount-content{min-width:0}

/* Newsletter and footer get subtle, brand-consistent leaf details. */
.newsletter{position:relative;overflow:hidden}
.newsletter:before{content:'';position:absolute;width:170px;height:170px;left:-24px;top:-28px;background:var(--green);opacity:.035;transform:rotate(-10deg);pointer-events:none}
.newsletter-inner{position:relative;z-index:1}
.site-footer{position:relative;overflow:hidden}
.site-footer:before{content:'';position:absolute;width:270px;height:270px;right:-62px;bottom:-42px;background:var(--gold-light);opacity:.055;transform:rotate(12deg);pointer-events:none}
.site-footer>.shell{position:relative;z-index:1}

/* --------------------------------------------------------------------------
   Responsive safeguards
   -------------------------------------------------------------------------- */
@media (max-width:1180px){
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr)!important;gap:44px!important}
  .page-hero-visual{height:360px!important}
  .page-hero-visual img{max-height:295px!important}
}

@media (max-width:960px){
  .mhf-leaf-drift .leaf-a{left:-16px}.mhf-leaf-drift .leaf-b{right:-10px}
  .page-hero-grid{grid-template-columns:1fr!important;gap:30px!important;padding:50px 0!important}
  .page-hero-copy{max-width:760px!important}
  .page-hero-visual{height:360px!important;max-width:760px;width:100%;margin:0 auto;padding:28px!important}
  .page-hero-visual img{max-height:300px!important}
  .product-main-media{position:relative!important;top:auto!important;min-height:540px!important;padding:30px!important}
  .product-main-media .woocommerce-product-gallery__image,.product-main-media .woocommerce-product-gallery__image>a{min-height:440px!important}
  .product-main-media .woocommerce-product-gallery__image img,.product-main-media img{max-height:455px!important}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v4-dual-wrap{max-width:calc(100% - 28px)}
  .v4-world-maamoul,.v4-world-pantry,.v4-world-fun{border-radius:20px!important}
}

@media (max-width:700px){
  .mhf-leaf-drift span{opacity:.022}
  .mhf-leaf-drift .leaf-c,.mhf-leaf-drift .leaf-d{display:none}
  .page-hero-grid{padding:38px 0 44px!important;gap:24px!important}
  .page-hero-copy h1{font-size:clamp(34px,9.4vw,44px)!important}
  .page-hero-copy .lede{font-size:15px!important}
  .page-hero-visual{height:300px!important;padding:22px!important;border-radius:22px!important}
  .page-hero-visual:before{width:min(250px,78%)!important}
  .page-hero-visual:after{width:78px;height:78px;right:14px;top:14px}
  .page-hero-visual img{max-width:90%!important;max-height:248px!important}
  .product-grid,.v4-product-rail{grid-template-columns:1fr!important;gap:14px!important}
  .product-media{height:330px!important;padding:24px!important}
  .product-title{min-height:auto}
  .product-main-media{min-height:440px!important;padding:24px!important;border-radius:20px!important}
  .product-main-media .woocommerce-product-gallery__image,.product-main-media .woocommerce-product-gallery__image>a{min-height:350px!important}
  .product-main-media .woocommerce-product-gallery__image img,.product-main-media img{max-height:365px!important;max-width:95%!important}
  .woocommerce ul.products{grid-template-columns:1fr!important}
  .woocommerce ul.products li.product a img{height:330px!important}
  .v4-world-maamoul .world-img-a{width:69%!important;right:17%!important;bottom:2%!important}
  .v4-world-maamoul .world-img-b{width:50%!important;right:-6%!important;bottom:16%!important}
  .v4-world-maamoul .world-img-c{width:48%!important;right:36%!important;bottom:29%!important}
  .v4-world-pantry .world-img-ghee{height:64%!important;right:0!important;bottom:3%!important}
  .v4-world-pantry .world-img-spice{height:56%!important;right:37%!important;bottom:0!important}
  .v4-world-fun img{width:65%!important;right:0!important;bottom:3%!important}
  .v4-store-panel img,.v4-private-panel img{bottom:0!important;max-height:58%!important}
  .about-showcase img{bottom:8%!important;height:74%!important}
  .private-label-visual img{bottom:8%!important;height:76%!important}
  .form-card,.checkout-section,.checkout-summary,.account-panel,.order-summary{border-radius:18px!important}
}

@media (max-width:430px){
  .product-media{height:300px!important}
  .product-card-footer{align-items:flex-start;flex-direction:column}
  .product-card-footer .link-arrow{align-self:flex-start}
  .product-main-media{min-height:390px!important;padding:18px!important}
  .product-main-media .woocommerce-product-gallery__image,.product-main-media .woocommerce-product-gallery__image>a{min-height:315px!important}
  .product-main-media .woocommerce-product-gallery__image img,.product-main-media img{max-height:325px!important}
}

@media (prefers-reduced-motion:reduce){
  .mhf-leaf-drift span,.page-hero-visual img{animation:none!important}
  .product-card,.product-media img{transition:none!important}
}

/* --------------------------------------------------------------------------
   R8 page-by-page polish: stronger hierarchy without changing client content.
   -------------------------------------------------------------------------- */
.section{padding:clamp(72px,7vw,96px) 0}
.section-heading{max-width:860px}
.section-heading h2{line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.section-heading p{max-width:720px;line-height:1.7}

/* Home hero / large art: keep important packaging inside the visible canvas. */
.v4-hero-stage{min-width:0!important}
.v4-showcase{width:106%!important;right:-4%!important;bottom:1%!important;max-width:none!important;object-position:center bottom!important}
.v4-floating-note{border-radius:13px!important}
.v4-world img,.v4-brand-art img,.v4-closing-panel img{object-fit:contain!important}
.v4-brand-art .brand-jameed{bottom:0!important}
.v4-brand-art .brand-spice{bottom:-2%!important}
.v4-brand-art .brand-ghee{bottom:-1%!important}
.v4-store-panel img,.v4-private-panel img{bottom:1%!important}

/* About: replace the old flat divider row with a more intentional feature set. */
.about-statement{gap:clamp(44px,7vw,82px)!important}
.about-statement .big-line{text-wrap:balance}
.about-statement-copy{padding:24px 0 0 28px!important;border-left:2px solid rgba(216,158,24,.45)!important;border-top:0!important}
.about-verbs{gap:12px!important;border:0!important;margin-top:56px!important}
.about-verb{min-height:170px!important;padding:24px!important;border:1px solid var(--mhf-ui-border)!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f8f3e9)!important;box-shadow:0 8px 28px rgba(9,36,27,.045)!important}
.about-verb:hover{background:#f3ead9!important;transform:translateY(-3px)}
.about-verb strong{font-size:19px!important}
.name-list{border-top:0!important;display:flex;flex-direction:column;gap:10px}
.name-row{grid-template-columns:150px 1fr!important;gap:24px!important;padding:22px 24px!important;border:1px solid var(--mhf-ui-border)!important;border-radius:14px!important;background:rgba(255,255,255,.68)!important}
.vision-split{gap:12px!important;border:0!important;background:transparent!important}
.vision-cell{padding:30px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important}
.vision-cell+ .vision-cell{border-left:1px solid rgba(255,255,255,.15)!important}

/* Wholesale: accessible comparison table with modern containment. */
.role-comparison{overflow:hidden!important;border:1px solid var(--mhf-ui-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--mhf-ui-shadow-soft)!important}
.role-row{border-bottom:1px solid rgba(9,36,27,.08)!important}
.role-row>*{padding:20px 22px!important;border-right:1px solid rgba(9,36,27,.08)!important}
.role-row:not(.head):nth-child(odd){background:#fbf8f2}
.role-row.head{background:linear-gradient(105deg,#08261d,#123d2f)!important}
.role-row.head span{color:#fff!important;font-size:11px!important;letter-spacing:.02em}
.wholesale-products{gap:14px!important}
.wholesale-product-tile{min-height:310px!important;border-radius:18px!important;border:1px solid var(--mhf-ui-border)!important;background:linear-gradient(145deg,#fff,#f7f2e8)!important;box-shadow:0 8px 28px rgba(9,36,27,.045)!important}
.wholesale-product-tile:nth-child(2n){background:linear-gradient(145deg,#edf1ea,#f8f9f5)!important}
.wholesale-product-tile img{right:4%!important;bottom:7%!important;width:auto!important;height:auto!important;max-width:68%!important;max-height:225px!important}
.application-flow,.freight-flow{gap:10px!important;border:0!important;background:transparent!important}
.application-step,.freight-step{min-height:205px!important;padding:26px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important}
.application-step:last-child,.freight-step:last-child{border-right:1px solid rgba(255,255,255,.14)!important}
.application-step strong,.freight-step strong{font-size:16px!important}
.application-step p,.freight-step p{line-height:1.65!important;color:rgba(255,255,255,.72)!important}

/* Shipping / fulfilment: each row now reads as a deliberate information module. */
.shipping-lines,.fulfilment-list{display:flex;flex-direction:column;gap:10px;border:0!important}
.shipping-line,.fulfilment-item{padding:20px 22px!important;border:1px solid var(--mhf-ui-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 24px rgba(9,36,27,.035)!important}
.shipping-line strong,.fulfilment-item strong{font-size:13px!important}
.shipping-line p,.fulfilment-item p{line-height:1.65!important}
.shipping-notice{border:1px solid rgba(216,158,24,.24)!important;box-shadow:inset 4px 0 0 var(--gold)!important}

/* Forms/contact: side guidance should feel like a designed component. */
.form-aside,.contact-info{padding:28px!important;border:1px solid var(--mhf-ui-border)!important;border-radius:20px!important;background:linear-gradient(145deg,#fbf7ef,#f3ecdf)!important;box-shadow:var(--mhf-ui-shadow-soft)!important}
.form-aside-list,.contact-details{border-top:0!important;display:flex;flex-direction:column;gap:8px}
.form-aside-list{margin-top:24px!important}
.form-aside-list>div,.contact-detail{padding:13px 14px!important;border:1px solid rgba(9,36,27,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.7)!important}
.contact-detail{grid-template-columns:95px minmax(0,1fr)!important;align-items:center}
.contact-detail strong{overflow-wrap:anywhere}
.form-card{padding:clamp(22px,3vw,34px)!important;border-radius:20px!important;box-shadow:var(--mhf-ui-shadow-soft)!important}
.field input,.field textarea,.field select,
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{border-radius:10px!important;transition:border-color .2s,box-shadow .2s!important}
.field input:focus,.field textarea:focus,.field select:focus,
.woocommerce input.input-text:focus,.woocommerce textarea:focus,.woocommerce select:focus{border-color:rgba(216,158,24,.72)!important;box-shadow:0 0 0 3px rgba(216,158,24,.12)!important;outline:0!important}

/* FAQ: easier scanning and clearer interaction targets. */
.faq-list{display:flex;flex-direction:column;gap:10px;border-top:0!important}
.faq-item{overflow:hidden;border:1px solid var(--mhf-ui-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 20px rgba(9,36,27,.035)!important}
.faq-q{width:100%;padding:0 20px!important;min-height:64px!important;text-align:left}
.faq-a{padding:0 20px 20px!important;max-width:none!important}
.faq-item.open{border-color:rgba(216,158,24,.34)!important;box-shadow:0 12px 30px rgba(9,36,27,.06)!important}
.faq-side{padding:28px!important;border:1px solid var(--mhf-ui-border)!important;border-radius:20px!important;background:#f6f0e5!important}

/* Store locator / account / checkout surfaces. */
.locator-layout{gap:18px!important;border:0!important;background:transparent!important}
.locator-search-panel,.locator-map{box-shadow:var(--mhf-ui-shadow-soft)!important}
.locator-search-panel{padding:28px!important}
.account-layout-wp .woocommerce{min-width:0}
.woocommerce-account .woocommerce-MyAccount-navigation{border-radius:16px!important;box-shadow:var(--mhf-ui-shadow-soft)!important}
.woocommerce-account .woocommerce-MyAccount-content{border-radius:18px!important;box-shadow:var(--mhf-ui-shadow-soft)!important;min-width:0}
.woocommerce-checkout #payment{border-radius:16px!important;overflow:hidden!important;box-shadow:var(--mhf-ui-shadow-soft)!important}
.woocommerce-cart table.shop_table img{width:76px!important;height:76px!important;object-fit:contain!important;padding:5px!important;border-radius:10px!important;background:#f6f1e7!important}
.woocommerce-cart .cart_totals,.woocommerce-checkout-review-order{min-width:0}

/* Policy pages should not feel like unstyled editor output. */
.policy-content{padding:clamp(26px,4vw,46px)!important;border:1px solid var(--mhf-ui-border);border-radius:20px;background:#fff;box-shadow:var(--mhf-ui-shadow-soft)}
.policy-content h2,.policy-content h3{margin-top:1.55em;color:var(--green)}
.policy-content p,.policy-content li{line-height:1.75}

@media (max-width:960px){
  .v4-showcase{width:104%!important;right:-2%!important}
  .about-statement-copy{padding:22px 0 0!important;border-left:0!important;border-top:2px solid rgba(216,158,24,.42)!important}
  .about-verbs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .application-flow,.freight-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .application-step,.freight-step{border:1px solid rgba(255,255,255,.14)!important}
  .form-aside,.contact-info,.faq-side{position:relative!important;top:auto!important}
}

@media (max-width:700px){
  .section{padding:64px 0}
  .v4-showcase{width:108%!important;right:-4%!important;bottom:2%!important}
  .about-verbs{grid-template-columns:1fr!important;gap:10px!important}
  .about-verb{min-height:126px!important}
  .name-row{grid-template-columns:1fr!important;gap:6px!important;padding:18px!important}
  .vision-split{grid-template-columns:1fr!important}
  .vision-cell,.vision-cell+ .vision-cell{padding:24px!important;border:1px solid rgba(255,255,255,.14)!important}
  .role-comparison{overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;display:flex;flex-direction:column;gap:12px}
  .role-row.head{display:none!important}
  .role-row{display:grid!important;grid-template-columns:1fr!important;min-width:0!important;gap:0!important;border:1px solid var(--mhf-ui-border)!important;border-radius:14px!important;overflow:hidden;background:#fff!important}
  .role-row>*{border-right:0!important;border-bottom:1px solid rgba(9,36,27,.07)!important;padding:15px 17px!important}
  .role-row>*:last-child{border-bottom:0!important}
  .role-row>strong{background:#f4ecdd!important;font-size:12px!important}
  .role-row:not(.head)>p:before{display:block;margin-bottom:5px;font-family:'Poppins';font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b650d}
  .role-row:not(.head)>p:nth-of-type(1):before{content:'Wholesale Retailer'}
  .role-row:not(.head)>p:nth-of-type(2):before{content:'Distributor'}
  .application-flow,.freight-flow{grid-template-columns:1fr!important;gap:9px!important}
  .application-step,.freight-step{min-height:0!important;padding:22px!important}
  .shipping-line,.fulfilment-item{grid-template-columns:1fr!important;gap:7px!important;padding:18px!important}
  .form-aside,.contact-info,.faq-side{padding:22px!important;border-radius:16px!important}
  .contact-detail{grid-template-columns:1fr!important;gap:4px!important}
  .faq-q{padding:0 16px!important}
  .faq-a{padding:0 16px 17px!important}
  .policy-content{padding:22px!important;border-radius:16px}
}

/* ===== consolidated from ui-polish-r9.css ===== */
/*
 * Maple House Foods — R9 composition / responsive QA layer
 * Consolidated into the single audit-hardened ui-polish.css bundle.
 * Purpose: eliminate text/image collisions, clipped artwork and horizontal drift,
 * while tightening contrast and section composition across all breakpoints.
 */

:root{
  --mhf-r9-radius:24px;
  --mhf-r9-radius-sm:16px;
  --mhf-r9-safe-green:#09241B;
  --mhf-r9-safe-copy:#4D5B53;
  --mhf-r9-line:rgba(9,36,27,.11);
  --mhf-r9-shadow:0 18px 50px rgba(9,36,27,.085);
}

/* --------------------------------------------------------------------------
   Global geometry safeguards
   -------------------------------------------------------------------------- */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{position:relative}
main,section,.shell,.v4-brand-grid,.v4-world-grid,.v4-closing-grid,.v4-dual-wrap,
.page-hero-grid,.product-detail-grid,.wholesale-anatomy,.fulfilment-grid,
.private-label-intro,.about-statement,.name-meaning,.shipping-overview,
.form-layout,.contact-layout,.faq-layout{min-width:0}
section{isolation:isolate}
img{max-width:100%;height:auto}
.v4-world-copy,.v4-brand-copy,.v4-closing-panel>div,.page-hero-copy,.private-label-copy{min-width:0}
.v4-world-copy h3,.v4-brand-copy h2,.v4-closing-panel h2,.page-hero-copy h1,
.private-label-copy h2{overflow-wrap:normal;word-break:normal;text-wrap:balance}

/* The floating leaves remain decorative and must never compete with copy. */
.mhf-leaf-drift{z-index:1!important;opacity:.72!important}
main,.site-header,.utility-bar,.newsletter,.site-footer{position:relative;z-index:2}
.mhf-leaf-drift .leaf-a,.mhf-leaf-drift .leaf-b,.mhf-leaf-drift .leaf-c,.mhf-leaf-drift .leaf-d{opacity:.025!important}

/* --------------------------------------------------------------------------
   Homepage category worlds — reserve a real copy zone and a real art zone.
   -------------------------------------------------------------------------- */
.v4-worlds{overflow:hidden!important}
.v4-world-grid{align-items:stretch}
.v4-world{border-radius:24px!important;overflow:hidden!important;box-shadow:0 10px 32px rgba(9,36,27,.045)}
.v4-world-copy{z-index:8!important;left:clamp(24px,2.5vw,36px)!important;top:clamp(24px,2.5vw,34px)!important}
.v4-world-copy small{font-size:10px!important;letter-spacing:.12em!important;font-weight:700!important}
.v4-world-copy h3{line-height:1.08!important;letter-spacing:-.035em!important}
.v4-world-copy>span{position:relative;z-index:9}
.v4-world img{z-index:3!important;max-width:none;object-fit:contain!important;object-position:center bottom!important}

/* Pantry was the main collision: text stays on the left, artwork is confined right. */
.v4-world-pantry:after{
  content:'';position:absolute;z-index:5;inset:0 auto 0 0;width:62%;pointer-events:none;
  background:linear-gradient(90deg,rgba(231,233,225,.99) 0%,rgba(231,233,225,.96) 64%,rgba(231,233,225,.52) 84%,rgba(231,233,225,0) 100%);
}
.v4-world-pantry .v4-world-copy{max-width:52%!important}
.v4-world-pantry .world-img-ghee{height:76%!important;width:auto!important;right:-1%!important;bottom:2%!important}
.v4-world-pantry .world-img-spice{height:58%!important;width:auto!important;right:12%!important;bottom:0!important;transform:rotate(-5deg)!important}
.v4-world-pantry:hover .world-img-spice{transform:translateY(-6px) rotate(-3deg)!important}

/* Other category artwork also gets safe copy separation. */
.v4-world-maamoul:after{
  content:'';position:absolute;z-index:5;inset:0 auto 0 0;width:49%;pointer-events:none;
  background:linear-gradient(90deg,rgba(244,219,156,.97),rgba(244,219,156,.70) 72%,rgba(244,219,156,0));
}
.v4-world-maamoul .v4-world-copy{max-width:45%!important}
.v4-world-maamoul .world-img-a{width:58%!important;right:9%!important;bottom:2%!important}
.v4-world-maamoul .world-img-b{width:42%!important;right:-4%!important;bottom:18%!important}
.v4-world-maamoul .world-img-c{width:41%!important;right:27%!important;bottom:30%!important}
.v4-world-fun:after{
  content:'';position:absolute;z-index:5;inset:0 auto 0 0;width:61%;pointer-events:none;
  background:linear-gradient(90deg,rgba(166,38,45,.99),rgba(166,38,45,.92) 68%,rgba(166,38,45,0));
}
.v4-world-fun .v4-world-copy{max-width:55%!important}
.v4-world-fun img{width:43%!important;right:2%!important;bottom:2%!important}
.v4-world-fun .v4-world-copy h3,.v4-world-fun .v4-world-copy>span{color:#fff!important}

/* --------------------------------------------------------------------------
   Dark brand story — no horizontal drift, no artwork over copy.
   -------------------------------------------------------------------------- */
.v4-brand-story{overflow:hidden!important;padding-top:clamp(82px,8vw,112px)!important}
.v4-brand-grid{
  position:relative!important;width:min(1320px,calc(100% - 64px))!important;margin-inline:auto!important;
  display:grid!important;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(48px,6vw,84px)!important;align-items:center!important;
}
.v4-brand-copy{position:relative!important;z-index:7!important;max-width:590px!important;padding-bottom:64px!important;transform:none!important;translate:none!important}
.v4-brand-copy h2{font-size:clamp(36px,3.35vw,50px)!important;line-height:1.08!important}
.v4-brand-copy p{font-size:16px!important;line-height:1.72!important;color:rgba(255,255,255,.82)!important}
.v4-brand-copy .link-arrow{color:#fff!important}
.v4-brand-art{
  position:relative!important;z-index:2!important;width:100%!important;max-width:100%!important;height:580px!important;
  min-width:0!important;overflow:hidden!important;border-radius:28px 28px 0 0;
}
.v4-brand-art:after{
  content:'';position:absolute;z-index:0;right:0;bottom:0;width:88%;height:82%;
  border-radius:48% 48% 0 0;background:radial-gradient(circle at 50% 72%,rgba(216,158,24,.14),rgba(216,158,24,.035) 48%,transparent 72%);
}
.v4-brand-word{z-index:1!important;left:2%!important;top:4%!important;font-size:clamp(110px,11vw,190px)!important}
.v4-brand-art img{z-index:3!important;max-width:100%!important;object-fit:contain!important;translate:none!important}
.v4-brand-art .brand-jameed{height:78%!important;right:28%!important;bottom:2%!important;left:auto!important}
.v4-brand-art .brand-spice{height:69%!important;right:1%!important;bottom:0!important;left:auto!important}
.v4-brand-art .brand-ghee{height:67%!important;left:4%!important;right:auto!important;bottom:0!important}
.v4-values-row{position:relative!important;z-index:8!important;grid-column:1/-1!important;background:rgba(4,21,15,.58);backdrop-filter:blur(8px)}

/* --------------------------------------------------------------------------
   Closing panels — split copy and visual zones instead of layering them.
   -------------------------------------------------------------------------- */
.v4-closing-grid{overflow:hidden!important}
.v4-closing-panel{min-width:0!important;min-height:590px!important;padding:clamp(44px,5vw,68px)!important;align-items:flex-start!important}
.v4-closing-panel>div{z-index:8!important;max-width:48%!important}
.v4-closing-panel h2{line-height:1.08!important}
.v4-closing-panel p{font-size:16px!important;line-height:1.7!important}
.v4-closing-panel img{
  z-index:3!important;right:2.5%!important;bottom:2%!important;width:auto!important;max-width:48%!important;
  max-height:78%!important;object-fit:contain!important;object-position:right bottom!important;translate:none!important;
}
.v4-store-panel:before,.v4-private-panel:before{
  content:'';position:absolute;z-index:5;inset:0 auto 0 0;width:58%;pointer-events:none;
}
.v4-store-panel:before{background:linear-gradient(90deg,rgba(243,232,206,.99),rgba(243,232,206,.96) 72%,rgba(243,232,206,0))}
.v4-private-panel:before{background:linear-gradient(90deg,rgba(9,36,27,.99),rgba(9,36,27,.97) 72%,rgba(9,36,27,0))}
.v4-private-panel h2,.v4-private-panel b{color:#fff!important}
.v4-private-panel p{color:rgba(255,255,255,.84)!important}
.v4-private-panel img{max-width:45%!important;max-height:77%!important;right:3%!important;bottom:0!important}
.v4-store-panel img{max-width:47%!important;max-height:72%!important;right:2%!important;bottom:2%!important}

/* --------------------------------------------------------------------------
   Page heroes and editorial visuals — nothing should be cut by the frame.
   -------------------------------------------------------------------------- */
.page-hero{overflow:hidden!important}
.page-hero-grid{align-items:center!important}
.page-hero-copy{position:relative!important;z-index:5!important}
.page-hero-copy h1{max-width:760px!important}
.page-hero-visual{overflow:hidden!important;border-radius:28px!important;padding:30px!important;min-width:0!important}
.page-hero-visual img{width:auto!important;height:auto!important;max-width:90%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;translate:none!important;transform:none!important}
.page-hero-visual:before{max-width:78%;max-height:78%}

.about-showcase,.private-label-visual{overflow:hidden!important;padding:30px!important}
.about-showcase img,.private-label-visual img{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;translate:none!important;
}
.private-label-visual{display:flex!important;align-items:center!important;justify-content:center!important}
.about-showcase{display:flex!important;align-items:center!important;justify-content:center!important}

/* Internal dark sections: stronger readable body text. */
.section-green h1,.section-green h2,.section-green h3,.section-green h4,.section-green strong{color:#fff!important}
.section-green p,.section-green li,.section-green span:not(.eyebrow){color:rgba(255,255,255,.84)}
.section-green .application-step,.section-green .freight-step{background:rgba(255,255,255,.055)!important}
.section-green .application-step p,.section-green .freight-step p{color:rgba(255,255,255,.82)!important}

/* --------------------------------------------------------------------------
   Product containment / commerce polish
   -------------------------------------------------------------------------- */
.product-card,.woocommerce ul.products li.product{border-radius:20px!important;overflow:hidden!important}
.product-media,.woocommerce ul.products li.product a img{overflow:hidden!important}
.product-media img,.woocommerce ul.products li.product a img{object-fit:contain!important;object-position:center!important}
.product-main-media{overflow:hidden!important}
.product-main-media .woocommerce-product-gallery__image img,.product-main-media>img{object-fit:contain!important;object-position:center!important}
.product-main-media .zoomImg{object-fit:initial!important}
.product-card-footer{min-width:0}
.product-card-price-stack{overflow:hidden}
.product-title{overflow-wrap:anywhere}

/* Tables/forms should never force page-level horizontal scrolling. */
.mhf-wc-content,.woocommerce,.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account{max-width:100%;min-width:0}
.woocommerce table.shop_table{max-width:100%}
.field input,.field textarea,.field select,.mhf-form input,.mhf-form textarea,.mhf-form select,
.woocommerce input,.woocommerce textarea,.woocommerce select{max-width:100%}

/* --------------------------------------------------------------------------
   Tablet: explicit compositions for the exact widths that exposed the defects.
   -------------------------------------------------------------------------- */
@media (max-width:1180px){
  .v4-brand-grid{width:min(1240px,calc(100% - 44px))!important;grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important;gap:42px!important}
  .v4-brand-art{height:530px!important}
  .v4-brand-art .brand-jameed{height:73%!important;right:25%!important}
  .v4-brand-art .brand-spice{height:65%!important}
  .v4-brand-art .brand-ghee{height:63%!important}
  .v4-closing-panel>div{max-width:52%!important}
  .v4-closing-panel img{max-width:46%!important}
}

@media (max-width:960px){
  /* Category cards stay roomy enough for both copy and products. */
  .v4-world-grid{gap:18px!important}
  .v4-world{min-height:500px!important}
  .v4-world-pantry,.v4-world-fun{min-height:470px!important}
  .v4-world-pantry .v4-world-copy{max-width:51%!important}
  .v4-world-pantry:after{width:61%!important}
  .v4-world-pantry .world-img-ghee{height:76%!important;right:1%!important;bottom:2%!important}
  .v4-world-pantry .world-img-spice{height:55%!important;right:12%!important;bottom:1%!important}
  .v4-world-fun .v4-world-copy{max-width:54%!important}
  .v4-world-fun img{width:auto!important;height:73%!important;right:3%!important;bottom:2%!important}

  /* Brand story becomes clean vertical editorial layout. */
  .v4-brand-grid{width:calc(100% - 44px)!important;grid-template-columns:1fr!important;gap:28px!important}
  .v4-brand-copy{max-width:760px!important;padding-bottom:10px!important}
  .v4-brand-art{height:500px!important;border-radius:26px!important;background:rgba(255,255,255,.025)}
  .v4-brand-art .brand-jameed{height:78%!important;right:27%!important}
  .v4-brand-art .brand-spice{height:68%!important;right:4%!important}
  .v4-brand-art .brand-ghee{height:66%!important;left:5%!important}
  .v4-values-row{grid-column:1!important;border-radius:14px 14px 0 0}

  /* Stacked closing panels use side-by-side content within each panel. */
  .v4-closing-grid{grid-template-columns:1fr!important}
  .v4-closing-panel{min-height:500px!important;padding:52px 46px!important}
  .v4-closing-panel>div{max-width:52%!important}
  .v4-closing-panel img{max-width:43%!important;max-height:74%!important;right:4%!important;bottom:2%!important}
  .v4-private-panel img{max-width:42%!important;max-height:72%!important}
  .v4-store-panel:before,.v4-private-panel:before{width:62%!important}

  .page-hero-grid{grid-template-columns:1fr!important}
  .page-hero-visual{width:100%!important;max-width:760px!important;margin-inline:auto!important}
  .about-showcase,.private-label-visual{height:520px!important;min-height:0!important}
}

@media (max-width:700px){
  /* Cards turn into copy-above / artwork-below rather than copy-on-art. */
  .v4-world{min-height:540px!important}
  .v4-world-copy{left:22px!important;right:22px!important;top:24px!important;max-width:none!important}
  .v4-world-copy h3{max-width:100%!important;font-size:clamp(25px,7vw,31px)!important}
  .v4-world-pantry:after,.v4-world-maamoul:after,.v4-world-fun:after{
    inset:0!important;width:100%!important;height:58%!important;
  }
  .v4-world-pantry:after{background:linear-gradient(180deg,rgba(231,233,225,1) 0%,rgba(231,233,225,.98) 70%,rgba(231,233,225,0) 100%)}
  .v4-world-maamoul:after{background:linear-gradient(180deg,rgba(244,219,156,1) 0%,rgba(244,219,156,.95) 70%,rgba(244,219,156,0) 100%)}
  .v4-world-fun:after{background:linear-gradient(180deg,rgba(166,38,45,1) 0%,rgba(166,38,45,.96) 70%,rgba(166,38,45,0) 100%)}
  .v4-world-pantry .world-img-ghee{height:49%!important;right:7%!important;bottom:2%!important}
  .v4-world-pantry .world-img-spice{height:41%!important;right:36%!important;bottom:0!important}
  .v4-world-maamoul .world-img-a{width:68%!important;right:16%!important;bottom:1%!important}
  .v4-world-maamoul .world-img-b{width:48%!important;right:-3%!important;bottom:10%!important}
  .v4-world-maamoul .world-img-c{width:46%!important;right:39%!important;bottom:20%!important}
  .v4-world-fun img{width:auto!important;height:49%!important;right:8%!important;bottom:1%!important}

  .v4-brand-grid{width:calc(100% - 30px)!important}
  .v4-brand-copy h2{font-size:clamp(32px,8.7vw,42px)!important}
  .v4-brand-art{height:420px!important}
  .v4-brand-art .brand-jameed{height:72%!important;right:25%!important}
  .v4-brand-art .brand-spice{height:60%!important;right:0!important}
  .v4-brand-art .brand-ghee{height:58%!important;left:0!important}

  /* At phone widths the copy owns the top and artwork owns the lower half. */
  .v4-closing-panel{min-height:650px!important;padding:44px 24px 300px!important}
  .v4-closing-panel>div{max-width:100%!important}
  .v4-closing-panel:before{width:100%!important;height:62%!important;bottom:auto!important}
  .v4-store-panel:before{background:linear-gradient(180deg,rgba(243,232,206,1) 0%,rgba(243,232,206,.98) 75%,rgba(243,232,206,0) 100%)}
  .v4-private-panel:before{background:linear-gradient(180deg,rgba(9,36,27,1) 0%,rgba(9,36,27,.99) 75%,rgba(9,36,27,0) 100%)}
  .v4-closing-panel img{width:auto!important;max-width:74%!important;max-height:290px!important;right:8%!important;bottom:0!important}
  .v4-private-panel img{max-width:68%!important;max-height:300px!important;right:10%!important}

  .page-hero-visual{height:310px!important;padding:24px!important}
  .page-hero-visual img{max-width:88%!important;max-height:255px!important}
  .about-showcase,.private-label-visual{height:430px!important;padding:20px!important}
  .application-step,.freight-step{min-height:0!important}
}

@media (max-width:430px){
  .v4-world{min-height:510px!important}
  .v4-world-pantry .world-img-ghee{height:45%!important;right:3%!important}
  .v4-world-pantry .world-img-spice{height:37%!important;right:33%!important}
  .v4-brand-art{height:360px!important}
  .v4-closing-panel{min-height:625px!important;padding-bottom:275px!important}
  .v4-closing-panel img{max-height:265px!important}
  .page-hero-visual{height:280px!important}
  .page-hero-visual img{max-height:225px!important}
  .about-showcase,.private-label-visual{height:360px!important}
}

@media (prefers-reduced-motion:reduce){
  .v4-world img,.v4-brand-art img,.v4-closing-panel img{transition:none!important;animation:none!important;translate:none!important;transform:none!important}
}

/* Desktop category-card collision hard stop: artwork may overlap itself, never copy. */
@media (min-width:961px){
  .v4-world-pantry .v4-world-copy{max-width:50%!important}
  .v4-world-pantry .world-img-ghee{height:74%!important;right:0!important}
  .v4-world-pantry .world-img-spice{height:50%!important;right:0!important}
  .v4-world-fun .v4-world-copy{max-width:52%!important}
  .v4-world-fun img{width:38%!important;right:1%!important}
}
@media (min-width:961px) and (max-width:1240px){
  .v4-world-pantry .v4-world-copy{max-width:48%!important}
  .v4-world-pantry .world-img-ghee{height:72%!important}
  .v4-world-pantry .world-img-spice{height:48%!important}
}

/* Homepage hero artwork must remain fully legible at narrow/tall viewports. */
.v4-hero-stage{min-width:0!important;overflow:visible!important}
.v4-showcase{width:104%!important;right:-2%!important;bottom:0!important;max-height:95%!important;object-fit:contain!important;object-position:center bottom!important}
@media (max-width:960px){
  .v4-showcase{width:96%!important;right:2%!important;max-height:94%!important}
}
@media (max-width:700px){
  .v4-showcase{width:106%!important;right:-3%!important;max-height:91%!important}
}
@media (max-width:430px){
  .v4-showcase{width:103%!important;right:-1.5%!important}
}

/* ===== consolidated from ui-polish-r10.css ===== */
/* Maple House Foods — R10 premium UI / product experience
   Loaded last so these rules intentionally supersede earlier visual layers. */

:root{
  --mhf-r10-surface:#fffdf8;
  --mhf-r10-cream:#f4efe5;
  --mhf-r10-line:rgba(9,36,27,.11);
  --mhf-r10-line-strong:rgba(9,36,27,.18);
  --mhf-r10-shadow:0 24px 70px rgba(9,36,27,.10);
  --mhf-r10-shadow-soft:0 14px 40px rgba(9,36,27,.075);
  --mhf-r10-radius:28px;
}

/* --------------------------------------------------------------------------
   Global visual refinement
   -------------------------------------------------------------------------- */
body{background:#fbf8f1}
.section{position:relative}
.section-heading h2,.v4-section-intro h2{text-wrap:balance}
.section-heading p,.v4-section-intro>p{max-width:620px}
.btn{border-radius:999px!important;padding-inline:24px!important;box-shadow:none}
.btn-primary{box-shadow:0 10px 24px rgba(216,158,24,.18)}
.btn-dark{box-shadow:0 10px 24px rgba(9,36,27,.12)}
.btn:focus-visible,.link-arrow:focus-visible,.accordion-q:focus-visible{outline:3px solid rgba(216,158,24,.35)!important;outline-offset:3px!important}

/* Internal pages get a richer, less generic editorial hero. */
.page-hero{background:linear-gradient(135deg,#f8f2e7 0%,#f1e9da 58%,#ece1cd 100%)!important}
.page-hero:after{content:'';position:absolute;right:-50px;bottom:-95px;width:280px;height:280px;background:var(--gold);opacity:.055;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(-14deg);pointer-events:none}
.page-hero-grid{min-height:540px!important}
.page-hero-copy{padding:34px 0}
.page-hero-copy h1{font-size:clamp(42px,4.4vw,66px)!important;letter-spacing:-.045em!important}
.page-hero-copy .lede{font-size:18px;line-height:1.72;color:#56645d}
.page-hero-visual{height:430px!important;border-radius:30px!important;background:rgba(255,255,255,.36)!important;border:1px solid rgba(255,255,255,.65);box-shadow:0 22px 70px rgba(9,36,27,.08);overflow:hidden!important;padding:24px}
.page-hero-visual:before{width:340px!important;height:340px!important;right:8%!important;top:11%!important;opacity:.92}
.page-hero-visual img{max-height:390px!important;transform:none!important;animation:none!important}

/* Cards / editorial content. */
.about-verbs,.vision-split,.application-flow,.freight-flow{border-radius:24px;overflow:hidden}
.about-verb{padding:30px!important}
.vision-cell{padding:34px!important;border-radius:20px;background:rgba(255,255,255,.055)}
.name-list,.scope-list,.shipping-lines,.anatomy-list,.fulfilment-list{border-radius:20px;overflow:hidden;border:1px solid var(--mhf-r10-line);background:#fff}
.name-row,.scope-item,.shipping-line,.anatomy-item,.fulfilment-item{padding:22px 24px!important;background:#fff}
.name-row:not(:last-child),.scope-item:not(:last-child),.shipping-line:not(:last-child),.anatomy-item:not(:last-child),.fulfilment-item:not(:last-child){border-bottom:1px solid var(--mhf-r10-line)!important}
.private-label-visual,.about-showcase{border-radius:30px!important;background:linear-gradient(145deg,#efe5d3,#fbf6eb)!important;border:1px solid var(--mhf-r10-line);box-shadow:var(--mhf-r10-shadow-soft);padding:38px!important;min-height:520px}
.private-label-visual img,.about-showcase img{max-height:470px!important;width:auto!important;object-fit:contain!important;filter:drop-shadow(0 26px 30px rgba(9,36,27,.15))}

/* Homepage category worlds: clearer hierarchy and more premium containment. */
.v4-world{border-radius:28px!important;border:1px solid rgba(9,36,27,.10)!important;box-shadow:0 18px 52px rgba(9,36,27,.07)!important;isolation:isolate}
.v4-world:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 54%);pointer-events:none;z-index:1}
.v4-world-copy{position:relative;z-index:5!important}
.v4-world-copy small{display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(9,36,27,.07)!important;backdrop-filter:blur(8px);letter-spacing:.11em!important}
.v4-world-copy>span:last-child{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:0 15px!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(9,36,27,.08)!important;backdrop-filter:blur(8px);font-weight:700!important}
.v4-world img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s cubic-bezier(.2,.7,.2,1)!important}
.v4-world:hover img{filter:drop-shadow(0 24px 24px rgba(9,36,27,.14));transform:translateY(-5px) scale(1.02)!important}
.v4-brand-story{position:relative;overflow:hidden}
.v4-brand-story:after{content:'';position:absolute;left:-90px;bottom:-120px;width:340px;height:340px;background:var(--gold-light);opacity:.035;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(18deg);pointer-events:none}
.v4-closing-grid{gap:18px!important;padding:18px!important;background:#f4eee2!important}
.v4-closing-panel{border-radius:28px!important;min-height:520px!important;box-shadow:0 18px 54px rgba(9,36,27,.09)!important}
.v4-closing-panel>div{position:relative;z-index:4!important;padding:54px 0 54px 54px!important}
.v4-closing-panel p{font-size:17px!important;line-height:1.68!important}

/* Product cards: more intentional ecommerce cards. */
.product-grid{gap:20px!important}
.product-card,.woocommerce ul.products li.product{border-radius:24px!important;border:1px solid rgba(9,36,27,.10)!important;background:#fff!important;box-shadow:0 10px 34px rgba(9,36,27,.045)!important;overflow:hidden!important}
.product-card:hover,.woocommerce ul.products li.product:hover{transform:translateY(-7px)!important;border-color:rgba(9,36,27,.18)!important;box-shadow:0 24px 54px rgba(9,36,27,.10)!important}
.product-media{position:relative!important;height:360px!important;background:radial-gradient(circle at 50% 45%,#fff 0 22%,#f4ede0 72%,#eee4d1 100%)!important;padding:30px!important}
.product-media:before{content:'';position:absolute;right:18px;top:18px;width:66px;height:66px;background:var(--gold);opacity:.055;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(12deg)}
.product-media img{filter:drop-shadow(0 18px 20px rgba(9,36,27,.12))!important}
.product-card:hover .product-media img{transform:translateY(-7px) scale(1.025)!important}
.product-body,.product-card-body{padding:22px 22px 20px!important}
.product-category{display:inline-flex!important;align-items:center!important;align-self:flex-start!important;min-height:26px!important;padding:0 9px!important;border-radius:999px!important;background:#f2ecdf!important;color:#5d6a63!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:700!important}
.product-title{margin-top:12px!important;font-size:17px!important;line-height:1.35!important;letter-spacing:-.025em!important}
.product-card-footer{margin-top:18px!important;padding-top:16px!important}
.product-card-footer .link-arrow{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;font-size:0!important;background:#f6f1e7!important}
.product-card-footer .link-arrow .arrow{font-size:16px!important;margin:0!important}
.product-card-footer .link-arrow:hover{background:var(--green)!important;color:#fff!important}

/* --------------------------------------------------------------------------
   R10 single-product experience
   -------------------------------------------------------------------------- */
.mhf-single-product-v10{overflow:hidden;background:#fbf8f1}
.product-detail-v10{padding:34px 0 92px!important;background:
  radial-gradient(circle at 9% 8%,rgba(216,158,24,.065),transparent 28%),
  linear-gradient(180deg,#fbf8f1 0%,#f8f3e9 100%)!important}
.product-breadcrumb{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 26px;color:#758078;font-size:12px;font-weight:600}
.product-breadcrumb a{color:#45544b;transition:color .2s}
.product-breadcrumb a:hover{color:var(--green)}
.product-breadcrumb span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a847d}
.product-detail-grid-v10{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr)!important;gap:72px!important;align-items:start!important}

.product-main-media-v10{position:sticky!important;top:118px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:700px!important;padding:22px 24px 24px!important;border-radius:32px!important;border:1px solid rgba(9,36,27,.10)!important;background:
  radial-gradient(circle at 50% 45%,rgba(255,255,255,.98) 0 25%,rgba(250,245,235,.94) 58%,rgba(236,225,205,.96) 100%)!important;
box-shadow:var(--mhf-r10-shadow)!important;overflow:hidden!important;isolation:isolate}
.product-main-media-v10:before{content:''!important;position:absolute!important;left:50%!important;top:50%!important;width:min(520px,78%)!important;height:auto!important;aspect-ratio:1!important;border-radius:50%!important;background:rgba(216,158,24,.09)!important;border:1px solid rgba(216,158,24,.13)!important;transform:translate(-50%,-48%)!important;z-index:0!important}
.product-main-media-v10:after{content:''!important;position:absolute!important;right:34px!important;top:62px!important;width:126px!important;height:126px!important;background:var(--green)!important;opacity:.032!important;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat!important;mask:url('../decor/maple-leaf.svg') center/contain no-repeat!important;transform:rotate(13deg)!important;z-index:0!important}
.product-media-topline{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px}
.product-media-brand{font-family:'Poppins';font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#68746d}
.product-sale-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;background:var(--red);color:#fff;font-family:'Poppins';font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.product-main-media-v10 .woocommerce-product-gallery{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;width:100%!important;margin:0!important;float:none!important}
.product-main-media-v10 .woocommerce-product-gallery__wrapper{flex:1 1 auto;display:flex;align-items:center;width:100%!important;margin:0!important}
.product-main-media-v10 .woocommerce-product-gallery__image,.product-main-media-v10 .woocommerce-product-gallery__image>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:535px!important}
.product-main-media-v10 .woocommerce-product-gallery__image img,.product-main-media-v10 .woocommerce-product-gallery__wrapper img{display:block!important;width:auto!important;height:auto!important;max-width:90%!important;max-height:535px!important;margin:auto!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 30px 34px rgba(9,36,27,.17))!important;transition:transform .55s cubic-bezier(.2,.7,.2,1)!important}
.product-main-media-v10:hover .woocommerce-product-gallery__image:not(.flex-active-slide) img,.product-main-media-v10:hover .woocommerce-product-gallery__image.flex-active-slide img{transform:translateY(-4px) scale(1.015)!important}
.product-main-media-v10 .zoomImg{max-width:none!important;max-height:none!important;filter:none!important;transform:none!important;object-fit:initial!important}
.product-main-media-v10 .flex-control-thumbs{position:relative;z-index:4;display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin:14px 0 0!important;padding:0!important;list-style:none!important}
.product-main-media-v10 .flex-control-thumbs li{width:70px!important;height:70px!important;margin:0!important;float:none!important;border:1px solid rgba(9,36,27,.11)!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;overflow:hidden!important}
.product-main-media-v10 .flex-control-thumbs img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:7px!important;object-fit:contain!important;filter:none!important;opacity:.62!important;transition:opacity .2s,box-shadow .2s!important}
.product-main-media-v10 .flex-control-thumbs img.flex-active{opacity:1!important;box-shadow:inset 0 0 0 2px var(--gold)!important}
.product-media-caption{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;color:#7d867f;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.product-media-caption-mark{width:24px;height:1px;background:var(--gold)}

.product-info-v10{min-width:0!important;padding-top:4px!important}
.product-heading-block{padding-bottom:26px;border-bottom:1px solid var(--mhf-r10-line)}
.product-heading-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.product-category-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#efe7d8;color:#4d5b53;font-family:'Poppins';font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.product-availability{display:inline-flex;align-items:center;gap:7px;color:#55635b;font-size:12px;font-weight:700}
.product-availability i{display:block;width:8px;height:8px;border-radius:50%;background:#6d786f;box-shadow:0 0 0 4px rgba(109,120,111,.11)}
.product-availability.is-available i{background:#2e7a50;box-shadow:0 0 0 4px rgba(46,122,80,.11)}
.product-availability.is-contact i{background:var(--gold);box-shadow:0 0 0 4px rgba(216,158,24,.12)}
.product-availability.is-unavailable i{background:var(--red);box-shadow:0 0 0 4px rgba(175,32,39,.10)}
.product-info-v10 h1{margin:18px 0 0!important;font-size:clamp(40px,4vw,60px)!important;line-height:1.01!important;letter-spacing:-.05em!important;text-wrap:balance}
.product-info-v10 .product-subtitle{margin-top:18px!important;font-size:17px!important;line-height:1.7!important;color:#5f6b64!important;max-width:660px!important}
.product-info-v10 .product-subtitle p{font-size:inherit!important;line-height:inherit!important;color:inherit!important}
.product-commerce-line{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:27px 0 24px;border-bottom:1px solid var(--mhf-r10-line)}
.product-price-wrap{min-width:0}
.product-price-label{display:block;margin-bottom:4px;color:#7a847d;font-family:'Poppins';font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.product-info-v10 .product-price-main{margin:0!important;font-family:'Poppins';font-size:32px!important;font-weight:650;line-height:1.15;color:var(--green)}
.product-info-v10 .product-price-main del{font-size:.62em;color:#919991;margin-right:6px;font-weight:500}
.product-info-v10 .product-price-main ins{text-decoration:none}
.product-sku{flex:0 0 auto;display:grid;gap:3px;text-align:right}
.product-sku span{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8b938e}
.product-sku strong{font-family:'Poppins';font-size:12px;color:#536158}

.product-role-box-v10{display:flex!important;align-items:flex-start!important;gap:14px!important;margin-top:22px!important;padding:16px 17px!important;border:1px solid rgba(216,158,24,.20)!important;border-radius:18px!important;background:linear-gradient(135deg,#fbf2df,#f6ead0)!important}
.product-role-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:var(--green);color:#fff;font-family:'Poppins';font-size:10px;font-weight:700;letter-spacing:.06em}
.product-role-box-v10 strong{display:block;font-family:'Poppins';font-size:13px;color:var(--green)}
.product-role-box-v10 p{margin-top:3px;font-size:12px;line-height:1.55;color:#68736c}

.product-facts-v10{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:22px!important;border:0!important;border-radius:0!important;overflow:visible!important}
.product-facts-v10 .product-fact{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-height:88px!important;padding:14px 15px!important;border:1px solid var(--mhf-r10-line)!important;border-radius:16px!important;background:rgba(255,255,255,.68)!important}
.product-facts-v10 .product-fact small{font-size:9px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#8a938d!important}
.product-facts-v10 .product-fact strong{font-family:'Poppins';font-size:12px!important;line-height:1.35!important;color:#27372d!important;overflow-wrap:anywhere}

.product-purchase-card{margin-top:22px;padding:22px;border:1px solid rgba(9,36,27,.10);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(9,36,27,.065)}
.product-purchase-copy{margin-bottom:17px}
.product-purchase-copy strong{display:block;font-family:'Poppins';font-size:14px;color:var(--green)}
.product-purchase-copy p{margin-top:4px;font-size:13px;line-height:1.55;color:#6c766f}
.product-purchase-card .mhf-add-to-cart form.cart{display:grid!important;grid-template-columns:auto minmax(180px,1fr)!important;gap:10px!important;margin:0!important}
.product-purchase-card .quantity{margin:0!important}
.product-purchase-card .quantity input.qty{width:76px!important;height:54px!important;min-height:54px!important;border-radius:999px!important;text-align:center!important;background:#f9f6f0!important;border:1px solid var(--mhf-r10-line-strong)!important}
.product-purchase-card .single_add_to_cart_button{width:100%!important;min-height:54px!important;border-radius:999px!important;background:var(--green)!important;color:#fff!important;font-family:'Poppins'!important;font-weight:700!important}
.product-purchase-card .single_add_to_cart_button:hover{background:#123b2e!important}
.product-purchase-card .variations_form,.product-purchase-card .variations{width:100%!important}
.product-purchase-card .variations{margin:0 0 14px!important}
.product-purchase-card .variations td{padding-bottom:10px!important}
.product-purchase-card .variations label{display:block;margin-bottom:6px;color:#55635b;font-size:11px;font-weight:700}
.product-purchase-card .variations select{min-height:50px!important;border-radius:14px!important;background:#f9f6f0!important}
.product-purchase-card .woocommerce-variation-price{margin:0 0 14px;font-family:'Poppins';font-size:20px;font-weight:700;color:var(--green)}
.product-purchase-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--mhf-r10-line);color:#7c857f;font-size:10.5px;line-height:1.6}

.product-assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.product-assurance-item{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid rgba(9,36,27,.09);border-radius:16px;background:rgba(255,255,255,.45)}
.product-assurance-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#eee5d5;color:var(--green);font-family:'Poppins';font-size:11px;font-weight:700}
.product-assurance-item div{min-width:0}
.product-assurance-item strong{display:block;font-family:'Poppins';font-size:10px;line-height:1.2;color:#2c3d32}
.product-assurance-item small{display:block;margin-top:3px;color:#7a847d;font-size:9px;line-height:1.35}

.product-detail-lower{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:66px;align-items:start}
.product-details-card{padding:38px 40px;border:1px solid var(--mhf-r10-line);border-radius:28px;background:#fff;box-shadow:var(--mhf-r10-shadow-soft)}
.product-details-card-head{max-width:660px;padding-bottom:20px}
.product-details-card-head h2{margin-top:10px;font-size:clamp(29px,3vw,42px);letter-spacing:-.045em}
.product-accordion-v10{margin-top:10px!important;border-top:1px solid var(--mhf-r10-line)!important}
.product-accordion-v10 .accordion-item{border-bottom:1px solid var(--mhf-r10-line)!important}
.product-accordion-v10 .accordion-q{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:21px 0!important;border:0!important;background:transparent!important;text-align:left!important;color:var(--green)!important}
.product-accordion-v10 .accordion-q span{font-family:'Poppins';font-size:14px;font-weight:650}
.product-accordion-v10 .accordion-q b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f4efe5;color:var(--green);font-size:18px;font-weight:400;transition:transform .25s,background .25s,color .25s}
.product-accordion-v10 .accordion-item.open .accordion-q b{transform:rotate(45deg);background:var(--green);color:#fff}
.product-accordion-v10 .accordion-a{padding:0 50px 22px 0!important;color:#657069!important;font-size:14px!important;line-height:1.75!important}
.product-accordion-v10 .accordion-a p{font-size:inherit;line-height:inherit;color:inherit}
.product-help-column{display:grid;gap:14px;position:sticky;top:118px}
.product-help-card{padding:28px;border-radius:24px;background:linear-gradient(145deg,#09241b,#123b2e);color:#fff;box-shadow:0 20px 48px rgba(9,36,27,.16)}
.product-help-card:before{content:'';display:block;width:54px;height:54px;margin-bottom:26px;background:var(--gold-light);opacity:.22;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(-8deg)}
.product-help-kicker{font-family:'Poppins';font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light)}
.product-help-card h3{margin-top:10px;font-size:25px;line-height:1.1;color:#fff}
.product-help-card p{margin:12px 0 22px;color:rgba(255,255,255,.74);font-size:13px;line-height:1.65}
.product-help-card .btn-outline{border-color:rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.04)!important}
.product-help-card .btn-outline:hover{background:#fff!important;color:var(--green)!important}
.product-mini-specs{overflow:hidden;border:1px solid var(--mhf-r10-line);border-radius:22px;background:#fff}
.product-mini-specs>div{display:grid;gap:4px;padding:16px 18px}
.product-mini-specs>div+div{border-top:1px solid var(--mhf-r10-line)}
.product-mini-specs span{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a938d}
.product-mini-specs strong{font-family:'Poppins';font-size:12px;line-height:1.35;color:#33443a;overflow-wrap:anywhere}

.product-reviews-v10{background:#fffdf9!important}
.product-reviews-v10 .review-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:70px;align-items:start}
.product-reviews-v10 .mhf-native-reviews{padding:30px;border:1px solid var(--mhf-r10-line);border-radius:24px;background:#fff}
.related-products-v10{background:#f2ece1!important}
.related-products-v10 .related-head{margin-bottom:30px!important}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1180px){
  .product-detail-grid-v10{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)!important;gap:46px!important}
  .product-main-media-v10{min-height:630px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image,.product-main-media-v10 .woocommerce-product-gallery__image>a{min-height:470px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image img,.product-main-media-v10 .woocommerce-product-gallery__wrapper img{max-height:470px!important}
  .product-facts-v10{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-assurance-grid{grid-template-columns:1fr!important}
  .product-assurance-item{padding:11px 13px}
}

@media (max-width:960px){
  .page-hero-grid{min-height:0!important;grid-template-columns:1fr!important;gap:28px!important;padding:56px 0 62px!important}
  .page-hero-copy{padding:0!important}
  .page-hero-visual{height:420px!important}
  .product-detail-v10{padding-top:26px!important}
  .product-detail-grid-v10{grid-template-columns:1fr!important;gap:36px!important}
  .product-main-media-v10{position:relative!important;top:auto!important;min-height:590px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image,.product-main-media-v10 .woocommerce-product-gallery__image>a{min-height:450px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image img,.product-main-media-v10 .woocommerce-product-gallery__wrapper img{max-height:450px!important}
  .product-info-v10{padding-top:0!important}
  .product-detail-lower{grid-template-columns:1fr!important;margin-top:46px}
  .product-help-column{position:static;grid-template-columns:1fr 1fr}
  .product-reviews-v10 .review-shell{grid-template-columns:1fr;gap:28px}
  .v4-closing-grid{grid-template-columns:1fr!important}
  .v4-closing-panel{min-height:470px!important}
}

@media (max-width:700px){
  .product-detail-v10{padding:18px 0 66px!important}
  .product-breadcrumb{margin-bottom:18px}
  .product-main-media-v10{min-height:480px!important;padding:18px!important;border-radius:24px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image,.product-main-media-v10 .woocommerce-product-gallery__image>a{min-height:360px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image img,.product-main-media-v10 .woocommerce-product-gallery__wrapper img{max-height:365px!important;max-width:94%!important}
  .product-main-media-v10 .flex-control-thumbs li{width:58px!important;height:58px!important;border-radius:11px!important}
  .product-media-caption{display:none}
  .product-info-v10 h1{font-size:clamp(34px,10vw,46px)!important}
  .product-heading-meta{align-items:flex-start;flex-direction:column;gap:10px}
  .product-commerce-line{align-items:flex-start;flex-direction:column;gap:12px}
  .product-sku{text-align:left}
  .product-facts-v10{grid-template-columns:1fr 1fr!important}
  .product-facts-v10 .product-fact{min-height:80px!important}
  .product-purchase-card{padding:18px;border-radius:20px}
  .product-purchase-card .mhf-add-to-cart form.cart{grid-template-columns:1fr!important}
  .product-purchase-card .quantity input.qty{width:100%!important}
  .product-details-card{padding:27px 22px;border-radius:22px}
  .product-detail-lower{margin-top:36px}
  .product-help-column{grid-template-columns:1fr}
  .product-accordion-v10 .accordion-a{padding-right:0!important}
  .product-reviews-v10 .mhf-native-reviews{padding:20px;border-radius:20px}
  .product-media{height:320px!important;padding:24px!important}
  .page-hero-visual{height:350px!important;border-radius:24px!important}
  .page-hero-visual img{max-height:315px!important}
  .private-label-visual,.about-showcase{min-height:390px;padding:24px!important;border-radius:24px!important}
  .private-label-visual img,.about-showcase img{max-height:350px!important}
  .v4-closing-panel{min-height:430px!important}
  .v4-closing-panel>div{padding:38px 28px!important;max-width:62%!important}
}

@media (max-width:480px){
  .product-main-media-v10{min-height:415px!important;padding:15px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image,.product-main-media-v10 .woocommerce-product-gallery__image>a{min-height:305px!important}
  .product-main-media-v10 .woocommerce-product-gallery__image img,.product-main-media-v10 .woocommerce-product-gallery__wrapper img{max-height:310px!important}
  .product-media-topline{min-height:32px}
  .product-facts-v10{grid-template-columns:1fr!important}
  .product-assurance-grid{grid-template-columns:1fr!important}
  .product-details-card-head h2{font-size:30px}
  .product-card .product-media{height:285px!important}
  .v4-closing-panel>div{max-width:100%!important;padding:34px 24px 200px!important}
  .v4-closing-panel img{max-width:62%!important;max-height:210px!important;right:4%!important;bottom:0!important;top:auto!important}
}

@media (prefers-reduced-motion:reduce){
  .product-main-media-v10 .woocommerce-product-gallery__image img,.v4-world img,.product-card,.product-card img{transition:none!important}
}

/* Commerce pages / forms / account surfaces receive the same premium system. */
.shop-toolbar{background:rgba(251,248,241,.9)!important;border-bottom:1px solid rgba(9,36,27,.08)!important;box-shadow:0 12px 34px rgba(9,36,27,.045)!important}
.shop-search,.shop-sort,.woocommerce-ordering select{border-radius:999px!important;border-color:rgba(9,36,27,.12)!important;background:#fff!important;box-shadow:0 6px 18px rgba(9,36,27,.035)!important}
.filter-chip{border-radius:999px!important;padding-inline:15px!important;background:#fff!important}
.filter-chip.active,.filter-chip:hover{background:var(--green)!important}
.role-notice{border-radius:18px!important;background:linear-gradient(135deg,#f4e8cc,#f8f0df)!important;padding:17px 20px!important}
.form-card,.checkout-section,.checkout-summary,.account-panel,.order-summary,.locator-search-panel{border-radius:24px!important;border-color:var(--mhf-r10-line)!important;box-shadow:var(--mhf-r10-shadow-soft)!important;background:#fff!important}
.form-card{padding:34px!important}
.field input,.field select,.field textarea,.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{border-radius:13px!important;background:#fbf9f4!important;border-color:rgba(9,36,27,.13)!important}
.field input:focus,.field select:focus,.field textarea:focus,.woocommerce input.input-text:focus,.woocommerce select:focus,.woocommerce textarea:focus{background:#fff!important;border-color:rgba(216,158,24,.72)!important;box-shadow:0 0 0 4px rgba(216,158,24,.11)!important;outline:0!important}
.cart-page-item{border-radius:20px!important;box-shadow:0 10px 30px rgba(9,36,27,.04)!important}
.account-nav{border-radius:20px!important;box-shadow:0 12px 32px rgba(9,36,27,.055)!important}
.account-nav button{border-radius:12px!important}
.dashboard-metric{border-radius:17px!important;background:linear-gradient(145deg,#f7f1e7,#efe7d8)!important}
.order-table{border-radius:18px!important}
.locator-map{border-radius:26px!important;box-shadow:var(--mhf-r10-shadow-soft)!important}

.section-green .application-flow,.section-green .freight-flow{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.025)!important}
.section-green .application-step,.section-green .freight-step{padding:34px 28px!important}
.section-green .application-step span,.section-green .freight-step span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:24px;border-radius:50%;background:rgba(246,212,129,.14);color:var(--gold-light);font-family:'Poppins';font-size:11px;font-weight:700}
.section-green .application-step strong,.section-green .freight-step strong{display:block;font-family:'Poppins';font-size:15px;margin-bottom:8px}

/* WooCommerce purchase form variants: simple, variable, grouped and external. */
.product-facts-v10 .product-fact[hidden]{display:none!important}
.product-main-media-v10 .woocommerce-product-gallery__wrapper{display:block!important;position:relative!important;width:100%!important;margin:0!important}
.product-purchase-card .mhf-add-to-cart form.variations_form.cart,
.product-purchase-card .mhf-add-to-cart form.grouped_form.cart{display:block!important}
.product-purchase-card .woocommerce-variation-add-to-cart.variations_button{display:grid!important;grid-template-columns:auto minmax(180px,1fr)!important;gap:10px!important;align-items:center!important}
.product-purchase-card .woocommerce-variation-description{margin:0 0 12px;color:#68736c;font-size:12px;line-height:1.55}
.product-purchase-card .reset_variations{display:inline-flex!important;margin-top:7px;color:#69756d;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.product-purchase-card table.group_table{width:100%!important;margin:0 0 16px!important;border-collapse:separate!important;border-spacing:0 8px!important}
.product-purchase-card table.group_table td{padding:12px!important;border:1px solid var(--mhf-r10-line)!important;background:#f9f6f0!important}
.product-purchase-card table.group_table td:first-child{border-radius:13px 0 0 13px!important;border-right:0!important}
.product-purchase-card table.group_table td:last-child{border-radius:0 13px 13px 0!important}
.product-purchase-card form.cart:not(.variations_form):not(.grouped_form) .single_add_to_cart_button:only-child{grid-column:1/-1}
.product-purchase-card .stock{margin:0 0 14px!important;font-weight:700;color:#2e7a50!important}
.product-purchase-card .stock.out-of-stock{color:var(--red)!important}

@media (max-width:700px){
  .form-card{padding:24px!important}
  .product-purchase-card .woocommerce-variation-add-to-cart.variations_button{grid-template-columns:1fr!important}
  .product-purchase-card table.group_table{font-size:12px!important}
  .section-green .application-step,.section-green .freight-step{padding:26px 22px!important}
}

/* ===== consolidated from ui-polish-r11.css ===== */
/*
 * R11 design extension
 * - Reliable custom single-product gallery so featured/gallery images always show.
 * - More premium surface treatment across key pages.
 * - Extra open-source maple-leaf decoration used tastefully site-wide.
 */

/* =========================
   Single product gallery
   ========================= */
.product-main-media-v10{overflow:hidden!important;isolation:isolate!important}
.product-main-media-v10:before{width:min(560px,82%)!important;transform:translate(-50%,-47%)!important;background:radial-gradient(circle at 50% 50%,rgba(255,248,233,.96),rgba(216,158,24,.08))!important;border-color:rgba(216,158,24,.16)!important}
.product-main-media-v10:after{opacity:.042!important;right:26px!important;top:32px!important;width:138px!important;height:138px!important}
.mhf-product-gallery{position:relative;z-index:3;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;width:100%}
.mhf-product-gallery-stage-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:565px;padding:18px 62px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)}
.mhf-product-gallery-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:525px}
.mhf-product-gallery-stage img{display:block;width:auto;height:auto;max-width:min(100%,500px);max-height:530px;object-fit:contain;object-position:center;filter:drop-shadow(0 34px 36px rgba(9,36,27,.17));transform:translateZ(0)}
.mhf-gallery-nav{position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:999px;border:1px solid rgba(9,36,27,.12);background:rgba(255,255,255,.92);color:var(--green);font-size:30px;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 24px rgba(9,36,27,.10);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;z-index:4}
.mhf-gallery-nav:hover{transform:translateY(-2px);box-shadow:0 18px 28px rgba(9,36,27,.14);background:#fff}
.mhf-gallery-nav.prev{left:16px}
.mhf-gallery-nav.next{right:16px}
.mhf-product-gallery-thumbs{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.mhf-product-thumb{width:82px;height:82px;padding:6px;border:1px solid rgba(9,36,27,.10);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 10px 22px rgba(9,36,27,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.mhf-product-thumb:hover{transform:translateY(-2px);border-color:rgba(216,158,24,.46);background:#fff}
.mhf-product-thumb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none!important}
.mhf-product-thumb.is-active{border-color:rgba(216,158,24,.72);box-shadow:0 14px 28px rgba(9,36,27,.10), inset 0 0 0 2px rgba(216,158,24,.28);background:#fff}
.product-media-caption{position:relative;z-index:3}
.product-main-media-v10 .woocommerce-product-gallery,
.product-main-media-v10 .woocommerce-product-gallery__trigger{display:none!important}
.product-commerce-line,.product-purchase-card,.product-details-card,.product-help-card,.product-fact,.product-assurance-item{backdrop-filter:blur(8px)}
.product-heading-block h1{max-width:11ch}
.product-purchase-card{position:relative;overflow:hidden}
.product-purchase-card:after{content:'';position:absolute;right:-14px;bottom:-18px;width:100px;height:100px;background:var(--gold);opacity:.045;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(-14deg);pointer-events:none}
.product-details-card:after,.product-help-card:after{content:'';position:absolute;inset:auto auto -50px -40px;width:120px;height:120px;background:var(--green);opacity:.035;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(14deg);pointer-events:none}

/* =========================
   Stronger page polish
   ========================= */
.page-hero,.v4-world,.v4-closing-panel,.product-card,.faq-item,.contact-info,.form-aside,.application-step,.wholesale-product-tile,.fulfilment-item,.scope-item,.vision-cell,.name-row,.shipping-notice,.newsletter-inner,.role-row{position:relative;overflow:hidden;isolation:isolate}
.page-hero:before,.product-card:after,.faq-item:after,.contact-info:after,.form-aside:after,.application-step:after,.wholesale-product-tile:after,.fulfilment-item:after,.scope-item:after,.vision-cell:after,.name-row:after,.shipping-notice:after,.newsletter-inner:after,.role-row:after{content:'';position:absolute;pointer-events:none;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat}
.page-hero:before{right:-28px;top:-28px;width:150px;height:150px;background:var(--gold);opacity:.05;transform:rotate(12deg)}
.product-card:after{right:10px;top:10px;width:56px;height:56px;background:var(--green);opacity:.04;transform:rotate(10deg)}
.faq-item:after,.contact-info:after,.form-aside:after,.application-step:after,.wholesale-product-tile:after,.fulfilment-item:after,.scope-item:after,.vision-cell:after,.name-row:after,.shipping-notice:after,.newsletter-inner:after,.role-row:after{right:-12px;bottom:-12px;width:92px;height:92px;background:var(--gold);opacity:.038;transform:rotate(-9deg)}

.page-hero,.v4-world,.v4-closing-panel,.product-card,.faq-item,.contact-info,.form-aside,.application-step,.wholesale-product-tile,.fulfilment-item,.scope-item,.vision-cell,.name-row,.shipping-notice,.newsletter-inner,.role-row{box-shadow:0 18px 45px rgba(9,36,27,.06),0 2px 0 rgba(255,255,255,.45) inset}
.v4-world,.v4-closing-panel{border-color:rgba(9,36,27,.08)!important}
.page-hero-copy h1,.section-heading h2,.v4-section-intro h2,.product-heading-block h1{letter-spacing:-.04em}
.page-hero-copy .lede,.section-heading p,.v4-section-intro p,.contact-detail,.contact-info p,.faq-a,.product-subtitle,.product-purchase-note{color:rgba(20,32,25,.72)!important}
.section-green .section-heading p,.section-green .lede,.v4-brand-copy p,.v4-brand-copy .link-arrow,.v4-brand-story .v4-values-row span,.v4-private-panel p{color:rgba(255,255,255,.82)!important}
.v4-store-panel p{color:#42544a!important}

.v4-world,.v4-closing-panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.v4-world:hover,.v4-closing-panel:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(9,36,27,.12)}
.product-card{border-radius:24px!important}
.product-body{position:relative;z-index:1}
.v4-shop-section .product-card,.related-products-v10 .product-card{background:linear-gradient(180deg,#fff,#fbf7ef)!important;border:1px solid rgba(9,36,27,.08)!important}
.v4-shop-section .product-media,.related-products-v10 .product-media{background:radial-gradient(circle at 50% 38%,rgba(255,250,241,.98),rgba(246,231,196,.52))!important;border-radius:22px!important}
.v4-shop-section .product-media img,.related-products-v10 .product-media img{filter:drop-shadow(0 24px 28px rgba(9,36,27,.14))!important}

.v4-brand-art,.private-label-visual,.page-hero-visual{border-radius:34px!important;overflow:hidden!important;box-shadow:0 24px 60px rgba(9,36,27,.14)!important}
.page-hero-grid,.v4-dual-wrap,.contact-layout,.form-layout,.faq-layout,.vision-split{gap:clamp(22px,3.2vw,42px)!important}
.role-row,.fulfilment-item,.application-step,.scope-item,.vision-cell,.name-row,.shipping-notice,.contact-info,.form-aside,.faq-item{border:1px solid rgba(9,36,27,.08)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(251,246,235,.96))!important}
.section-green .role-row,.section-green .fulfilment-item,.section-green .application-step,.section-green .scope-item,.section-green .vision-cell,.section-green .name-row,.section-green .shipping-notice{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 18px 44px rgba(0,0,0,.14)!important}

.utility-bar .shell,.header-inner,.footer-grid,.newsletter-inner{position:relative;z-index:1}
.newsletter-inner{border:1px solid rgba(255,255,255,.16)!important}
.site-footer{position:relative;overflow:hidden}
.site-footer:before{content:'';position:absolute;left:-70px;bottom:-80px;width:260px;height:260px;background:var(--gold);opacity:.04;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(24deg);pointer-events:none}
.site-footer:after{content:'';position:absolute;right:-60px;top:18px;width:200px;height:200px;background:#fff;opacity:.04;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat;transform:rotate(-18deg);pointer-events:none}

/* A few extra floating maple leaves without cluttering the content. */
.mhf-leaf-drift .leaf-e,.mhf-leaf-drift .leaf-f{position:absolute;display:block;background:var(--gold);opacity:.03;will-change:transform;-webkit-mask:url('../decor/maple-leaf.svg') center/contain no-repeat;mask:url('../decor/maple-leaf.svg') center/contain no-repeat}
.mhf-leaf-drift .leaf-e{width:64px;height:64px;left:47vw;top:16vh;transform:rotate(-16deg);animation:mhfLeafFloatB 11s ease-in-out infinite}
.mhf-leaf-drift .leaf-f{width:56px;height:56px;right:16vw;top:58vh;background:var(--green);opacity:.024;transform:rotate(18deg);animation:mhfLeafFloatA 14s ease-in-out infinite reverse}

@media (max-width:1200px){
  .mhf-product-gallery-stage-wrap{min-height:510px;padding:16px 56px}
  .mhf-product-gallery-stage{min-height:470px}
  .mhf-product-gallery-stage img{max-height:470px}
}
@media (max-width:960px){
  .mhf-product-gallery-stage-wrap{min-height:460px;padding:14px 52px;border-radius:24px}
  .mhf-product-gallery-stage{min-height:420px}
  .mhf-product-gallery-stage img{max-height:418px}
  .v4-brand-art,.private-label-visual,.page-hero-visual{border-radius:28px!important}
  .mhf-leaf-drift .leaf-e{left:auto;right:8vw;top:10vh}
}
@media (max-width:767px){
  .mhf-product-gallery-stage-wrap{min-height:390px;padding:12px 44px;border-radius:22px}
  .mhf-product-gallery-stage{min-height:350px}
  .mhf-product-gallery-stage img{max-height:340px;max-width:95%}
  .mhf-product-thumb{width:68px;height:68px;border-radius:14px}
  .mhf-gallery-nav{width:38px;height:38px;font-size:26px}
  .product-heading-block h1{max-width:none}
  .page-hero:before{opacity:.032}
  .mhf-leaf-drift .leaf-e,.mhf-leaf-drift .leaf-f{display:none}
}
@media (prefers-reduced-motion:reduce){
  .v4-world,.v4-closing-panel,.mhf-gallery-nav,.mhf-product-thumb{transition:none!important}
  .mhf-leaf-drift .leaf-e,.mhf-leaf-drift .leaf-f{animation:none!important}
}

/* ===== consolidated from ui-polish-r12.css ===== */
/*
 * R12 contrast + layering hardening
 * Fixes copy being washed out by decorative/contrast layers and standardizes
 * readable contrast across light and dark surfaces.
 */

:root{
  --mhf-text-dark:#09241B;
  --mhf-text-body:#42544A;
  --mhf-text-muted:#5B6A61;
  --mhf-text-light:#FFFFFF;
  --mhf-text-light-soft:rgba(255,255,255,.84);
  --mhf-gold-text:#80580B;
}

/* ---------------------------------------------------------
   Critical homepage layer order
   Artwork < protective gradient < copy
   --------------------------------------------------------- */
.v4-world{isolation:isolate!important}
.v4-world img{z-index:3!important}
.v4-world-maamoul:after,
.v4-world-pantry:after,
.v4-world-fun:after{z-index:5!important;pointer-events:none!important}
.v4-world-copy{position:absolute!important;z-index:12!important;color:var(--mhf-text-dark)!important}
.v4-world-copy h3,
.v4-world-copy>span{position:relative!important;z-index:13!important;opacity:1!important}
.v4-world-copy small{position:relative!important;z-index:13!important;opacity:1!important}

.v4-world-maamoul .v4-world-copy,
.v4-world-pantry .v4-world-copy{color:var(--mhf-text-dark)!important}
.v4-world-maamoul .v4-world-copy h3,
.v4-world-pantry .v4-world-copy h3{color:var(--mhf-text-dark)!important;text-shadow:none!important}
.v4-world-maamoul .v4-world-copy small,
.v4-world-pantry .v4-world-copy small{color:#42564B!important;background:rgba(255,255,255,.82)!important;border-color:rgba(9,36,27,.10)!important}
.v4-world-maamoul .v4-world-copy>span,
.v4-world-pantry .v4-world-copy>span{color:var(--mhf-text-dark)!important;background:rgba(255,255,255,.92)!important;border-color:rgba(9,36,27,.12)!important;box-shadow:0 8px 22px rgba(9,36,27,.07)!important}

.v4-world-fun .v4-world-copy{color:#fff!important}
.v4-world-fun .v4-world-copy h3,
.v4-world-fun .v4-world-copy>span{color:#fff!important}
.v4-world-fun .v4-world-copy small{color:#fff!important;background:rgba(64,9,13,.28)!important;border-color:rgba(255,255,255,.22)!important}
.v4-world-fun .v4-world-copy>span{background:rgba(64,9,13,.35)!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 8px 24px rgba(52,6,10,.18)!important}

/* Closing panels use their overlay only as a copy-protection background. */
.v4-closing-panel{isolation:isolate!important}
.v4-closing-panel img{z-index:3!important}
.v4-store-panel:before,.v4-private-panel:before{z-index:5!important;pointer-events:none!important}
.v4-closing-panel>div{position:relative!important;z-index:12!important;opacity:1!important}
.v4-closing-panel h2,.v4-closing-panel p,.v4-closing-panel b,.v4-closing-panel span{position:relative!important;z-index:13!important;opacity:1!important;text-shadow:none!important}

.v4-store-panel{color:var(--mhf-text-dark)!important}
.v4-store-panel h2,.v4-store-panel b{color:var(--mhf-text-dark)!important}
.v4-store-panel p{color:#42544A!important}
.v4-store-panel span{color:var(--mhf-gold-text)!important}

.v4-private-panel{color:#fff!important}
.v4-private-panel h2,.v4-private-panel b{color:#fff!important}
.v4-private-panel p{color:rgba(255,255,255,.86)!important}
.v4-private-panel span{color:#F6D481!important}

/* ---------------------------------------------------------
   Homepage dark-surface contrast
   --------------------------------------------------------- */
.v4-hero-copy>p{color:rgba(255,255,255,.86)!important}
.v4-hero-meta span{color:rgba(255,255,255,.78)!important}
.v4-hero-bottom .shell{color:rgba(255,255,255,.76)!important}
.v4-hero-bottom a{color:#fff!important}
.v4-business-side p{color:rgba(255,255,255,.84)!important}
.v4-business-side li{color:rgba(255,255,255,.88)!important}
.v4-brand-copy p{color:rgba(255,255,255,.86)!important}
.v4-brand-copy .link-arrow{color:#fff!important}
.v4-values-row,.v4-values-row span{color:rgba(255,255,255,.84)!important}

/* ---------------------------------------------------------
   Generic light-surface contrast
   --------------------------------------------------------- */
.v4-section-intro>p,
.section-heading>p,
.page-hero-copy .lede,
.policy-content p,
.policy-content li,
.faq-a,
.contact-detail,
.shipping-overview p,
.private-label-copy p,
.product-subtitle,
.product-purchase-note,
.product-help-card p,
.product-mini-specs span{color:var(--mhf-text-body)!important}

.eyebrow,
.v4-overline,
.product-price-label,
.product-fact small,
.product-sku span,
.contact-detail small,
.form-section-title{opacity:1!important}

/* ---------------------------------------------------------
   Dark sections / cards
   --------------------------------------------------------- */
.section-green,
.section-green h1,.section-green h2,.section-green h3,.section-green h4,
.section-green strong{color:#fff!important}
.section-green p,.section-green li,.section-green small{color:rgba(255,255,255,.86)!important}
.section-green .eyebrow,.section-green .v4-overline{color:#F6D481!important}
.section-green a:not(.btn){color:#fff!important}
.section-green .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.52)!important}
.section-green .btn-outline:hover{background:#fff!important;color:var(--green)!important}

/* Business and checkout dark cards. */
.checkout-summary,.order-summary{color:#fff!important}
.checkout-summary p,.order-summary p{color:rgba(255,255,255,.84)!important}
.checkout-summary .summary-row,.order-summary .summary-row,
.checkout-summary .summary-row span,.order-summary .summary-row span{color:rgba(255,255,255,.86)!important}

/* ---------------------------------------------------------
   Footer/header microcopy: still subtle, never faint
   --------------------------------------------------------- */
.utility-bar{color:rgba(255,255,255,.82)!important}
.utility-bar a{color:#fff!important}
.footer-brand p{color:rgba(255,255,255,.78)!important}
.footer-col a,.footer-col span{color:rgba(255,255,255,.78)!important}
.footer-col a:hover{color:#fff!important}
.footer-bottom{color:rgba(255,255,255,.68)!important}
.newsletter-copy p{color:rgba(255,255,255,.82)!important}

/* ---------------------------------------------------------
   Forms + WooCommerce readability
   --------------------------------------------------------- */
.field label,.woocommerce form .form-row label{color:var(--mhf-text-dark)!important;opacity:1!important}
.field input,.field select,.field textarea,
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{color:#17251F!important;background:#fff!important}
.field input::placeholder,.field textarea::placeholder,
.woocommerce input::placeholder,.woocommerce textarea::placeholder{color:#69766F!important;opacity:1!important}
.woocommerce-error,.woocommerce-info,.woocommerce-message{color:#26352D!important}
.woocommerce table.shop_table th{color:var(--mhf-text-dark)!important}
.woocommerce table.shop_table td{color:#33443A!important}

/* ---------------------------------------------------------
   Product page contrast
   --------------------------------------------------------- */
.product-heading-block h1,.product-price-main,.product-fact strong,.product-purchase-copy strong,
.product-assurance-item strong,.product-details-card h2,.product-help-card h3{color:var(--mhf-text-dark)!important}
.product-heading-meta,.product-sku,.product-fact small,.product-assurance-item small{opacity:1!important}
.product-assurance-item small{color:#5B6A61!important}
.product-purchase-copy p{color:#55655B!important}
.product-availability.is-available{color:#1A7546!important}

/* ---------------------------------------------------------
   Prevent decorative layers from intercepting/obscuring copy
   --------------------------------------------------------- */
.page-hero-copy,.section-heading,.v4-section-intro,.contact-layout>* ,.form-layout>* ,.faq-layout>*{
  position:relative;z-index:3;
}
.mhf-leaf-drift{pointer-events:none!important}

@media(max-width:767px){
  .v4-world-copy{z-index:12!important}
  .v4-closing-panel>div{z-index:12!important}
  .v4-store-panel p,.v4-private-panel p{font-size:15px!important;line-height:1.65!important}
}

/* ===== consolidated from ui-polish-r13.css ===== */
/*
 * R13 final polish pass
 * - Swap decorative leaf system to a premium transparent red maple leaf.
 * - Fix accordion-title rotation bug.
 * - Replace awkward dual-section center imagery with better date-based packs.
 * - Strengthen contrast and copy protection across homepage/cards/panels.
 */
:root{
  --mhf-leaf-image:url('../decor/maple-leaf-premium.svg');
  --mhf-copy-panel:rgba(255,250,241,.88);
  --mhf-copy-panel-dark:rgba(6,27,20,.58);
  --mhf-copy-border:rgba(9,36,27,.08);
}

/* Use the new client-requested maple leaf style site-wide. */
.mhf-leaf-drift span,
.page-hero:before,
.page-hero:after,
.page-hero-visual:after,
.v4-hero:before,
.v4-world:before,
.v4-closing-panel:before,
.product-card:after,
.faq-item:after,
.contact-info:after,
.form-aside:after,
.application-step:after,
.wholesale-product-tile:after,
.fulfilment-item:after,
.scope-item:after,
.vision-cell:after,
.name-row:after,
.shipping-notice:after,
.newsletter-inner:after,
.role-row:after,
.product-purchase-card:after,
.product-details-card:after,
.product-help-card:before,
.product-help-card:after,
.product-main-media-v10:after,
.v4-brand-story:after,
.site-footer:before,
.site-footer:after,
.section-green:after{
  -webkit-mask:none!important;
  mask:none!important;
  background:transparent center/contain no-repeat var(--mhf-leaf-image)!important;
}
.mhf-leaf-drift{z-index:0!important}
.mhf-leaf-drift .leaf-a{opacity:.12!important}
.mhf-leaf-drift .leaf-b{opacity:.1!important}
.mhf-leaf-drift .leaf-c{opacity:.08!important}
.mhf-leaf-drift .leaf-d{opacity:.08!important}
.mhf-leaf-drift .leaf-e{opacity:.07!important}
.mhf-leaf-drift .leaf-f{opacity:.06!important}

/* Category cards and closing panels get an actual readable copy panel. */
.v4-world-copy,
.v4-closing-panel>div{
  position:relative!important;
  z-index:14!important;
  padding:20px 22px!important;
  border-radius:22px!important;
  backdrop-filter:blur(8px)!important;
  border:1px solid var(--mhf-copy-border)!important;
  box-shadow:0 16px 36px rgba(9,36,27,.08)!important;
}
.v4-world-maamoul .v4-world-copy,
.v4-world-pantry .v4-world-copy,
.v4-store-panel>div{
  background:var(--mhf-copy-panel)!important;
}
.v4-world-fun .v4-world-copy,
.v4-private-panel>div{
  background:var(--mhf-copy-panel-dark)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 22px 44px rgba(0,0,0,.18)!important;
}
.v4-world-copy small,
.v4-world-copy h3,
.v4-world-copy>span,
.v4-closing-panel span,
.v4-closing-panel h2,
.v4-closing-panel p,
.v4-closing-panel b{opacity:1!important}
.v4-world-copy h3{font-size:clamp(28px,2.3vw,36px)!important;line-height:1.06!important}
.v4-world-copy>span,
.v4-closing-panel b{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:11px 15px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.01em!important}
.v4-world-maamoul .v4-world-copy>span,
.v4-world-pantry .v4-world-copy>span,
.v4-store-panel b{background:#fff!important;color:var(--green)!important;border:1px solid rgba(9,36,27,.1)!important}
.v4-world-fun .v4-world-copy>span,
.v4-private-panel b{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}
.v4-world-maamoul:after,
.v4-world-pantry:after,
.v4-world-fun:after,
.v4-store-panel:before,
.v4-private-panel:before{background:linear-gradient(90deg,rgba(255,250,241,.92) 0%,rgba(255,250,241,.82) 34%,rgba(255,250,241,0) 70%)!important;z-index:7!important}
.v4-world-fun:after,
.v4-private-panel:before{background:linear-gradient(90deg,rgba(5,21,16,.86) 0%,rgba(5,21,16,.74) 34%,rgba(5,21,16,0) 72%)!important}
.v4-world img{z-index:4!important}
.v4-closing-panel img{z-index:4!important}

/* Retail/wholesale bridge section redesign */
.v4-dual-wrap{align-items:stretch!important;gap:18px!important}
.v4-dual-copy{box-shadow:0 20px 44px rgba(9,36,27,.08)!important}
.v4-dual-center{background:linear-gradient(180deg,#f8f1e2 0%,#efe3c5 44%,#0a231b 44%,#0f3127 100%)!important;border-radius:32px!important;min-height:520px!important;overflow:hidden!important;box-shadow:0 20px 46px rgba(9,36,27,.12)!important}
.v4-dual-center:before{left:50%!important;top:12%!important;bottom:12%!important;width:1px!important;height:auto!important;background:rgba(246,212,129,.45)!important}
.v4-dual-center:after{content:'';position:absolute;inset:auto 50% 28px auto;width:180px;height:180px;background:transparent center/contain no-repeat var(--mhf-leaf-image);opacity:.08;transform:translateX(50%) rotate(-10deg)}
.v4-dual-center img{filter:drop-shadow(0 28px 36px rgba(0,0,0,.22))!important}
.dual-date-primary{width:332px!important;left:50%!important;top:12%!important;transform:translateX(-50%) rotate(-4deg)!important}
.dual-date-secondary{width:286px!important;left:50%!important;bottom:9%!important;transform:translateX(-50%) rotate(4deg)!important}

/* Product details accordion bug: icon should rotate, not the question text. */
.accordion-item.open .accordion-q span,
.faq-item.open .faq-q span:first-child{transform:none!important}
.product-accordion-v10 .accordion-q b,
.faq-q span:last-child,
.faq-q > span:only-child{transition:transform .22s ease,background .22s ease,color .22s ease!important}
.product-accordion-v10 .accordion-item.open .accordion-q b{transform:rotate(45deg)!important}
.faq-item.open .faq-q span:last-child,
.faq-item.open .faq-q > span:only-child{transform:rotate(45deg)!important}

/* Strengthen supporting contrast more. */
.v4-store-panel h2,.v4-store-panel b{color:var(--green)!important}
.v4-store-panel p,.v4-world-maamoul .v4-world-copy small,.v4-world-pantry .v4-world-copy small{color:#4b5d54!important}
.v4-private-panel p,.v4-world-fun .v4-world-copy p{color:rgba(255,255,255,.88)!important}
.v4-brand-copy p,.v4-business-side p,.v4-retail-side p,.v4-hero-copy>p,.v4-hero-meta span{opacity:1!important}
.product-details-card,.product-help-card,.product-purchase-card{box-shadow:0 18px 42px rgba(9,36,27,.07)!important}
.product-details-card .accordion-a{color:#4f5f56!important}

/* Shop/product cards a bit more premium and contained. */
.product-card,.product-detail-v10 .product-fact,.product-assurance-item,.faq-item,.contact-info,.form-aside,.application-step,.fulfilment-item,.scope-item,.role-row,.shipping-notice{border-color:rgba(9,36,27,.09)!important}
.product-card .product-media{padding:20px!important}
.product-card .product-body{padding-top:4px!important}
.product-card .product-title{font-size:22px!important;line-height:1.16!important}

/* Mobile cleanup for the bridge section and copy readability. */
@media (max-width:960px){
  .v4-world-copy,
  .v4-closing-panel>div{padding:18px 18px!important;border-radius:18px!important}
  .v4-world-copy h3{font-size:28px!important}
  .v4-dual-wrap{grid-template-columns:1fr!important}
  .v4-dual-center{order:2;min-height:280px!important;background:linear-gradient(90deg,#f8f1e2 0%,#efe3c5 46%,#0a231b 46%,#0f3127 100%)!important}
  .v4-dual-center:before{top:12%!important;bottom:12%!important;left:50%!important;right:auto!important;width:1px!important;height:auto!important}
  .dual-date-primary{width:240px!important;top:18px!important;left:50%!important;transform:translateX(-50%) rotate(-3deg)!important}
  .dual-date-secondary{width:200px!important;bottom:14px!important;left:50%!important;transform:translateX(-50%) rotate(3deg)!important}
}
@media (max-width:640px){
  .v4-world{min-height:460px!important}
  .v4-world-pantry,.v4-world-fun{min-height:420px!important}
  .v4-world-copy{left:18px!important;right:18px!important;top:18px!important;max-width:calc(100% - 36px)!important}
  .v4-closing-panel{min-height:420px!important;padding:22px!important}
  .v4-closing-panel>div{max-width:calc(100% - 20px)!important}
  .v4-store-panel img{width:70%!important;right:-8%!important;bottom:-6%!important}
  .v4-private-panel img{width:78%!important;right:-13%!important;bottom:-7%!important}
  .v4-dual-center{min-height:220px!important;border-radius:22px!important}
  .v4-dual-center:after{display:none!important}
  .dual-date-primary{width:172px!important;top:16px!important}
  .dual-date-secondary{width:146px!important;bottom:12px!important}
  .mhf-leaf-drift .leaf-a,.mhf-leaf-drift .leaf-b,.mhf-leaf-drift .leaf-c,.mhf-leaf-drift .leaf-d,.mhf-leaf-drift .leaf-e,.mhf-leaf-drift .leaf-f{opacity:.045!important}
}
@media (prefers-reduced-motion:reduce){
  .dual-date-primary,.dual-date-secondary{animation:none!important}
}

/* ===== consolidated from ui-polish-r14.css ===== */
/* R14 — official social links */
.mhf-social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mhf-social-link{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;text-decoration:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;color:inherit}
.mhf-social-link svg{width:19px;height:19px;display:block;fill:currentColor;stroke:currentColor;stroke-width:0}
.mhf-social-instagram svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.mhf-social-link:hover{transform:translateY(-2px)}
.mhf-social-link:focus-visible{outline:3px solid rgba(216,158,24,.55)!important;outline-offset:3px!important}

.footer-social-block{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.footer-social-label{display:block;margin-bottom:12px;font-family:'Poppins',sans-serif;font-size:11px;line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.72)}
.mhf-social-links-footer .mhf-social-link{color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.mhf-social-links-footer .mhf-social-link:hover{background:var(--gold);border-color:var(--gold);color:var(--green)}

.contact-social-block{margin-top:30px;padding-top:26px;border-top:1px solid rgba(9,36,27,.1)}
.contact-social-block .eyebrow{display:block;margin-bottom:8px}
.contact-social-block p{max-width:440px;margin:0 0 16px;color:#53645a!important}
.mhf-social-links-contact .mhf-social-link{color:var(--green);background:#fff;border:1px solid rgba(9,36,27,.11);box-shadow:0 10px 24px rgba(9,36,27,.07)}
.mhf-social-links-contact .mhf-social-link:hover{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 14px 30px rgba(9,36,27,.14)}

@media(max-width:640px){
  .footer-social-block{margin-top:22px;padding-top:20px}
  .mhf-social-link{width:40px;height:40px;border-radius:12px}
  .contact-social-block{margin-top:24px;padding-top:22px}
}
@media(prefers-reduced-motion:reduce){.mhf-social-link{transition:none!important}.mhf-social-link:hover{transform:none!important}}

/* ===== consolidated from ui-polish-r15.css ===== */
/*
 * R15 conversion + post-purchase UX
 * - exact client-supplied maple leaf asset
 * - product-card AJAX plus buttons
 * - right-side cart drawer
 * - fast checkout / continue shopping on single product
 * - high-contrast thank-you experience + invoice actions
 */
:root{
  --mhf-client-leaf:url('https://maplehousefoods.ca/wp-content/uploads/2026/09/Maple_Leaf-2-scaled.png');
  --mhf-leaf-image:var(--mhf-client-leaf);
  --mhf-surface:#fffdf8;
  --mhf-surface-soft:#f8f1e4;
  --mhf-border:rgba(9,36,27,.10);
  --mhf-shadow:0 24px 64px rgba(9,36,27,.12);
}

/* =========================================================
   Use the client's exact maple leaf artwork everywhere
   ========================================================= */
.mhf-leaf-drift span,
.page-hero:before,
.page-hero:after,
.page-hero-visual:after,
.v4-hero:before,
.section-green:after,
.v4-brand-story:after,
.product-media:before,
.product-main-media-v10:after,
.product-help-card:before,
.product-purchase-card:after,
.product-details-card:after,
.product-help-card:after,
.product-card:after,
.faq-item:after,
.contact-info:after,
.form-aside:after,
.application-step:after,
.wholesale-product-tile:after,
.fulfilment-item:after,
.scope-item:after,
.vision-cell:after,
.name-row:after,
.shipping-notice:after,
.newsletter-inner:after,
.role-row:after,
.site-footer:before,
.site-footer:after,
.v4-world:before{
  -webkit-mask:none!important;
  mask:none!important;
  background-color:transparent!important;
  background-image:var(--mhf-client-leaf)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.mhf-leaf-drift span{filter:saturate(.95) drop-shadow(0 9px 16px rgba(125,24,26,.08))!important}
.mhf-leaf-drift .leaf-a{opacity:.09!important}
.mhf-leaf-drift .leaf-b{opacity:.075!important}
.mhf-leaf-drift .leaf-c{opacity:.065!important}
.mhf-leaf-drift .leaf-d{opacity:.06!important}
.mhf-leaf-drift .leaf-e{opacity:.055!important}
.mhf-leaf-drift .leaf-f{opacity:.05!important}

/* =========================================================
   Product-card conversion action
   ========================================================= */
.product-card-footer{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important}
.product-card-add{
  position:relative!important;
  flex:0 0 auto!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(9,36,27,.13)!important;
  background:var(--green)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 12px 24px rgba(9,36,27,.16)!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  z-index:4!important;
}
.product-card-add>span[aria-hidden="true"]{font-family:Arial,sans-serif!important;font-size:25px!important;line-height:1!important;font-weight:400!important;transform:translateY(-1px)!important}
.product-card-add:hover{transform:translateY(-3px)!important;background:var(--gold)!important;color:var(--green)!important;border-color:var(--gold)!important;box-shadow:0 16px 28px rgba(9,36,27,.19)!important}
.product-card-add.loading{pointer-events:none!important;color:transparent!important}
.product-card-add.loading:after{content:'';position:absolute;width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:mhfCardSpin .7s linear infinite}
.product-card-add.added{background:#1d7a4d!important;color:#fff!important}
.product-card-add.added>span[aria-hidden="true"]{display:none!important}
.product-card-add.added:before{content:'✓';font-size:20px;font-weight:700}
.product-card .added_to_cart.wc-forward{display:none!important}
.product-card-add-view{background:#fff!important;color:var(--green)!important}
.product-card-add-view:hover{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}
@keyframes mhfCardSpin{to{transform:rotate(360deg)}}

/* =========================================================
   Right-side cart drawer
   ========================================================= */
.mhf-cart-drawer-shell{position:fixed;inset:0;z-index:100000;pointer-events:none;visibility:hidden}
.mhf-cart-drawer-shell.open{pointer-events:auto;visibility:visible}
.mhf-cart-drawer-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(5,21,16,.44);opacity:0;backdrop-filter:blur(3px);transition:opacity .28s ease;cursor:pointer}
.mhf-cart-drawer-shell.open .mhf-cart-drawer-backdrop{opacity:1}
.mhf-cart-drawer{position:absolute;right:0;top:0;bottom:0;width:min(470px,94vw);display:flex;flex-direction:column;background:#fffdf8;color:var(--green);box-shadow:-28px 0 70px rgba(3,18,13,.22);transform:translateX(102%);transition:transform .34s cubic-bezier(.2,.7,.2,1);overflow:hidden;outline:none}
.mhf-cart-drawer-shell.open .mhf-cart-drawer{transform:translateX(0)}
.mhf-cart-drawer:before{content:'';position:absolute;right:-42px;top:92px;width:160px;height:160px;background-image:var(--mhf-client-leaf);background-size:contain;background-repeat:no-repeat;opacity:.045;transform:rotate(14deg);pointer-events:none}
.mhf-cart-drawer-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 30px 22px;border-bottom:1px solid var(--mhf-border)}
.mhf-cart-drawer-head .eyebrow{display:block;margin-bottom:5px;color:#776136!important}
.mhf-cart-drawer-head h2{margin:0;font-size:30px;line-height:1;letter-spacing:-.035em;color:var(--green)}
.mhf-cart-drawer-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--mhf-border);background:#fff;color:var(--green);font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s}
.mhf-cart-drawer-close:hover{background:var(--green);color:#fff;border-color:var(--green);transform:rotate(4deg)}
.mhf-cart-drawer-message{position:relative;z-index:2;display:none;margin:18px 30px 0;padding:12px 14px;border-radius:14px;background:#eaf6ef;color:#176442;font-size:13px;font-weight:600}
.mhf-cart-drawer-message.show{display:block}
.mhf-cart-drawer .widget_shopping_cart_content{position:relative;z-index:2;flex:1 1 auto;overflow:auto;padding:18px 30px 12px;overscroll-behavior:contain}
.mhf-cart-drawer .woocommerce-mini-cart{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important}
.mhf-cart-drawer .woocommerce-mini-cart-item{position:relative!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-height:102px!important;padding:16px 34px 16px 0!important;border-bottom:1px solid rgba(9,36,27,.08)!important;color:var(--green)!important}
.mhf-cart-drawer .woocommerce-mini-cart-item>a:not(.remove){display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:14px!important;grid-column:1/-1!important;align-items:center!important;color:var(--green)!important;font-size:14px!important;line-height:1.35!important;font-weight:700!important;text-decoration:none!important}
.mhf-cart-drawer .woocommerce-mini-cart-item img{grid-column:1!important;width:78px!important;height:78px!important;object-fit:contain!important;margin:0!important;padding:6px!important;border-radius:16px!important;background:#f8f1e4!important;box-shadow:none!important;float:none!important}
.mhf-cart-drawer .woocommerce-mini-cart-item .quantity{grid-column:2!important;margin-top:-22px!important;color:#67766d!important;font-size:12px!important;padding-left:0!important}
.mhf-cart-drawer .remove_from_cart_button{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#f7eee5!important;color:#8b2a2a!important;text-decoration:none!important;font-size:18px!important;line-height:1!important}
.mhf-cart-drawer .remove_from_cart_button:hover{background:#8b2a2a!important;color:#fff!important}
.mhf-cart-drawer .woocommerce-mini-cart__total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:22px 0 0!important;padding:20px 0 8px!important;border-top:1px solid rgba(9,36,27,.1)!important;color:var(--green)!important;font-size:15px!important}
.mhf-cart-drawer .woocommerce-mini-cart__total strong{font-size:14px!important}
.mhf-cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount{font-size:19px!important;font-weight:700!important;color:var(--green)!important}
.mhf-cart-drawer .woocommerce-mini-cart__buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:16px 0 0!important}
.mhf-cart-drawer .woocommerce-mini-cart__buttons a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border-radius:999px!important;font-family:'Poppins',sans-serif!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;border:1px solid var(--green)!important;background:#fff!important;color:var(--green)!important}
.mhf-cart-drawer .woocommerce-mini-cart__buttons a.checkout{background:var(--gold)!important;color:var(--green)!important;border-color:var(--gold)!important}
.mhf-cart-drawer .woocommerce-mini-cart__buttons a:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(9,36,27,.10)!important}
.mhf-cart-drawer .woocommerce-mini-cart__empty-message{margin:50px 0!important;padding:42px 24px!important;border:1px dashed rgba(9,36,27,.16)!important;border-radius:24px!important;background:#fbf6eb!important;text-align:center!important;color:#53645a!important}
.mhf-cart-drawer-continue{position:relative;z-index:2;padding:14px 30px 28px;background:#fffdf8;border-top:1px solid rgba(9,36,27,.08)}
.mhf-cart-drawer-continue .btn{min-height:48px!important}

/* =========================================================
   Single product: obvious next actions
   ========================================================= */
.product-fast-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:16px;border-top:1px solid rgba(9,36,27,.08)}
.product-fast-actions .btn{min-height:50px!important;justify-content:center!important}
.product-checkout-now{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}
.product-checkout-now:hover{background:#153c2f!important;color:#fff!important}
.product-checkout-now:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.product-purchase-copy p{max-width:48ch}


/* Checkout progress: users always know where they are in the purchase flow. */
.mhf-checkout-progress{display:grid;grid-template-columns:auto minmax(28px,1fr) auto minmax(28px,1fr) auto;align-items:center;gap:12px;margin:-18px 0 0;padding:16px 20px;border:1px solid var(--mhf-border);border-radius:20px;background:rgba(255,253,248,.96);box-shadow:0 12px 34px rgba(9,36,27,.06);position:relative;z-index:6}
.mhf-checkout-progress span{display:inline-flex;align-items:center;gap:9px;color:#708078;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.mhf-checkout-progress span b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(9,36,27,.12);background:#fff;color:#66766d;font-size:11px}
.mhf-checkout-progress i{height:1px;background:rgba(9,36,27,.12)}
.mhf-checkout-progress .is-current{color:var(--green)}
.mhf-checkout-progress .is-current b{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 8px 18px rgba(9,36,27,.14)}
.mhf-checkout-progress .is-complete{color:#176442}
.mhf-checkout-progress .is-complete b{background:#e4f3e9;border-color:#c5e2cf;color:#176442}

/* =========================================================
   Thank-you page: clear, high-contrast, next-step focused
   ========================================================= */
.mhf-thankyou-shell{display:flex;flex-direction:column;gap:24px;width:100%;color:var(--green)!important}
.mhf-thankyou-shell *{box-sizing:border-box}
.mhf-thankyou-card{position:relative;overflow:hidden;padding:clamp(28px,4vw,52px);border:1px solid var(--mhf-border);border-radius:32px;background:linear-gradient(145deg,#fff,#fbf4e6);box-shadow:var(--mhf-shadow);color:var(--green)!important}
.mhf-thankyou-card:after{content:'';position:absolute;right:-45px;bottom:-55px;width:220px;height:220px;background-image:var(--mhf-client-leaf);background-size:contain;background-repeat:no-repeat;opacity:.055;transform:rotate(-12deg);pointer-events:none}
.mhf-thankyou-status-icon{position:relative;z-index:2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:24px;background:#e7f5ec;color:#176442;font-size:27px;font-weight:700;border:1px solid #c9e7d4;box-shadow:0 12px 28px rgba(25,99,66,.10)}
.mhf-thankyou-status-icon.is-error{background:#fff0ee;color:#9c312d;border-color:#f3ccc8}
.mhf-thankyou-heading{position:relative;z-index:2;max-width:760px}
.mhf-thankyou-heading .eyebrow{color:#806019!important;opacity:1!important}
.mhf-thankyou-heading h2{margin:8px 0 12px!important;max-width:16ch;font-size:clamp(34px,4.2vw,58px)!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--green)!important}
.mhf-thankyou-heading p{max-width:68ch;margin:0!important;color:#516158!important;font-size:16px!important;line-height:1.7!important}
.mhf-thankyou-summary{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}
.mhf-thankyou-summary>div{padding:16px 17px;border:1px solid rgba(9,36,27,.09);border-radius:18px;background:rgba(255,255,255,.82);color:var(--green)!important}
.mhf-thankyou-summary small{display:block;margin-bottom:5px;color:#66756c!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em}
.mhf-thankyou-summary strong{display:block;color:var(--green)!important;font-size:14px!important;line-height:1.35}
.mhf-thankyou-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.mhf-thankyou-actions .btn{min-height:50px!important}
.btn-quiet{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:transparent;color:var(--green);border:1px solid transparent;text-decoration:none;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700}
.btn-quiet:hover{background:#f2eadc;border-color:rgba(9,36,27,.08)}
.mhf-thankyou-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px}
.mhf-next-steps,.mhf-order-help,.mhf-thankyou-order-detail{position:relative;overflow:hidden;padding:30px;border:1px solid var(--mhf-border);border-radius:28px;background:#fff;color:var(--green)!important;box-shadow:0 16px 42px rgba(9,36,27,.06)}
.mhf-next-steps .eyebrow,.mhf-order-help .eyebrow,.mhf-thankyou-order-detail .eyebrow{color:#806019!important;opacity:1!important}
.mhf-next-steps h3,.mhf-order-help h3,.mhf-order-detail-head h3{margin:7px 0 0!important;color:var(--green)!important;font-size:28px!important;line-height:1.06!important;letter-spacing:-.03em!important}
.mhf-next-step-list{list-style:none;margin:24px 0 0!important;padding:0!important;display:flex;flex-direction:column;gap:0}
.mhf-next-step-list li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(9,36,27,.08)}
.mhf-next-step-list li:first-child{border-top:0;padding-top:0}
.mhf-next-step-list li>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f2e5c4;color:var(--green);font-size:12px;font-weight:800}
.mhf-next-step-list strong{display:block;margin-bottom:4px;color:var(--green)!important;font-size:14px!important}
.mhf-next-step-list p,.mhf-order-help p{margin:0!important;color:#5a6a61!important;font-size:13px!important;line-height:1.65!important}
.mhf-order-help{background:var(--green);color:#fff!important}
.mhf-order-help:after{content:'';position:absolute;right:-38px;bottom:-36px;width:160px;height:160px;background-image:var(--mhf-client-leaf);background-size:contain;background-repeat:no-repeat;opacity:.11;pointer-events:none}
.mhf-order-help .eyebrow{color:var(--gold-light)!important}
.mhf-order-help h3{color:#fff!important}
.mhf-order-help p{color:rgba(255,255,255,.78)!important}
.mhf-order-help .btn-outline{position:relative;z-index:2;margin-top:20px;color:#fff!important;border-color:rgba(255,255,255,.45)!important;background:rgba(255,255,255,.05)!important}
.mhf-order-help .btn-outline:hover{background:#fff!important;color:var(--green)!important}
.mhf-tracking-card{position:relative;z-index:2;margin-top:22px;padding:16px;border-radius:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.mhf-tracking-card small{display:block;color:rgba(255,255,255,.62)!important;text-transform:uppercase;letter-spacing:.08em;font-size:9px!important;font-weight:700}
.mhf-tracking-card strong{display:block;margin:3px 0 8px;color:#fff!important}
.mhf-tracking-card a{color:var(--gold-light)!important;font-weight:700;font-size:12px}
.mhf-order-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.mhf-inline-download{font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:var(--green)!important;text-decoration:none;padding:10px 13px;border-radius:999px;background:#f5ecdb;border:1px solid rgba(9,36,27,.08)}
.mhf-inline-download:hover{background:var(--gold)}
.mhf-thankyou-order-detail .woocommerce-order-details{margin:0!important}
.mhf-thankyou-order-detail .woocommerce-order-details__title{display:none!important}
.mhf-thankyou-order-detail table.shop_table{width:100%!important;margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0!important;color:var(--green)!important;background:#fff!important}
.mhf-thankyou-order-detail table.shop_table th{padding:13px 10px!important;background:#f7f1e6!important;color:var(--green)!important;border:0!important;border-bottom:1px solid rgba(9,36,27,.08)!important;font-size:11px!important}
.mhf-thankyou-order-detail table.shop_table td{padding:14px 10px!important;color:#3f5147!important;border:0!important;border-bottom:1px solid rgba(9,36,27,.07)!important;background:#fff!important}
.mhf-thankyou-order-detail table.shop_table a{color:var(--green)!important;font-weight:700!important}
.mhf-thankyou-order-detail table.shop_table tfoot th,.mhf-thankyou-order-detail table.shop_table tfoot td{font-weight:700!important;color:var(--green)!important}
.mhf-payment-instructions{color:var(--green)!important}
.mhf-payment-instructions>*{color:inherit!important}
.mhf-payment-instructions .woocommerce-bacs-bank-details,.mhf-payment-instructions .wc-bacs-bank-details{padding:22px!important;border:1px solid var(--mhf-border)!important;border-radius:22px!important;background:#fff!important;color:var(--green)!important}

/* My Account invoice action should look deliberate. */
.woocommerce-orders-table__cell-order-actions .mhf-invoice{border-color:rgba(9,36,27,.14)!important;background:#f6eddc!important;color:var(--green)!important}

@media(max-width:900px){
  .mhf-thankyou-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mhf-thankyou-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .product-card-add{width:43px!important;height:43px!important}

  .mhf-checkout-progress{grid-template-columns:1fr 24px 1fr 24px 1fr;gap:6px;padding:13px 10px;margin-top:-10px}
  .mhf-checkout-progress span{justify-content:center;font-size:9px;letter-spacing:.03em;gap:5px}
  .mhf-checkout-progress span b{width:24px;height:24px;font-size:10px}
  .product-fast-actions{grid-template-columns:1fr}
  .mhf-cart-drawer{width:100vw}
  .mhf-cart-drawer-head{padding:22px 20px 18px}
  .mhf-cart-drawer .widget_shopping_cart_content{padding:14px 20px 10px}
  .mhf-cart-drawer-continue{padding:12px 20px 20px}
  .mhf-cart-drawer-message{margin:14px 20px 0}
  .mhf-cart-drawer .woocommerce-mini-cart__buttons{grid-template-columns:1fr}
  .mhf-thankyou-card{padding:26px 20px;border-radius:24px}
  .mhf-thankyou-heading h2{font-size:36px!important}
  .mhf-thankyou-summary{grid-template-columns:1fr 1fr;gap:8px}
  .mhf-thankyou-actions{display:grid;grid-template-columns:1fr}
  .mhf-thankyou-actions .btn,.mhf-thankyou-actions .btn-quiet{width:100%!important}
  .mhf-next-steps,.mhf-order-help,.mhf-thankyou-order-detail{padding:22px 18px;border-radius:22px}
  .mhf-order-detail-head{align-items:flex-start;flex-direction:column}
  .mhf-thankyou-order-detail{overflow-x:auto}
  .mhf-thankyou-order-detail table.shop_table{min-width:520px}
  .mhf-leaf-drift .leaf-c,.mhf-leaf-drift .leaf-d,.mhf-leaf-drift .leaf-e,.mhf-leaf-drift .leaf-f{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .product-card-add,.mhf-cart-drawer,.mhf-cart-drawer-backdrop,.mhf-cart-drawer-close{transition:none!important}
  .product-card-add.loading:after{animation:none!important}
}


/* Homepage hero: make Private Label a clear, distinct primary pathway. */
.v4-hero-actions{align-items:stretch!important;gap:10px!important}
.v4-hero-actions .btn{min-height:52px!important}
.v4-hero-private-label{background:#fff!important;color:var(--green)!important;border-color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important}
.v4-hero-private-label:hover{background:var(--cream)!important;color:var(--green)!important;border-color:var(--cream)!important}
@media (min-width:641px){
  .v4-hero-actions{max-width:680px!important}
}
@media (max-width:640px){
  .v4-hero-actions{grid-template-columns:1fr!important}
  .v4-hero-actions .btn{width:100%!important}
}

/* ===== consolidated from ui-polish-r16.css ===== */
/* R16 — client-requested account type, language UX, footer link and Private Label CTA polish */

/* ---------- Language selector ---------- */
.mhf-language-control{z-index:80!important}
.mhf-language-control .mhf-language-menu>summary{
  min-height:40px!important;
  padding:7px 11px!important;
  border-color:rgba(9,36,27,.14)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--green)!important;
  box-shadow:0 8px 24px rgba(9,36,27,.06)!important;
}
.mhf-language-control .mhf-language-summary-label{color:#536159!important;font-size:9px!important;font-weight:700!important}
.mhf-language-control .mhf-language-menu>summary strong{font-size:11px!important;color:var(--green)!important}
.mhf-language-control .mhf-language-popover{width:285px!important;padding:16px!important;border-radius:20px!important;border-color:rgba(9,36,27,.1)!important;box-shadow:0 24px 70px rgba(9,36,27,.18)!important}
.mhf-language-control .mhf-language-popover-title{font-family:'Poppins',sans-serif!important;font-size:12px!important;letter-spacing:.01em!important}
.mhf-language-control .mhf-language-options a{min-height:46px!important;padding:11px 13px!important;border-radius:13px!important;background:#fbf8f0!important;color:var(--green)!important;border:1px solid rgba(9,36,27,.08)!important}
.mhf-language-control .mhf-language-options a:hover{border-color:rgba(216,158,24,.45)!important;background:#fff!important}
.mhf-language-control .mhf-language-options a.active{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}
.mhf-language-control .mhf-language-native{font-size:12px!important;font-weight:650!important}
.mhf-language-control .mhf-language-code{font-size:10px!important;font-weight:800!important}
.home-page:not(.scrolled) .site-header .mhf-language-menu>summary{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:none!important}
.home-page:not(.scrolled) .site-header .mhf-language-summary-label,.home-page:not(.scrolled) .site-header .mhf-language-menu>summary strong{color:#fff!important}

/* Mobile language selector is intentionally very obvious. */
.mobile-nav .mhf-language-control.mobile{margin:18px 0 8px!important}
.mobile-nav .mhf-language-control.mobile .mhf-language-menu>summary{min-height:50px!important;background:#f7f0df!important;border-radius:15px!important}
.mobile-nav .mhf-language-control.mobile .mhf-language-summary-label{font-size:11px!important;color:var(--green)!important}
.mobile-nav .mhf-language-control.mobile .mhf-language-menu>summary strong{font-size:12px!important}

/* Footer language choice provides a second easy-to-find access point. */
.footer-language-block{margin-top:24px;display:grid;gap:9px;max-width:285px}
.footer-language-label{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--gold-light)}
.site-footer .mhf-language-control.footer{display:block}
.site-footer .mhf-language-control.footer .mhf-language-menu>summary{width:100%;justify-content:space-between;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important}
.site-footer .mhf-language-control.footer .mhf-language-summary-label{display:none!important}
.site-footer .mhf-language-control.footer .mhf-language-menu>summary strong{color:#fff!important}
.site-footer .mhf-language-control.footer .mhf-language-popover{left:0;right:auto;bottom:calc(100% + 10px);top:auto}
.site-footer .mhf-language-control.footer .mhf-language-options a{color:var(--green)!important}
.site-footer .mhf-language-control.footer .mhf-language-options a.active{color:#fff!important}

/* ---------- Registration / account type ---------- */
.woocommerce-account .woocommerce form.register,
.woocommerce-account .woocommerce form.login{
  border:1px solid rgba(9,36,27,.09)!important;
  border-radius:24px!important;
  padding:26px!important;
  background:linear-gradient(180deg,#fff,#fbf8f0)!important;
  box-shadow:0 18px 46px rgba(9,36,27,.07)!important;
}
.mhf-account-type-fields{
  margin:20px 0 16px!important;
  padding:20px!important;
  border-radius:20px!important;
  border:1px solid rgba(9,36,27,.09)!important;
  background:linear-gradient(145deg,#fbf7ed,#fff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.mhf-account-type-intro{margin-bottom:16px!important}
.mhf-account-type-intro strong{font-family:'Poppins',sans-serif!important;font-size:15px!important;color:var(--green)!important}
.mhf-account-type-intro span{font-size:12.5px!important;line-height:1.6!important;color:#526057!important}
.mhf-account-type-fields label{font-weight:600!important;color:var(--green)!important}
.mhf-account-type-fields select,.mhf-account-type-fields input{
  min-height:48px!important;
  border:1px solid rgba(9,36,27,.14)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--green)!important;
  padding:10px 12px!important;
}
.mhf-account-type-fields select:focus,.mhf-account-type-fields input:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(216,158,24,.13)!important;outline:0!important}
.mhf-account-type-card{
  position:relative;
  overflow:hidden;
  margin:0 0 26px!important;
  padding:24px 26px!important;
  border-radius:22px!important;
  border:1px solid rgba(9,36,27,.09)!important;
  background:linear-gradient(135deg,#f7efd9,#fff 72%)!important;
  box-shadow:0 18px 42px rgba(9,36,27,.07)!important;
}
.mhf-account-type-card:after{content:'';position:absolute;right:-16px;bottom:-24px;width:110px;height:110px;background-image:var(--mhf-client-leaf);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.06;pointer-events:none}
.mhf-account-type-card>div,.mhf-account-type-card>.button{position:relative;z-index:2}
.mhf-account-type-card h3{font-size:24px!important;line-height:1.15!important}
.mhf-account-type-card p{font-size:13px!important;line-height:1.65!important}
.mhf-account-type-card .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:11px 18px!important;border:0!important;border-radius:999px!important;background:var(--green)!important;color:#fff!important;font-weight:700!important;box-shadow:0 10px 24px rgba(9,36,27,.13)!important}

/* ---------- Footer navigation ---------- */
.site-footer .footer-col a{position:relative;padding-left:0!important;transition:color .18s ease,transform .18s ease!important}
.site-footer .footer-col a:hover{transform:translateX(3px)!important}
.site-footer .footer-col a[href*="wholesale-apply"],
.site-footer .footer-col a[href*="topic=quote"],
.site-footer .footer-col a[href*="private-label"]{font-weight:650!important;color:rgba(255,255,255,.9)!important}

/* ---------- Home Private Label CTA ---------- */
.v4-private-panel .v4-private-label-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:13px 19px!important;
  margin-top:26px!important;
  border-radius:999px!important;
  background:var(--gold)!important;
  border:1px solid var(--gold)!important;
  color:var(--green)!important;
  font-family:'Poppins',sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
  box-shadow:0 12px 28px rgba(216,158,24,.22)!important;
}
.v4-private-panel:hover .v4-private-label-cta{background:var(--gold-light)!important;border-color:var(--gold-light)!important;transform:translateY(-1px)}

@media(max-width:1180px){
  .site-header .mhf-language-summary-label{display:none!important}
  .site-header .mhf-language-menu>summary{padding-inline:10px!important}
}
@media(max-width:780px){
  .woocommerce-account .woocommerce form.register,.woocommerce-account .woocommerce form.login{padding:20px!important;border-radius:20px!important}
  .mhf-account-type-fields{padding:17px!important;border-radius:17px!important}
  .mhf-account-type-card{padding:21px!important}
  .site-footer .mhf-language-control.footer .mhf-language-popover{position:relative;bottom:auto;top:auto;width:100%!important;margin-top:8px!important}
}

/* ===== consolidated from ui-polish-r17.css ===== */
/* R17 — launch-audit hardening */

/* Language selector: explicit contrast in every state, including Arabic. */
.mhf-language-control .mhf-language-menu>summary,
.mhf-language-control .mhf-language-menu>summary strong,
.mhf-language-control .mhf-language-native,
.mhf-language-control .mhf-language-code{opacity:1!important}
.mhf-language-control .mhf-language-options a{color:#09241b!important;background:#fffaf1!important}
.mhf-language-control .mhf-language-options a .mhf-language-native,
.mhf-language-control .mhf-language-options a .mhf-language-code{color:#09241b!important}
.mhf-language-control .mhf-language-options a.active{background:#09241b!important;border-color:#09241b!important;color:#fff!important}
.mhf-language-control .mhf-language-options a.active .mhf-language-native,
.mhf-language-control .mhf-language-options a.active .mhf-language-code{color:#fff!important}
html[dir="rtl"] .mhf-language-control,
html[dir="rtl"] .mhf-language-control *{unicode-bidi:isolate}
html[dir="rtl"] .mhf-language-native[lang="ar"],
html[dir="rtl"] .mhf-language-native{font-family:'Noto Sans Arabic','Poppins',sans-serif!important;line-height:1.65!important}

/* Server-side localization fallback: untranslated English never gets visually reversed in Arabic. */
html[dir="rtl"] .mhf-untranslated-source{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;text-align:left!important}
html[dir="rtl"] p .mhf-untranslated-source,
html[dir="rtl"] li .mhf-untranslated-source{display:inline}

/* Add-to-cart fallback feedback. */
.mhf-cart-action-error{margin:12px 0 0;padding:11px 13px;border:1px solid #d79a9f;border-radius:12px;background:#fff2f2;color:#7e1820;font:600 12px/1.45 'Poppins',sans-serif}
.product-card-add.loading{pointer-events:none;opacity:.7}
.product-card-add.loading>span[aria-hidden="true"]{animation:mhfAddSpin .75s linear infinite}
@keyframes mhfAddSpin{to{transform:rotate(360deg)}}

/* Stock should look intentional, not like raw WooCommerce helper text. */
.product-purchase-card p.stock,
.mhf-add-to-cart p.stock{display:inline-flex!important;align-items:center;gap:7px;margin:4px 0 14px!important;padding:7px 11px!important;border-radius:999px!important;font:700 11px/1.2 'Poppins',sans-serif!important}
.product-purchase-card p.stock.in-stock,
.mhf-add-to-cart p.stock.in-stock{color:#176b3c!important;background:#eaf7ef!important;border:1px solid #bfe5ce!important}
.product-purchase-card p.stock.out-of-stock,
.mhf-add-to-cart p.stock.out-of-stock{color:#8a1f27!important;background:#fff0f0!important;border:1px solid #efc9cc!important}
.product-purchase-card p.stock:before,
.mhf-add-to-cart p.stock:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}

/* Ensure the anti-spam field is truly off-screen but remains available to basic bots. */
.mhf-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.mhf-honeypot input{width:1px!important;height:1px!important;opacity:0!important}

/* Legal/policy pages should read as finished documents rather than empty text canvases. */
.policy-content{font-size:16px;line-height:1.75;color:#33453c}
.policy-content h2{margin:34px 0 10px;font-size:clamp(24px,2.2vw,32px);line-height:1.15;color:#09241b}
.policy-content h3{margin:26px 0 8px;color:#09241b}
.policy-content p,.policy-content li{max-width:78ch;color:#43564c}
.policy-content a{color:#80580b;text-decoration-thickness:1px;text-underline-offset:3px}
.policy-content>p:first-child em{display:block;padding:13px 15px;border:1px solid rgba(216,158,24,.28);border-radius:12px;background:#fff8e7;color:#69501d;font-size:13px;font-style:normal}

/* Shop cards: protect interaction and improve consistency for contact-only products. */
.mhf-contact-price{display:inline-flex;align-items:center;min-height:28px;color:#80580b;font-size:12px;font-weight:700;line-height:1.35}
.product-card-add{touch-action:manipulation}
.product-card-add:focus-visible{outline:3px solid rgba(216,158,24,.55)!important;outline-offset:4px!important}

/* Checkout delivery guard is deliberately prominent on desktop/mobile. */
.mhf-delivery-required-notice{display:grid!important;gap:4px!important;margin:14px 0!important;padding:14px 16px!important;border:1px solid #e2a937!important;border-radius:14px!important;background:#fff8e7!important;color:#4d3a11!important}
.mhf-delivery-required-notice strong{color:#09241b!important;font-size:14px!important}
.mhf-delivery-required-notice span{font-size:13px!important;line-height:1.55!important}
.mhf-shipping-blocked{opacity:.58!important;cursor:not-allowed!important}

/* Mobile acceptance hardening. */
@media(max-width:640px){
  .product-detail-grid-v10,.product-detail-lower,.contact-layout,.faq-layout,.form-layout{grid-template-columns:1fr!important}
  .product-info-v10,.product-main-media-v10{min-width:0!important}
  .product-heading-block h1{font-size:clamp(34px,10vw,48px)!important;line-height:1!important}
  .product-facts-v10{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-assurance-grid{grid-template-columns:1fr!important}
  .product-purchase-card .cart{display:grid!important;grid-template-columns:minmax(68px,92px) 1fr!important;gap:10px!important}
  .product-fast-actions{grid-template-columns:1fr!important}
  .mhf-language-control .mhf-language-popover{max-width:calc(100vw - 32px)!important}
  .woocommerce-checkout input,.woocommerce-checkout select,.woocommerce-checkout textarea,
  .wc-block-checkout input,.wc-block-checkout select{font-size:16px!important}
}

@media(prefers-reduced-motion:reduce){.product-card-add.loading>span[aria-hidden="true"]{animation:none!important}}

/* When Marshmallows are not published, do not advertise them in the hero artwork. */
.v4-showcase-live{position:relative!important;display:block!important;width:min(720px,100%)!important;height:620px!important;margin:auto!important}
.v4-showcase-live img{position:absolute!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 28px 34px rgba(0,0,0,.22))!important}
.v4-showcase-live .v4-live-ghee{width:46%!important;right:8%!important;bottom:4%!important;z-index:3!important}
.v4-showcase-live .v4-live-spice{width:51%!important;left:3%!important;bottom:8%!important;z-index:2!important;transform:rotate(-5deg)!important}
.v4-showcase-live .v4-live-maamoul{width:55%!important;left:24%!important;top:2%!important;z-index:1!important;transform:rotate(4deg)!important}
@media(max-width:960px){.v4-showcase-live{height:520px!important}}
@media(max-width:640px){.v4-showcase-live{height:390px!important}.v4-showcase-live .v4-live-ghee{width:48%!important}.v4-showcase-live .v4-live-spice{width:53%!important}.v4-showcase-live .v4-live-maamoul{width:58%!important}}

/* ===== consolidated from ui-polish-r18.css ===== */
/* Maple House Foods 2.5.0 — WordPress-managed navigation */
.desktop-nav .mhf-primary-menu,
.mobile-nav-links .mhf-primary-menu,
.site-footer .footer-menu,
.site-footer .footer-legal-menu{list-style:none;margin:0;padding:0}

.desktop-nav .mhf-primary-menu{display:flex;align-items:center;justify-content:center;gap:26px;height:100%}
.desktop-nav .mhf-primary-menu>li{position:relative;display:flex;align-items:center;height:100%}
.desktop-nav .mhf-primary-menu>li>a{position:relative;display:flex;align-items:center;min-height:48px;height:100%;font-family:'Poppins',Arial,sans-serif;font-size:13px;font-weight:600;color:var(--green);letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.desktop-nav .mhf-primary-menu>li>a:after{content:'';position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--gold);transition:right .3s var(--v4-ease,cubic-bezier(.2,.7,.2,1))}
.desktop-nav .mhf-primary-menu>li:hover>a:after,
.desktop-nav .mhf-primary-menu>.current-menu-item>a:after,
.desktop-nav .mhf-primary-menu>.current-menu-ancestor>a:after{right:0}
.desktop-nav .mhf-primary-menu>li>a:hover,
.desktop-nav .mhf-primary-menu>.current-menu-item>a,
.desktop-nav .mhf-primary-menu>.current-menu-ancestor>a{color:var(--green)}
.desktop-nav .sub-menu{position:absolute;z-index:160;left:50%;top:calc(100% - 8px);min-width:220px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid rgba(9,36,27,.1);border-radius:14px;box-shadow:0 18px 50px rgba(9,36,27,.14);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.2s ease}
.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.desktop-nav .sub-menu a{display:block;padding:10px 12px;border-radius:9px;color:var(--green);font:600 12px/1.35 'Poppins',Arial,sans-serif;text-decoration:none}
.desktop-nav .sub-menu a:hover,.desktop-nav .sub-menu .current-menu-item>a{background:var(--cream);color:var(--green)}

.mobile-nav-links .mhf-primary-menu{display:grid;margin:0}
.mobile-nav-links .mhf-primary-menu>li{border-bottom:1px solid var(--line)}
.mobile-nav-links .mhf-primary-menu a{display:block;padding:14px 4px;border:0!important;font-family:'Poppins',Arial,sans-serif;font-size:14px;font-weight:600;color:var(--green);text-decoration:none}
.mobile-nav-links .mhf-primary-menu .sub-menu{list-style:none;margin:-4px 0 8px 14px;padding:0 0 0 12px;border-left:2px solid rgba(216,158,24,.35)}
.mobile-nav-links .mhf-primary-menu .sub-menu a{padding:10px 4px;font-size:13px;font-weight:500;color:var(--muted)}
.mobile-nav-links .current-menu-item>a,.mobile-nav-links .current-menu-ancestor>a{color:#80580b}

.site-footer .footer-menu li,.site-footer .footer-legal-menu li{margin:0;padding:0}
.site-footer .footer-menu a{display:block;padding:6px 0;color:rgba(255,255,255,.7)!important;font-size:12.5px;line-height:1.45;text-decoration:none}
.site-footer .footer-legal-menu{display:flex;gap:18px;flex-wrap:wrap}
.site-footer .footer-legal-menu a{color:rgba(255,255,255,.7)!important;font-size:12px;text-decoration:none}
.site-footer .footer-menu a:hover,.site-footer .footer-legal-menu a:hover{color:#fff!important}

@media(max-width:1180px){.desktop-nav .mhf-primary-menu{gap:16px}.desktop-nav .mhf-primary-menu>li>a{font-size:12px}}
@media(max-width:960px){.desktop-nav .mhf-primary-menu{display:none}}
html[dir="rtl"] .desktop-nav .sub-menu{left:auto;right:50%;transform:translate(50%,8px)}
html[dir="rtl"] .desktop-nav li:hover>.sub-menu,html[dir="rtl"] .desktop-nav li:focus-within>.sub-menu{transform:translate(50%,0)}
html[dir="rtl"] .mobile-nav-links .mhf-primary-menu .sub-menu{margin-right:14px;margin-left:0;padding-right:12px;padding-left:0;border-right:2px solid rgba(216,158,24,.35);border-left:0}

/* ===== consolidated from ui-polish-r19.css ===== */
/* Maple House Foods 2.5.1 — language selector contrast + stacking reliability */

/*
 * The language selector lives inside the header. Earlier polish layers placed
 * the header and page content in the same low stacking context, while an old
 * homepage rule forced the selector text white. On the current light header
 * this produced white-on-white text and allowed following sections to paint
 * over the open language popover.
 *
 * Keep the fix scoped to the header so product/page composition is untouched.
 */
.site-header{
  z-index:10000!important;
  overflow:visible!important;
  isolation:auto!important;
}
.site-header .shell.header-inner,
.site-header .header-inner,
.site-header .header-actions,
.site-header .mhf-language-control,
.site-header .mhf-language-menu{
  overflow:visible!important;
}
.site-header .header-inner{position:relative!important;z-index:10001!important}
.site-header .header-actions{position:relative!important;z-index:10002!important}
.site-header .mhf-language-control{position:relative!important;z-index:10010!important}
.site-header .mhf-language-menu{position:relative!important;z-index:10011!important}
.site-header .mhf-language-menu[open]{z-index:10020!important}
.site-header .mhf-language-popover{
  z-index:10030!important;
  background:#fffdf9!important;
  color:#09241b!important;
  border:1px solid rgba(9,36,27,.12)!important;
  box-shadow:0 24px 70px rgba(9,36,27,.22)!important;
}

/* Explicit accessible contrast on the current light header, including Home. */
.site-header .mhf-language-menu>summary,
.home-page:not(.scrolled) .site-header .mhf-language-menu>summary,
.home-page.scrolled .site-header .mhf-language-menu>summary{
  background:#fffdf9!important;
  border-color:rgba(9,36,27,.16)!important;
  color:#09241b!important;
  box-shadow:0 8px 24px rgba(9,36,27,.07)!important;
}
.site-header .mhf-language-summary-label,
.home-page:not(.scrolled) .site-header .mhf-language-summary-label,
.home-page.scrolled .site-header .mhf-language-summary-label{
  color:#56625b!important;
  opacity:1!important;
}
.site-header .mhf-language-menu>summary strong,
.site-header .mhf-language-chevron,
.home-page:not(.scrolled) .site-header .mhf-language-menu>summary strong,
.home-page:not(.scrolled) .site-header .mhf-language-chevron,
.home-page.scrolled .site-header .mhf-language-menu>summary strong,
.home-page.scrolled .site-header .mhf-language-chevron{
  color:#09241b!important;
  opacity:1!important;
}
.site-header .mhf-language-menu>summary:hover{
  border-color:rgba(216,158,24,.55)!important;
  background:#fff!important;
}
.site-header .mhf-language-menu>summary:focus-visible{
  outline:3px solid rgba(216,158,24,.32)!important;
  outline-offset:3px!important;
}
.site-header .mhf-language-menu[open]>summary{
  border-color:#d89e18!important;
  box-shadow:0 0 0 3px rgba(216,158,24,.12),0 10px 28px rgba(9,36,27,.09)!important;
}

/* Popover copy/options must never inherit light hero/header text. */
.site-header .mhf-language-popover-title,
.site-header .mhf-language-options a,
.site-header .mhf-language-options a .mhf-language-native,
.site-header .mhf-language-options a .mhf-language-code{
  color:#09241b!important;
  opacity:1!important;
}
.site-header .mhf-language-options a{
  background:#fbf8f0!important;
}
.site-header .mhf-language-options a:hover,
.site-header .mhf-language-options a:focus-visible{
  background:#fff!important;
  border-color:rgba(216,158,24,.55)!important;
  outline:none!important;
}
.site-header .mhf-language-options a.active{
  background:#09241b!important;
  border-color:#09241b!important;
  color:#fff!important;
}
.site-header .mhf-language-options a.active .mhf-language-native,
.site-header .mhf-language-options a.active .mhf-language-code{color:#fff!important}

/* Ensure page sections cannot cover the open desktop selector. */
body:not(.admin-bar) .site-header{isolation:isolate!important}
@media(min-width:961px){
  .site-header .mhf-language-popover{top:calc(100% + 10px)!important;right:0!important;left:auto!important}
  html[dir="rtl"] .site-header .mhf-language-popover{right:auto!important;left:0!important}
}

/* Mobile selector is inside the drawer and should expand naturally in-flow. */
@media(max-width:960px){
  .mobile-nav .mhf-language-control,
  .mobile-nav .mhf-language-menu{overflow:visible!important}
  .mobile-nav .mhf-language-popover{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    z-index:auto!important;
    width:100%!important;
    margin-top:8px!important;
  }
}

/* ===== consolidated from ui-polish-r20.css ===== */
/* Maple House Foods 2.5.2 — mobile navigation reliability + off-canvas UX */

/*
 * Fixes two real mobile defects:
 * 1) .mobile-toggle used CSS Grid, placing all three bars in the same grid cell,
 *    so the hamburger looked like one horizontal line.
 * 2) the phone drawer used 90vw and a generic × icon button. On narrow phones
 *    that left a distracting strip of the page visible and the close glyph could
 *    inherit conflicting icon styles. The phone drawer is now a true full-screen
 *    navigation canvas with its own explicit close SVG.
 */

.site-header .mobile-toggle{
  position:relative!important;
  display:none;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--green)!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
}
.site-header .mobile-toggle span{
  display:block!important;
  width:22px!important;
  height:2px!important;
  min-height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform:none!important;
  opacity:1!important;
  transition:transform .2s ease,opacity .2s ease,width .2s ease!important;
  pointer-events:none!important;
}
.site-header .mobile-toggle:hover,
.site-header .mobile-toggle:focus-visible{
  background:rgba(9,36,27,.06)!important;
  border-color:rgba(9,36,27,.10)!important;
}
.site-header .mobile-toggle:focus-visible{
  outline:3px solid rgba(216,158,24,.34)!important;
  outline-offset:2px!important;
}

/* Overlay always belongs above the site header/content. */
.mobile-nav{
  position:fixed!important;
  inset:0!important;
  z-index:200000!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  background:rgba(4,21,15,.56)!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transition:opacity .22s ease,visibility .22s ease!important;
  overscroll-behavior:contain!important;
}
.mobile-nav.open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.mobile-nav-panel{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:min(430px,92vw)!important;
  max-width:100%!important;
  height:100dvh!important;
  min-height:100%!important;
  padding:0 24px calc(30px + env(safe-area-inset-bottom))!important;
  background:var(--paper)!important;
  color:var(--green)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  transform:translate3d(100%,0,0)!important;
  transition:transform .28s var(--ease)!important;
  box-shadow:-24px 0 70px rgba(4,21,15,.18)!important;
}
.mobile-nav.open .mobile-nav-panel{transform:translate3d(0,0,0)!important}

.mobile-nav-top{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:92px!important;
  padding:calc(14px + env(safe-area-inset-top)) 0 14px!important;
  border-bottom:1px solid var(--line)!important;
  background:rgba(255,253,249,.98)!important;
  backdrop-filter:blur(12px)!important;
}
.mobile-nav-top img{
  display:block!important;
  width:138px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.mobile-nav-close{
  position:relative!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(9,36,27,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--green)!important;
  box-shadow:0 8px 22px rgba(9,36,27,.08)!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
}
.mobile-nav-close svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.mobile-nav-close:hover{background:var(--cream)!important}
.mobile-nav-close:focus-visible{
  outline:3px solid rgba(216,158,24,.34)!important;
  outline-offset:2px!important;
}

.mobile-nav-links{margin-top:8px!important}
.mobile-nav-links .mhf-primary-menu>li>a{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  padding:12px 6px!important;
  font-size:16px!important;
}
.mobile-nav .mhf-language-control.mobile{margin:20px 0 8px!important}
.mobile-nav-actions{margin-top:20px!important;padding-bottom:8px!important}

/* Lock the actual viewport while a dialog/drawer is open. */
html:has(.mobile-nav.open),
body.mhf-dialog-open,
body.no-scroll{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

@media(max-width:980px){
  .site-header .mobile-toggle{display:flex!important}
}

/* Phones use a full-screen canvas: no page-content strip and no accidental overlap. */
@media(max-width:640px){
  .mobile-nav{background:var(--paper)!important}
  .mobile-nav-panel{
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:none!important;
    box-shadow:none!important;
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
  }
  .mobile-nav-top{min-height:88px!important}
  .mobile-nav-top img{width:132px!important;height:54px!important}
  .mobile-nav-links .mhf-primary-menu>li>a{min-height:62px!important;font-size:16px!important}
  .mobile-nav .mhf-language-menu>summary{width:100%!important;min-height:58px!important}
  .mobile-nav-actions .btn{min-height:56px!important}
}

@media(max-width:380px){
  .mobile-nav-panel{padding-left:16px!important;padding-right:16px!important}
  .mobile-nav-top img{width:120px!important}
}

html[dir="rtl"] .mobile-nav-panel{
  inset:0 auto 0 0!important;
  transform:translate3d(-100%,0,0)!important;
}
html[dir="rtl"] .mobile-nav.open .mobile-nav-panel{transform:translate3d(0,0,0)!important}
html[dir="rtl"] .mobile-nav-top img{object-position:right center!important}

@media(prefers-reduced-motion:reduce){
  .mobile-nav,.mobile-nav-panel,.site-header .mobile-toggle span{transition:none!important}
}

/* ===== consolidated from ui-polish-r21.css ===== */
/* Product-card cart quantity controls — 2.7.0 */
.mhf-card-qty{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;border:1px solid rgba(10,51,38,.18);border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(6,42,31,.08);overflow:hidden;transition:width .18s ease,box-shadow .18s ease,border-color .18s ease}
.mhf-card-qty[data-current-qty]:not([data-current-qty="0"]){min-width:118px}
.mhf-card-qty-button{appearance:none;border:0;background:transparent;color:#0b3427;width:42px;height:44px;display:grid;place-items:center;font:700 24px/1 Poppins,sans-serif;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.mhf-card-qty-button:hover,.mhf-card-qty-button:focus-visible{background:#0b3427;color:#fff;outline:none}
.mhf-card-qty-button:active{transform:scale(.94)}
.mhf-card-qty-button.is-add{width:46px;height:46px}
.mhf-card-qty-value{min-width:32px;text-align:center;font:700 14px/1 Poppins,sans-serif;color:#0b3427;font-variant-numeric:tabular-nums}
.mhf-card-qty.is-loading{opacity:.62;pointer-events:none}
@media(max-width:640px){.mhf-card-qty{height:42px;min-width:42px}.mhf-card-qty-button{width:38px;height:40px;font-size:22px}.mhf-card-qty-button.is-add{width:42px;height:42px}.mhf-card-qty[data-current-qty]:not([data-current-qty="0"]){min-width:106px}}

/* WooCommerce quantity steppers + variable-product card state — 2.7.0 */
.quantity.mhf-has-stepper{display:inline-grid!important;grid-template-columns:42px minmax(54px,70px) 42px!important;align-items:center!important;width:auto!important;max-width:100%!important;border:1px solid rgba(10,51,38,.18)!important;border-radius:999px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 7px 20px rgba(6,42,31,.06)!important}
.quantity.mhf-has-stepper input.qty{grid-column:2!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;font:700 14px/1 Poppins,sans-serif!important;color:#0b3427!important;-moz-appearance:textfield}
.quantity.mhf-has-stepper input.qty::-webkit-outer-spin-button,.quantity.mhf-has-stepper input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mhf-quantity-step{appearance:none;border:0!important;background:transparent!important;color:#0b3427!important;width:42px!important;height:50px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;font:700 22px/1 Poppins,sans-serif!important;cursor:pointer!important;transition:background .15s ease,color .15s ease,opacity .15s ease!important}
.mhf-quantity-step:hover:not(:disabled),.mhf-quantity-step:focus-visible:not(:disabled){background:#0b3427!important;color:#fff!important;outline:none!important}
.mhf-quantity-step:disabled{opacity:.3!important;cursor:not-allowed!important}
.product-purchase-card .quantity.mhf-has-stepper{margin:0!important}
.product-purchase-card .woocommerce-variation-add-to-cart.variations_button{align-items:stretch!important}
.mhf-card-variable-state{display:flex;align-items:center;gap:7px;max-width:100%}
.mhf-card-options-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 9px;border-radius:999px;color:#55685f;font:700 10px/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;background:#f4f1e9;border:1px solid rgba(10,51,38,.12)}
.mhf-card-options-link:hover,.mhf-card-options-link:focus-visible{color:#0b3427;border-color:rgba(10,51,38,.28);outline:none}
.mhf-card-cart-state{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 12px;border:1px solid rgba(10,51,38,.18);border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(6,42,31,.08);color:#0b3427;text-decoration:none;white-space:nowrap}
.mhf-card-cart-state-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#0b3427;color:#fff;font:700 12px/1 Poppins,sans-serif}
.mhf-card-cart-state-label{font:700 10px/1.1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.035em}
.mhf-card-cart-state:hover,.mhf-card-cart-state:focus-visible{border-color:#0b3427;outline:none}
@media(max-width:640px){.quantity.mhf-has-stepper{grid-template-columns:40px minmax(48px,1fr) 40px!important;width:100%!important}.mhf-quantity-step{width:40px!important;height:48px!important}.quantity.mhf-has-stepper input.qty{height:48px!important;min-height:48px!important}.mhf-card-variable-state{gap:5px}.mhf-card-options-link{padding:0 8px}.mhf-card-cart-state{min-height:42px;padding:0 10px}}
.mhf-quantity-step[hidden]{display:none!important}


/* ===== v2.8.0 audit remediation ===== */
/* Checkout: standard Woo block surface, no oversized hero above the form. */
.mhf-checkout-intro{padding:42px 0 22px;background:#f7f3ea;border-bottom:1px solid rgba(9,36,27,.08)}
.mhf-checkout-intro h1{margin:6px 0 8px;font-size:clamp(32px,5vw,50px)}
.mhf-checkout-intro p{max-width:720px;margin:0;color:#526057}
.mhf-checkout-block-section{padding-top:32px!important}
.mhf-checkout-page-v30 .wc-block-checkout,.mhf-checkout-page-v30 .woocommerce-checkout{margin-top:0}
/* Accessibility: avoid iOS zoom and undersized interactive controls. */
input,select,textarea,.wc-block-components-text-input input,.wc-block-components-combobox-control input{font-size:16px!important}
button,.button,.btn,.icon-btn,.mobile-toggle,.filter-chip,.product-card-add,.qty-btn,.wc-block-components-button{min-height:44px;min-width:44px}
/* Mobile header: keep search, account and cart visible. */
@media(max-width:760px){
  .site-header .header-actions .icon-btn{display:grid!important;width:40px!important;height:44px!important}
  .site-header .header-actions{display:flex!important;gap:0!important}
  .site-header .mobile-toggle{width:44px!important;height:44px!important}
  .header-inner{grid-template-columns:minmax(104px,1fr) auto!important}
}
@media(max-width:430px){
  .site-header .header-actions .icon-btn{width:36px!important;min-width:36px!important}
  .site-header .header-actions .icon-btn svg{width:19px!important;height:19px!important}
  .brand-link,.brand-link img{max-width:104px!important}
}
/* Product mobile shortcut: collapses away on desktop. */
.mhf-mobile-sticky-buy{display:none}
@media(max-width:760px){
  body.single-product{padding-bottom:72px}
  .mhf-mobile-sticky-buy{position:fixed;left:14px;right:14px;bottom:12px;z-index:9996;display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 18px;border-radius:999px;background:#09241b;color:#fff!important;text-decoration:none;font:700 14px/1.2 Poppins,sans-serif;box-shadow:0 12px 35px rgba(9,36,27,.24)}
  .mhf-mobile-sticky-buy.is-hidden{display:none!important}
  .product-purchase-card{scroll-margin-top:100px}
}
/* Quote-only/business price states must never look like a $0 retail offer. */
.mhf-business-price-request,.mhf-quote-price{font-weight:700;color:#80580b}

/* Audit shipping readiness notices. */
.mhf-product-shipping-status,.mhf-cart-shipping-status{margin:12px 0;padding:12px 14px;border:1px solid rgba(128,88,11,.22);border-radius:12px;background:#fff8e8;color:#64470e;font-size:14px;line-height:1.45}

/* v2.8.1 — consistent classic checkout, confirmation and usable mobile forms */
.mhf-checkout-page-v35 .mhf-wc-content{min-width:0;overflow-wrap:anywhere}
.mhf-checkout-page-v35 .woocommerce form.checkout{display:block;max-width:100%}
.mhf-checkout-page-v35 .woocommerce .col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,48px);width:100%}
.mhf-checkout-page-v35 .woocommerce .col2-set::before,.mhf-checkout-page-v35 .woocommerce .col2-set::after{display:none}
.mhf-checkout-page-v35 .woocommerce .col2-set>.col-1,.mhf-checkout-page-v35 .woocommerce .col2-set>.col-2{width:100%;float:none;min-width:0;max-width:none}
.mhf-checkout-page-v35 .woocommerce .form-row{float:none;max-width:100%}
.mhf-checkout-page-v35 .woocommerce .form-row input.input-text,.mhf-checkout-page-v35 .woocommerce .form-row select,.mhf-checkout-page-v35 .woocommerce .form-row textarea{box-sizing:border-box;min-height:48px;max-width:100%;width:100%}
.mhf-checkout-page-v35 .woocommerce-checkout-review-order,.mhf-checkout-page-v35 .woocommerce-checkout-payment{min-width:0;width:100%}
.mhf-checkout-page-v35 #order_review table{width:100%;table-layout:auto}
.mhf-checkout-page-v35 .woocommerce-error,.mhf-checkout-page-v35 .woocommerce-message,.mhf-checkout-page-v35 .woocommerce-info{box-sizing:border-box;overflow-wrap:anywhere;max-width:100%;border-radius:10px}
.mhf-order-received-page .mhf-wc-content{max-width:1040px;margin-inline:auto}
.mhf-order-received-page .mhf-thankyou-shell{margin-inline:auto}
.mhf-checkout-page-v35 button:focus-visible,.mhf-checkout-page-v35 a:focus-visible,.mhf-order-received-page a:focus-visible{outline:3px solid #bc8f31;outline-offset:3px}
@media(max-width:780px){
  .mhf-checkout-page-v35 .woocommerce .col2-set{grid-template-columns:minmax(0,1fr);gap:18px}
  .mhf-checkout-page-v35 .woocommerce .form-row-first,.mhf-checkout-page-v35 .woocommerce .form-row-last{width:100%;float:none}
  .mhf-checkout-page-v35 .woocommerce-checkout #payment{padding:0}
  .mhf-checkout-page-v35 .mhf-wc-content{padding-inline:0}
  .mhf-checkout-page-v35 .woocommerce table.shop_table{max-width:100%;width:100%}
  .mhf-order-received-page .mhf-thankyou-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.mhf-order-received-page .mhf-thankyou-summary{grid-template-columns:minmax(0,1fr)}}