/* ==========================================================================
   ZanCMS theme: agrolis
   Industry: crop protection and crop nutrition inputs (EU + North America)
   Stack: self-contained single stylesheet, system font stacks only, no webfonts.
   Layout language: cream/white section alternation, full-bleed forest bands,
   gold hairline caps, diagonal field-row hatching, 2px radius, flat surfaces.
   ========================================================================== */

:root{
  --ag-ink:#0f2418;
  --ag-ink-soft:#2c4a37;
  --ag-forest:#17512f;
  --ag-forest-2:#113d24;
  --ag-leaf:#2c7a4b;
  --ag-sprout:#8fbf5a;
  --ag-gold:#d9a520;
  --ag-gold-2:#f0c34a;
  --ag-clay:#a8542e;
  --ag-sky:#2f7fa6;
  --ag-cream:#fdfaf1;
  --ag-paper:#eef3e6;
  --ag-white:#ffffff;
  --ag-line:#d2ddc8;
  --ag-line-2:#e4ebdb;
  --ag-muted:#57705f;
  --ag-neg:#1d7a45;
  --ag-radius:2px;
  --ag-wrap:1240px;
  --ag-ff-display:Georgia,"Iowan Old Style","Times New Roman",Times,serif;
  --ag-ff-body:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --ag-ff-label:"Trebuchet MS","Segoe UI",Tahoma,sans-serif;
  --ag-ff-mono:Consolas,"Courier New",Courier,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ag-cream);color:var(--ag-ink);
  font-family:var(--ag-ff-body);font-size:16px;line-height:1.62;
  overflow-x:hidden;
}
body.agrolis-theme{font-synthesis-weight:none}
img{max-width:100%;height:auto;display:block}
a{color:var(--ag-forest);text-decoration:none}
a:hover{color:var(--ag-leaf)}
button{font:inherit}
h1,h2,h3,h4{font-family:var(--ag-ff-display);font-weight:400;letter-spacing:-.01em;color:var(--ag-ink);margin:0 0 12px}
h1{font-size:clamp(30px,4.4vw,54px);line-height:1.1}
h2{font-size:clamp(24px,3vw,38px);line-height:1.15}
h3{font-size:clamp(18px,2vw,23px);line-height:1.25}
p{margin:0 0 14px}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--ag-gold);outline-offset:2px}

/* ---------- shell ---------- */
.mh-wrap{width:min(var(--ag-wrap),93vw);margin:0 auto}
.mh-sec{padding:64px 0;position:relative}
.mh-sec-white{background:var(--ag-white)}
.mh-sec-cream{background:var(--ag-cream)}
.mh-sec-paper{background:var(--ag-paper)}
.mh-sec-forest{background:var(--ag-forest);color:#fff}
.mh-sec-forest h2,.mh-sec-forest h3,.mh-sec-forest h1{color:#fff}
.mh-dot{display:inline-block;width:7px;height:7px;background:var(--ag-gold);transform:skewX(-14deg);margin-right:9px;vertical-align:1px}
.mh-eyebrow{display:inline-flex;align-items:center;font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--ag-leaf);margin-bottom:12px}
.mh-eyebrow-light{color:var(--ag-gold-2)}
.mh-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;flex-wrap:wrap}
.mh-head{max-width:760px}
.mh-head p{color:var(--ag-muted);margin:8px 0 0}
.mh-lead{font-size:17px;color:var(--ag-ink-soft)}
.mh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.mh-more{display:inline-flex;align-items:center;gap:8px;font-family:var(--ag-ff-label);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--ag-gold);padding-bottom:3px;white-space:nowrap}
.mh-section-actions{margin-top:26px;display:flex;gap:18px;flex-wrap:wrap}
.mh-tag{display:inline-block;font-family:var(--ag-ff-label);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-forest);background:var(--ag-paper);border-left:3px solid var(--ag-leaf);padding:3px 9px;margin-bottom:10px}
.mh-num{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;font-family:var(--ag-ff-mono);font-size:12px;color:var(--ag-forest);border:1px solid var(--ag-line);background:var(--ag-cream)}
.mh-empty{text-align:center;padding:34px 20px;border:1px dashed var(--ag-line);border-radius:var(--ag-radius);background:var(--ag-cream)}
.mh-empty i{font-size:22px;color:var(--ag-leaf);margin-right:10px;vertical-align:-2px}
.mh-empty strong{display:inline;margin:0;font-family:var(--ag-ff-display);font-size:20px;font-weight:400}
.mh-empty p{color:var(--ag-muted);max-width:620px;margin:10px auto 14px}
.mh-tile-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;background:var(--ag-paper);color:var(--ag-forest);border:1px solid var(--ag-line);border-radius:var(--ag-radius);font-size:17px}
.mh-tile-ico.ink{background:var(--ag-forest);color:#fff;border-color:var(--ag-forest)}
.mh-tile-ico.sm{width:36px;height:36px;font-size:14px}
.mh-toolbar{margin:0 0 22px;padding:14px 16px;background:var(--ag-paper);border-left:4px solid var(--ag-gold);border-radius:var(--ag-radius)}
.mh-toolbar p{margin:0;color:var(--ag-ink-soft);font-size:14.5px}
.mh-toolbar i{color:var(--ag-clay);margin-right:6px}

/* ---------- buttons ---------- */
.mh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:var(--ag-radius);
  font-family:var(--ag-ff-label);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:background .18s,color .18s,border-color .18s;
}
.mh-btn i{color:currentColor}
.mh-btn-lg{min-height:52px;padding:0 26px;font-size:13.5px}
.mh-btn-sm{min-height:40px;padding:0 15px;font-size:12px}
.mh-btn-block{width:100%}
.mh-btn-gold{background:var(--ag-gold);color:var(--ag-ink)}
.mh-btn-gold:hover{background:var(--ag-gold-2);color:var(--ag-ink)}
.mh-btn-forest{background:var(--ag-forest);color:#fff}
.mh-btn-forest:hover{background:var(--ag-leaf);color:#fff}
.mh-btn-ink{background:var(--ag-ink);color:#fff}
.mh-btn-ink:hover{background:var(--ag-forest);color:#fff}
.mh-btn-white{background:#fff;color:var(--ag-forest);border-color:#fff}
.mh-btn-white:hover{background:var(--ag-cream);color:var(--ag-forest)}
.mh-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.mh-btn-outline:hover{background:rgba(255,255,255,.12);color:#fff}
.mh-btn-line{background:transparent;color:var(--ag-forest);border-color:var(--ag-line)}
.mh-btn-line:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.mh-btn svg,.mh-btn img{width:16px;height:16px}

/* ---------- header: two-tier field bar ---------- */
.mh-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--ag-line);transition:box-shadow .2s}
.mh-header.scrolled{box-shadow:0 6px 18px rgba(15,36,24,.10)}
.mh-topbar{background:var(--ag-forest-2);color:#e7f0e4;font-size:12.5px;transition:padding .2s}
.mh-topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.mh-topbar-left,.mh-topbar-right{display:flex;align-items:center;gap:16px;min-width:0}
.mh-topbar a{color:#e7f0e4;display:inline-flex;align-items:center;gap:7px;min-width:0}
.mh-topbar a:hover{color:var(--ag-gold-2)}
.mh-topbar a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mh-topbar i{color:var(--ag-gold)}
/* the number set in the mono face keeps the rail's numerals aligned with the language code */
.mh-topbar-phone{white-space:nowrap;font-family:var(--ag-ff-mono);font-size:12px;letter-spacing:.02em;color:#fff}
/* the tag and the chips carry {zan:uitext} strings whose length the design never sees,
   so both are held on one line and ellipsized instead of wrapping the utility rail */
.mh-topbar-tag{font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ag-sprout);min-width:0;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-topbar-chips{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;min-width:0;overflow:hidden}
.mh-bar{background:#fff}
.mh-bar-in{display:flex;align-items:center;gap:22px;min-height:76px;transition:min-height .2s}
.mh-header.scrolled .mh-bar-in{min-height:64px}
.mh-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0;max-width:290px}
.mh-brand-img{max-height:42px;width:auto}
.mh-brand-fallback{display:none;align-items:center;gap:11px;min-width:0}
.mh-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ag-forest);color:var(--ag-gold);border-radius:var(--ag-radius);font-size:17px;flex:0 0 auto}
.mh-brand-txt{display:flex;flex-direction:column;min-width:0}
.mh-brand-name{font-family:var(--ag-ff-display);font-size:19px;line-height:1.15;color:var(--ag-ink)}
.mh-brand-tag{font-family:var(--ag-ff-label);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-muted)}
.mh-nav{flex:1 1 auto;min-width:0}
.mh-idx{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.mh-idx>li{position:relative}
.mh-idx>li>a{
  display:inline-flex;align-items:center;gap:6px;padding:12px 11px;
  font-family:var(--ag-ff-label);font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ag-ink);
  border-bottom:2px solid transparent;
}
.mh-idx>li>a:hover,.mh-idx>li.on>a{color:var(--ag-forest);border-bottom-color:var(--ag-gold)}
.mh-idx>li>a i{font-size:9px;color:var(--ag-leaf)}
/* label wrapper: the CMS supplies the label and its length is unknown. Inside the drawer
   the label is free to wrap; on the desktop index bar it must stay on one line. */
.mh-idx-txt{min-width:0}
.mh-nav-tgl{display:none}
.mh-nav-sub,.mh-nav-sub2{display:none}
.mh-nav-mobile{display:none}
.mh-nav-sec,.mh-nav-grid,.mh-nav-cta,.mh-nav-contact,.mh-nav-meta{display:none}
.mh-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto;margin-left:auto}
.mh-tool-btn{
  width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;
  background:transparent;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-forest);cursor:pointer;
}
.mh-tool-btn:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.mh-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--ag-clay);color:#fff;font-family:var(--ag-ff-mono);font-size:10.5px;line-height:18px;text-align:center;display:none}
.mh-lang{position:relative}
.mh-lang-code{font-family:var(--ag-ff-mono);font-size:11px;text-transform:uppercase;margin-left:5px}
.mh-lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:170px;padding:6px;background:#fff;
  border:1px solid var(--ag-line);border-radius:var(--ag-radius);display:none;z-index:70;
}
.mh-lang.open .mh-lang-menu{display:block}
.mh-lang-menu a{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;color:var(--ag-ink);border-radius:var(--ag-radius)}
.mh-lang-menu a:hover,.mh-lang-menu a.on{background:var(--ag-paper);color:var(--ag-forest)}
/* language flags: the CMS ships them in public/static/common/images/language/<mark>.gif
   (16x11) and exposes them as {$zan.global.lang_logo} for the current language and
   {$lg.logo} inside a {zan:language} loop. box-shadow keeps the 16x11 pixel grid
   intact where a 1px border would eat into the flag */
.mh-flag{flex:0 0 auto;width:16px;height:11px;border-radius:2px;box-shadow:0 0 0 1px rgba(15,36,24,.14)}
.mh-lang-menu a.on .mh-flag{box-shadow:0 0 0 1px var(--ag-sprout)}
.mh-burger{
  display:none;width:40px;height:40px;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:var(--ag-forest);border:1px solid var(--ag-forest);border-radius:var(--ag-radius);cursor:pointer;
}
.mh-burger span{display:block;width:20px;height:2px;background:#fff}
/* inline expanding search inside the bar */
.mh-searchslot{flex:0 0 auto;width:0;overflow:hidden;transition:width .22s ease}
.mh-header.mh-search-on .mh-searchslot{width:270px}
.mh-search{display:flex;align-items:center;height:40px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);background:var(--ag-cream);min-width:250px}
.mh-search input{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;padding:0 12px;font-size:13.5px;color:var(--ag-ink)}
.mh-search input:focus{outline:0}
.mh-search button{width:44px;height:100%;flex:0 0 auto;border:0;background:var(--ag-gold);color:var(--ag-ink);cursor:pointer}
.mh-search button span{display:none}

/* ---------- drawer (mobile / narrow) ---------- */
@media (max-width:1120px){
  .mh-nav{
    position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);max-width:100%;
    background:var(--ag-cream);border-left:1px solid var(--ag-line);z-index:80;
    transform:translateX(102%);transition:transform .26s ease;overflow-y:auto;padding:0 22px calc(84px + env(safe-area-inset-bottom));
  }
  .mh-nav.open{transform:none}
  .mh-idx{display:block;padding-top:6px}
  .mh-idx>li{border-bottom:1px solid var(--ag-line-2)}
  .mh-idx>li>a{padding:14px 0;border-bottom:0;font-size:13.5px;width:100%}
  .mh-idx>li.on>a,.mh-idx>li>a:hover{border-bottom:0;color:var(--ag-forest)}
  .mh-nav-tgl{
    display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;
    position:absolute;top:5px;right:0;background:transparent;border:0;color:var(--ag-forest);cursor:pointer;
  }
  .mh-idx>li{position:relative;padding-right:44px}
  .mh-idx>li>a{padding-right:44px}
  /* the row already carries the toggle button on the right: the small chevron inside
     the link would render as a second, duplicate arrow */
  .mh-idx>li>a>i{display:none}
  .mh-nav-sub,.mh-nav-sub2{display:none;padding:2px 0 12px 14px;border-left:2px solid var(--ag-line)}
  .mh-idx li.open>.mh-nav-sub,.mh-nav-sub li.open>.mh-nav-sub2{display:block}
  /* level 2 rows need their own positioning context: without position:relative the
     absolute toggle anchored to the level 1 <li>, so the level 3 list had no reachable button */
  .mh-nav-sub>li{position:relative;padding-right:40px}
  .mh-nav-sub>li>a{padding-right:40px}
  .mh-nav-sub>li>.mh-nav-tgl{width:34px;height:34px;top:1px}
  .mh-nav-sub>li>a>i{display:none}
  .mh-nav-sub a,.mh-nav-sub2 a{display:block;padding:9px 0;font-size:13.5px;color:var(--ag-ink-soft)}
  .mh-nav-sub2 a{font-size:12.5px;color:var(--ag-muted)}
  .mh-idx li.open>.mh-nav-tgl i{transform:rotate(180deg)}
  .mh-nav-mobile{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-family:var(--ag-ff-label);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-muted);border-bottom:2px solid var(--ag-gold)}
  .mh-nav-close{width:36px;height:36px;flex:0 0 auto;background:transparent;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-ink);cursor:pointer}
  .mh-nav-sec{display:block;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-muted);margin:22px 0 10px}
  .mh-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mh-nav-grid a{display:flex;align-items:center;gap:9px;padding:11px 12px;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);font-size:13px;color:var(--ag-ink)}
  .mh-nav-grid i{color:var(--ag-leaf)}
  .mh-nav-cta{display:block;margin-top:18px}
  .mh-nav-contact{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--ag-line)}
  .mh-nav-contact a{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ag-ink-soft);min-width:0}
  .mh-nav-contact a i{color:var(--ag-leaf);flex:0 0 auto}
  .mh-nav-meta{display:block;margin-top:18px}
  .mh-ledger-row{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--ag-muted);padding:8px 0;border-top:1px dashed var(--ag-line)}
  .mh-ledger-row b{font-family:var(--ag-ff-label);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-forest)}
  .mh-strip-lang{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
  .mh-strip-lang a{display:inline-flex;align-items:center;gap:6px;font-family:var(--ag-ff-mono);font-size:11.5px;color:var(--ag-muted);text-transform:uppercase}
  .mh-strip-lang a.on{color:var(--ag-forest)}
}
@media (min-width:1121px){
  .mh-nav{display:flex;align-items:center;min-width:0;transition:opacity .18s ease}
  /* the index bar is a single row on desktop: items shrink and their label ellipsizes
     instead of wrapping to a second line, which would inflate the header */
  /* min-width:0 is also required on the list itself: without it the list keeps its
     max-content width and spills out of the bar, drawing its labels over the tool
     cluster and the inline search field */
  .mh-idx{flex-wrap:nowrap;min-width:0}
  .mh-idx>li{min-width:0}
  .mh-idx>li>a{min-width:0;max-width:100%;overflow:hidden}
  .mh-idx-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mh-idx>li:hover>.mh-nav-sub{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
  .mh-nav-sub{
    position:absolute;top:100%;left:0;min-width:380px;padding:16px 18px;background:#fff;
    border:1px solid var(--ag-line);border-top:3px solid var(--ag-gold);border-radius:var(--ag-radius);z-index:75;
  }
  .mh-nav-sub li{position:relative}
  .mh-nav-sub>li>a{display:block;padding:8px 0;font-size:13.5px;color:var(--ag-ink);border-bottom:1px solid var(--ag-line-2)}
  .mh-nav-sub li:hover>.mh-nav-sub2{display:block;position:absolute;top:-16px;left:100%;min-width:240px;padding:14px 16px;background:#fff;border:1px solid var(--ag-line);border-left:3px solid var(--ag-sprout);border-radius:var(--ag-radius);z-index:78}
  .mh-nav-sub2 li>a{display:block;padding:7px 0;font-size:13px;color:var(--ag-muted)}
  .mh-nav-sub2 li>a:hover{color:var(--ag-forest)}
  /* inline search overlays the index bar: the field sits in its own layer above the
     bar and the labels step aside for as long as it is open, so they can neither
     bleed over the field nor be sliced in half by it */
  .mh-searchslot{position:relative;z-index:6}
  .mh-header.mh-search-on .mh-nav{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}
}

/* ---------- hero: bright editorial band, photograph right, light timeline ---------- */
.mh-hero{position:relative;background:linear-gradient(180deg,#fffdf8 0%,var(--ag-cream) 100%);color:var(--ag-ink);overflow:hidden}
.mh-hero-glow{position:absolute;top:-160px;right:-150px;width:640px;height:640px;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(143,191,90,.30),rgba(143,191,90,0) 68%)}
.mh-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(118deg,rgba(44,122,75,.05) 0 1px,transparent 1px 24px);
}
.mh-hero-in{position:relative;z-index:2;padding:74px 0 0}
.mh-hero-grid{display:grid;grid-template-columns:6fr 5fr;gap:56px;align-items:center}
.mh-hero-copy{max-width:600px}
.mh-hero h1{margin-bottom:16px}
.mh-hero h1 .hl{color:var(--ag-leaf)}
.mh-hero .mh-lead{color:var(--ag-ink-soft)}
.mh-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
.mh-ledger{display:grid;gap:0;border-top:1px solid var(--ag-line);max-width:600px}
.mh-hero .mh-ledger-row{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--ag-line-2)}
.mh-hero .mh-ledger-row b{font-family:var(--ag-ff-label);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ag-forest)}
.mh-hero .mh-ledger-row span{font-size:13.5px;color:var(--ag-muted)}
/* right column: one photograph, the programme sheet rides on its lower left corner */
.mh-hero-media{position:relative;padding-left:34px}
.mh-hero-photo{
  margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--ag-paper);
  border:1px solid var(--ag-line);border-radius:var(--ag-radius);
  box-shadow:0 34px 60px -34px rgba(15,36,24,.45);
}
.mh-hero-photo img{width:100%;height:100%;object-fit:cover}
.mh-plot{
  position:absolute;left:0;bottom:0;width:min(100%,392px);
  background:#fff;border:1px solid var(--ag-line);border-left:4px solid var(--ag-gold);
  border-radius:var(--ag-radius);padding:20px;box-shadow:0 20px 40px -22px rgba(15,36,24,.35);
}
.mh-plot-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--ag-line-2);margin-bottom:8px}
.mh-plot-head b{font-family:var(--ag-ff-display);font-size:19px;color:var(--ag-ink);font-weight:400}
.mh-plot-head span{font-family:var(--ag-ff-label);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-leaf)}
.mh-plot-rows{display:grid;gap:0}
.mh-plot-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--ag-line)}
.mh-plot-row:last-child{border-bottom:0}
.mh-plot-row strong{font-family:var(--ag-ff-label);font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--ag-ink)}
.mh-plot-row em{display:block;font-family:var(--ag-ff-body);font-style:normal;font-size:11.5px;color:var(--ag-muted);letter-spacing:0}
.mh-plot-row span{font-family:var(--ag-ff-mono);font-size:13px;color:var(--ag-forest);white-space:nowrap}
.mh-plot-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.mh-chip{display:inline-block;padding:3px 8px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);font-family:var(--ag-ff-label);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ag-forest);background:var(--ag-cream)}
/* growth-stage timeline: one hairline, six nodes */
.mh-stagerail{margin-top:70px;padding:38px 0 44px;border-top:1px solid var(--ag-line);background:var(--ag-paper)}
.mh-stagerail-in{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.mh-stagerail-in::before{content:"";position:absolute;left:7px;right:calc(100% / 6 - 7px);top:6px;height:1px;background:var(--ag-line)}
.mh-stage{padding:32px 22px 0 0;border:0;position:relative}
.mh-stage::before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--ag-leaf)}
.mh-stage-n{font-family:var(--ag-ff-mono);font-size:11px;color:var(--ag-forest);display:block;margin-bottom:6px}
.mh-stage-label{font-family:var(--ag-ff-display);font-size:15.5px;color:var(--ag-ink);display:block}
.mh-stage-note{font-size:11.5px;color:var(--ag-muted);display:block;margin-top:3px}

/* ---------- trust strip ---------- */
.mh-trust{background:var(--ag-paper);border-bottom:1px solid var(--ag-line)}
.mh-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.mh-split .mh-facts{grid-template-columns:1fr 1fr}
.mh-fact{padding:22px 38px 22px 0;border-right:1px solid var(--ag-line)}
.mh-fact+.mh-fact{padding-left:38px}
.mh-fact:last-child{border-right:0;padding-right:0}
.mh-fact i{color:var(--ag-leaf);font-size:16px;display:inline-block;margin:0 9px 0 0;vertical-align:-1px}
.mh-fact b{display:inline;font-family:var(--ag-ff-display);font-size:17px;font-weight:400;margin-bottom:0}
.mh-fact span{display:block;margin-top:6px;font-size:13.5px;color:var(--ag-muted)}

/* ---------- crop strip ---------- */
.mh-cropstrip{background:var(--ag-ink);color:#fff;padding:0}
.mh-cropstrip-in{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding:16px 0}
.mh-cropstrip-in>p{margin:0;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ag-sprout);white-space:nowrap}
.mh-cropchips{display:flex;flex-wrap:wrap;gap:8px}
.mh-cropchip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.28);border-radius:var(--ag-radius);font-size:13px;color:#e7f0e4}
.mh-cropchip:hover{border-color:var(--ag-gold);color:var(--ag-gold-2)}
.mh-cropchip-n{font-family:var(--ag-ff-mono);font-size:10.5px;color:var(--ag-gold)}
.mh-cropchip em{font-style:normal;font-size:11.5px;color:#9db79a}

/* ---------- portfolio grid: 4 x 2 equal catalogue tiles ---------- */
.mh-portgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mh-port{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);display:flex;flex-direction:column;overflow:hidden;position:relative}
.mh-port::after{content:"";position:absolute;top:0;left:0;width:38px;height:4px;background:var(--ag-gold);transform:skewX(-18deg);transform-origin:left top}
.mh-port-media{aspect-ratio:5/4;background:var(--ag-paper);overflow:hidden;border-bottom:1px solid var(--ag-line)}
.mh-port-media img{width:100%;height:100%;object-fit:contain;padding:14px}
.mh-port-body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1 1 auto;gap:8px}
.mh-port-n{font-family:var(--ag-ff-mono);font-size:11px;color:var(--ag-muted)}
.mh-port-body h3{margin:0;font-size:18px}
.mh-port-body h3 a{color:var(--ag-ink)}
.mh-port-body p{font-size:13.5px;color:var(--ag-muted);margin:0;flex:1 1 auto}
.mh-port-rate{margin-top:auto;padding-top:10px;border-top:1px solid var(--ag-line-2);font-size:12.5px;color:var(--ag-forest)}
.mh-port-rate b{font-family:var(--ag-ff-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-muted);display:block}
.mh-port-ico{position:absolute;top:12px;right:12px;color:var(--ag-leaf);font-size:15px}

/* ---------- pressure matrix ---------- */
.mh-matrixwrap{margin-bottom:16px}
.mh-matrix{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius)}
.mh-matrix caption{caption-side:top;text-align:left;font-size:12.5px;color:var(--ag-muted);padding-bottom:10px}
.mh-matrix th,.mh-matrix td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--ag-line-2);font-size:14px;vertical-align:top}
.mh-matrix thead th{background:var(--ag-forest);color:#fff;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-bottom:0}
.mh-matrix tbody th{font-family:var(--ag-ff-display);font-weight:400;font-size:15.5px;color:var(--ag-ink);background:var(--ag-cream);width:24%}
.mh-matrix tbody tr:last-child th,.mh-matrix tbody tr:last-child td{border-bottom:0}
.mh-matrix-note{font-size:12.5px;color:var(--ag-muted);margin:0}
.mh-matrix-note i{color:var(--ag-clay);margin-right:6px}

/* ---------- product rows ---------- */
.mh-prows{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.mh-prow{display:grid;grid-template-columns:236px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--ag-line);align-items:start}
.mh-prow-media{position:relative;aspect-ratio:4/3;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;min-width:0;box-shadow:0 18px 34px -24px rgba(15,36,24,.40)}
.mh-prow-media>a{display:block;width:100%;height:100%}
.mh-prow-media img{width:100%;height:100%;object-fit:cover}
.mh-prow-inquire{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--ag-radius);background:var(--ag-gold);color:var(--ag-ink);font-size:15px;cursor:pointer;box-shadow:0 5px 14px rgba(15,36,24,.30)}
.mh-prow-inquire:hover{background:var(--ag-gold-2)}
.mh-prow-body{min-width:0}
.mh-prow-body h3{margin:0 0 6px;font-size:19px}
.mh-prow-body h3 a{color:var(--ag-ink)}
.mh-prow-body p{font-size:13.5px;color:var(--ag-muted);margin:0 0 10px}
.mh-prow-spec{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:10px}
.mh-prow-spec div{font-size:12.5px;color:var(--ag-ink-soft);border-bottom:1px dashed var(--ag-line);padding-bottom:4px;min-width:0}
.mh-prow-spec b{display:block;font-family:var(--ag-ff-label);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted)}
.mh-prow-actives{font-family:var(--ag-ff-mono);font-size:12px;color:var(--ag-forest);margin-bottom:10px}
.mh-prow-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.mh-prow-foot>a{color:var(--ag-forest);border-bottom:2px solid var(--ag-gold);padding-bottom:2px}
.mh-prow-foot>a:hover{color:var(--ag-leaf)}
.mh-prow-foot button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;background:var(--ag-forest);color:#fff;border:1px solid var(--ag-forest);border-radius:var(--ag-radius);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}
.mh-prow-foot button:hover{background:var(--ag-leaf);border-color:var(--ag-leaf)}

/* ---------- programme steps ---------- */
.mh-steps{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.mh-stepnav{display:flex;gap:8px;margin-top:14px}
.mh-stepnav button{width:40px;height:40px;flex:0 0 auto;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-forest);cursor:pointer}
.mh-stepnav button:hover{border-color:var(--ag-forest)}
.mh-step-track{display:grid;gap:12px;max-height:430px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--ag-line) transparent}
.mh-step-track::-webkit-scrollbar{width:6px}
.mh-step-track::-webkit-scrollbar-track{background:transparent}
.mh-step-track::-webkit-scrollbar-thumb{background:var(--ag-line);border-radius:3px}
.mh-step{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:16px;background:#fff;border:1px solid var(--ag-line);border-left:4px solid var(--ag-sprout);border-radius:var(--ag-radius);min-width:0}
.mh-step-n{font-family:var(--ag-ff-mono);font-size:17px;color:var(--ag-forest);border-right:1px solid var(--ag-line-2);padding-right:12px;min-width:0}
.mh-step-body{min-width:0}
.mh-step-body h3{margin:0 0 5px;font-size:17.5px}
.mh-step-body p{margin:0;font-size:13.5px;color:var(--ag-muted)}
.mh-stepstage{display:grid;gap:0;border-top:1px solid var(--ag-line)}
.mh-stepstage-row{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--ag-line)}
.mh-stepstage-row b{font-family:var(--ag-ff-mono);font-size:12px;color:var(--ag-clay)}

/* ---------- dossier band ---------- */
.mh-dossier{background:var(--ag-ink);color:#fff;padding:0}
.mh-dossier-in{padding:52px 0}
.mh-dossier .mh-head h2{color:#fff}
.mh-dossier .mh-head p{color:#b9ceb5}
.mh-dossier-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px;border-top:1px solid rgba(255,255,255,.2)}
.mh-dossier-cell{padding:20px 38px 20px 0;border-right:1px solid rgba(255,255,255,.16)}
.mh-dossier-cell+.mh-dossier-cell{padding-left:38px}
.mh-dossier-cell:last-child{border-right:0;padding-right:0}
.mh-dossier-cell b{display:block;font-family:var(--ag-ff-label);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ag-gold);margin-bottom:7px}
.mh-dossier-cell span{display:block;font-size:13.5px;color:#cfe0cc}
.mh-dossier-plates{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.mh-plate{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:var(--ag-radius);overflow:hidden;min-width:0}
.mh-plate figure{margin:0;aspect-ratio:1/1;background:rgba(255,255,255,.06);overflow:hidden}
.mh-plate figure img{width:100%;height:100%;object-fit:contain;padding:16px}
.mh-plate-body{display:flex;gap:12px;padding:14px 16px;align-items:flex-start;min-width:0}
.mh-plate-body h3{margin:0 0 4px;font-size:16px;color:#fff}
.mh-plate-body h3 a{color:#fff}
.mh-plate-body h3 a:hover{color:var(--ag-gold-2)}
.mh-plate-body time{font-family:var(--ag-ff-mono);font-size:11.5px;color:#9db79a}
.mh-plate-body .mh-tile-ico{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:var(--ag-gold-2)}

/* ---------- agronomy cards ---------- */
.mh-agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-acard{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:24px;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:11px 14px;min-width:0}
.mh-acard h3{margin:0;font-size:19px;flex:1 1 auto;min-width:0}
.mh-acard p{margin:0;font-size:13.5px;color:var(--ag-muted);flex:1 1 100%}
.mh-acard ul{display:grid;gap:6px;font-size:13px;color:var(--ag-ink-soft);flex:1 1 100%}
.mh-acard ul li{padding-left:16px;position:relative}
.mh-acard ul li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:2px;background:var(--ag-gold)}

/* ---------- markets band ---------- */
.mh-markets{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.mh-market-col h3{font-size:19px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--ag-gold)}
.mh-market-list{display:grid;gap:0}
.mh-market-list li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--ag-line-2);font-size:13.5px;color:var(--ag-ink-soft);min-width:0}
.mh-market-list li span:last-child{font-family:var(--ag-ff-mono);font-size:11.5px;color:var(--ag-muted);white-space:nowrap}
.mh-market-note{margin-top:20px;padding:14px 16px;background:var(--ag-paper);border-left:4px solid var(--ag-sky);border-radius:var(--ag-radius);font-size:13px;color:var(--ag-ink-soft)}

/* ---------- FAQ ---------- */
.mh-split{display:grid;grid-template-columns:1.85fr 1fr;gap:38px;align-items:start}
.mh-split>*{min-width:0}
.mh-faq{display:grid;gap:8px}
.mh-faq details{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);min-width:0}
.mh-faq summary{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;font-family:var(--ag-ff-display);font-size:17px;list-style:none}
.mh-faq summary::-webkit-details-marker{display:none}
.mh-faq summary::after{content:"+";margin-left:auto;font-family:var(--ag-ff-mono);font-size:17px;color:var(--ag-leaf)}
.mh-faq details[open] summary::after{content:"–";color:var(--ag-gold)}
.mh-faq details[open] summary{border-bottom:1px solid var(--ag-line-2)}
.mh-faq-a{padding:16px 18px;font-size:14px;color:var(--ag-ink-soft);min-width:0}
.mh-faq-a :last-child{margin-bottom:0}
.mh-side{display:grid;gap:16px}
.mh-side-card{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:22px;min-width:0}
.mh-side-card.dark{background:var(--ag-forest);color:#fff;border-color:var(--ag-forest)}
.mh-side-card.dark h3{color:#fff}
.mh-side-card.dark p{color:#cfe0cc}
/* on the dark card the muted grey note and the forest-green link are invisible:
   both are repainted on the light end of the palette so the mailto stays readable */
.mh-side-card.dark .mh-form-note{color:#cfe0cc}
.mh-side-card.dark .mh-form-note a{color:#e7f0e4;border-bottom:1px solid rgba(255,255,255,.32)}
.mh-side-card.dark .mh-form-note a:hover{color:var(--ag-gold-2);border-bottom-color:var(--ag-gold-2)}
.mh-side-card.dark .mh-form-note i{color:var(--ag-gold-2)}
.mh-side-card h3{font-size:18px;margin-bottom:8px}
.mh-side-card p{font-size:13.5px;color:var(--ag-muted)}
.mh-side-list{display:grid;gap:2px}
.mh-side-list a{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:13.5px;border-bottom:1px solid var(--ag-line-2);color:var(--ag-ink-soft)}
.mh-side-list i{color:var(--ag-leaf);font-size:10px}

/* ---------- journal ---------- */
.mh-jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-jcard{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mh-jcard figure{margin:0;aspect-ratio:3/2;background:var(--ag-paper);overflow:hidden;border-bottom:1px solid var(--ag-line)}
.mh-jcard figure img{width:100%;height:100%;object-fit:cover}
.mh-jcard-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}
.mh-jcard-metA,.mh-jcard-meta{display:flex;justify-content:space-between;gap:10px;font-family:var(--ag-ff-label);font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.mh-jcard-meta b{color:var(--ag-leaf)}
.mh-jcard-meta span{color:var(--ag-muted);font-family:var(--ag-ff-mono);font-weight:400}
.mh-jcard-body h3{margin:0;font-size:18px}
.mh-jcard-body h3 a{color:var(--ag-ink)}
.mh-jcard-body p{margin:0;font-size:13.5px;color:var(--ag-muted);flex:1 1 auto}

/* ---------- closing band ---------- */
.mh-closing{background:var(--ag-forest-2);color:#fff;position:relative;overflow:hidden}
.mh-closing::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(217,165,32,.16) 0 2px,transparent 2px 10px);opacity:.5;pointer-events:none}
.mh-closing-in{position:relative;z-index:2;display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center;padding:52px 0}
.mh-closing h2{color:#fff;margin-bottom:8px}
.mh-closing p{color:#cfe0cc;margin:0}
.mh-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

/* ---------- footer ---------- */
.mh-prefoot{background:var(--ag-paper);border-top:1px solid var(--ag-line);border-bottom:1px solid var(--ag-line)}
.mh-prefoot-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0;flex-wrap:wrap}
.mh-prefoot-in h3{font-size:clamp(20px,2.4vw,28px);margin-bottom:6px;max-width:640px}
.mh-prefoot-in p{margin:0;color:var(--ag-muted);max-width:640px;font-size:14px}
.mh-prefoot-actions{display:flex;gap:12px;flex-wrap:wrap}
.mh-footer{background:var(--ag-ink);color:#cfe0cc}
.mh-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:34px;padding:48px 0 34px}
.mh-foot-grid>*{min-width:0}
.mh-foot-brand img{max-height:42px;width:auto;margin-bottom:14px}
.mh-foot-brand p{font-size:13.5px;color:#9db79a;margin-bottom:16px}
.mh-foot-contact{display:grid;gap:12px}
.mh-foot-contact li{display:flex;gap:11px;font-size:13.5px;min-width:0}
.mh-foot-contact i{color:var(--ag-gold);margin-top:4px;flex:0 0 auto}
.mh-foot-contact small{display:block;font-family:var(--ag-ff-label);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7f9a7c}
.mh-foot-contact a{color:#dfeada}
.mh-foot-contact a:hover{color:var(--ag-gold-2)}
.mh-foot-col h4{font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-gold);margin-bottom:14px}
.mh-foot-col ul{display:grid;gap:1px}
.mh-foot-col a{display:block;padding:6px 0;font-size:13.5px;color:#cfe0cc}
.mh-foot-col a:hover{color:#fff}
.mh-foot-col p{font-size:13.5px;color:#9db79a}
.mh-subform{display:flex;gap:0;margin:12px 0 10px}
.mh-subform input{flex:1 1 auto;min-width:0;height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--ag-radius) 0 0 var(--ag-radius);font-size:13.5px}
.mh-subform input::placeholder{color:#8fa98c}
.mh-subform button{height:44px;flex:0 0 auto;padding:0 16px;border:0;background:var(--ag-gold);color:var(--ag-ink);border-radius:0 var(--ag-radius) var(--ag-radius) 0;font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.mh-subform-note{font-size:12px;color:#8fa98c;display:flex;gap:8px;align-items:center}
.mh-subform-note i{color:var(--ag-sprout)}
.mh-foot-bar{border-top:1px solid rgba(255,255,255,.14)}
.mh-foot-bar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;flex-wrap:wrap}
.mh-copy{font-size:12.5px;color:#8fa98c}
.mh-foot-chips{display:flex;gap:14px;flex-wrap:wrap}
.mh-foot-chips a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#b9ceb5}
.mh-foot-chips a:hover{color:var(--ag-gold-2)}

/* ---------- modal / toast / floats ---------- */
.mh-noscroll{overflow:hidden}
.mh-modal{position:fixed;inset:0;background:rgba(15,36,24,.62);z-index:120;display:none;align-items:center;justify-content:center;padding:20px}
.mh-modal.on{display:flex}
.mh-modal-box{position:relative;display:grid;grid-template-columns:1fr 1.15fr;width:min(940px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:var(--ag-radius);border-top:5px solid var(--ag-gold)}
.mh-modal-box>*{min-width:0}
/* position:relative on the card is what anchors this button: the overlay is the only
   other positioned ancestor, which used to park the close button in the corner of the
   screen instead of the corner of the dialog */
.mh-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-ink);cursor:pointer;z-index:3}
.mh-modal-side{background:var(--ag-forest);color:#fff;padding:56px 26px 30px;position:relative}
.mh-modal-side h3{color:#fff;font-size:23px}
.mh-modal-side p{color:#cfe0cc;font-size:13.5px}
.mh-modal-list{display:grid;gap:10px;margin-top:16px}
.mh-modal-list li{display:flex;gap:10px;font-size:13.5px;color:#dfeada}
.mh-modal-list i{color:var(--ag-gold-2);margin-top:4px}
.mh-modal-body{padding:56px 26px 30px}
.mh-form{display:grid;gap:12px}
.mh-form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mh-form-2>*{min-width:0}
.mh-form input[type=text],.mh-form input[type=email],.mh-form textarea,.mh-form-row textarea{
  width:100%;padding:12px 13px;border:1px solid var(--ag-line);background:var(--ag-cream);border-radius:var(--ag-radius);
  font-family:var(--ag-ff-body);font-size:14px;color:var(--ag-ink);
}
.mh-form input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.mh-form-vertify{display:flex;gap:10px;align-items:center}
.mh-form-vertify input{flex:1 1 auto;min-width:0}
.mh-captcha{width:120px;height:48px;flex:0 0 auto;border:1px solid var(--ag-line);border-radius:var(--ag-radius);cursor:pointer}
.mh-form-note{font-size:12px;color:var(--ag-muted);margin:8px 0 0;display:flex;gap:8px;align-items:center}
.mh-form-note i{color:var(--ag-leaf)}
.mh-toast{
  position:fixed;bottom:96px;left:50%;transform:translateX(-50%) translateY(10px);z-index:140;
  display:flex;gap:12px;align-items:center;max-width:calc(100vw - 40px);padding:13px 18px;
  background:var(--ag-ink);color:#fff;border-left:4px solid var(--ag-gold);border-radius:var(--ag-radius);
  opacity:0;transition:opacity .3s,transform .3s;
}
.mh-toast.on{opacity:1;transform:translateX(-50%)}
.mh-toast i{color:var(--ag-gold-2)}
.mh-toast strong{display:block;font-size:13.5px}
.mh-toast a{color:var(--ag-gold-2);font-size:12.5px}
.success-overlay{position:fixed;inset:0;background:rgba(15,36,24,.62);z-index:145;display:flex;align-items:center;justify-content:center;padding:20px}
.success-box{background:#fff;border-radius:var(--ag-radius);border-top:5px solid var(--ag-sprout);padding:32px;text-align:center;max-width:420px}
.success-icon i{font-size:38px;color:var(--ag-sprout)}
.success-box h3{margin:14px 0 8px}
.success-box p{color:var(--ag-muted);font-size:14px}
.mh-wa,.mh-totop{position:fixed;right:18px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ag-radius);z-index:90}
.mh-wa{background:#25d366;color:#fff;bottom:96px}
.mh-wa i{font-size:22px;color:#fff}
.mh-totop{bottom:158px;background:var(--ag-ink);color:#fff;border:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
.mh-totop.show{opacity:1;pointer-events:auto}
.mh-totop i{color:#fff}
.mh-mobar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;border-top:1px solid var(--ag-line);padding:9px 14px calc(9px + env(safe-area-inset-bottom));gap:10px}
.mh-mobar .mh-btn{flex:1 1 0}
.mh-swipehint{display:none;margin:8px 0 0;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ag-muted)}
.mh-swipehint i{margin-right:6px;color:var(--ag-leaf)}

/* ---------- cookies ---------- */
.mh-cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:130;background:var(--ag-ink);color:#cfe0cc;transform:translateY(110%);transition:transform .3s}
.mh-cookiebar.on{transform:none}
.mh-cookie-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;flex-wrap:wrap}
.mh-cookie-in p{margin:0;font-size:13px;max-width:760px}
.mh-cookie-in a{color:var(--ag-gold-2)}
.mh-cookie-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- page head / breadcrumb (inner pages) ---------- */
.mh-pagehead{background:var(--ag-paper);border-bottom:1px solid var(--ag-line);position:relative;overflow:hidden}
.mh-pagehead::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,rgba(23,81,47,.05) 0 2px,transparent 2px 16px);pointer-events:none}
.mh-pagehead-in{position:relative;z-index:2;padding:40px 0 34px}
.mh-pagehead h1{font-size:clamp(26px,3.4vw,42px);margin-bottom:8px}
.mh-pagehead p{color:var(--ag-muted);max-width:820px;margin:0}
.mh-crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--ag-muted);margin-bottom:14px;font-family:var(--ag-ff-label);letter-spacing:.06em;text-transform:uppercase}
.mh-crumb a{color:var(--ag-leaf)}
.mh-crumb i{font-size:9px;color:var(--ag-line);align-self:center}

/* ---------- product list ---------- */
.mh-filterbar{position:static;z-index:auto;background:#fff;border-bottom:1px solid var(--ag-line);margin-bottom:26px}
.mh-filter-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;flex-wrap:wrap}
.mh-chipbar{display:flex;gap:8px;flex-wrap:wrap;min-width:0;overflow-x:auto;scrollbar-width:thin}
.mh-chipbar.dragging{cursor:grabbing}
.mh-chipbar a{display:inline-block;padding:7px 13px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ag-muted);white-space:nowrap}
.mh-chipbar a:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.mh-chipbar a.active{background:var(--ag-forest);border-color:var(--ag-forest);color:#fff}
.mh-sort{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:var(--ag-ff-label);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ag-muted)}
.mh-sort select{height:38px;padding:0 10px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);background:#fff;font-family:var(--ag-ff-body);font-size:13.5px;color:var(--ag-ink)}
.mh-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-card{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;display:flex;flex-direction:column;min-width:0;position:relative}
.mh-card-media{aspect-ratio:1/1;background:var(--ag-paper);overflow:hidden;border-bottom:1px solid var(--ag-line);position:relative}
.mh-card-media img{width:100%;height:100%;object-fit:cover}
.mh-card-cat{position:absolute;left:10px;top:10px;background:rgba(15,36,24,.85);color:#fff}
.mh-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0}
.mh-card-body h3{margin:0;font-size:18px}
.mh-card-body h3 a{color:var(--ag-ink)}
.mh-card-body p{margin:0;font-size:13.5px;color:var(--ag-muted);flex:1 1 auto}
.mh-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--ag-line-2);font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.mh-card-foot button{background:transparent;border:0;padding:0;color:var(--ag-clay);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}
.mh-card-rate{font-family:var(--ag-ff-mono);font-size:11.5px;color:var(--ag-forest)}

/* ---------- pagination ---------- */
.pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;margin:34px 0 0}
.pagination a,.pagination span a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 11px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);background:#fff;color:var(--ag-ink-soft);font-family:var(--ag-ff-mono);font-size:13px}
.pagination a:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.pagination span.active a{border-color:var(--ag-forest);background:var(--ag-forest);color:#fff}
.pagination i.iconfont{font-style:normal;line-height:1}
.pagination i.icon-arrow5::before{content:"\2039";font-size:18px}
.pagination i.icon-arrow6::before{content:"\203A";font-size:18px}
.pagination a:focus-visible{outline:2px solid var(--ag-gold);outline-offset:2px}

/* ---------- product detail ---------- */
.mh-pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:start}
.mh-pdp>*{min-width:0}
.mh-gallery{display:grid;gap:12px}
.mh-gallery-main{aspect-ratio:4/3;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-gallery-main img{width:100%;height:100%;object-fit:cover}
.mh-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,76px);gap:8px}
.mh-gallery-thumbs button{aspect-ratio:1/1;padding:0;border:1px solid var(--ag-line);border-radius:var(--ag-radius);background:var(--ag-paper);overflow:hidden;cursor:pointer}
.mh-gallery-thumbs button.on{border-color:var(--ag-gold);border-width:2px}
.mh-gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.mh-pdp-body h1{font-size:clamp(24px,3vw,36px);margin-bottom:10px}
.mh-pdp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px}
.mh-spec-table{width:100%;border-collapse:collapse;margin:20px 0 0;border:1px solid var(--ag-line);border-radius:var(--ag-radius)}
.mh-spec-table th,.mh-spec-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--ag-line-2);font-size:13.5px;vertical-align:top}
.mh-spec-table th{width:34%;background:var(--ag-cream);font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted)}
.mh-spec-table tr:last-child th,.mh-spec-table tr:last-child td{border-bottom:0}
.mh-pdp-detail{margin-top:36px;display:grid;grid-template-columns:1fr 300px;gap:38px;align-items:start}
.mh-pdp-detail>*{min-width:0}
.mh-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.mh-doctable{width:100%;border-collapse:collapse;border:1px solid var(--ag-line);border-radius:var(--ag-radius)}
.mh-doctable th,.mh-doctable td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--ag-line-2);font-size:13.5px}
.mh-doctable thead th{background:var(--ag-forest);color:#fff;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.mh-doctable tr:last-child td{border-bottom:0}

/* ---------- article list / detail ---------- */
.mh-listgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-lrow{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--ag-line);min-width:0}
.mh-lrow>*{min-width:0}
.mh-lrow figure{margin:0;aspect-ratio:3/2;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-lrow figure img{width:100%;height:100%;object-fit:cover}
.mh-article-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;align-items:center}
.mh-article-hero>*{min-width:0}
.mh-article-hero figure{margin:0;aspect-ratio:16/10;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-article-hero figure img{width:100%;height:100%;object-fit:cover}
.mh-article-body{max-width:820px}
.mh-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:26px 0 0;padding-top:20px;border-top:1px solid var(--ag-line)}
.mh-share a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);font-size:12.5px;color:var(--ag-ink-soft)}
.mh-share a:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.mh-share i{color:var(--ag-leaf)}
.mh-author{display:flex;gap:14px;align-items:center;margin-top:22px;padding:16px;background:var(--ag-paper);border-radius:var(--ag-radius);border-left:4px solid var(--ag-gold);font-size:13.5px;color:var(--ag-muted)}

/* ---------- single pages ---------- */
.mh-single{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:start}
.mh-single>*{min-width:0}
.mh-about-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mh-about-cols>*{min-width:0}
.mh-stagegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-stagegrid>*{min-width:0}
.mh-contact-split{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:start}
.mh-contact-split>*{min-width:0}
.mh-legal{max-width:900px}
.mh-legal h2{font-size:23px;margin-top:30px}
.mh-catalogsplit{display:grid;grid-template-columns:1fr 1.3fr;gap:38px;align-items:start}
.mh-catalogsplit>*{min-width:0}
.mh-faqpage{display:grid;gap:26px}
.mh-quotepage{display:grid;gap:0}
.mh-quote-head{display:grid;grid-template-columns:64px 1fr 110px 96px;gap:14px;padding:11px 0;border-bottom:2px solid var(--ag-forest);font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted)}
.mh-quote-row{display:grid;grid-template-columns:64px 1fr 110px 96px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ag-line-2);min-width:0}
.mh-quote-row>*{min-width:0}
.mh-quote-media{aspect-ratio:1/1;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-quote-media img{width:100%;height:100%;object-fit:cover}
.mh-qty{display:flex;align-items:center;border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;height:40px}
.mh-qty button{width:34px;height:38px;background:var(--ag-cream);border:0;color:var(--ag-forest);cursor:pointer}
.mh-qty input{width:44px;height:38px;border:0;text-align:center;font-family:var(--ag-ff-mono);font-size:13.5px;color:var(--ag-ink)}
.mh-quote-remove{width:40px;height:40px;justify-self:end;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-clay);cursor:pointer}

/* ---------- search / tags ---------- */
.mh-results{display:grid;gap:0}
.mh-result{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:start;padding:20px 0;border-top:1px solid var(--ag-line);min-width:0}
.mh-result>*{min-width:0}
.mh-result-noimg{grid-template-columns:1fr auto}
.mh-result-media{aspect-ratio:1/1;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-result-media img{width:100%;height:100%;object-fit:cover}
.mh-result-body h3{margin:0 0 6px;font-size:18px}
.mh-result-body p{margin:0;font-size:13.5px;color:var(--ag-muted)}
.mh-result-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}
.mh-result-actions .mh-btn{flex:0 0 auto}
/* article list: larger landscape thumbnails */
body[e-page="lists_article"] .mh-result{grid-template-columns:260px 1fr auto;gap:22px;padding:28px 0}
body[e-page="lists_article"] .mh-result-media{aspect-ratio:4/3;box-shadow:0 18px 34px -24px rgba(15,36,24,.40)}

/* ---------- rich-text content (three-piece table behaviour) ---------- */
.detail-content{min-width:0;font-size:15px;color:var(--ag-ink-soft)}
.detail-content>*:first-child{margin-top:0}
.detail-content h2,.detail-content h3{color:var(--ag-ink);margin:26px 0 10px}
.detail-content ul,.detail-content ol{list-style:disc;padding-left:22px;margin:0 0 16px}
.detail-content ol{list-style:decimal}
.detail-content li{margin-bottom:6px}
.detail-content img{border-radius:var(--ag-radius);margin:12px 0}
.detail-content a{text-decoration:underline;text-decoration-color:var(--ag-gold);text-underline-offset:3px}
.detail-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:18px 0}
.detail-content th,.detail-content td{border:1px solid var(--ag-line);padding:10px 13px;font-size:14px;text-align:left}
.detail-content thead th{background:var(--ag-forest);color:#fff;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.tablewrap-scroll{overflow-x:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}
.tablewrap-scroll table{display:block}
.tablewrap.is-scrollable{position:relative}
.tablewrap.is-scrollable::after{content:"";position:absolute;top:0;right:0;bottom:0;width:26px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(15,36,24,.14))}
.tablewrap.is-scrollable.at-end::after{display:none}

/* every column container keeps min-width:0 so wide tables cannot blow the grid open */
.mh-split>*,.mh-portgrid>*,.mh-prows>*,.mh-steps>*,.mh-dossier-cells>*,.mh-dossier-plates>*,.mh-agrid>*,.mh-markets>*,.mh-jgrid>*,.mh-foot-grid>*,.mh-pgrid>*,.mh-related>*,.mh-listgrid>*,.mh-stagegrid>*,.mh-about-cols>*,.detail-content{min-width:0}

/* ---------- responsive ---------- */
@media (max-width:1120px){
  .mh-hero-grid{grid-template-columns:1fr;gap:34px}
  .mh-hero-in{padding-top:54px}
  .mh-hero-media{padding:0}
  .mh-hero-photo{aspect-ratio:16/10}
  .mh-plot{position:static;width:auto;margin-top:20px;box-shadow:none}
  .mh-stagerail{margin-top:48px}
  .mh-cropstrip-in{grid-template-columns:1fr;gap:12px}
  .mh-portgrid{grid-template-columns:repeat(3,1fr)}
  .mh-pdp,.mh-pdp-detail,.mh-article-hero,.mh-single,.mh-contact-split,.mh-catalogsplit{grid-template-columns:1fr;gap:30px}
  .mh-prows{grid-template-columns:1fr}
  .mh-split{grid-template-columns:1fr;gap:28px}
  .mh-steps{grid-template-columns:1fr;gap:26px}
  .mh-burger{display:flex}
  .mh-cta-desktop{display:none}
  .mh-header.mh-search-on .mh-searchslot{width:220px}
}
@media (max-width:900px){
  .mh-wrap{width:auto;margin:0 20px}
  .mh-sec{padding:48px 0}
  .mh-facts,.mh-split .mh-facts{grid-template-columns:1fr 1fr}
  .mh-fact{padding:18px 30px 18px 0}
  .mh-fact+.mh-fact{padding-left:30px}
  .mh-fact:nth-child(odd){padding-left:0}
  .mh-fact:nth-child(2){border-right:0;padding-right:0}
  .mh-portgrid{grid-template-columns:1fr 1fr}
  .mh-dossier-cells{grid-template-columns:1fr 1fr}
  .mh-dossier-cell{padding:18px 30px 18px 0}
  .mh-dossier-cell+.mh-dossier-cell{padding-left:30px}
  .mh-dossier-cell:nth-child(odd){padding-left:0}
  .mh-dossier-cell:nth-child(2){border-right:0;padding-right:0}
  .mh-dossier-plates{grid-template-columns:1fr 1fr}
  .mh-agrid{grid-template-columns:1fr 1fr}
  .mh-jgrid{grid-template-columns:1fr 1fr}
  .mh-markets{grid-template-columns:1fr;gap:26px}
  .mh-pgrid{grid-template-columns:1fr 1fr}
  .mh-listgrid{grid-template-columns:1fr 1fr}
  .mh-stagegrid{grid-template-columns:1fr 1fr}
  .mh-about-cols{grid-template-columns:1fr}
  .mh-foot-grid{grid-template-columns:1fr 1fr;gap:28px}
  .mh-stagerail-in{grid-template-columns:1fr 1fr 1fr}
  .mh-stagerail-in::before{display:none}
  .mh-stage{border:0;border-bottom:1px solid var(--ag-line-2);padding:26px 16px 18px 0}
  .mh-closing-in{grid-template-columns:1fr;gap:22px}
  .mh-cta-actions{justify-content:flex-start}
  .mh-modal-box{grid-template-columns:1fr}
  /* on phones the card is a scrolling sheet that fills the screen: pin the close button
     to the viewport corner so it stays reachable while the form scrolls */
  .mh-modal-close{position:fixed;top:22px;right:22px}
  .mh-result{grid-template-columns:120px 1fr}
  body[e-page="lists_article"] .mh-result{grid-template-columns:200px 1fr}
  .mh-result-actions{grid-column:1/-1;justify-content:flex-start}
  .mh-article-body,.mh-legal{max-width:none}
  .mh-searchslot{display:none}
  .mh-header.mh-search-on .mh-searchslot{display:block;position:absolute;left:0;right:0;top:100%;width:auto;padding:10px 20px;background:#fff;border-bottom:1px solid var(--ag-line);box-shadow:0 8px 18px rgba(15,36,24,.10)}
  .mh-search{min-width:0;width:100%}
  .mh-bar{position:relative}
  .mh-lrow{grid-template-columns:1fr;gap:14px}
  .mh-lrow figure{aspect-ratio:16/9}
  .mh-prow{grid-template-columns:180px 1fr}
  .mh-quote-head{display:none}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .mh-mobar{display:flex}
  .mh-totop{bottom:84px;right:16px}
  .mh-wa{bottom:144px;right:16px}
  /* phones: the bar sits in the document flow, so the slide transform can no longer
     hide it - without a display switch it stayed on screen after accept/decline */
  .mh-cookiebar{position:static;transform:none;display:none}
  .mh-cookiebar.on{transform:none;display:block}
}
@media (max-width:600px){
  .mh-facts,.mh-split .mh-facts{grid-template-columns:1fr}
  .mh-fact{border-right:0;border-bottom:1px solid var(--ag-line);padding-right:0}
  .mh-fact+.mh-fact{padding-left:0}
  .mh-fact:last-child{border-bottom:0}
  .mh-portgrid{grid-template-columns:1fr}
  .mh-dossier-cells{grid-template-columns:1fr}
  .mh-dossier-cell{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding-right:0}
  .mh-dossier-cell+.mh-dossier-cell{padding-left:0}
  .mh-dossier-cell:last-child{border-bottom:0}
  .mh-dossier-plates{grid-template-columns:1fr}
  .mh-agrid{grid-template-columns:1fr}
  .mh-jgrid{grid-template-columns:1fr}
  .mh-pgrid{grid-template-columns:1fr}
  .mh-listgrid{grid-template-columns:1fr}
  .mh-stagegrid{grid-template-columns:1fr}
  .mh-foot-grid{grid-template-columns:1fr}
  .mh-stagerail-in{grid-template-columns:1fr 1fr}
  .mh-form-2{grid-template-columns:1fr}
  .mh-nav-grid{grid-template-columns:1fr}
  .mh-prow{grid-template-columns:1fr}
  .mh-prow-media{aspect-ratio:16/9}
  .mh-prow-spec{grid-template-columns:1fr}
  .mh-hero .mh-ledger-row{grid-template-columns:1fr;gap:4px}
  .mh-step{grid-template-columns:1fr;gap:8px}
  .mh-step-n{border-right:0;border-bottom:1px solid var(--ag-line-2);padding:0 0 6px}
  .mh-stepstage-row{grid-template-columns:1fr;gap:4px}
  .mh-result,.mh-result-noimg{grid-template-columns:1fr}
  body[e-page="lists_article"] .mh-result-media{aspect-ratio:16/9}
  .mh-result-actions{justify-content:flex-start}
  .mh-prefoot-actions .mh-btn{flex:1 1 auto}
  .mh-quote-row{grid-template-columns:60px 1fr;grid-template-areas:"media body" "qty remove";gap:10px}
  .mh-quote-media{grid-area:media}
  .mh-quote-row>.mh-quote-body{grid-area:body}
  .mh-quote-row>.mh-qty{grid-area:qty;justify-self:start;margin-top:6px}
  .mh-quote-row>.mh-quote-remove{grid-area:remove;align-self:center;justify-self:end}
  /* phones: header tables become labelled cards */
  .detail-content table,.mh-matrix,.mh-spec-table,.mh-doctable{display:block;width:100%}
  .detail-content table.table-stack,.mh-matrix.table-stack,.mh-spec-table.table-stack{
    display:block;border:0;background:transparent;
  }
  .detail-content table.table-stack thead,.mh-matrix.table-stack thead{display:none}
  .detail-content table.table-stack tr,.mh-matrix.table-stack tr{
    display:block;background:#fff;border:1px solid var(--ag-line);border-left:4px solid var(--ag-gold);
    border-radius:var(--ag-radius);margin-bottom:12px;padding:4px 0;
  }
  .detail-content table.table-stack td,.mh-matrix.table-stack td,.mh-matrix.table-stack th{
    display:block;width:auto;border:0;border-bottom:1px dashed var(--ag-line-2);white-space:normal;padding:9px 14px;font-size:13.5px;
  }
  .detail-content table.table-stack td:last-child,.mh-matrix.table-stack td:last-child,.mh-matrix.table-stack th:last-child{border-bottom:0}
  .detail-content table.table-stack td::before{content:attr(data-label);display:block;font-family:var(--ag-ff-label);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted);margin-bottom:3px}
  .detail-content table.table-stack td:first-child::before{display:none}
  .detail-content table.table-stack td:first-child{font-family:var(--ag-ff-display);font-size:16px;color:var(--ag-ink);background:var(--ag-cream)}
  .mh-matrix.table-stack th[scope=row]{font-family:var(--ag-ff-display);font-size:16px;background:var(--ag-cream)}
  .mh-matrix.table-stack th[scope=row]::before{display:none}
  .mh-matrix.table-stack td::before{content:attr(data-label);display:block;font-family:var(--ag-ff-label);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted);margin-bottom:3px}
  .mh-swipehint{display:none}
}
@media (max-width:480px){
  body{font-size:15.5px}
  .mh-brand-img{max-height:34px}
  .mh-brand-mark{width:34px;height:34px;font-size:15px}
  .mh-bar-in{gap:12px;min-height:66px}
  .mh-topbar-tag{display:none}
  .mh-topbar-left a:last-child{display:none}
  .mh-hero-in{padding-top:44px}
  .mh-hero-media{padding:0}
  .mh-stagerail{margin-top:38px;padding:30px 0 34px}
  .mh-stagerail-in{grid-template-columns:1fr}
  .mh-stage{border-bottom:1px solid var(--ag-line-2);padding:26px 0 18px}
  .mh-stage:last-child{border-bottom:0;padding-bottom:0}
  .mh-btn{min-height:44px;padding:0 15px;font-size:12px}
  .mh-modal-side,.mh-modal-body{padding:22px 18px}
}
/* ---------- header resilience ----------
   Measured, not guessed: at 600 px the utility rail reached 148 px and in de/es/ru the
   desktop index bar wrapped to two rows (134 px header) because every string in the rail
   and the index is supplied by the CMS in five languages. These rules keep the rail on one
   line, keep the index on one row and hand the space back to the index by compacting the
   tool cluster on mid-size desktops. */
@media (max-width:1400px){
  .mh-topbar-chips{display:none}
}
@media (min-width:1121px) and (max-width:1600px){
  .mh-cta-desktop span{display:none}
  .mh-cta-desktop{padding:0 12px}
  .mh-bar-in{gap:14px}
}
@media (min-width:1121px) and (max-width:1500px){
  .mh-idx>li>a{font-size:11.5px;letter-spacing:.02em;padding:12px 7px}
}
@media (max-width:400px){
  .mh-bar-in{gap:10px}
  .mh-tools{gap:5px}
  .mh-tool-btn{width:34px;height:34px}
  .mh-burger{width:36px;height:36px;gap:3px}
  .mh-burger span{width:18px}
  .mh-brand{flex:0 1 auto;min-width:0;max-width:46vw}
  .mh-brand-img{max-height:32px}
  .mh-topbar-right{gap:10px}
}
@media print{
  .mh-header,.mh-mobar,.mh-wa,.mh-totop,.mh-cookiebar,.mh-modal{display:none !important}
}

/* ============================================================
   Inner-page component set (lists, singles, quote, legal, reviews)
   ============================================================ */

/* ---------- spacing utilities ---------- */
.mh-mt{margin-top:26px}
.mh-mt-sm{margin-top:16px}
.mh-mb{margin-bottom:26px}
.mh-mb-sm{margin-bottom:14px}
.mh-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* keyboard skip link: off-screen until focused, then it lands on the gold rail */
.skip-link{
  position:absolute;top:-100px;left:16px;z-index:200;padding:9px 16px;
  background:var(--ag-forest);color:#fff;border-radius:var(--ag-radius);
  font-family:var(--ag-ff-label);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.skip-link:focus,.skip-link:focus-visible{top:8px;color:#fff;outline:2px solid var(--ag-gold);outline-offset:2px}
.mh-more-light{color:#fff;border-bottom-color:var(--ag-gold-2)}
.mh-more-light:hover{color:var(--ag-gold-2)}
.mh-btn.is-busy{opacity:.6;pointer-events:none}

/* ---------- breadcrumb bar (detail pages) ---------- */
.mh-crumbbar{background:var(--ag-paper);border-bottom:1px solid var(--ag-line)}
.mh-crumbbar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;flex-wrap:wrap}
.mh-crumbbar .mh-crumb{margin-bottom:0}
.mh-crumbbar .mh-more{font-size:11.5px}

/* ---------- check lists ---------- */
.mh-check-list{display:grid;gap:9px;font-size:13.5px;color:var(--ag-ink-soft);margin:0;padding:0;list-style:none}
.mh-check-list li{display:flex;gap:10px;align-items:flex-start;min-width:0}
.mh-check-list i{color:var(--ag-leaf);margin-top:3px;font-size:11px;flex:0 0 auto}
.mh-check-list a{color:var(--ag-leaf);word-break:break-word}
.mh-check-list a:hover{color:var(--ag-forest)}
.mh-check-list-dark{color:#cfe0cc}
.mh-check-list-dark i{color:var(--ag-gold-2)}
.mh-check-list-dark a{color:#fff}

/* ---------- aside product list ---------- */
.mh-side-prods{display:grid;gap:0}
.mh-side-prods a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ag-line-2);min-width:0}
.mh-side-prods a:last-child{border-bottom:0}
.mh-side-prods figure{margin:0;width:56px;height:56px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;display:flex;align-items:center;justify-content:center}
.mh-side-prods figure img{width:100%;height:100%;object-fit:cover}
.mh-side-prods span{font-size:13.5px;color:var(--ag-ink-soft);min-width:0}
.mh-side-prods a:hover span{color:var(--ag-forest)}
.mh-side-empty{font-size:13.5px;margin:0}
.mh-side-card.dark .mh-side-prods a{border-bottom-color:rgba(255,255,255,.16)}
.mh-side-card.dark .mh-side-prods span{color:#cfe0cc}

/* ---------- tag cloud ---------- */
.mh-tagcloud{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.mh-tagcloud .mh-tag{margin-bottom:0;border-left-width:2px}
.mh-tagcloud .mh-tag i{font-size:10px;color:var(--ag-leaf);margin-right:5px}
.mh-tagcloud .mh-tag:hover{background:var(--ag-forest);color:#fff}
.mh-tagcloud .mh-tag:hover i{color:#fff}
.mh-foot-chips .mh-tagcloud{gap:10px}

/* ---------- article head extras ---------- */
.mh-article-figure{margin:0 0 30px;aspect-ratio:16/9;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-article-figure img{width:100%;height:100%;object-fit:cover}
.mh-article-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--ag-line)}
.mh-article-tags>span{font-family:var(--ag-ff-label);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-muted);margin-right:2px}
.mh-article-tags .mh-tag{margin-bottom:0}
.mh-share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-ink-soft);background:#fff}
.mh-share-btn:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.mh-prenext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.mh-prenext a{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:16px 18px;min-width:0}
.mh-prenext a:hover{border-color:var(--ag-forest)}
.mh-prenext small{display:block;font-family:var(--ag-ff-label);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-muted);margin-bottom:6px}
.mh-prenext span{display:block;font-family:var(--ag-ff-display);font-size:16px;color:var(--ag-ink)}
.mh-toc{display:grid;gap:7px}
.mh-toc a{font-size:13.5px;color:var(--ag-ink-soft);padding-left:2px;border-left:2px solid transparent;padding-left:10px}
.mh-toc a:hover{color:var(--ag-forest)}
.mh-toc a.on{color:var(--ag-forest);font-weight:600;border-left-color:var(--ag-gold)}

/* ---------- numbered flow (about / process) ---------- */
.mh-timeline{display:grid;gap:0;border-top:1px solid var(--ag-line);margin:0;padding:0;list-style:none}
.mh-tl{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--ag-line);min-width:0}
.mh-tl>*{min-width:0}
.mh-tl h3{margin:0 0 5px;font-size:16.5px}
.mh-tl p{margin:0;font-size:13.5px;color:var(--ag-muted)}

/* ---------- principle cards (about) ---------- */
.mh-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-values>*{min-width:0}
.mh-value{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:24px;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:11px 14px;min-width:0}
.mh-value h3{margin:0;font-size:19px;flex:1 1 auto;min-width:0}
.mh-value p{margin:0;font-size:13.5px;color:var(--ag-muted);flex:1 1 100%}

/* ---------- release checklist (manufacturing) ---------- */
.mh-checks{display:grid;gap:0;border-top:1px solid var(--ag-line)}
.mh-check{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--ag-line);min-width:0}
.mh-check>*{min-width:0}
.mh-check h3{margin:0 0 5px;font-size:16.5px}
.mh-check p{margin:0;font-size:13.5px;color:var(--ag-muted)}

/* ---------- production line cards (manufacturing) ---------- */
.mh-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mh-stages>*{min-width:0}
.mh-stagecard{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mh-stagecard figure{margin:0;aspect-ratio:8/5;background:var(--ag-paper);border-bottom:1px solid var(--ag-line);overflow:hidden}
.mh-stagecard figure img{width:100%;height:100%;object-fit:cover}
.mh-stagecard-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.mh-stagecard-body h3{margin:0;font-size:18px}
.mh-stagecard-body p{margin:0;font-size:13.5px;color:var(--ag-muted)}

/* ---------- cover plate (catalogue) ---------- */
.mh-cover{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden;margin-bottom:0}
.mh-cover figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--ag-line);background:#fff}
.mh-cover figure img{width:100%;height:100%;object-fit:cover}
.mh-cover-body{padding:20px 22px}
.mh-cover-body b{display:block;font-family:var(--ag-ff-display);font-size:19px;font-weight:400;color:var(--ag-ink);margin-bottom:4px}
.mh-cover-body span:last-child{font-size:13px;color:var(--ag-muted)}
.mh-cover-rule{display:block;height:3px;width:64px;background:var(--ag-gold);margin-bottom:14px}

/* ---------- FAQ filter ---------- */
.mh-faq-search{display:flex;align-items:center;gap:10px;max-width:520px;height:48px;margin-top:22px;padding:0 14px;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius)}
.mh-faq-search i{color:var(--ag-leaf);flex:0 0 auto}
.mh-faq-search input{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;font-size:14.5px;color:var(--ag-ink)}
.mh-faq-search input:focus{outline:0}

/* ---------- legal section rail ---------- */
.mh-legal-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.mh-legal-nav h4{margin:0 4px 0 0;font-size:15px;font-family:var(--ag-ff-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ag-muted);font-weight:700}
.mh-legal-nav a{padding:8px 14px;border:1px solid var(--ag-line);border-radius:var(--ag-radius);font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ag-ink-soft);background:#fff}
.mh-legal-nav a:hover{border-color:var(--ag-forest);color:var(--ag-forest)}
.mh-legal-nav a.on{border-color:var(--ag-forest);color:var(--ag-forest);background:var(--ag-paper)}

/* ---------- header language button ---------- */
.mh-lang-btn{gap:7px;padding:0 9px;width:auto}
.mh-lang-btn .mh-lang-code{font-family:var(--ag-ff-mono);font-size:11px;letter-spacing:.06em}

/* ---------- quote / inquiry ---------- */
.mh-qsteps{background:var(--ag-paper);border-bottom:1px solid var(--ag-line)}
.mh-qsteps-in{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mh-qstep{display:flex;align-items:center;gap:12px;padding:16px 22px 16px 0;border-right:1px solid var(--ag-line);font-size:13.5px;color:var(--ag-muted);min-width:0}
.mh-qstep:last-child{border-right:0}
.mh-qstep.on{color:var(--ag-forest)}
.mh-qstep.on .mh-num{background:var(--ag-forest);color:#fff;border-color:var(--ag-forest)}
.mh-quote-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:38px;align-items:start}
.mh-quote-grid>*{min-width:0}
.mh-qtable{width:100%;border-collapse:collapse}
.mh-qtable thead th{text-align:left;padding:11px 0;border-bottom:2px solid var(--ag-forest);font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted)}
.mh-qtable tbody td{padding:16px 0;border-bottom:1px solid var(--ag-line-2);vertical-align:middle}
.mh-qrow-img{width:96px}
.mh-qrow-img a{display:flex;align-items:center;justify-content:center;width:76px;height:76px;background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);overflow:hidden}
.mh-qrow-img img{width:100%;height:100%;object-fit:cover}
.mh-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ag-leaf);font-size:20px}
.mh-qrow-title h3{margin:0 0 5px;font-size:16.5px}
.mh-qrow-title h3 a{color:var(--ag-ink)}
.mh-qrow-title small{font-family:var(--ag-ff-mono);font-size:11.5px;color:var(--ag-muted)}
.mh-qrow-qty,.mh-qrow-del{width:1%;white-space:nowrap;text-align:center}
.mh-qrow-qty .mh-qty{margin:0 auto}
.mh-qdel{width:40px;height:40px;background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);color:var(--ag-clay);cursor:pointer}
.mh-qdel:hover{border-color:var(--ag-clay)}
.mh-quote-more{margin:18px 0 0}
.mh-quote-form{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:24px;position:sticky;top:96px}
.mh-quote-form h3{font-size:19px;margin:14px 0 8px}
.mh-quote-form>p{font-size:13.5px;color:var(--ag-muted)}
.mh-quote-count{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--ag-line);font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted)}
.mh-quote-count b{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 8px;background:var(--ag-forest);color:#fff;font-family:var(--ag-ff-mono);font-size:12px;border-radius:var(--ag-radius)}

/* ---------- reviews / comments ---------- */
.mh-rev{display:grid;gap:18px}
.mh-rev-head h3{font-size:19px;margin:0}
.mh-rev-head i{color:var(--ag-leaf);margin-right:8px}
.mh-rev-list{display:grid;gap:14px}
.mh-rev-item{background:#fff;border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:16px;min-width:0}
.mh-rev-avatar{width:48px;height:48px;flex:0 0 auto;border-radius:50%;overflow:hidden;background:var(--ag-forest);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--ag-ff-display);font-size:17px}
.mh-rev-avatar img{width:100%;height:100%;object-fit:cover}
.mh-rev-body{min-width:0}
.mh-rev-body p{margin:10px 0 0;font-size:14px;color:var(--ag-ink-soft);word-break:break-word}
.mh-rev-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ag-muted);min-width:0}
.mh-rev-meta strong{font-family:var(--ag-ff-display);font-size:16px;font-weight:400;color:var(--ag-ink)}
.mh-stars{display:inline-flex;gap:3px;color:var(--ag-line);font-size:12px;align-items:center}
.mh-stars i{color:inherit}
.mh-stars i.active{color:var(--ag-gold)}
.mh-stars-pick a{color:inherit;padding:2px 1px;font-size:16px}
.mh-stars-pick a:hover{color:var(--ag-gold-2)}
.mh-rev-rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-family:var(--ag-ff-label);font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ag-muted)}
.mh-rev-rate .mh-stars{font-size:17px}
.mh-rev-form{background:var(--ag-paper);border:1px solid var(--ag-line);border-radius:var(--ag-radius);padding:24px}
.mh-rev-form-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.mh-rev-form-head h3{font-size:18px;margin:0}
.mh-rev-form-head p{margin:0;font-size:13px;color:var(--ag-muted)}
.mh-rev-msg{margin:0;font-size:13.5px;font-weight:600}
.mh-rev-msg.ok{color:var(--ag-forest)}
.mh-rev-msg.err{color:var(--ag-clay)}
.mh-rev-page{margin-top:22px}
.mh-form label{display:block;font-family:var(--ag-ff-label);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ag-muted);margin-bottom:7px}

/* ---------- image zoom dialog ---------- */
.mh-zoom{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(9,20,13,.94)}
.mh-zoom.on{display:flex}
.mh-zoom img{max-width:92vw;max-height:86vh;object-fit:contain;cursor:zoom-out;border-radius:var(--ag-radius)}
.mh-zoom button{position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff;border-radius:var(--ag-radius);cursor:pointer;font-size:17px}

/* ---------- add-to-quote button on cards ---------- */
.mh-card-add{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--ag-radius);background:var(--ag-gold);color:var(--ag-ink);cursor:pointer;font-size:14px;box-shadow:0 2px 8px rgba(15,36,24,.18)}
.mh-card-add:hover{background:var(--ag-gold-2)}

/* ---------- cookies ---------- */
.mh-cookie-copy{flex:1 1 auto;min-width:0;max-width:840px}
.mh-cookie-copy strong{display:block;font-family:var(--ag-ff-display);font-size:16px;color:#fff;margin-bottom:3px}

/* ---------- long-string guard ----------
   Every eyebrow, caption and label below can be replaced at runtime by a
   database-supplied {zan:uitext} / {zan:lang} string whose length the design
   never sees. None of them may push the document wider than the viewport. */
.mh-wrap,.mh-hero-copy,.mh-hero-photo,.mh-head,.mh-card-body,.mh-jcard-body,.mh-result-body,
.mh-side-card,.mh-pagehead-in,.mh-plain{overflow-wrap:break-word}
.mh-more{white-space:normal}

/* ---------- responsive additions ---------- */
@media (max-width:1120px){
  .mh-tl,.mh-check,.mh-rev-item{grid-template-columns:auto 1fr}
}
@media (max-width:900px){
  .mh-more,.mh-plot-row span,.mh-cropstrip-in>p,.mh-market-list li span:last-child,
  .mh-cropchip,.mh-cropchip span,.mh-cropchip em{white-space:normal}
}
@media (max-width:900px){
  .mh-quote-grid,.mh-qsteps-in{grid-template-columns:1fr}
  .mh-quote-form{position:static;top:auto}
  .mh-qstep{border-right:0;border-bottom:1px solid var(--ag-line);padding:14px 0}
  .mh-qstep:last-child{border-bottom:0}
  .mh-stages,.mh-values{grid-template-columns:1fr 1fr}
  .mh-prenext{grid-template-columns:1fr}
  .mh-crumbbar-in{gap:10px}
  .mh-rev-form{padding:20px}
}
@media (max-width:600px){
  .mh-stages,.mh-values{grid-template-columns:1fr}
  .mh-qtable thead{display:none}
  .mh-qtable,.mh-qtable tbody,.mh-qtable tr,.mh-qtable td{display:block;width:auto}
  .mh-qtable tbody tr{
    display:grid;
    grid-template-columns:92px 1fr;
    grid-template-areas:"img title" "qty del";
    gap:12px;
    padding:18px 0;
    border-bottom:1px solid var(--ag-line);
    align-items:start;
  }
  .mh-qtable tbody td{padding:0;border:0}
  .mh-qrow-img{grid-area:img;margin-bottom:0}
  .mh-qrow-img a{width:92px;height:92px}
  .mh-qrow-title{grid-area:title}
  .mh-qrow-qty{grid-area:qty;text-align:left;margin-top:0;align-self:center}
  .mh-qrow-qty .mh-qty{margin:0}
  .mh-qrow-del{grid-area:del;position:static;right:auto;bottom:auto;text-align:right;width:auto;align-self:center;justify-self:end}
  .mh-qty{height:36px}
  .mh-qty button{width:28px;height:34px}
  .mh-qty input{width:36px;height:34px}
  .mh-rev-item{grid-template-columns:1fr;gap:12px}
  .mh-side-prods a{grid-template-columns:48px 1fr;gap:10px}
  .mh-side-prods figure{width:48px;height:48px}
  .mh-article-figure{aspect-ratio:4/3}
  .mh-tagcloud{gap:7px}
}