/*
 * Електронен магазин — вариант 2 (emagazin-g.css), 12.10.2026 — подредбата и функциите на grainger.com,
 * лого и цветове — фирмените (бранд бук, tools/brandbook/bbkit.py): тъмно синьо #214A94, светло синьо #00A5E6,
 * оранжев акцент #FF7F27, текст #040811/#23272F, фон #F5F8FF, линии #D6E1F3. Шрифтовете на сайта: Commissioner
 * (текст) и Sofia Sans Extra Condensed (заглавия, ГЛАВНИ) — на сайта ги вгражда mehatroniks-skorost.php.
 * Контраст по WCAG (както mehatroniks-seo.php): връзките #0077A8 (4,7:1), оранжевият текст #B35400; върху
 * оранжев и светлосин фон — тъмен текст (#FF7F27 с бяло е 2,5:1). Всички класове са с представка mhg-.
 */
.mhg{--m-navy:#214a94;--m-navy-d:#19358a;--m-sky:#00a5e6;--m-link:#0077a8;--m-or:#ff7f27;--m-or-d:#f06a10;--m-or-t:#b35400;
  --m-ok:#1f8f3a;--m-ink:#040811;--m-txt:#23272f;--m-mute:#5b6475;--m-line:#d6e1f3;--m-wash:#f5f8ff;--m-band:#e9eff9;--m-hov:#eef3fb;
  --m-disp:'Sofia Sans Extra Condensed','Arial Narrow',Arial,sans-serif;
  font-family:Commissioner,'PT Sans',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;color:var(--m-txt);-webkit-font-smoothing:antialiased}
.mhg *,.mhg *::before,.mhg *::after{box-sizing:border-box}
.mhg [hidden]{display:none!important}
.mhg button,.mhg input,.mhg select,.mhg textarea{font-family:inherit;color:inherit}
.mhg h1,.mhg h2,.mhg h3,.mhg h4{font-family:inherit;color:inherit;padding:0;letter-spacing:normal}
.mhg ul{line-height:inherit}
.mhg a{transition:none}
.mhg-in{max-width:1480px;margin:0 auto;padding:0 16px}
.mhg-ico{width:18px;height:18px;flex:none}
.mhg-muted{color:var(--m-mute);font-size:13px}
html.mhg-lock{overflow:hidden}

/* ---------------------------------------------------------------- горна (бяла) лента с логото */
.mhg-top{background:#fff;color:var(--m-ink);border-bottom:1px solid var(--m-line)}
.mhg-top-in{display:flex;align-items:center;gap:28px;height:70px}
.mhg-logo{display:flex;align-items:center;gap:12px;flex:none;color:var(--m-navy);text-decoration:none;line-height:1}
.mhg-logo img{display:block;width:auto;height:48px}
.mhg-logo span{padding:4px 0 4px 12px;border-left:2px solid var(--m-or);font-family:var(--m-disp);font-size:19px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
/* на сайта логото е в хедъра над магазина — тук само „Е-магазин“ (15.10.2026) */
.mhg-logo.mhg-logo-bez span{padding-left:10px;border-left:4px solid var(--m-or)}
.mhg-top-nav{display:flex;gap:22px}
.mhg-top-nav a,.mhg-top-g{color:var(--m-ink);font-size:14px;font-weight:500;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.mhg-top-nav a:hover,.mhg-top-g:hover,.mhg-top-reg:hover{color:var(--m-navy);text-decoration:underline}
.mhg-top-r{margin-left:auto;display:flex;align-items:center;gap:16px}
.mhg-top-reg{color:var(--m-navy);text-decoration:none;font-weight:500}
.mhg-pill{background:var(--m-navy);color:#fff;border-radius:16px;padding:6px 18px;font-weight:600;text-decoration:none}
.mhg-pill:hover{background:var(--m-navy-d);color:#fff}
.mhg-dds{display:flex;align-items:center;gap:0;font-size:12px;color:var(--m-mute)}
.mhg-dds span{margin-right:6px}
.mhg-dds button{background:#fff;border:1px solid #9aa6b8;color:var(--m-ink);padding:3px 8px;font-size:12px;cursor:pointer}
.mhg-dds button:first-of-type{border-radius:2px 0 0 2px}
.mhg-dds button:last-of-type{border-radius:0 2px 2px 0;border-left:0}
.mhg-dds button.mhg-on{background:var(--m-navy);color:#fff;border-color:var(--m-navy)}
/* езикът на магазина (всички езици на ЕС) — кодът + падащ списък със самоназванията */
.mhg-ezik-l{position:relative;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--m-ink)}
.mhg-ezik-l::before{content:"";width:14px;height:14px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23123a6b' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20'/%3E%3C/svg%3E")}
.mhg-ezik-k{font-weight:700;letter-spacing:.04em}
.mhg-ezik{max-width:150px;height:26px;padding:0 4px;border:1px solid #9aa6b8;border-radius:2px;background:#fff;color:var(--m-ink);font-size:12px;cursor:pointer}
.mhg-ezik-pr{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#eef3f9;border-bottom:1px solid var(--m-line);font-size:13px}
.mhg-ezik-pr a{color:var(--m-navy);font-weight:500}
.mhg-ezik-bel{margin:6px 0;font-size:12px;font-style:italic}
.mhg-dost-dl{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mhg-dost-dl select{flex:1;min-width:0;height:32px;padding:0 6px;border:1px solid #9aa6b8;border-radius:2px;background:#fff;font-size:13px}
.mhg-bez-filtri .mhg-cols{grid-template-columns:minmax(0,1fr)}

/* ---------------------------------------------------------------- синя лента: Всички продукти, търсене, менюта, количка */
.mhg-bar{background:var(--m-navy);border-bottom:3px solid var(--m-or);position:sticky;top:var(--mhg-off,0px);z-index:50}
.mhg-bar-in{display:flex;align-items:center;gap:20px;height:56px}
.mhg-bar-b{display:flex;align-items:center;gap:6px;background:none;border:0;padding:8px 2px;color:#fff;font-size:16px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap}
.mhg-bar-b:hover span{text-decoration:underline}
.mhg-car{width:14px;height:14px}
.mhg-ham{display:none;width:24px;height:24px}
.mhg-ico-u{width:22px;height:22px}
.mhg-sf{flex:1;display:flex;position:relative;max-width:780px}
.mhg-q{flex:1;min-width:0;height:40px;border:0;border-radius:2px 0 0 2px;padding:0 12px;font-size:14px;background:#fff;color:var(--m-ink);outline:none}
.mhg-q:focus{box-shadow:inset 0 0 0 2px var(--m-sky)}
.mhg-sf-b{width:44px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--m-or);border:0;border-radius:0 2px 2px 0;color:var(--m-ink);cursor:pointer}
.mhg-sf-b:hover{background:var(--m-or-d)}
.mhg-sf-b .mhg-ico{width:20px;height:20px}
.mhg-cart-b{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;white-space:nowrap}
.mhg-cart-b:hover .mhg-cart-s{text-decoration:underline}
.mhg-cart-i{position:relative;display:flex}
.mhg-cart-i .mhg-ico{width:28px;height:28px}
.mhg-badge{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--m-or);color:var(--m-ink);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.mhg-cart-s{font-size:14px;font-weight:500}
.mhg-dd{position:relative}
.mhg-dd-m{position:absolute;top:calc(100% + 10px);left:0;min-width:280px;padding:8px 0;background:#fff;border-radius:2px;box-shadow:0 6px 20px rgba(0,0,0,.28);z-index:60}
.mhg-dd-acct .mhg-dd-m{left:auto;right:0}
.mhg-dd-i{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:10px 16px;background:none;border:0;color:var(--m-ink);font-size:14px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer}
.mhg-dd-i small{color:var(--m-mute);font-size:12px;font-weight:400}
.mhg-dd-i:hover{background:var(--m-hov);color:var(--m-link)}
.mhg-dd-login{border-bottom:1px solid var(--m-line);margin-bottom:4px}

/* „Всички продукти“ — меню в два панела */
.mhg-fly{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.32);z-index:55;max-height:calc(100vh - var(--mhg-off,0px) - 70px);overflow:auto}
.mhg-fly-in{display:grid;grid-template-columns:300px 1fr;min-height:420px;padding:0}
.mhg-fly-l{list-style:none;margin:0;padding:8px 0;background:var(--m-wash);border-right:1px solid var(--m-line)}
.mhg-fly-l a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;color:var(--m-ink);font-size:14px;text-decoration:none}
.mhg-fly-l a .mhg-ico{width:14px;height:14px;color:var(--m-mute)}
.mhg-fly-l li.mhg-on a{background:#fff;color:var(--m-link);font-weight:500}
.mhg-fly-r{padding:16px 28px 24px}
.mhg-fly-h{display:inline-block;margin-bottom:14px;color:var(--m-link);font-size:18px;font-weight:500;text-decoration:none}
.mhg-fly-h span{color:var(--m-mute);font-size:14px;font-weight:400}
.mhg-fly-h:hover{text-decoration:underline}
.mhg-fly-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 28px}
.mhg-fly-ch{color:var(--m-ink);font-weight:500;text-decoration:none}
.mhg-fly-ch:hover{color:var(--m-link);text-decoration:underline}
.mhg-fly-c ul,.mhg-fly-subs{list-style:none;margin:6px 0 0;padding:0}
.mhg-fly-subs{columns:2 240px;column-gap:28px}
.mhg-fly-c a:not(.mhg-fly-ch),.mhg-fly-subs a{color:var(--m-link);font-size:13px;line-height:1.9;text-decoration:none}
.mhg-fly-subs span{color:var(--m-mute)}
.mhg-fly-c a:not(.mhg-fly-ch):hover,.mhg-fly-subs a:hover{text-decoration:underline}

/* подсказки при търсене: категории + продукти */
.mhg-sugg{position:absolute;top:44px;left:0;width:min(880px,calc(100vw - 32px));background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);border-radius:2px;z-index:65;color:var(--m-ink)}
.mhg-sugg-in{display:grid;grid-template-columns:270px 1fr}
.mhg-sugg h4{margin:0 0 8px;color:var(--m-mute);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.mhg-sugg-k{padding:12px 12px 12px 14px;border-right:1px solid var(--m-line)}
.mhg-sugg-k button{display:block;width:100%;padding:6px 4px;background:none;border:0;font-size:14px;text-align:left;cursor:pointer}
.mhg-sugg-k button:hover{background:var(--m-hov)}
.mhg-sugg-k i{color:var(--m-mute);font-style:normal}
.mhg-sugg-p{padding:12px}
.mhg-sugg-p button{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;width:100%;padding:6px;background:none;border:0;text-align:left;cursor:pointer}
.mhg-sugg-p button:hover{background:var(--m-hov)}
.mhg-sugg-img{width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.mhg-sugg-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-sugg-t{min-width:0}
.mhg-sugg-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.3}
.mhg-sugg-c{display:block;color:var(--m-mute);font-size:12px}
.mhg-sugg-pr{color:var(--m-navy);font-weight:500;white-space:nowrap}
.mhg-sugg-p .mhg-sugg-all{display:block;color:var(--m-link);font-weight:500;padding:8px 6px}
.mhg-sugg-fix{padding:8px 14px;background:#fff8e1;font-size:13px}
.mhg-sugg-none{padding:14px}

.mhg-notice{margin:0;background:#fff8e1;border-bottom:1px solid #efe0ac;color:#5c4a00;font-size:12px}
.mhg-notice .mhg-in{display:block;padding-top:6px;padding-bottom:6px}
.mhg-viewport{padding-top:12px;padding-bottom:90px;min-height:60vh}   /* място за лентата „Сравнение“ долу */

/* ---------------------------------------------------------------- общи */
.mhg-crumbs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 16px}
.mhg-crumbs{font-size:12px}
.mhg-crumbs a{color:var(--m-link);text-decoration:none}
.mhg-crumbs a:hover{text-decoration:underline}
.mhg-crumb-sep{margin:0 6px;color:var(--m-mute)}
.mhg-h1{margin:0 0 4px;color:var(--m-navy);font-family:var(--m-disp);font-size:34px;font-weight:800;line-height:1.05;letter-spacing:.3px;text-transform:uppercase}
.mhg-h2{margin:0 0 10px;color:var(--m-navy);font-family:var(--m-disp);font-size:24px;font-weight:800;line-height:1.1;letter-spacing:.3px;text-transform:uppercase}
.mhg-h3{margin:18px 0 8px;font-size:15px;font-weight:500}
.mhg-count{margin-bottom:8px;color:var(--m-mute);font-size:13px}
.mhg-lead{max-width:920px;margin:0 0 16px;color:var(--m-txt)}
.mhg-note{max-width:920px;margin:4px 0;color:var(--m-mute);font-size:12px;font-style:italic}
.mhg-fix{display:inline-block;margin:6px 0;padding:6px 10px;background:#fff8e1;font-size:13px}
.mhg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1.5px solid transparent;border-radius:4px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer}
.mhg-btn-red{background:var(--m-or);border-color:var(--m-or);color:var(--m-ink)}
.mhg-btn-red:hover{background:var(--m-or-d);border-color:var(--m-or-d);color:var(--m-ink)}
.mhg-btn-dark{background:var(--m-navy);border-color:var(--m-navy);color:#fff}
.mhg-btn-dark:hover{background:var(--m-navy-d);border-color:var(--m-navy-d);color:#fff}
.mhg-btn-out{background:#fff;border-color:var(--m-navy);color:var(--m-navy);font-weight:600}
.mhg-btn-out:hover{background:var(--m-hov);color:var(--m-navy)}
.mhg-btn-sm{height:30px;padding:0 10px;font-size:13px}
.mhg-btn-grow{flex:1}
.mhg-btn-blk{width:100%;margin:8px 0}
.mhg-btn:disabled{opacity:.45;cursor:default}
.mhg-lnk{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;color:var(--m-link);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}
.mhg-lnk:hover{text-decoration:underline}
.mhg-lnk-w{color:#fff}
.mhg-ico-b{display:inline-flex;padding:4px;background:none;border:0;color:var(--m-mute);cursor:pointer}
.mhg-ico-b:hover{color:var(--m-or-t)}
.mhg-qty{width:58px;height:36px;border:1px solid #9aa6b8;border-radius:2px;padding:0 4px;font-size:14px;text-align:center;background:#fff}
.mhg-ql{display:flex;flex-direction:column;gap:2px;font-size:12px}
.mhg-lsel{height:30px;max-width:170px;border:1px solid #9aa6b8;border-radius:2px;padding:0 6px;font-size:13px;background:#fff}
.mhg-sel{height:34px;border:1px solid #9aa6b8;border-radius:2px;padding:0 8px;font-size:13px;background:#fff}
.mhg-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.mhg-thumb img,.mhg-ls-img img,.mhg-mini-img img,.mhg-tray-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-noimg{color:#b9c3d2;background:var(--m-wash)}
.mhg-noimg .mhg-ico{width:40%;height:40%;max-width:48px;max-height:48px}
.mhg-nal{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.mhg-nal i{width:8px;height:8px;border-radius:50%;background:#9a9a9a;flex:none}
.mhg-nal-nalichno{color:var(--m-ok)}
.mhg-nal-nalichno i{background:var(--m-ok)}
.mhg-nal-dost_bg{color:#1d6b8f}
.mhg-nal-dost_bg i{background:#2a8bb8}
.mhg-nal-dost_eu{color:#1d6b8f}
.mhg-nal-dost_eu i{background:#8fc3dc}
.mhg-nal-ochakva{color:#a65400}
.mhg-nal-ochakva i{background:#e08a00}
.mhg-nal-po_zayavka{color:var(--m-mute)}
.mhg-pb-l{font-size:13px}
.mhg-pb-v{color:var(--m-navy);font-size:18px;font-weight:700;line-height:1.2}
.mhg-pb-v span{color:var(--m-mute);font-size:12px;font-weight:400}
.mhg-pb-2{color:var(--m-mute);font-size:12px}
.mhg-pb-ask{color:var(--m-txt);font-size:15px;font-weight:500}
.mhg-pb-big .mhg-pb-v{font-size:26px}
.mhg-pb-sm .mhg-pb-l{display:none}
.mhg-pb-sm .mhg-pb-v{font-size:16px}
.mhg-cmp-cb{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.mhg-cmp-cb input,.mhg-fs-ul input{width:16px;height:16px;margin:0;accent-color:var(--m-navy);flex:none}
.mhg-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#e8f4fc;border:1px solid #b9d6ee;border-radius:14px;color:var(--m-navy-d);font-size:12.5px;cursor:pointer}
.mhg-chip .mhg-ico{width:12px;height:12px}
.mhg-chip:hover{border-color:var(--m-link)}
.mhg-empty{padding:28px;border:1px dashed #b9c3d2;text-align:center;color:var(--m-txt)}
.mhg-empty p{margin:0 0 12px}
.mhg-box{padding:16px;border:1px solid var(--m-line);background:#fff}
.mhg-doc{display:inline-flex;align-items:center;gap:6px;color:var(--m-link);font-size:13px;text-decoration:none}
.mhg-doc .mhg-ico{color:var(--m-or-t)}
.mhg-doc:hover span{text-decoration:underline}
.mhg-flags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.mhg-flag{padding:2px 8px;border-radius:2px;background:#fff3cd;color:#664d03;font-size:12px}

/* ---------------------------------------------------------------- първа страница, плочки */
.mhg-promo{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;border:1px solid var(--m-line)}
.mhg-promo-b{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:180px;padding:22px 26px;overflow:hidden;color:#fff;text-decoration:none}
.mhg-promo-b::before{content:"";position:absolute;top:-40px;right:-70px;width:280px;height:300px;transform:skewX(-20deg)}
.mhg-promo-b>*{position:relative}
.mhg-promo-1{background:var(--m-navy)}
.mhg-promo-1::before{background:var(--m-or)}
.mhg-promo-2{background:var(--m-ink)}
.mhg-promo-2::before{background:var(--m-sky)}
.mhg-promo-tag{align-self:flex-start;padding:2px 8px;background:var(--m-or);color:var(--m-ink);font-size:11px;font-weight:700;letter-spacing:1.5px}
.mhg-promo-2 .mhg-promo-tag{background:var(--m-sky)}
.mhg-promo-b b{max-width:72%;font-family:var(--m-disp);font-size:30px;font-weight:800;line-height:1.05;letter-spacing:.3px;text-transform:uppercase}
.mhg-promo-t{display:flex;align-items:center;gap:8px;font-size:14px}
.mhg-promo-a{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--m-or);color:var(--m-ink)}
.mhg-promo-b:hover b{text-decoration:underline}
.mhg-sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin:0 0 12px}   /* „Всички категории ›“ е nowrap — на 320 px минава под заглавието (като .mhg-grp-h) */
.mhg-sec-h h2{margin:0;color:var(--m-navy);font-family:var(--m-disp);font-size:28px;font-weight:800;line-height:1.1;letter-spacing:.3px;text-transform:uppercase}
.mhg-sec-h .mhg-more{margin-left:auto}
.mhg-more{color:var(--m-link);font-weight:500;text-decoration:none;white-space:nowrap}
.mhg-more:hover{text-decoration:underline}
.mhg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));list-style:none;margin:0 0 32px;padding:0;border-top:1px solid var(--m-line);border-left:1px solid var(--m-line)}
.mhg-tile{background:#fff;border-right:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
.mhg-tile>a{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:18px 12px;color:var(--m-ink);text-align:center;text-decoration:none}
.mhg-tile>a:hover .mhg-tile-n{color:var(--m-link);text-decoration:underline}
.mhg-tile-img{display:flex;align-items:center;justify-content:center;width:100%;max-width:180px;height:110px}
.mhg-tile-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-tile-n{font-size:14px;line-height:1.3}
.mhg-tile-c{color:var(--m-mute);font-size:12px}
/* първа страница: всяка група — отделен блок, плочките — отделни „прозорчета“ */
.mhg-grp{margin:0 0 36px;padding:16px 20px 20px;background:var(--m-wash);border:1px solid var(--m-line);border-top:4px solid var(--m-navy)}
.mhg-grp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--m-or)}
.mhg-grp-h h2{margin:0;color:var(--m-navy);font-family:var(--m-disp);font-size:28px;font-weight:800;line-height:1.1;letter-spacing:.3px;text-transform:uppercase}
.mhg-grp-h h2 a{color:inherit;text-decoration:none}
.mhg-grp-h h2 a:hover{text-decoration:underline}
.mhg-grp-c{color:var(--m-mute);font-size:13px}
.mhg-grp-h .mhg-more{margin-left:auto}
.mhg-tiles-box{gap:12px;margin:0;border:0}
.mhg-tiles-box .mhg-tile{border:1px solid var(--m-line);border-radius:4px;transition:border-color .15s,box-shadow .15s}
.mhg-tiles-box .mhg-tile:hover{border-color:var(--m-sky);box-shadow:0 4px 14px rgba(33,74,148,.14)}
.mhg-tiles-all .mhg-tile>a{height:auto;padding-bottom:8px}
.mhg-tile-kids{list-style:none;margin:0;padding:0 16px 16px;font-size:13px}
.mhg-tile-kids a{color:var(--m-link);line-height:1.8;text-decoration:none}
.mhg-tile-kids a:hover{text-decoration:underline}
.mhg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--m-line);border-left:1px solid var(--m-line)}
.mhg-cards>li{border-right:1px solid var(--m-line);border-bottom:1px solid var(--m-line);background:#fff}
.mhg-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:12px}
.mhg-card-img{display:block;height:140px}
.mhg-card-n{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--m-link);font-size:14px;line-height:1.3;text-decoration:none}
.mhg-card-n:hover{text-decoration:underline}
.mhg-card-c{color:var(--m-mute);font-size:12px}
.mhg-card-buy{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.mhg-card-buy .mhg-btn{flex:1 1 120px;min-width:0;padding:0 8px;font-size:13px}   /* в тясна карта бутонът минава под количеството */
.mhg-row{margin-top:32px}

/* ---------------------------------------------------------------- списък: филтри отляво */
.mhg-cols{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}
.mhg-main,.mhg-fam,.mhg-lh-t{min-width:0}
.mhg-side{position:sticky;top:calc(var(--mhg-off,0px) + var(--mhg-bar,56px) + 10px);max-height:calc(100vh - var(--mhg-off,0px) - var(--mhg-bar,56px) - 20px);overflow-y:auto;background:#fff;border:1px solid var(--m-line)}
.mhg-side-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--m-line)}
.mhg-side-top h2{flex:1;margin:0;color:var(--m-navy);font-family:var(--m-disp);font-size:22px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.mhg-side-x{display:none;background:none;border:0;cursor:pointer;padding:4px}
.mhg-fs{padding:12px 16px;border-bottom:1px solid var(--m-line)}
.mhg-fs:last-child{border-bottom:0}
.mhg-fs-t{margin:0 0 8px;font-size:14px;font-weight:500}
.mhg-fs-h{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;background:none;border:0;color:var(--m-ink);font-size:14px;font-weight:500;text-align:left;cursor:pointer}
.mhg-fs-car{width:20px;height:20px;color:var(--m-link);transition:transform .15s}
.mhg-fs-zatv .mhg-fs-car{transform:rotate(180deg)}
.mhg-fs-zatv .mhg-fs-b{display:none}
.mhg-fs-b{margin-top:10px}
.mhg-fs-ul{list-style:none;margin:0;padding:0}
.mhg-fs-scroll{max-height:214px;overflow-y:auto;padding:4px 8px;border:1px solid var(--m-line)}
.mhg-fs-ul label{display:flex;align-items:flex-start;gap:8px;padding:3px 0;font-size:13.5px;line-height:1.3;cursor:pointer}
.mhg-fs-ul input{margin-top:1px}
.mhg-fs-v{flex:1;min-width:0;overflow-wrap:anywhere}
.mhg-fs-n{padding-left:4px;color:var(--m-mute);white-space:nowrap}
.mhg-fs-qw{position:relative;margin-bottom:8px}
.mhg-fs-q{width:100%;height:34px;padding:0 30px 0 8px;border:1px solid #9aa6b8;border-radius:2px;font-size:13px}
.mhg-fs-qw .mhg-ico{position:absolute;top:9px;right:8px;width:16px;height:16px;color:var(--m-mute)}
.mhg-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;cursor:pointer}
.mhg-sw input{position:absolute;width:1px;height:1px;opacity:0}
.mhg-sw i{position:relative;flex:none;width:36px;height:20px;border-radius:10px;background:#b9c3d2;transition:background .15s}
.mhg-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.mhg-sw input:checked+i{background:var(--m-navy)}
.mhg-sw input:checked+i::after{left:18px}
.mhg-sw input:focus-visible+i{outline:2px solid var(--m-link);outline-offset:2px}
.mhg-price-f{display:flex;align-items:center;gap:6px}
.mhg-price-f input{flex:1;min-width:0;width:0;height:34px;padding:0 6px;border:1px solid #9aa6b8;border-radius:2px;font-size:13px}
.mhg-price-f span{color:var(--m-mute);font-size:12px}
.mhg-price-f .mhg-btn{height:34px;padding:0 12px;font-size:13px}

/* глава на списъка, „Свързани с …“, лента с подкатегориите */
.mhg-lh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-bottom:16px}
.mhg-rel{width:290px;padding:12px 16px;border:1px solid var(--m-line)}
.mhg-rel h2{margin:0 0 6px;font-size:14px;font-weight:500}
.mhg-rel ul{list-style:none;margin:0;padding:0}
.mhg-rel a{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #e3e9f3;color:var(--m-link);font-size:13px;text-decoration:none}
.mhg-rel a:hover span:last-child{text-decoration:underline}
.mhg-rel-img{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px}
.mhg-rel-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;list-style:none;margin:16px 0 4px;padding:0}
.mhg-strip a{display:flex;flex-direction:column;gap:6px;color:var(--m-ink);font-size:13px;line-height:1.3;text-decoration:none}
.mhg-strip-img{display:flex;align-items:center;justify-content:center;height:110px;padding:6px;background:#fff;border:1px solid var(--m-line)}
.mhg-strip-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-strip a:hover .mhg-strip-img{border-color:var(--m-link)}
.mhg-strip a:hover .mhg-strip-n{color:var(--m-link);text-decoration:underline}
.mhg-strip-c{color:var(--m-mute);font-size:12px}
.mhg-strip-on .mhg-strip-img{border-color:var(--m-link);box-shadow:inset 0 0 0 1px var(--m-link)}
.mhg-strip-on .mhg-strip-n{font-weight:700;color:var(--m-link)}
/* големи плочки — груповите снимки (ch.plochki = 'golemi', напр. Teknokol) */
.mhg-strip-g{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mhg-strip-g a{font-size:14px}
.mhg-strip-g .mhg-strip-img{height:220px;padding:10px}
.mhg-tiles-g{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.mhg-tiles-g .mhg-tile-img{max-width:none;height:220px}
.mhg-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:10px 0;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
.mhg-chips{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.mhg-sort-l{display:flex;align-items:center;gap:6px;font-size:13px}
.mhg-vw{display:flex;border:1px solid #9aa6b8;border-radius:2px;overflow:hidden}
.mhg-vw button{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:#fff;border:0;color:var(--m-mute);cursor:pointer}
.mhg-vw button.mhg-on{background:var(--m-navy);color:#fff}
.mhg-fbtn{display:none}

/* серия: сива лента, снимка, документи, таблица */
.mhg-fam{margin-bottom:30px}
.mhg-fam-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;padding:8px 12px;background:var(--m-band);border-left:4px solid var(--m-navy);color:var(--m-navy);font-family:var(--m-disp);font-size:26px;font-weight:800;line-height:1.1;letter-spacing:.3px;text-transform:uppercase}
.mhg-fam-h a{color:var(--m-navy);text-decoration:none}
.mhg-fam-h a:hover{color:var(--m-link);text-decoration:underline}
.mhg-fam-c{color:var(--m-mute);font-family:Commissioner,'PT Sans',Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}
.mhg-fam-top{display:flex;align-items:flex-start;gap:16px;padding:12px}
.mhg-fam-imgs{display:flex;flex-wrap:wrap;gap:8px;flex:none;max-width:396px}
.mhg-fam-img{display:flex;align-items:center;justify-content:center;flex:none;width:90px;height:90px}
.mhg-fam-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-fam-d p{margin:0 0 6px}
.mhg-fam-docs{display:flex;flex-wrap:wrap;gap:6px 20px}
.mhg-tw{width:100%}
.mhg-t{width:100%;border-collapse:collapse;font-size:12.5px}
.mhg-t thead th{position:sticky;top:calc(var(--mhg-off,0px) + var(--mhg-bar,56px));z-index:2;padding:8px 8px 6px;background:#fff;border-bottom:1px solid var(--m-mute);font-size:12px;font-weight:700;text-align:left;vertical-align:bottom}
.mhg-t thead th button{display:inline-flex;align-items:flex-end;gap:3px;padding:0;background:none;border:0;color:var(--m-ink);font:inherit;text-align:left;cursor:pointer}
.mhg-t thead th button:hover{color:var(--m-link);text-decoration:underline}
.mhg-sort{width:12px;height:12px;color:var(--m-link)}
.mhg-t td{padding:7px 8px;border-bottom:1px solid #e3e9f3;vertical-align:top}
.mhg-r{cursor:pointer}
.mhg-r:hover td{background:var(--m-wash)}
.mhg-r:focus-visible{outline:2px solid var(--m-link);outline-offset:-2px}
.mhg-r-on td{background:var(--m-hov);border-bottom-color:transparent}
.mhg-td-kod a{color:var(--m-link);font-weight:500;white-space:nowrap;text-decoration:none}
.mhg-td-kod a:hover{text-decoration:underline}
.mhg-th-pr,.mhg-td-pr{text-align:right;white-space:nowrap}
.mhg-t thead th.mhg-th-pr button{justify-content:flex-end}
.mhg-pr{color:var(--m-navy);font-size:13px;font-weight:700}
.mhg-pr-ask{color:var(--m-mute)}
.mhg-x>td{padding:0;border-bottom:1px solid var(--m-mute)}
.mhg-xd{display:grid;grid-template-columns:120px minmax(0,1fr) 310px;gap:20px;padding:16px;background:#fff;box-shadow:inset 0 0 0 1px #b9cbe8;cursor:default}
.mhg-xd-img{display:block;height:110px}
.mhg-xd-n{display:block;margin-bottom:8px;color:var(--m-ink);font-size:15px;font-weight:500;text-decoration:none}
.mhg-xd-n:hover{color:var(--m-link);text-decoration:underline}
.mhg-kv{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 8px;font-size:13px}
.mhg-kv dt{color:var(--m-mute)}
.mhg-kv dd{margin:0;font-weight:500}
.mhg-xd-i .mhg-lnk{margin-right:18px}
.mhg-xd-b{display:flex;flex-direction:column;gap:8px;padding-left:20px;border-left:1px solid var(--m-line)}
.mhg-xd-nal{display:flex;flex-direction:column;gap:2px}
.mhg-xd-k{display:flex;align-items:flex-end;gap:8px}
.mhg-xd-k .mhg-btn{flex:1}
.mhg-xd-l{display:flex;align-items:center;gap:10px}
.mhg-more-r{display:flex;align-items:center;gap:16px;padding:10px 0}

/* ---------------------------------------------------------------- продуктова страница */
.mhg-pp-act{display:flex;gap:8px}
.mhg-act{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--m-wash);border:0;border-radius:2px;color:var(--m-ink);font-size:12px;text-decoration:none;cursor:pointer}
.mhg-act .mhg-ico{width:14px;height:14px}
.mhg-act:hover{background:#e3e9f3}
.mhg-pp-top{display:grid;grid-template-columns:minmax(280px,430px) minmax(0,1fr) 330px;gap:28px;align-items:start;margin-bottom:28px}
.mhg-gal-m{display:flex;align-items:center;justify-content:center;height:390px;overflow:hidden;background:#fff;cursor:zoom-in}
.mhg-gal-m img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .08s}
.mhg-gal-m.mhg-zoom img{transform:scale(2.2)}
.mhg-gal-m.mhg-noimg{cursor:default}
.mhg-gal-t{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mhg-gal-t button{width:62px;height:62px;padding:3px;background:#fff;border:1px solid var(--m-line);cursor:pointer}
.mhg-gal-t button.mhg-on{border:2px solid var(--m-link)}
.mhg-gal-t img{width:100%;height:100%;object-fit:contain}
.mhg-gal-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}
.mhg-pp-h{margin:0 0 10px;font-size:20px;font-weight:500;line-height:1.35}
.mhg-pp-ids{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px;color:var(--m-mute);font-size:13px}
.mhg-pp-ids b{color:var(--m-ink);font-weight:500}
.mhg-pp-key{margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.75}
.mhg-pp-key span{color:var(--m-mute)}
.mhg-buy{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid var(--m-line)}
.mhg-buy-k{display:flex;align-items:flex-end;gap:8px}
.mhg-buy-nal{padding-top:10px;border-top:1px solid var(--m-line)}
.mhg-buy-nal-h{display:flex;align-items:center;gap:8px}
.mhg-buy-nal p{margin:4px 0 0;color:var(--m-txt);font-size:13px}
.mhg-buy-l{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--m-line)}
.mhg-buy-l .mhg-lsel{flex:1;max-width:none;height:36px}
.mhg-buy>.mhg-muted{margin:0}
/* „Допълнете с“ — свързаните продукти (P81, 14.10.2026): групи по роля в две колони, отметка + количество на всеки
   ред, лентата долу добавя отбелязаните наведнъж (залепва за долния край, докато се преглежда блокът) */
.mhg-sv-kam{align-self:flex-start;font-size:13.5px}
.mhg-sv-kam svg{width:16px;height:16px}
.mhg-sv{margin:0 0 28px;padding-top:20px;border-top:1px solid var(--m-line)}
.mhg-sv-uvod{margin:-4px 0 6px}
.mhg-sv-gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:0 28px;align-items:start}
.mhg-sv-g{margin-top:10px}
.mhg-sv-g summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:8px 0 6px;border-bottom:2px solid var(--m-navy);cursor:pointer;list-style:none}
.mhg-sv-g summary::-webkit-details-marker{display:none}
.mhg-sv-gt{color:var(--m-navy);font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.mhg-sv-u{color:var(--m-mute);font-size:12.5px}
.mhg-sv-gn{margin-left:auto;min-width:24px;padding:1px 7px;border-radius:10px;background:var(--m-band);color:var(--m-navy);font-size:12px;font-weight:700;text-align:center}
.mhg-sv-l{list-style:none;margin:0;padding:0}
.mhg-sv-r{display:grid;grid-template-columns:20px 56px minmax(0,1fr) auto 58px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #e3e9f3}
.mhg-sv-cb{display:flex}
.mhg-sv-cb input{width:18px;height:18px;margin:0;cursor:pointer}
.mhg-sv-im{display:flex}
.mhg-sv-img{display:flex;align-items:center;justify-content:center;width:56px;height:56px}
.mhg-sv-img img{max-width:100%;max-height:100%;object-fit:contain}
.mhg-sv-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--m-link);font-size:13px;line-height:1.3;text-decoration:none}
.mhg-sv-n:hover{text-decoration:underline}
.mhg-sv-k{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin-top:3px}
.mhg-sv-k .mhg-muted{font-size:12px}
.mhg-sv-c{font-size:14px;text-align:right;white-space:nowrap}
.mhg-sv-q .mhg-qty{width:58px;height:32px}
.mhg-sv-vsi{margin:8px 0 4px;font-size:13.5px}
/* кабелите и конекторите през двигателя (на страницата на задвижването) — отделен раздел под преките групи */
.mhg-sv-prez{margin-top:24px}
#mh-emagazin .mhg-sv-ph{margin:0;padding:0;color:var(--m-navy);font-size:16px;font-weight:700;line-height:1.3}
.mhg-sv-pp{margin:2px 0 2px;font-size:13px}
.mhg-sv-dolu{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;padding:10px 14px;background:var(--m-wash);border:1px solid var(--m-line)}
.mhg-sv-dolu.mhg-sv-ima{background:#fff;border-color:var(--m-navy);box-shadow:0 -4px 14px rgba(4,8,17,.12)}
/* чат балончето на сайта (64 px, 20 px от десния ръб) закриваше последния бутон — място вдясно, докато лентата стига до него */
.mhg-sv-dolu{padding-right:max(14px,calc(100px - max(0px,(100vw - 1480px) / 2)))}
.mhg-sv-st{margin-right:auto;font-size:13.5px}
.mhg-sv-dolu .mhg-lsel{height:36px}
.mhg-pp-b{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding-top:20px;border-top:1px solid var(--m-line)}
.mhg-pp-d p{max-width:920px;margin:0 0 8px;line-height:1.55}
.mhg-pp-d ul{margin:0 0 10px;padding-left:20px;line-height:1.55}
.mhg-pp-d .mhg-h2:not(:first-child){margin-top:28px}
.mhg-docs{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mhg-spec-g{margin:16px 0 4px;color:var(--m-navy);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.mhg-spec{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;margin:0}
.mhg-spec>div{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid #e3e9f3;font-size:13.5px}
.mhg-spec dt{flex:0 0 46%;color:var(--m-mute)}
.mhg-spec dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.mhg-simvol{max-width:260px;margin:12px 0}
.mhg-simvol img{width:100%}
.mhg-simvol figcaption{color:var(--m-mute);font-size:12px}
.mhg-mini{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #e3e9f3}
.mhg-mini-img{display:flex;align-items:center;justify-content:center;width:72px;height:72px}
.mhg-mini-n{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--m-link);font-size:13px;line-height:1.3;text-decoration:none}
.mhg-mini-n:hover{text-decoration:underline}
.mhg-mini-k{display:flex;gap:6px;margin-top:6px}
.mhg-mini-k .mhg-qty{width:50px;height:30px}
.mhg-pp-s .mhg-h2:not(:first-child){margin-top:24px}
.mhg-relk{list-style:none;margin:0;padding:0}
.mhg-relk a{color:var(--m-link);line-height:1.9;text-decoration:none}
.mhg-relk a:hover{text-decoration:underline}

/* ---------------------------------------------------------------- сравнение */
.mhg-tray{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--m-navy-d);border-top:3px solid var(--m-or);color:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.3)}
.mhg-tray-in{display:flex;align-items:center;gap:16px;min-height:64px}
.mhg-tray ul{flex:1;min-width:0;display:flex;gap:10px;list-style:none;margin:0;padding:6px 0;overflow-x:auto}
.mhg-tray li{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#fff;border-radius:2px;color:var(--m-ink);font-size:12px;white-space:nowrap}
.mhg-tray li button{display:flex;padding:0;background:none;border:0;color:var(--m-mute);cursor:pointer}
.mhg-tray li .mhg-ico{width:14px;height:14px}
.mhg-tray-img{display:flex;width:36px;height:36px}
.mhg-cmp{min-width:100%;border-collapse:collapse;font-size:13px}
.mhg-cmp th,.mhg-cmp td{padding:8px 10px;border:1px solid var(--m-line);text-align:left;vertical-align:top}
.mhg-cmp thead th{position:relative;width:22%;background:#fff;font-weight:400}
.mhg-cmp thead .mhg-thumb{height:110px}
.mhg-cmp-k{width:210px;background:var(--m-wash);font-weight:500}
.mhg-cmp thead th.mhg-cmp-k{font-weight:500}
.mhg-cmp-d td{background:#fffbe6}
.mhg-cmp-x{position:absolute;top:4px;right:4px;display:flex;padding:2px;background:none;border:0;cursor:pointer}
.mhg-cmp-n{display:block;margin:6px 0;color:var(--m-link);font-weight:500;text-decoration:none}

/* ---------------------------------------------------------------- списъци, бърза поръчка, количка */
.mhg-ls{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.mhg-ls-l ul{list-style:none;margin:0 0 12px;padding:0;border:1px solid var(--m-line)}
.mhg-ls-l li button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;background:#fff;border:0;border-bottom:1px solid #e3e9f3;font-size:14px;text-align:left;cursor:pointer}
.mhg-ls-l li:last-child button{border-bottom:0}
.mhg-ls-l li button.mhg-on{background:var(--m-hov);color:var(--m-link);font-weight:500;box-shadow:inset 3px 0 0 var(--m-link)}
.mhg-ls-l i{color:var(--m-mute);font-style:normal}
.mhg-ls-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mhg-ls-ime{min-width:280px;padding:4px 6px;border:1px solid transparent;border-radius:2px;font-size:18px;font-weight:500}
.mhg-ls-ime:hover,.mhg-ls-ime:focus{border-color:#9aa6b8}
.mhg-t-ls td{vertical-align:middle;font-size:13.5px}
.mhg-t-ls a{color:var(--m-link);text-decoration:none}
.mhg-t-ls a:hover{text-decoration:underline}
.mhg-t-ls thead th{position:static}
.mhg-ls-img{display:flex;align-items:center;justify-content:center;width:56px;height:56px}
.mhg-ls-sum{padding:12px 0;font-size:15px;text-align:right}
.mhg-ls-sum b{color:var(--m-navy);font-size:18px}
.mhg-ls-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.mhg-qo-g{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mhg-qo-t{width:100%;border-collapse:collapse}
.mhg-qo-t th{padding:4px;font-size:12px;text-align:left}
.mhg-qo-t td{padding:4px}
.mhg-qo-t td:last-child{width:80px}
.mhg-qo-kod{width:100%;height:36px;padding:0 8px;border:1px solid #9aa6b8;border-radius:2px;font-size:14px}
.mhg-qo-ta{width:100%;padding:8px;border:1px solid #9aa6b8;border-radius:2px;font:14px/1.5 Consolas,"Courier New",monospace}
.mhg-qo-rez{margin-top:20px}
.mhg-qo-rez .mhg-t thead th{position:static}
.mhg-ok{color:var(--m-ok)}
.mhg-qo-nyama{margin:12px 0;padding:12px 16px;background:#fdf3f4;border:1px solid #f0c2c9}
.mhg-qo-nyama .mhg-h3{margin-top:0}
.mhg-qo-nyama ul{margin:0;padding-left:18px;line-height:2.1}
.mhg-cart-g{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}
.mhg-cart-g .mhg-t thead th{position:static}
.mhg-cart-r{position:sticky;top:calc(var(--mhg-off,0px) + var(--mhg-bar,56px) + 12px)}
.mhg-tot{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0 0 12px;font-size:14px}
.mhg-tot dd{margin:0;text-align:right}
.mhg-tot-s{padding-top:8px;border-top:1px solid var(--m-line);font-size:18px;font-weight:700}
.mhg-tot dd.mhg-tot-s{color:var(--m-navy)}
.mhg-cart-woo .mhg-muted{margin:0 0 8px}
.mhg-dost{margin:12px 0;padding:10px 12px;border:1px solid var(--m-line);font-size:13px}
.mhg-dost legend{padding:0 4px;font-weight:500}
.mhg-dost-red{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}
.mhg-dost-r{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.mhg-dost-pole input,.mhg-dost-pole select,.mhg-dost-pole textarea{width:100%;height:34px;margin-top:6px;padding:0 8px;border:1px solid #9aa6b8;border-radius:2px;font-size:13px;background:#fff}
.mhg-dost-pole textarea{height:auto;padding:6px 8px}
.mhg-dost .mhg-muted{margin:8px 0 0;font-size:12px}
.mhg-garant-v{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:0;color:var(--m-link);font-size:13px;cursor:pointer}
.mhg-garant-v:hover{text-decoration:underline}

/* ---------------------------------------------------------------- марки, прозорец, известия */
.mhg-brands{columns:4 240px;column-gap:32px}
.mhg-brand-g{break-inside:avoid;margin-bottom:18px}
.mhg-brand-g h2{display:inline-block;margin:0 0 6px;border-bottom:3px solid var(--m-or);color:var(--m-navy);font-family:var(--m-disp);font-size:26px;font-weight:800}
.mhg-brand-g ul{list-style:none;margin:0;padding:0}
.mhg-brand-g a{color:var(--m-link);line-height:1.9;text-decoration:none}
.mhg-brand-g a:hover{text-decoration:underline}
.mhg-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;background:rgba(4,8,17,.65)}
.mhg-modal-p{width:100%;max-width:640px;padding:16px 20px;background:#fff}
.mhg-modal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mhg-modal-h h2{margin:0;font-size:18px;font-weight:500}
.mhg-garant-img{width:100%;height:auto}
/* запитването от страницата (15.10.2026) */
.mhg-zap-ph{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--m-navy)}
.mhg-zap-red{max-height:180px;margin:0 0 8px;padding:8px 10px 8px 26px;overflow:auto;background:#f4f6fa;font-size:13px;line-height:1.5}
.mhg-zap-dop{margin:0 0 8px;font-size:13px;white-space:pre-line}
.mhg-zap-g{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:12px 0 10px}
.mhg-zap-f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.mhg-zap-f b{color:#c0392b}
.mhg-zap-f2{grid-column:1 / -1}
.mhg-zap-f input,.mhg-zap-f textarea{width:100%;height:36px;padding:0 10px;border:1px solid #9aa6b8;border-radius:2px;font-size:14px;font-weight:400;background:#fff}
.mhg-zap-f textarea{height:auto;padding:8px 10px;resize:vertical}
.mhg-zap-f input:focus,.mhg-zap-f textarea:focus{outline:2px solid var(--m-sky);outline-offset:0;border-color:var(--m-sky)}
.mhg-zap-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mhg-zap-k{display:flex;align-items:center;gap:8px;font-size:13px}
.mhg-zap-gdpr{margin:8px 0;font-size:12px}
.mhg-zap-err{margin:8px 0;padding:8px 10px;border-left:4px solid #c0392b;background:#fdf0ee;font-size:13px}
.mhg-zap-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.mhg-zap-okh{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--m-navy)}
.mhg-zap-okh .mhg-ico{color:var(--m-ok)}
@media (max-width:560px){.mhg-zap-g{grid-template-columns:1fr}}
.mhg-toasts{position:fixed;right:16px;bottom:84px;z-index:110;display:flex;flex-direction:column;gap:8px}
.mhg-toast{padding:10px 16px;background:var(--m-ink);border-left:4px solid var(--m-ok);color:#fff;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:opacity .4s}
.mhg-toast-out{opacity:0}

/* ---------------------------------------------------------------- по-тесни екрани */
/* Хедърът на лаптоп и таблет (15.10.2026). Замерено на всичките 24 езика: при 721–900 и 961–1280 px белата лента
   (лого + меню + език + ДДС + „Регистрация“ + „Вход“) и синята (количка) преливаха, защото немският, гръцкият, унгарският
   и малтийският текст са по-дълги от българския. „Регистрация“ и „Вход“ водят към същия /moyat-profil/ като първия ред на
   менюто „Моят профил“, „Цени:“ се чете от самите бутони „с ДДС / без ДДС“ → до 1320 px се махат; flex-wrap остава
   предпазна мрежа — при още по-дълъг превод дясната част минава на нов ред, а не извън екрана */
@media (max-width:1320px){
  .mhg-top-in{flex-wrap:wrap;height:auto;min-height:70px;gap:6px 20px}
  .mhg-top-reg,.mhg-pill,.mhg-dds span{display:none}
  .mhg-top-nav{gap:16px}
  .mhg-top-nav a,.mhg-top-g,.mhg-dds button{white-space:nowrap}
}
@media (max-width:1240px){
  .mhg-top-in{align-content:flex-start;padding-top:11px;row-gap:0}   /* менюто не се събира до лого + език при немски/гръцки → втори ред под тънка линия */
  .mhg-top-nav{order:3;flex:1 0 100%;gap:24px;margin-top:11px;padding:7px 0;border-top:1px solid var(--m-line)}
  .mhg-pp-top{grid-template-columns:minmax(260px,380px) minmax(0,1fr)}
  .mhg-gal{grid-row:span 2}
  .mhg-xd{grid-template-columns:100px minmax(0,1fr) 270px}
}
@media (max-width:960px){
  .mhg-cols{grid-template-columns:minmax(0,1fr)}
  .mhg-side{position:fixed;top:0;left:0;bottom:0;z-index:120;width:min(340px,88vw);max-height:none;transform:translateX(-105%);transition:transform .2s;box-shadow:0 0 24px rgba(0,0,0,.4)}
  .mhg-side.mhg-open{transform:none;box-shadow:0 0 0 100vmax rgba(4,8,17,.55)}
  .mhg-side-x{display:inline-flex}
  .mhg-fbtn{display:inline-flex}
  .mhg-lh{grid-template-columns:minmax(0,1fr)}
  .mhg-rel{width:auto}
  .mhg-tw{overflow-x:auto}
  .mhg-t thead th{position:static}
  .mhg-xd{grid-template-columns:80px minmax(0,1fr)}
  .mhg-xd-b{grid-column:1/-1;padding:12px 0 0;border-left:0;border-top:1px solid var(--m-line)}
  .mhg-pp-top{grid-template-columns:minmax(0,1fr)}
  .mhg-gal{grid-row:auto}
  .mhg-gal-m{height:300px}
  .mhg-pp-b,.mhg-cart-g,.mhg-ls,.mhg-qo-g{grid-template-columns:minmax(0,1fr)}
  .mhg-cart-r{position:static}
  .mhg-spec{grid-template-columns:1fr}
  .mhg-top-nav{display:none}
  .mhg-top-in{padding-top:0;align-content:stretch}   /* без менюто — един ред, както преди */
  .mhg-logo{gap:10px}
  .mhg-logo span{padding-left:10px;font-size:16px;letter-spacing:.3px}   /* гръцкото „Ηλεκτρονικό κατάστημα“ на 721 px */
  .mhg-sf{min-width:0}   /* полето за търсене не се свиваше под ~214 px заради вътрешната ширина на input-а */
  .mhg-dd-acct .mhg-bar-b span,.mhg-cart-s{display:none}   /* профил и количка — само иконата (сумата остава в aria-label); „Бърза поръчка“ и „Всички продукти“ с текст */
  .mhg-fly-in{grid-template-columns:1fr;min-height:0}
  .mhg-fly-r{display:none}
  .mhg-promo{grid-template-columns:1fr}
}
@media (max-width:720px){
  .mhg-bar-in{flex-wrap:wrap;height:auto;gap:8px 14px;padding-top:8px;padding-bottom:8px}
  .mhg-sf{order:5;flex-basis:100%;max-width:none}
  .mhg-all span,.mhg-all .mhg-car{display:none}
  .mhg-ham{display:block}
  .mhg-dd-bulk{display:none}
  .mhg-dd-acct .mhg-bar-b span{display:none}
  .mhg-cart-b{margin-left:auto}
  .mhg-cart-s{display:none}
  /* бялата лента (14.10.2026): логото, езикът, ДДС и „Вход“ не се свиваха и не се пренасяха — на 375 px страницата
     ставаше 409–486 px на всичките 24 езика, а след нея се разтягаха и фиксираните (бисквитките, „нагоре“). Сега
     дясната част се пренася под логото, ако и така не стига (дългите езици на 320 и 481–530 px) */
  .mhg-top-in{flex-wrap:wrap;gap:6px 12px;height:auto;min-height:58px;padding-top:6px;padding-bottom:6px}
  .mhg-top-r{min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px}
  .mhg-logo{gap:8px}
  .mhg-logo img{height:38px}
  .mhg-logo span{padding-left:8px;font-size:16px}
  .mhg-dds span,.mhg-top-reg,.mhg-pill{display:none}   /* „Вход“ и „Регистрация“ — първият ред на менюто на профила (иконата в синята лента) */
  .mhg-dds button{white-space:nowrap}
  .mhg-ezik{max-width:none;width:100%;height:100%;color:transparent;background:transparent;position:absolute;inset:0;opacity:0}   /* на телефон — само кодът, списъкът се отваря върху него */
  .mhg-ezik-l{padding:4px 6px;border:1px solid #9aa6b8;border-radius:2px}
  .mhg-sugg{top:44px;width:100%}
  .mhg-sugg-in{grid-template-columns:1fr}
  .mhg-sugg-k{border-right:0;border-bottom:1px solid var(--m-line)}
  .mhg-h1{font-size:20px}
  .mhg-fam-h{font-size:18px}
  .mhg-tiles,.mhg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mhg-grp{margin-bottom:24px;padding:12px 12px 14px}
  .mhg-grp-h h2{font-size:23px}
  .mhg-tiles-box{gap:8px}
  .mhg-tile-img{width:100%;height:90px}
  .mhg-strip-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mhg-strip-g .mhg-strip-img,.mhg-tiles-g .mhg-tile-img{height:140px}
  .mhg-promo-b b{max-width:none;font-size:24px}
  .mhg-promo-b{min-height:150px;padding:18px 18px 20px}
  .mhg-promo-b::before{width:90px;right:-70px}   /* клинът — само в ъгъла, без да застъпва текста */
  .mhg-ls-ime{min-width:0;width:100%}
  .mhg-tray-in{gap:8px}
  .mhg-tray-in>b{display:none}
  .mhg-tray .mhg-btn{padding:0 10px}
  .mhg-sv-r{grid-template-columns:20px 48px minmax(0,1fr) 58px;gap:4px 10px}
  .mhg-sv-img{width:48px;height:48px}
  .mhg-sv-c{grid-column:3;grid-row:2;text-align:left}
  .mhg-sv-q{grid-column:4;grid-row:1/3}
  .mhg-sv-cb,.mhg-sv-im{grid-row:1/3}
  .mhg-sv-st{flex-basis:100%}
  .mhg-sv-dolu{position:static;padding:10px}   /* на телефон лентата не залепва — заемаше четвърт от екрана */
  .mhg-sv-dolu .mhg-btn{flex:1 1 100%}
  .mhg-sv-dolu .mhg-lsel{flex:1 1 100%}
}
@media (max-width:480px){
  .mhg-logo span{display:none}   /* на 320–480 px: логото, езикът и превключвателят за ДДС */
  .mhg-top-in{column-gap:10px}
  .mhg-logo{flex:1 1 100px;max-width:156px;min-width:0}   /* логото се свива до 100 px, преди дясната част да мине на втори ред */
  .mhg-logo img{width:100%;height:auto;max-height:38px}
  .mhg-top-r{gap:6px 8px}
  .mhg-dds button{padding:3px 6px}
}
@media print{
  .mhg-top,.mhg-bar,.mhg-notice,.mhg-tray,.mhg-toasts,.mhg-pp-act,.mhg-buy-k,.mhg-buy-l,.mhg-pp-s,.mhg-row,.mhg-gal-t,.mhg-gal-f,.mhg-sv-kam,.mhg-sv-dolu,.mhg-sv-cb,.mhg-sv-q,.mhg-sv-vsi{display:none!important}
  .mhg-pp-top{grid-template-columns:260px 1fr 240px}
  .mhg-pp-b{grid-template-columns:1fr}
  .mhg-sv-r{grid-template-columns:56px minmax(0,1fr) auto}
}