:root{
  --mk24-green:#17633f;
  --mk24-green-2:#0f4e31;
  --mk24-blue:#245dae;
  --mk24-ink:#122033;
  --mk24-muted:#5f6b78;
  --mk24-cream:#fbfaf6;
  --mk24-sage:#eef5ec;
  --mk24-line:#dfe6df;
  --mk24-coral:#e95050;
  --mk24-white:#fff;
  --mk24-radius:16px;
  --mk24-shadow:0 10px 30px rgba(28,50,38,.07);
}

body.mk-ui24{max-width:100%;overflow-x:hidden;background:var(--mk24-cream);color:var(--mk24-ink)}
body.mk-ui24 :where(button,input,select,textarea){font:inherit}
body.mk-ui24 :where(a,button,input,select,textarea):focus-visible{outline:3px solid #1d73cf!important;outline-offset:3px}
body.mk-ui24 .site-content{min-width:0}
.mk-ui24-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.mk-ui24-section-head h2{margin:3px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.035em;color:var(--mk24-ink)}
.mk-ui24-section-head span{color:var(--mk24-green);font-size:11px;font-weight:800;letter-spacing:.13em}
.mk-ui24-section-head>a,.mk-ui24-text-link{color:var(--mk24-green)!important;font-size:13px;font-weight:750;text-decoration:none}
.mk-ui24-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:10px;background:var(--mk24-green);color:#fff!important;font-weight:750;text-decoration:none}

/* Search results: products first, advice second, clear responsive navigation. */
.mk-ui24-search-results .mk2-store{max-width:1240px!important;padding-left:24px!important;padding-right:24px!important}
.mk-ui24-search-results .mk2-search-row{margin-top:4px;border:1px solid var(--mk24-line);border-radius:var(--mk24-radius);background:#fff;box-shadow:none}
.mk-ui24-search-results .mk2-search-row>div strong{font-size:18px;color:var(--mk24-ink)}
.mk-ui24-search-results .mk2-search input{min-height:48px;border-radius:10px 0 0 10px}
.mk-ui24-search-results .mk2-search button{min-height:48px;background:var(--mk24-green)!important;border-radius:0 10px 10px 0!important}
.mk-ui24-search-tabs{display:flex;align-items:center;gap:28px;margin:18px 0 16px;border-bottom:1px solid var(--mk24-line)}
.mk-ui24-search-tabs a{display:inline-flex;align-items:center;min-height:46px;margin-bottom:-1px;padding:0 3px;border-bottom:3px solid transparent;color:#59656f;text-decoration:none;font-size:14px;font-weight:750}
.mk-ui24-search-tabs a.is-active{border-color:var(--mk24-green);color:var(--mk24-ink)}
.mk-ui24-search-results .mk2-filter{border:1px solid var(--mk24-line);border-radius:14px;background:#fff}
.mk-ui24-search-results .mk2-results-bar{padding-top:4px}
.mk-ui24-search-results .mk2-product-grid{gap:14px}
.mk-ui24-search-results .mk2-product{border-radius:14px;border-color:var(--mk24-line);box-shadow:none;transition:transform .16s ease,box-shadow .16s ease}
.mk-ui24-search-results .mk2-product:hover{transform:translateY(-2px);box-shadow:var(--mk24-shadow)}
.mk-ui24-search-advice{width:min(1192px,calc(100% - 48px));margin:18px auto 42px;padding:25px;border:1px solid var(--mk24-line);border-radius:18px;background:#fff}
.mk-ui24-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mk-ui24-advice-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #e5eae5;border-radius:13px;background:#fff}
.mk-ui24-advice-image{display:block;min-height:152px;background:linear-gradient(145deg,#edf4e9,#e5eef9);overflow:hidden}
.mk-ui24-advice-image img{width:100%;height:100%;object-fit:cover}
.mk-ui24-advice-image>span{display:grid;place-items:center;height:100%;padding:12px;color:var(--mk24-green);font-size:11px;font-weight:850;text-align:center}
.mk-ui24-advice-card>div{padding:14px}
.mk-ui24-advice-type{color:var(--mk24-green);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mk-ui24-advice-card h3{margin:5px 0 6px;font-size:15px;line-height:1.4}
.mk-ui24-advice-card h3 a{color:var(--mk24-ink);text-decoration:none}
.mk-ui24-advice-card p{display:-webkit-box;margin:0 0 8px;color:var(--mk24-muted);font-size:11px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mk-ui24-advice-empty{padding:22px;border-radius:12px;background:var(--mk24-sage);text-align:center}

/* Out-of-stock product: useful next actions instead of a dead end. */
.single-product.mk-ui24-oos .summary>.stock.out-of-stock,.single-product.mk-ui24-oos .summary>form.cart,.single-product.mk-ui24-oos .mk-sticky-buy{display:none!important}
.mk-ui24-stock-status{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:11px 13px;border:1px solid #e5c7b9;border-radius:11px;background:#fff5ef;color:#703821}
.mk-ui24-stock-status strong{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#a3472d;color:#fff;font-size:12px;letter-spacing:.02em}
.mk-ui24-stock-status span{font-size:12px;line-height:1.5}
.mk-ui24-loop-oos{background:#fff!important;color:#7b3f2d!important;border:1px solid #d8b6a9!important}
.mk-ui24-stock-alert{clear:both;margin:18px 0 12px;padding:18px;border:1px solid #cfe0d1;border-radius:14px;background:linear-gradient(145deg,#f7faf5,#edf5eb)}
.mk-ui24-stock-alert-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.mk-ui24-stock-alert-head>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--mk24-green);font-size:18px}
.mk-ui24-stock-alert h2{margin:0 0 3px;font-size:19px;line-height:1.35;color:var(--mk24-ink)}
.mk-ui24-stock-alert p{margin:0;color:var(--mk24-muted);font-size:13px;line-height:1.5}
.mk-ui24-stock-alert form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.mk-ui24-stock-alert input[type=text]{min-height:47px;padding:10px 13px;border:1px solid #ccd8cc;border-radius:9px;background:#fff;color:var(--mk24-ink)}
.mk-ui24-stock-alert button{min-width:118px;min-height:47px;border:0;border-radius:9px;background:var(--mk24-green);color:#fff;font-weight:750;cursor:pointer}
.mk-ui24-stock-alert .mk-ui24-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;color:#637067;font-size:11px;line-height:1.5}
.mk-ui24-stock-alert .mk-ui24-consent input{margin-top:2px}
.mk-ui24-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.mk-ui24-form-message{grid-column:1/-1;margin:0 0 10px!important;padding:9px 11px;border-radius:8px;font-weight:650}
.mk-ui24-form-message.is-success{background:#e4f4e8;color:#17633f}
.mk-ui24-form-message.is-error{background:#fde9e8;color:#a2322d}
.mk-ui24-similar-link{display:flex;align-items:center;justify-content:center;min-height:46px;margin:0 0 18px;border:1px solid var(--mk24-green);border-radius:10px;color:var(--mk24-green)!important;font-size:13px;font-weight:750;text-decoration:none}
.mk-ui24-alternatives{clear:both;width:min(1192px,calc(100% - 48px));margin:12px auto 34px;padding:22px 0;border-top:1px solid var(--mk24-line)}
.mk-ui24-alt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mk-ui24-alt-grid article{display:grid;grid-template-columns:130px minmax(0,1fr);overflow:hidden;border:1px solid var(--mk24-line);border-radius:13px;background:#fff}
.mk-ui24-alt-image{display:block;padding:10px;background:#f7f8f5}
.mk-ui24-alt-image img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain}
.mk-ui24-alt-grid article>div{display:flex;flex-direction:column;align-items:flex-start;padding:13px}
.mk-ui24-alt-grid h3{margin:0 0 7px;font-size:14px;line-height:1.45}
.mk-ui24-alt-grid h3 a{color:var(--mk24-ink);text-decoration:none}
.mk-ui24-alt-grid strong{color:var(--mk24-ink);font-size:15px}
.mk-ui24-alt-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:auto;padding:7px 12px;border-radius:8px;background:var(--mk24-green);color:#fff!important;font-size:11px;font-weight:750;text-decoration:none}
.mk-ui24-oos-sticky{display:none}

/* Homepage mobile: needs first, shorter sections, progressive disclosure. */
.mk-ui24-need-shortcuts{display:none}
.mk-ui24-retail-details>summary{display:none}
@media(max-width:768px){
  body.home.mk-ui24 .mk-demo-hero-img{height:190px!important}
  body.home.mk-ui24 .mk-demo-hero-copy{padding:19px 14px 14px!important}
  body.home.mk-ui24 .mk-demo-hero-copy h1{font-size:29px!important;max-width:330px}
  body.home.mk-ui24 .mk-demo-trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;background:#fff}
  body.home.mk-ui24 .mk-demo-trust>div{min-width:0!important;border-bottom:1px solid var(--mk24-line);box-sizing:border-box!important}
  body.home.mk-ui24 .mk-ui24-need-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px;background:#fff;border-bottom:1px solid var(--mk24-line)}
  body.home.mk-ui24 .mk-ui24-need-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:67px;padding:8px 4px;border:1px solid #e3e8e2;border-radius:12px;background:#fff;color:var(--mk24-ink);font-size:10px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none}
  body.home.mk-ui24 .mk-home-section{padding:14px 0!important}
  body.home.mk-ui24 .mk-brand-zone-head{height:42px}
  body.home.mk-ui24 .mk-brand-banners{grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:hidden}
  body.home.mk-ui24 .mk-brand-banner,body.home.mk-ui24 .mk-brand-banner-copy{min-height:172px!important}
  body.home.mk-ui24 .mk-brand-banner-copy{width:100%!important;padding:12px!important;background:linear-gradient(0deg,rgba(255,255,255,.98),rgba(255,255,255,.45))}
  body.home.mk-ui24 .mk-brand-banner-copy h3{font-size:16px!important;line-height:1.25!important}
  body.home.mk-ui24 .mk-brand-banner-copy .brand-title{font-size:14px!important}
  body.home.mk-ui24 .mk-brand-banner-copy .mk-pill{min-height:34px!important;padding:0 10px!important;font-size:10px!important}
  body.home.mk-ui24 .mk-store-network-box{padding:16px 13px!important}
  body.home.mk-ui24 .mk-retail-proof-grid{margin:12px 0!important}
  body.home.mk-ui24 .mk-ui24-retail-details{margin-top:12px}
  body.home.mk-ui24 .mk-ui24-retail-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 13px;border:1px solid var(--mk24-line);border-radius:10px;background:#fff;color:var(--mk24-green);font-size:12px;font-weight:750;cursor:pointer}
  body.home.mk-ui24 .mk-ui24-retail-details:not([open])>.mk-retail-proof-grid{display:none!important}
}

/* B2B mobile: compact proof, keep the functional two-step form prominent. */
@media(max-width:768px){
  .mk-ui24-b2b .b2b-hero{padding-top:12px!important}
  .mk-ui24-b2b .b2b-hero-inner{gap:16px!important}
  .mk-ui24-b2b .b2b-hero-copy h1{font-size:34px!important;line-height:1.12!important}
  .mk-ui24-b2b .b2b-hero-desc{font-size:13px!important;line-height:1.65!important}
  .mk-ui24-b2b .b2b-hero-visual{min-height:220px!important}
  .mk-ui24-b2b .b2b-assurances{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:4px!important;scroll-snap-type:x mandatory}
  .mk-ui24-b2b .b2b-assurance{flex:0 0 78%;scroll-snap-align:start}
  .mk-ui24-b2b .b2b-section{padding-top:38px!important;padding-bottom:18px!important}
  .mk-ui24-b2b .b2b-purpose-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory}
  .mk-ui24-b2b .b2b-purpose{flex:0 0 78%;scroll-snap-align:start}
  .mk-ui24-b2b .b2b-products-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory}
  .mk-ui24-b2b .b2b-product,.mk-ui24-b2b .b2b-product:last-child{display:block!important;flex:0 0 64%!important;grid-column:auto!important;scroll-snap-align:start}
  .mk-ui24-b2b .b2b-product-media,.mk-ui24-b2b .b2b-product:last-child .b2b-product-media{aspect-ratio:1/1!important;min-height:0!important}
  .mk-ui24-b2b .b2b-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mk-ui24-b2b .b2b-quote-section{padding-top:30px!important}
  .mk-ui24-b2b .b2b-quote-panel{padding:17px 12px!important}
  .mk-ui24-b2b .b2b-quote-copy .b2b-contact{display:none}
  .mk-ui24-b2b .b2b-form-wrap{order:-1;padding:17px 12px!important}
  .mk-ui24-b2b .b2b-landing{width:100%!important;max-width:100vw!important;padding-bottom:78px!important;overflow:hidden!important}
  .mk-ui24-b2b .mk-floating-chat{display:none!important}
}

/* Editorial article: one native TOC, readable measure, responsive table cards. */
.mk-ui24-reading-progress{position:fixed;top:0;left:0;z-index:99999;width:0;height:3px;background:linear-gradient(90deg,var(--mk24-green),var(--mk24-blue));pointer-events:none}
.mk-ui24-article :where(.inside-article,.entry-content){min-width:0!important;box-sizing:border-box!important}
.mk-ui24-article .entry-content.mk-ui24-enhanced{display:block!important;width:100%!important;max-width:760px!important;margin:32px auto 0!important}
.mk-ui24-article .entry-content.mk-ui24-enhanced>p{font-size:17px;line-height:1.85;color:#394654}
.mk-ui24-article .entry-content.mk-ui24-enhanced>h2{margin-top:44px;font-size:30px;line-height:1.3;letter-spacing:-.025em}
.mk-ui24-article .entry-content.mk-ui24-enhanced>h3{margin-top:30px;font-size:22px;line-height:1.4}
.mk-ui24-article .entry-content.mk-ui24-enhanced :where(img,figure,video,iframe){max-width:100%;border-radius:14px}
.mk-ui24-native-toc{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0 0 28px!important;padding:14px 16px!important;border:1px solid var(--mk24-line)!important;border-radius:13px!important;background:#f9fbf8!important;box-sizing:border-box!important}
.mk-ui24-native-toc summary{list-style:none;cursor:pointer;color:var(--mk24-ink);font-size:14px;font-weight:800}
.mk-ui24-native-toc summary::-webkit-details-marker{display:none}
.mk-ui24-native-toc ol{display:grid;gap:7px;margin:13px 0 0;padding:12px 0 0 22px;border-top:1px solid var(--mk24-line)}
.mk-ui24-native-toc a{color:#53615a;text-decoration:none;font-size:13px;line-height:1.55}
.mk-ui24-native-toc a:hover{color:var(--mk24-green)}
.mk-ui24-inline-toc-hidden{display:none!important}
.mk-ui24-article .entry-content.mk-ui24-enhanced table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--mk24-line);border-radius:12px;background:#fff}
.mk-ui24-article .entry-content.mk-ui24-enhanced th{background:var(--mk24-sage);color:var(--mk24-ink);text-align:left}
.mk-ui24-article .entry-content.mk-ui24-enhanced th,.mk-ui24-article .entry-content.mk-ui24-enhanced td{padding:12px;border-bottom:1px solid var(--mk24-line);font-size:13px;line-height:1.55;vertical-align:top}
.mk-ui24-article-cta{display:none}

/* Cart, account and utility screens. */
.mk-ui24-cart .entry-content>.wp-block-woocommerce-cart{max-width:1120px;margin:0 auto}
.mk-ui24-cart-empty .mk-cart-intro,.mk-ui24-cart-empty .mk-cart-assurance,.mk-ui24-cart-empty .mk-empty-cart-cta{display:none!important}
.mk-ui24-cart .wp-block-woocommerce-empty-cart-block{max-width:920px;margin:0 auto;padding:36px 24px;border:1px solid var(--mk24-line);border-radius:18px;background:#fff;text-align:center}
.mk-ui24-empty-hero{max-width:520px;margin:0 auto 22px;text-align:center}
.mk-ui24-empty-icon{display:grid;place-items:center;width:92px;height:70px;margin:0 auto 14px;border-radius:38px 38px 22px 22px;background:var(--mk24-sage);color:var(--mk24-green);font-size:34px}
.mk-ui24-empty-hero h2{margin:0 0 7px;font-size:28px}
.mk-ui24-empty-hero p{margin:0;color:var(--mk24-muted)}
.mk-ui24-empty-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:14px 0 24px}
.mk-ui24-empty-actions p{flex:1 1 100%;margin:0 0 6px;color:var(--mk24-muted)}
.mk-ui24-empty-actions>a:not(.mk-ui24-primary){color:var(--mk24-green);font-weight:700;text-decoration:none}
.mk-ui24-empty-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;border:1px solid var(--mk24-line);border-radius:12px;overflow:hidden;background:var(--mk24-line)}
.mk-ui24-empty-trust span{padding:13px 8px;background:#f8faf7;color:#4c5d51;font-size:12px;font-weight:700}
.mk-ui24-account #primary{width:100%!important}
.mk-ui24-account .inside-article{max-width:980px;margin:24px auto;padding:26px!important;border:1px solid var(--mk24-line);border-radius:18px;background:#fff}
.mk-ui24-account-welcome{display:flex;align-items:center;gap:15px;margin-bottom:14px;padding:15px 18px;border:1px solid #dce8da;border-radius:14px;background:linear-gradient(145deg,#f7faf5,#edf5eb)}
.mk-ui24-account-icon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#dcefdc;color:var(--mk24-green);font-size:24px}
.mk-ui24-account-welcome strong{display:block;margin:0 0 4px;color:var(--mk24-ink);font-size:18px;line-height:1.35}
.mk-ui24-member-heading h1{margin:0 0 5px;font-size:25px;line-height:1.3}
.mk-ui24-account-welcome p,.mk-ui24-member-heading p{margin:0;color:var(--mk24-muted);font-size:13px;line-height:1.55}
.mk-ui24-account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mk-ui24-account-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 14px;border:1px solid var(--mk24-green);border-radius:8px;background:var(--mk24-green);color:#fff!important;font-size:12px;font-weight:750;text-decoration:none}
.mk-ui24-account-actions a:last-child{background:#fff;color:var(--mk24-green)!important}
.mk-ui24-account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}
.mk-ui24-account-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 13px;border:1px solid var(--mk24-line);border-radius:10px;color:var(--mk24-ink);font-size:13px;font-weight:650;text-decoration:none}
.mk-ui24-account-links i{font-size:22px;font-style:normal;color:var(--mk24-green)}
.mk-ui24-member-benefits{margin:0 0 22px;padding:16px;border:1px solid #e3e8df;border-radius:12px;background:#fbfcf9}
.mk-ui24-member-benefits h2{margin:0 0 12px;font-size:17px}
.mk-ui24-member-benefits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--mk24-line)}
.mk-ui24-member-benefits span{padding:10px 8px;background:#fff;color:#53615b;font-size:11px;text-align:center}
.mk-ui24-member-heading{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--mk24-line)}
.mk-ui24-member-heading>span{color:var(--mk24-green);font-size:10px;font-weight:800;letter-spacing:.12em}
.mk-ui24-account .mk-ui24-social-unavailable{min-height:36px!important;padding:8px 12px!important;border:1px dashed #b9c4d4!important;background:#f2f5fa!important;color:#617087!important;box-shadow:none!important;pointer-events:none}

/* Larger tap areas on product and filter controls. */
@media(max-width:680px){
  .mk2-store .mk2-chips a,.home.mk-ui24 .woocommerce ul.products li.product .button,.mk-ui24-search-results .woocommerce ul.products li.product .button{min-height:44px!important;box-sizing:border-box!important}
}

.mk-ui24-error-page{max-width:1120px;margin:28px auto 52px;padding:0 24px}
.mk-ui24-error-card{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);overflow:hidden;border:1px solid var(--mk24-line);border-radius:22px;background:#fff;box-shadow:var(--mk24-shadow)}
.mk-ui24-error-art{display:grid;place-items:center;min-height:430px;padding:35px;background:linear-gradient(145deg,#f2eee5,#edf4e9)}
.mk-ui24-error-box{position:relative;width:210px;height:165px;border-radius:8px 8px 18px 18px;background:#c99d6c;box-shadow:inset 0 -18px rgba(85,53,25,.08)}
.mk-ui24-error-box:before,.mk-ui24-error-box:after{content:"";position:absolute;top:-32px;width:122px;height:66px;background:#d9b184}
.mk-ui24-error-box:before{left:-5px;transform:skewY(14deg)}
.mk-ui24-error-box:after{right:-5px;transform:skewY(-14deg)}
.mk-ui24-error-box span{position:absolute;inset:57px 28px auto;display:grid;place-items:center;min-height:54px;border:2px dashed rgba(19,72,46,.35);background:#efe5d6;color:var(--mk24-green);font-weight:850;text-align:center}
.mk-ui24-error-copy{display:flex;flex-direction:column;justify-content:center;padding:48px}
.mk-ui24-error-copy>strong{font-size:84px;line-height:1;color:var(--mk24-green);letter-spacing:-.06em}
.mk-ui24-error-copy h1{margin:8px 0 9px;font-size:34px;line-height:1.2}
.mk-ui24-error-copy p{max-width:520px;margin:0 0 20px;color:var(--mk24-muted);line-height:1.7}
.mk-ui24-error-actions{display:flex;gap:9px;flex-wrap:wrap}
.mk-ui24-error-actions a:last-child{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid var(--mk24-green);border-radius:10px;color:var(--mk24-green);font-weight:750;text-decoration:none}
.mk-ui24-error-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.mk-ui24-error-categories a{padding:14px;border:1px solid var(--mk24-line);border-radius:11px;color:var(--mk24-ink);font-size:12px;font-weight:700;text-align:center;text-decoration:none}

@media(max-width:900px){
  .mk-ui24-advice-grid{grid-template-columns:1fr}
  .mk-ui24-advice-card{grid-template-columns:180px minmax(0,1fr)}
  .mk-ui24-alt-grid{grid-template-columns:1fr}
}

@media(max-width:680px){
  .mk-ui24-section-head{align-items:flex-start}
  .mk-ui24-section-head h2{font-size:22px}
  .mk-ui24-search-results .mk2-store{padding-left:12px!important;padding-right:12px!important}
  .mk-ui24-search-results .mk2-search-row{display:block!important;padding:13px!important}
  .mk-ui24-search-tabs{gap:0;justify-content:space-around;margin-top:12px}
  .mk-ui24-search-tabs a{justify-content:center;flex:1;font-size:12px}
  .mk-ui24-search-advice{width:calc(100% - 24px);margin:12px auto 30px;padding:16px 12px}
  .mk-ui24-advice-card{grid-template-columns:98px minmax(0,1fr)}
  .mk-ui24-advice-image{min-height:112px}
  .mk-ui24-advice-card>div{padding:11px}
  .mk-ui24-advice-card p{display:none}
  .mk-ui24-stock-alert{padding:15px 12px}
  .single-product.mk-ui24-oos :where(#page,.site-content,#primary,.content-area,.site-main,.inside-article,div.product,.mk-product-gallery,.summary){width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;box-sizing:border-box!important}
  .single-product.mk-ui24-oos div.product{display:block!important;padding-left:12px!important;padding-right:12px!important}
  .single-product.mk-ui24-oos .mk-product-gallery{margin-left:0!important;margin-right:0!important}
  .single-product.mk-ui24-oos .summary{max-width:calc(100vw - 24px)!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important}
  .single-product.mk-ui24-oos .summary :where(h1,h2,p,.price,.woocommerce-product-details__short-description,.mk-ui24-stock-alert){max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}
  .mk-ui24-stock-alert form{grid-template-columns:1fr}
  .mk-ui24-stock-alert button{width:100%}
  .mk-ui24-stock-alert .mk-ui24-consent{grid-column:1}
  .mk-ui24-alternatives{width:calc(100% - 24px);max-width:calc(100% - 24px);min-width:0;margin-bottom:76px;overflow:hidden;box-sizing:border-box}
  .mk-ui24-alt-grid{display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;contain:inline-size layout paint}
  .mk-ui24-alt-grid article{flex:0 0 82%;max-width:82%;min-width:0;grid-template-columns:105px minmax(0,1fr);scroll-snap-align:start;box-sizing:border-box}
  .mk-ui24-oos-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:grid;grid-template-columns:1fr 1.15fr;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--mk24-line);background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(25,50,35,.1);backdrop-filter:blur(10px)}
  .mk-ui24-oos-sticky a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px;border:1px solid var(--mk24-green);border-radius:9px;color:var(--mk24-green);font-size:12px;font-weight:750;text-align:center;text-decoration:none}
  .mk-ui24-oos-sticky a:last-child{background:var(--mk24-green);color:#fff}
  .mk-ui24-article .inside-article{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .mk-ui24-article .entry-content.mk-ui24-enhanced{width:100%!important;max-width:100%!important;min-width:0!important;margin:24px 0 0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
  .mk-ui24-article .entry-content.mk-ui24-enhanced :where(details,nav,aside,figure,iframe,video,img){max-width:100%!important;box-sizing:border-box!important}
  .mk-ui24-native-toc{margin:0 0 20px!important;padding:13px!important}
  .mk-ui24-article .entry-content.mk-ui24-enhanced>p{font-size:16px;line-height:1.8}
  .mk-ui24-article .entry-content.mk-ui24-enhanced>h2{margin-top:34px;font-size:24px}
  .mk-ui24-article .entry-content.mk-ui24-enhanced>h3{font-size:20px}
  .mk-ui24-article .entry-content.mk-ui24-enhanced table,.mk-ui24-article .entry-content.mk-ui24-enhanced thead,.mk-ui24-article .entry-content.mk-ui24-enhanced tbody,.mk-ui24-article .entry-content.mk-ui24-enhanced tr,.mk-ui24-article .entry-content.mk-ui24-enhanced th,.mk-ui24-article .entry-content.mk-ui24-enhanced td{display:block;width:100%;box-sizing:border-box}
  .mk-ui24-article .entry-content.mk-ui24-enhanced thead{position:absolute;left:-9999px}
  .mk-ui24-article .entry-content.mk-ui24-enhanced tr{margin:0 0 10px;padding:10px;border:1px solid var(--mk24-line);border-radius:11px;background:#fff}
  .mk-ui24-article .entry-content.mk-ui24-enhanced td{display:grid;grid-template-columns:42% minmax(0,1fr);gap:10px;padding:8px 4px;border:0;border-bottom:1px solid #edf0ed}
  .mk-ui24-article .entry-content.mk-ui24-enhanced td:last-child{border-bottom:0}
  .mk-ui24-article .entry-content.mk-ui24-enhanced td:before{content:attr(data-label);color:var(--mk24-green);font-weight:750}
  .mk-ui24-article-cta{position:fixed;left:12px;right:12px;bottom:10px;z-index:9997;display:flex;align-items:center;justify-content:center;min-height:47px;border-radius:10px;background:var(--mk24-green);color:#fff!important;font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 8px 28px rgba(17,75,48,.24)}
  .mk-ui24-cart .wp-block-woocommerce-empty-cart-block{padding:24px 12px}
  .mk-ui24-cart :where(#page,.site-content,#primary,.content-area,.site-main,.inside-article,.entry-content,.wp-block-woocommerce-cart){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .mk-ui24-cart .inside-article{padding-left:12px!important;padding-right:12px!important}
  .mk-ui24-cart:not(.mk-ui24-cart-empty) .mk-cart-intro{display:block!important}
  .mk-ui24-cart .mk-cart-intro .mk-continue-shopping{display:inline-flex!important;margin-top:12px!important}
  .mk-ui24-empty-actions{flex-direction:column;align-items:stretch}
  .mk-ui24-empty-actions a{width:100%;text-align:center}
  .mk-ui24-cart .wp-block-woocommerce-empty-cart-block .mk-empty-cart-cta{display:none!important}
  .mk-ui24-cart .mk-ui24-empty-hero :where(h2,p){max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
  .mk-ui24-empty-trust{grid-template-columns:1fr}
  .mk-ui24-account .inside-article{margin:12px;padding:15px!important}
  .mk-ui24-account :where(#page,.site-content,#primary,.content-area,.site-main,.inside-article,.entry-content,.woocommerce){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .mk-ui24-account .inside-article{margin-left:12px!important;margin-right:12px!important;width:calc(100% - 24px)!important}
  .mk-ui24-account-welcome{align-items:flex-start;padding:15px 12px}
  .mk-ui24-account-welcome>div:last-child{min-width:0}
  .mk-ui24-account-welcome strong{font-size:17px}
  .mk-ui24-account-welcome>div:last-child{width:calc(100% - 71px)!important;max-width:calc(100% - 71px)!important;flex:1 1 0!important;overflow:hidden}
  .mk-ui24-account-actions{display:grid;grid-template-columns:1fr}
  .mk-ui24-account-actions a{width:100%;max-width:100%;box-sizing:border-box}
  .mk-ui24-account-links{grid-template-columns:1fr}
  .mk-ui24-account .u-columns{display:block!important}
  .mk-ui24-account .u-column1,.mk-ui24-account .u-column2{width:100%!important;float:none!important;margin-bottom:18px}
  .mk-ui24-account .mk-floating-chat,.single-product.mk-ui24-oos .mk-floating-chat{display:none!important}
  .mk-ui24-error-page{margin:12px auto 30px;padding:0 12px}
  .mk-ui24-error-card{grid-template-columns:1fr}
  .mk-ui24-error-art{min-height:230px;padding:28px}
  .mk-ui24-error-box{transform:scale(.72)}
  .mk-ui24-error-copy{padding:26px 18px}
  .mk-ui24-error-copy>strong{font-size:64px}
  .mk-ui24-error-copy h1{font-size:27px}
  .mk-ui24-error-actions{display:grid;grid-template-columns:1fr}
  .mk-ui24-error-categories{grid-template-columns:1fr 1fr}
  .mk-ui24-error-categories a:last-child{grid-column:1/-1}
}

@media(max-width:768px){
  .mk-ui24-b2b :where(.b2b-shell,.b2b-header-inner,.b2b-hero-inner,.b2b-hero-copy,.b2b-hero-visual,.b2b-section-head,.b2b-quote-panel){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .mk-ui24-b2b .b2b-shell{padding-left:16px!important;padding-right:16px!important}
  .mk-ui24-b2b .b2b-header-inner{display:flex!important;padding-top:8px!important;padding-bottom:8px!important}
  .mk-ui24-b2b .b2b-header-cta{display:none!important}
  .mk-ui24-b2b .b2b-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .mk-ui24-b2b .b2b-hero-copy p,.mk-ui24-b2b .b2b-hero-copy h1{max-width:100%!important;overflow-wrap:anywhere}
  .mk-ui24-b2b .b2b-hero-copy{max-width:calc(100vw - 32px)!important;overflow:hidden!important}
  .mk-ui24-b2b .b2b-hero-copy :where(p,h1,h2){width:auto!important;max-width:calc(100vw - 32px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .mk-ui24-b2b .b2b-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .mk-ui24-b2b .b2b-hero-actions a{width:100%!important;max-width:100%!important}
  .mk-ui24-b2b .b2b-hero-image{width:100%!important;max-width:100%!important;object-fit:cover!important}
}


/* Tablet header repair: keep the nine-item navigation readable between mobile and desktop. */
@media (min-width:769px) and (max-width:1199px){
  html body.mk-v7 #masthead.site-header{position:relative!important}
  html body.mk-v7 #masthead.site-header .inside-header.grid-container{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 48px!important;
    grid-template-areas:"brand tools toggle"!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:76px!important;
    height:76px!important;
    margin:0!important;
    padding:9px 20px!important;
    gap:10px!important
  }
  html body.mk-v7 #masthead.site-header .site-branding-container{
    grid-area:brand!important;
    width:220px!important;
    height:54px!important;
    min-width:0!important
  }
  html body.mk-v7 #masthead.site-header .site-logo,
  html body.mk-v7 #masthead.site-header .site-logo a{
    display:flex!important;
    align-items:center!important;
    width:220px!important;
    height:54px!important;
    overflow:hidden!important
  }
  html body.mk-v7 #masthead.site-header .site-logo img.header-image{
    width:220px!important;
    max-width:220px!important;
    height:54px!important;
    max-height:54px!important;
    object-fit:contain!important
  }
  html body.mk-v7 #masthead.site-header .mk-header-tools{
    grid-area:tools!important;
    justify-self:end!important;
    min-width:0!important
  }
  html body.mk-v7 #masthead.site-header #mobile-menu-control-wrapper{
    grid-area:toggle!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    margin:0!important
  }
  html body.mk-v7 #masthead.site-header #mobile-menu-control-wrapper .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    padding:10px!important;
    background:transparent!important
  }
  html body.mk-v7 #masthead.site-header #site-navigation{
    position:absolute!important;
    z-index:1001!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    border-top:1px solid #edf0ed!important;
    background:#fff!important
  }
  html body.mk-v7 #masthead.site-header #site-navigation:not(.toggled){display:none!important}
  html body.mk-v7 #masthead.site-header #site-navigation.toggled{
    display:block!important;
    box-shadow:0 12px 28px rgba(25,40,25,.12)!important
  }
  html body.mk-v7 #masthead.site-header #site-navigation.toggled>.inside-navigation.grid-container{
    display:block!important;
    width:100%!important;
    max-height:calc(100dvh - 106px)!important;
    padding:10px 20px 18px!important;
    overflow-y:auto!important;
    background:#fff!important
  }
  html body.mk-v7 #masthead.site-header #site-navigation.toggled .main-nav>ul{
    display:block!important;
    width:100%!important
  }
  html body.mk-v7 #masthead.site-header #site-navigation.toggled .main-nav>ul>li{
    display:block!important;
    width:100%!important
  }
  html body.mk-v7 #masthead.site-header #site-navigation.toggled .main-nav>ul>li>a{
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    height:auto!important;
    line-height:1.3!important;
    padding:12px 10px!important;
    white-space:normal!important;
    border-bottom:1px solid #f0f1ed!important
  }
}


/* Tablet homepage hero repair: prevent centered copy from being clipped above the image. */
@media (min-width:769px) and (max-width:1199px){
  body.home.mk-v7 .mk-demo-hero-inner,
  body.home.mk-v7 .mk-demo-hero-copy{
    height:500px!important;
    min-height:500px!important
  }
  body.home.mk-v7 .mk-demo-hero-copy{
    justify-content:flex-start!important;
    padding-top:40px!important;
    padding-bottom:88px!important
  }
  body.home.mk-v7 .mk-demo-hero-copy h1{
    font-size:clamp(38px,4vw,44px)!important
  }
}


/* CRO/UX hotfix 2026-09-26: keep primary desktop navigation labels readable. */
@media (min-width:1025px){
  .main-navigation .main-nav > ul > li > a{
    white-space:nowrap!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* Keep block checkout coupon and contact fields compact without shrinking touch targets. */
@media (max-width:768px){
  .wc-block-components-totals-coupon__form .wc-block-components-text-input input,
  .wp-block-woocommerce-checkout .wc-block-components-text-input input{
    min-height:48px!important;
  }
}

/* Mobile checkout: keep optional account sign-in useful without delaying the purchase form. */
@media (max-width:767px){
  body.woocommerce-checkout .mk-account-track{
    gap:9px!important;
    padding:12px!important;
    margin-bottom:14px!important;
  }
  body.woocommerce-checkout .mk-account-track__copy span,
  body.woocommerce-checkout .mk-account-track__chat,
  body.woocommerce-checkout .mk-account-track small{
    display:none!important;
  }
  body.woocommerce-checkout .mk-account-track__login{
    min-width:0!important;
    gap:7px!important;
  }
  body.woocommerce-checkout .mk-account-track__social{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.woocommerce-checkout .mk-account-track__social .mk-native-social{
    display:contents!important;
  }
  body.woocommerce-checkout .mk-account-track__social a{
    width:100%!important;
    min-height:42px!important;
    padding:7px 5px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
  }
  body.woocommerce-checkout .mk-native-login--google span:last-child,
  body.woocommerce-checkout .mk-native-login--facebook span:last-child,
  body.woocommerce-checkout .mk-social-login-zalo span:last-child{
    font-size:0!important;
  }
  body.woocommerce-checkout .mk-native-login--google span:last-child:after{content:'Google';font-size:12px}
  body.woocommerce-checkout .mk-native-login--facebook span:last-child:after{content:'Facebook';font-size:12px}
  body.woocommerce-checkout .mk-social-login-zalo span:last-child:after{content:'Zalo';font-size:12px}
  body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input input{
    height:48px!important;
    min-height:48px!important;
  }
}

/* 2026-09-26 — Homepage desktop proportion and alignment repair */
@media (min-width: 1280px) {
  body.home #masthead .inside-header.grid-container {
    width: min(calc(100% - 64px), 1440px) !important;
    max-width: 1440px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    grid-template-columns: 280px minmax(360px, 1fr) auto !important;
    column-gap: 28px !important;
  }

  body.home #site-navigation .inside-navigation,
  body.home #site-navigation .main-nav,
  body.home #site-navigation .main-nav > ul {
    width: 100% !important;
    max-width: none !important;
  }

  body.home #site-navigation .main-nav > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
  }

  body.home #site-navigation .main-nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  body.home .mk-home-final {
    width: 100% !important;
    max-width: none !important;
  }

  body.home .mk-home-final > .mk-demo-hero,
  body.home .mk-demo-trust,
  body.home .mk-home-shell {
    width: min(calc(100% - 64px), 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.home .mk-home-final > .mk-demo-hero {
    padding: 12px 0 0 !important;
  }

  body.home .mk-demo-hero-inner,
  body.home .mk-demo-hero-img,
  body.home .mk-demo-hero-copy {
    height: clamp(440px, 29vw, 500px) !important;
    min-height: clamp(440px, 29vw, 500px) !important;
  }

  body.home .mk-demo-hero-copy {
    width: 40% !important;
    padding: 42px 48px 88px !important;
  }

  body.home .mk-demo-hero-copy h1 {
    font-size: clamp(46px, 3.2vw, 56px) !important;
    line-height: 1.03 !important;
  }

  body.home .mk-demo-trust {
    margin-top: -64px !important;
  }

  body.home .mk-home-section {
    width: 100% !important;
  }

  body.home .mk-home-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* Complete the homepage wide-canvas fix: the theme page wrapper was still capped at 1280px. */
@media (min-width: 1280px) {
  body.home #page.site.grid-container {
    width: 100% !important;
    max-width: none !important;
  }
}