@charset "UTF-8";

/* ===== Страница „Модули“ — 12 готови модула по категории. Всичко е затворено под #mhm-moduli.
   Без JavaScript (и в редактора) се виждат всички карти, а мини екраните стоят неподвижни. ===== */
#mhm-moduli{
  --ink:#15113d;--text:#34334d;--muted:#6f7389;--line:#ebe9f5;--ac:#5b4de0;--tq:#3fc6d2;--good:#0b97a5;--or:#f2701f;--or-l:#ffb36b;--ok:#1f9d63;--ok-l:#e5f6ed;
  position:relative;overflow:hidden;overflow:clip;isolation:isolate;display:block;margin:0;padding:clamp(84px,8vw,124px) 0 clamp(84px,8vw,120px);border:0;scroll-margin-top:90px;
  background:radial-gradient(40% 35% at 100% 0%,rgba(124,108,255,.10),rgba(124,108,255,0) 70%),radial-gradient(40% 35% at 0% 45%,rgba(63,198,210,.09),rgba(63,198,210,0) 70%),radial-gradient(40% 35% at 100% 90%,rgba(242,112,31,.08),rgba(242,112,31,0) 70%),linear-gradient(180deg,#fff,#f8f7fd);
  font:400 16px/1.5 'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);text-align:left;-webkit-font-smoothing:antialiased
}
#mhm-moduli *,#mhm-moduli *::before,#mhm-moduli *::after{box-sizing:border-box;font-feature-settings:'locl' 0!important}
#mhm-moduli :where(h2,h3,h4,p,ul,ol,li,a,span,b,i,s,small,strong,em,div,svg,button,nav,article){margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;list-style:none;max-width:none;min-height:0}
#mhm-moduli li::before,#mhm-moduli li::marker{content:none}
#mhm-moduli button{cursor:pointer;-webkit-appearance:none;appearance:none}
#mhm-moduli a:focus-visible,#mhm-moduli button:focus-visible{outline:2px solid var(--or);outline-offset:3px}
#mhm-moduli .in{max-width:1300px;margin:0 auto;padding:0 32px}

/* заглавие */
#mhm-moduli .hd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:end}
#mhm-moduli .ey{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ac)}
#mhm-moduli .ey::before{content:"";width:40px;height:1.5px;background:currentColor}
#mhm-moduli .h2{margin-top:16px;font-family:'Advent Pro',sans-serif;font-size:clamp(40px,4.4vw,68px);line-height:.94;letter-spacing:-.015em;color:var(--ink)}
#mhm-moduli .h2 b{display:block;font-weight:700}
#mhm-moduli .h2 em{display:block;font-style:normal;font-weight:200}
#mhm-moduli .h2 em u{text-decoration:none;font-weight:700;background:linear-gradient(100deg,#5b4de0,#3fc6d2 60%,#f2701f);-webkit-background-clip:text;background-clip:text;color:transparent}
#mhm-moduli .lead{font-size:16px;line-height:1.65;color:var(--muted)}
#mhm-moduli .lead b{color:var(--ink);font-weight:600}

/* ядрото */
#mhm-moduli .core{position:relative;overflow:hidden;margin-top:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 26px;border-radius:26px;color:#fff;
  background:radial-gradient(60% 140% at 100% 0%,rgba(154,140,255,.5),rgba(154,140,255,0) 60%),linear-gradient(120deg,#2b2290,#15113d);box-shadow:0 40px 80px -50px rgba(31,24,102,.8)}
#mhm-moduli .core>i{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#fff;font-style:normal;font-size:34px}
#mhm-moduli .core small{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b9b0ff}
#mhm-moduli .core h3{margin-top:4px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:clamp(26px,2.4vw,34px);line-height:1}
#mhm-moduli .core p{margin-top:5px;font-size:13.5px;line-height:1.55;color:rgba(232,229,255,.75)}
#mhm-moduli .core .tg{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}
#mhm-moduli .core .tg span{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:11.5px;font-weight:600}
#mhm-moduli a.wb,#mhm-moduli a.wb:visited{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:13px;background:#fff;color:var(--ink);font-weight:700;font-size:14px;white-space:nowrap;transition:transform .25s}

/* филтърът */
#mhm-moduli .flt{position:sticky;top:14px;z-index:6;margin:26px 0 0;display:flex;gap:6px;width:max-content;max-width:100%;padding:6px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 34px -24px rgba(26,37,70,.5)}
#mhm-moduli .flt button{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 15px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--muted);white-space:nowrap;transition:background .25s,color .25s}
#mhm-moduli .flt button i{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 7px;border-radius:999px;background:#f1effa;color:var(--ink);font-style:normal;font-size:11.5px}
#mhm-moduli .flt button.on{background:var(--ink);color:#fff}
#mhm-moduli .flt button.on i{background:rgba(255,255,255,.15);color:#fff}

/* картите */
#mhm-moduli .grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#mhm-moduli .c{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:26px;background:#fff;border:1px solid var(--line);overflow:hidden;
  box-shadow:0 1px 1px rgba(26,37,70,.03),0 22px 40px -34px rgba(26,37,70,.45);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
#mhm-moduli .c::before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(closest-side,var(--gl),rgba(255,255,255,0));opacity:.55;pointer-events:none;transition:transform .6s}
#mhm-moduli .c-h{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}
#mhm-moduli .ic{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,var(--a1),var(--a2));font-style:normal;font-size:26px;box-shadow:0 12px 24px -12px var(--a2)}
#mhm-moduli .cat{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:var(--bg);color:var(--fc);font-size:11px;font-weight:700;white-space:nowrap}
#mhm-moduli .c h3{position:relative;margin-top:16px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:23px;line-height:1.05;color:var(--ink)}
#mhm-moduli .c>p{position:relative;margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--muted)}
#mhm-moduli .c ul{position:relative;margin:12px 0 18px;display:flex;flex-direction:column;gap:6px}
#mhm-moduli .c li{display:flex;gap:9px;font-size:13px;line-height:1.45;color:var(--text)}
#mhm-moduli .c li::before{content:"✓";flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:6px;background:var(--bg);color:var(--fc);font-size:10px;font-weight:800}
#mhm-moduli .c-f{position:relative;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px dashed var(--line)}
#mhm-moduli .ready{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ok)}
#mhm-moduli .ready::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c07a;box-shadow:0 0 0 3px rgba(34,192,122,.18)}
#mhm-moduli a.lk,#mhm-moduli a.lk:visited{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:11px;background:#f6f5fb;color:var(--ink);font-size:13px;font-weight:700;transition:background .25s,color .25s}
#mhm-moduli a.lk svg{width:14px;height:14px;transition:transform .25s}
/* категории — цветове */
#mhm-mdl.k-g,#mhm-moduli .k-g{--a1:#ffd0a8;--a2:#f2701f;--gl:rgba(255,179,107,.5);--bg:#fff1e6;--fc:#c45a10}
#mhm-mdl.k-r,#mhm-moduli .k-r{--a1:#b6f3d6;--a2:#1f9d63;--gl:rgba(122,232,182,.5);--bg:#e5f6ed;--fc:#16804f}
#mhm-mdl.k-o,#mhm-moduli .k-o{--a1:#b3e7ec;--a2:#0b97a5;--gl:rgba(63,198,210,.45);--bg:#e3f6f8;--fc:#057e8a}
#mhm-mdl.k-m,#mhm-moduli .k-m{--a1:#c9c2ff;--a2:#5b4de0;--gl:rgba(154,140,255,.5);--bg:#efedfd;--fc:#4a3dcc}

/* ===== двата водещи модула за управлението — широки карти с жив мини екран ===== */
#mhm-moduli .c.wide{grid-column:span 3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:center;padding:26px}
#mhm-moduli .c.wide .tx{display:flex;flex-direction:column;height:100%;padding-top:16px}
#mhm-moduli .c.wide h3{font-size:clamp(28px,2.6vw,38px)}
#mhm-moduli .c.wide h3 em{display:block;font-style:normal;font-weight:200;color:var(--fc)}
#mhm-moduli .c.wide>.tx>p{font-size:14.5px}
#mhm-moduli .c.wide ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
#mhm-moduli .new{position:absolute;left:22px;top:-1px;padding:4px 11px;border-radius:0 0 10px 10px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em}
/* мини екран: Мениджър център */
#mhm-moduli .scr{position:relative;padding:10px;border-radius:22px;background:linear-gradient(160deg,#1d1a4d,#07051a);box-shadow:0 30px 60px -30px rgba(21,17,61,.7)}
#mhm-moduli .scr-s{padding:14px;border-radius:15px;background:#fff;color:var(--ink)}
#mhm-moduli .sh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#mhm-moduli .sh b{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:18px}
#mhm-moduli .sh em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--ok)}
#mhm-moduli .deps{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#mhm-moduli .deps div{padding:8px 9px;border-radius:11px;background:#f8f7fd;font-size:10.5px;color:var(--muted)}
#mhm-moduli .deps b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:16px;color:var(--ink)}
#mhm-moduli .deps s{display:block;margin-top:5px;height:5px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-moduli .deps s i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#9a8cff,#5b4de0);transition:width .8s cubic-bezier(.2,.8,.2,1)}
#mhm-moduli .tasks{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-moduli .t{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 10px;border-radius:11px;border:1px solid var(--line);font-size:12px;transition:background .4s,border-color .4s}
#mhm-moduli .t>i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1.5px solid #c9c4e6;font-style:normal;font-size:11px;font-weight:800;color:#fff;transition:background .3s,border-color .3s}
#mhm-moduli .t b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mhm-moduli .t small{font-size:10.5px;color:var(--muted);white-space:nowrap}
#mhm-moduli .t em{font-style:normal;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}
#mhm-moduli .t .st0{background:#fff1e6;color:#c45a10}#mhm-moduli .t .st1{background:#efedfd;color:#4a3dcc}#mhm-moduli .t .st2{background:var(--ok-l);color:#16804f}
#mhm-moduli .t.done{background:#f6fbf8;border-color:#cfeedd}
#mhm-moduli .t.done>i{background:var(--ok);border-color:var(--ok)}
#mhm-moduli .t.done b{color:#8b8ea3;text-decoration:line-through;text-decoration-color:rgba(31,157,99,.5)}
#mhm-moduli .t.hot{border-color:#f8c9a3;box-shadow:0 0 0 3px rgba(242,112,31,.12)}
/* мини екран: Око на собственика */
#mhm-moduli .own .scr-s{background:#0e0b2c;color:#fff}
#mhm-moduli .own .sh em{color:#7ae8b6}
#mhm-moduli .kp{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#mhm-moduli .kp div{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(222,219,255,.6)}
#mhm-moduli .kp b{display:block;margin-top:2px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:20px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
#mhm-moduli .kp span{display:block;margin-top:3px;font-size:9.5px;font-weight:700;color:#7ae8b6}
#mhm-moduli .kp span.dn{color:#ff8a80}
#mhm-moduli .spark{margin-top:8px;display:block;width:100%;height:56px}
#mhm-moduli .spark path.l{fill:none;stroke:#8fe6ee;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mhm-moduli .spark path.a{fill:url(#mhmSp)}
#mhm-moduli .alr{margin-top:8px;display:flex;flex-direction:column;gap:5px}
#mhm-moduli .al{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;font-size:11.5px;background:rgba(255,255,255,.06)}
#mhm-moduli .al i{font-style:normal}
#mhm-moduli .al b{font-weight:700}
#mhm-moduli .al em{margin-left:auto;font-style:normal;font-size:10px;color:rgba(222,219,255,.5)}
#mhm-moduli .al.w{background:rgba(255,179,107,.14);border:1px solid rgba(255,179,107,.3)}
#mhm-moduli .al.n{animation:alIn .5s cubic-bezier(.2,.8,.2,1)}

/* бележка отдолу */
#mhm-moduli .more{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:22px;background:linear-gradient(120deg,#f3f1ff,#e9f8fa);border:1px solid var(--line)}
#mhm-moduli .more b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:23px;line-height:1.1;color:var(--ink)}
#mhm-moduli .more span{display:block;margin-top:2px;font-size:13.5px;color:var(--muted)}
#mhm-moduli .more a,#mhm-moduli .more a:visited{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:13px;background:var(--ink);color:#fff;font-weight:700;font-size:14px}

/* филтриране */
#mhm-moduli[data-f="g"] .c:not(.k-g),#mhm-moduli[data-f="r"] .c:not(.k-r),#mhm-moduli[data-f="o"] .c:not(.k-o),#mhm-moduli[data-f="m"] .c:not(.k-m){display:none}
#mhm-moduli .c.in-anim{animation:fade .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n,0)*.05s)}

@media (hover:hover) and (pointer:fine){
  #mhm-moduli .c:hover{transform:translateY(-6px);border-color:#ddd8f7;box-shadow:0 34px 60px -34px rgba(40,30,140,.35)}
  #mhm-moduli .c:hover::before{transform:scale(1.4)}
  #mhm-moduli a.lk:hover{background:var(--ink);color:#fff}
  #mhm-moduli a.lk:hover svg{transform:translateX(3px)}
  #mhm-moduli .flt button:not(.on):hover{color:var(--ink);background:#f6f5fb}
  #mhm-moduli a.wb:hover{transform:translateY(-2px)}
}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes alIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes draw{from{stroke-dashoffset:var(--L)}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){ #mhm-moduli *{animation:none!important;transition:none!important} }
body.elementor-editor-active #mhm-moduli *{animation:none!important}

@media (max-width:1100px){
  #mhm-moduli .hd{grid-template-columns:1fr;gap:14px}
  #mhm-moduli .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mhm-moduli .c.wide{grid-column:span 2;grid-template-columns:1fr}
}
@media (max-width:720px){
  #mhm-moduli .in{padding:0 14px}
  #mhm-moduli .core{grid-template-columns:auto minmax(0,1fr);padding:18px}
  #mhm-moduli .core a.wb{grid-column:1/-1;justify-content:center}
  #mhm-moduli .flt{overflow-x:auto;scrollbar-width:none;border-radius:16px;width:auto}
  #mhm-moduli .flt::-webkit-scrollbar{display:none}
  #mhm-moduli .grid{grid-template-columns:1fr}
  #mhm-moduli .c.wide{grid-column:auto;padding:20px}
  #mhm-moduli .c.wide ul{grid-template-columns:1fr}
  #mhm-moduli .deps,#mhm-moduli .kp{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mhm-moduli .t{grid-template-columns:22px minmax(0,1fr) auto}
  #mhm-moduli .t small{display:none}
  #mhm-moduli .more{flex-direction:column;align-items:stretch}
  #mhm-moduli .more a{justify-content:center}
}

/* ===== v2: всички модули — широки карти с жив мини екран ===== */
#mhm-moduli .list{margin-top:22px;display:flex;flex-direction:column;gap:18px}
#mhm-moduli .c.wide{grid-column:auto}
#mhm-moduli .c.wide.rev{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
#mhm-moduli .c.wide.rev .tx{order:2}
#mhm-moduli .c.wide.rev .new{left:auto;right:22px}
#mhm-moduli .mk{display:grid;justify-items:center;min-width:0}
#mhm-moduli .scr{max-width:560px;width:100%}
#mhm-moduli .scr.dk .scr-s{background:#0e0b2c;color:#fff}
#mhm-moduli .scr.dk .sh em{color:#7ae8b6}
#mhm-moduli .scr.ph{max-width:360px;border-radius:36px;padding:10px}
#mhm-moduli .scr.ph .scr-s{border-radius:28px;background:#f7f6fc}
/* Hotel Guest */
#mhm-moduli .chat{margin-top:10px;display:flex;flex-direction:column;gap:7px;min-height:176px;justify-content:flex-end}
#mhm-moduli .mg,#mhm-moduli .ma{max-width:86%;padding:8px 11px;border-radius:13px;font-size:12px;line-height:1.45;animation:alIn .4s both}
#mhm-moduli .mg{align-self:flex-end;background:var(--ac);color:#fff;border-bottom-right-radius:4px}
#mhm-moduli .ma{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
#mhm-moduli .ofr{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:13px;background:#fff;border:1px solid #fde4cc;animation:alIn .4s both}
#mhm-moduli .ofr>i{font-style:normal;font-size:18px}
#mhm-moduli .ofr span{flex:1;min-width:0}
#mhm-moduli .ofr b{display:block;font-size:12px}
#mhm-moduli .ofr small{display:block;font-size:10px;color:var(--muted)}
#mhm-moduli .ofr em{font-style:normal;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:16px}
#mhm-moduli .ofr s{padding:5px 9px;border-radius:8px;background:var(--or);color:#fff;font-size:10.5px;font-weight:700;text-decoration:none}
#mhm-moduli .qr{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}
#mhm-moduli .qr span{padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10.5px;font-weight:600}
/* SPA */
#mhm-moduli .chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}
#mhm-moduli .chips span{padding:6px 10px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:600;transition:background .3s,color .3s,border-color .3s}
#mhm-moduli .chips span.on{background:var(--ac);border-color:var(--ac);color:#fff}
#mhm-moduli .recs{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-moduli .rec{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--line);animation:alIn .45s both}
#mhm-moduli .rec:nth-child(2){animation-delay:.08s}#mhm-moduli .rec:nth-child(3){animation-delay:.16s}
#mhm-moduli .rec:first-child{border-color:#bfe8ee;box-shadow:0 0 0 3px rgba(63,198,210,.15)}
#mhm-moduli .rec>i{width:34px;height:34px;border-radius:10px;background:var(--g)}
#mhm-moduli .rec b{display:block;font-size:12px}
#mhm-moduli .rec small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-moduli .rec em{font-style:normal;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:17px}
/* самостоятелно настаняване */
#mhm-moduli .steps{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-moduli .sp{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);transition:background .4s,border-color .4s}
#mhm-moduli .sp>i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1effa;color:var(--muted);font-style:normal;font-size:11px;font-weight:800;transition:background .3s,color .3s}
#mhm-moduli .sp b{display:block;font-size:12px}
#mhm-moduli .sp small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-moduli .sp.ok{background:#f6fbf8;border-color:#cfeedd}
#mhm-moduli .sp.ok>i{background:var(--ok);color:#fff}
#mhm-moduli .sp.cur{border-color:var(--ac);box-shadow:0 0 0 3px rgba(91,77,224,.12)}
#mhm-moduli .key{margin-top:10px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#2b2290,#15113d);color:#fff;opacity:.45;transition:opacity .5s,box-shadow .5s}
#mhm-moduli .key>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);font-style:normal;font-size:20px}
#mhm-moduli .key span{flex:1}
#mhm-moduli .key b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:18px;line-height:1}
#mhm-moduli .key small{display:block;font-size:10.5px;color:rgba(222,219,255,.7)}
#mhm-moduli .key s{padding:4px 9px;border-radius:999px;background:rgba(122,232,182,.18);color:#7ae8b6;font-size:10.5px;font-weight:700;text-decoration:none}
#mhm-moduli .key.on{opacity:1;box-shadow:0 0 0 4px rgba(122,232,182,.25),0 14px 30px -14px rgba(31,24,102,.8)}
/* репутация */
#mhm-moduli .revs{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-moduli .rv{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);animation:alIn .4s both}
#mhm-moduli .rv>i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-style:normal;font-weight:800;font-size:13px;color:#fff}
#mhm-moduli .sb{background:#0b3b8c}#mhm-moduli .sg{background:#ea4335}#mhm-moduli .st{background:#00aa6c}
#mhm-moduli .rv b{display:block;font-size:11.5px;font-weight:700}
#mhm-moduli .rv small{display:block;font-size:10px;color:var(--muted)}
#mhm-moduli .rv.neg{border-color:#f8d7d9;background:#fff8f8}
#mhm-moduli .aib{margin-top:8px;padding:10px 11px;border-radius:12px;background:#f3f1ff;border:1px solid #ddd8fb}
#mhm-moduli .aib small{font-size:10px;font-weight:700;color:var(--ac)}
#mhm-moduli .aib p{margin-top:3px;min-height:34px;font-size:11.5px;line-height:1.45;color:var(--ink)}
#mhm-moduli .aibf{margin-top:6px;display:flex;gap:5px}
#mhm-moduli .aibf s{padding:4px 9px;border-radius:7px;background:var(--ac);color:#fff;font-size:10.5px;font-weight:700;text-decoration:none}
#mhm-moduli .aibf s.g{background:#fff;color:var(--ink);border:1px solid var(--line)}
#mhm-moduli .tops{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#mhm-moduli .tops span{font-size:10.5px;font-weight:600;color:var(--muted)}
#mhm-moduli .tops i{display:block;margin-top:4px;height:5px;border-radius:99px;background:linear-gradient(90deg,#ffb36b,#e5484d);width:var(--w)}
/* AI цени */
#mhm-moduli .days{margin-top:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#mhm-moduli .dy{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;border-radius:12px;background:#f8f7fd;transition:background .4s}
#mhm-moduli .dy small{font-size:10px;font-weight:700;color:var(--muted)}
#mhm-moduli .dy s{position:relative;width:12px;height:64px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-moduli .dy s i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:inherit;background:linear-gradient(180deg,#9a8cff,#5b4de0)}
#mhm-moduli .dy b{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:15px;transition:color .3s}
#mhm-moduli .dy em{height:16px;font-style:normal;font-size:9.5px;font-weight:800}
#mhm-moduli .dy.up{background:#e5f6ed}#mhm-moduli .dy.up b,#mhm-moduli .dy.up em{color:#16804f}
#mhm-moduli .dy.dn{background:#fff1e6}#mhm-moduli .dy.dn b,#mhm-moduli .dy.dn em{color:#c45a10}
#mhm-moduli .apr{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#f3f1ff;font-size:11.5px}
#mhm-moduli .apr b{font-family:'Advent Pro',sans-serif;font-size:17px}
#mhm-moduli .apr s{padding:6px 11px;border-radius:9px;background:var(--ac);color:#fff;font-size:11px;font-weight:700;text-decoration:none;transition:background .3s}
#mhm-moduli .apr s.ok{background:var(--ok)}
/* агенции */
#mhm-moduli .prt{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-moduli .pt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;border:1px solid var(--line)}
#mhm-moduli .pt>i{font-style:normal;font-size:18px}
#mhm-moduli .pt span{flex:1;min-width:0}
#mhm-moduli .pt b{display:block;font-size:12px}
#mhm-moduli .pt small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-moduli .pt em{font-style:normal;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;transition:background .3s,color .3s}
#mhm-moduli .s0{background:#f1effa;color:#4a3dcc}#mhm-moduli .s1{background:#fff1e6;color:#c45a10}#mhm-moduli .s2{background:var(--ok-l);color:#16804f}
#mhm-moduli .alt{margin-top:10px;padding:10px 11px;border-radius:12px;background:#f8f7fd;font-size:11px;color:var(--muted)}
#mhm-moduli .alt s{display:block;margin:6px 0;height:8px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-moduli .alt s i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#7ae8b6,#1f9d63);transition:width .8s}
#mhm-moduli .alt b{font-size:12px;color:var(--ink)}
/* ресторант */
#mhm-moduli .rst{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:10px}
#mhm-moduli .tbls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px;border-radius:14px;background:#f8f7fd}
#mhm-moduli .tb{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-style:normal;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:14px;border:2px solid;transition:background .4s,color .4s,border-color .4s}
#mhm-moduli .tb.f{background:#fff;border-color:#cfeedd;color:#16804f}
#mhm-moduli .tb.r{background:#fff1e6;border-color:#f2a24b;color:#c45a10}
#mhm-moduli .tb.s{background:#5b4de0;border-color:#5b4de0;color:#fff}
#mhm-moduli .ev{padding:11px;border-radius:14px;background:linear-gradient(160deg,#fdf0f6,#fff);border:1px solid #f6c5dc}
#mhm-moduli .ev small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8215f}
#mhm-moduli .ev b{display:block;margin-top:3px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:17px;line-height:1.1}
#mhm-moduli .ev span{display:block;font-size:10.5px;color:var(--muted)}
#mhm-moduli .c .ev ul{margin:8px 0 0;gap:4px;display:flex;flex-direction:column}
#mhm-moduli .ev li{font-size:11px;color:#16804f}
#mhm-moduli .ev li::before{display:none}
#mhm-moduli .ev li.w{color:#c45a10}
#mhm-moduli .lgd{margin-top:8px;display:flex;gap:12px;font-size:10.5px;color:var(--muted)}
#mhm-moduli .lgd span::before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;vertical-align:-1px}
#mhm-moduli .lgd .f::before{border:2px solid #cfeedd}#mhm-moduli .lgd .r::before{background:#fff1e6;border:2px solid #f2a24b}#mhm-moduli .lgd .s::before{background:#5b4de0}
/* поддръжка — канбан */
#mhm-moduli .scr-s{position:relative}
#mhm-moduli .kb{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:150px}
#mhm-moduli .col{padding:8px;border-radius:12px;background:#f8f7fd}
#mhm-moduli .col small{display:block;font-size:10.5px;font-weight:700;color:var(--muted)}
#mhm-moduli .col[data-c="0"] small{color:#c45a10}#mhm-moduli .col[data-c="1"] small{color:#4a3dcc}#mhm-moduli .col[data-c="2"] small{color:#16804f}
#mhm-moduli .tk{position:absolute;left:22px;top:94px;width:calc((100% - 42px)/3 - 16px);display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:11px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -12px rgba(26,37,70,.5);transition:left .8s cubic-bezier(.6,0,.2,1),border-color .4s}
#mhm-moduli .tk>i{font-style:normal;font-size:20px}
#mhm-moduli .tk b{display:block;font-size:11px;line-height:1.3}
#mhm-moduli .tk small{display:block;font-size:9.5px;color:var(--muted)}
#mhm-moduli .tk.x0{border-color:#f2a24b}#mhm-moduli .tk.x1{border-color:#9a8cff}#mhm-moduli .tk.x2{border-color:#7ae8b6}
/* склад */
#mhm-moduli .inv{margin-top:10px;display:flex;flex-direction:column;gap:7px}
#mhm-moduli .iv{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:11.5px;font-weight:600}
#mhm-moduli .iv s{height:8px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-moduli .iv s i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#8fe6ee,#0b97a5);transition:width .8s,background .4s}
#mhm-moduli .iv b{text-align:right;font-family:'Advent Pro',sans-serif;font-size:15px}
#mhm-moduli .iv.lo s i{background:linear-gradient(90deg,#ffb36b,#e5484d)}
#mhm-moduli .iv.lo b{color:#c2373d}
#mhm-moduli .ord{margin-top:10px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#f8f7fd;border:1px dashed #c9c4e6;opacity:.5;transition:opacity .4s,background .4s,border-color .4s}
#mhm-moduli .ord>i{font-style:normal;font-size:18px}
#mhm-moduli .ord span{flex:1}
#mhm-moduli .ord b{display:block;font-size:12px}
#mhm-moduli .ord small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-moduli .ord s{padding:3px 9px;border-radius:999px;background:var(--ok-l);color:#16804f;font-size:10px;font-weight:700;text-decoration:none}
#mhm-moduli .ord.on{opacity:1;background:#f6fbf8;border:1px solid #cfeedd}
/* график */
#mhm-moduli .shg{margin-top:10px;display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));gap:4px;align-items:center}
#mhm-moduli .shg .dh{text-align:center;font-size:10.5px;font-weight:700;color:var(--muted);padding:3px 0;border-radius:6px}
#mhm-moduli .shg .dh.td{background:var(--ink);color:#fff}
#mhm-moduli .shg .nm{font-size:11px;font-weight:700}
#mhm-moduli .shg i{display:grid;place-items:center;height:26px;border-radius:7px;font-style:normal;font-size:10.5px;font-weight:700;transition:background .4s,color .4s,transform .3s}
#mhm-moduli .shg .s0{background:#e3f6f8;color:#057e8a}#mhm-moduli .shg .s1{background:#fff1e6;color:#c45a10}#mhm-moduli .shg .s2{background:#efedfd;color:#4a3dcc}#mhm-moduli .shg .s3{background:#f6f5fb;color:#c4c6d4}
#mhm-moduli .shg i.td{box-shadow:0 0 0 2px var(--ink)}
#mhm-moduli .shg i.flash{transform:scale(1.12)}
#mhm-moduli .swp{margin-top:10px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#f8f7fd;border:1px solid var(--line)}
#mhm-moduli .swp>i{font-style:normal;font-size:16px}
#mhm-moduli .swp span{flex:1}
#mhm-moduli .swp b{display:block;font-size:12px}
#mhm-moduli .swp small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-moduli .swp s{padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;text-decoration:none;background:#fff1e6;color:#c45a10;transition:background .3s,color .3s}
#mhm-moduli .swp s.ok{background:var(--ok-l);color:#16804f}


/* бутоните в картата */
#mhm-moduli .act{display:flex;align-items:center;gap:14px}
#mhm-moduli a.dm,#mhm-moduli a.dm:visited{font-size:13px;font-weight:700;color:var(--muted);border-bottom:1px dashed #c9c4e6;transition:color .2s,border-color .2s}
#mhm-moduli button.lk{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 12px 24px -12px var(--a2);transition:transform .25s,box-shadow .25s}
#mhm-moduli button.lk svg{width:15px;height:15px;transition:transform .25s}
@media (hover:hover) and (pointer:fine){ #mhm-moduli button.lk:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px var(--a2)} #mhm-moduli button.lk:hover svg{transform:translateX(3px)} #mhm-moduli a.dm:hover{color:var(--ink);border-color:var(--ink)} }

/* ===== прозорецът „Вижте как работи“ (премества се в края на страницата) ===== */
#mhm-mdl{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;font:400 16px/1.5 'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;color:#34334d;-webkit-font-smoothing:antialiased;
  --ink:#15113d;--text:#34334d;--muted:#6f7389;--line:#ebe9f5;--ac:#5b4de0;--tq:#3fc6d2;--good:#0b97a5;--or:#f2701f;--or-l:#ffb36b;--ok:#1f9d63;--ok-l:#e5f6ed}
#mhm-mdl[hidden]{display:none}
#mhm-mdl *,#mhm-mdl *::before,#mhm-mdl *::after{box-sizing:border-box;font-feature-settings:'locl' 0!important}
#mhm-mdl :where(h3,h4,p,ol,li,a,span,b,i,s,small,em,div,button){margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;list-style:none}
#mhm-mdl button{cursor:pointer;-webkit-appearance:none;appearance:none}
#mhm-mdl a:focus-visible,#mhm-mdl button:focus-visible{outline:2px solid #f2701f;outline-offset:3px}
#mhm-mdl .md-bg{position:absolute;inset:0;background:rgba(14,11,44,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:mdF .3s both}
#mhm-mdl .md-p{position:relative;display:flex;flex-direction:column;width:min(1160px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.6);animation:mdIn .5s cubic-bezier(.2,.8,.2,1) both;outline:none}
#mhm-mdl .md-p::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--a1),var(--a2))}
#mhm-mdl .md-x{position:absolute;right:16px;top:16px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f4f3fa;color:var(--ink);font-size:16px;font-weight:700;transition:background .2s,transform .2s}
#mhm-mdl .md-h{display:flex;align-items:center;gap:16px;padding:28px 76px 18px 30px;background:radial-gradient(60% 140% at 100% 0%,var(--gl),rgba(255,255,255,0) 70%)}
#mhm-mdl .md-ic{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,var(--a1),var(--a2));font-style:normal;font-size:30px;box-shadow:0 14px 28px -14px var(--a2)}
#mhm-mdl .md-cat{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:999px;background:var(--bg);color:var(--fc);font-size:11px;font-weight:700}
#mhm-mdl h3{margin-top:5px;font-weight:700;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1;color:var(--ink)}
#mhm-mdl .md-sub{margin-top:3px;font-family:'Advent Pro',sans-serif;font-weight:300;font-size:clamp(18px,1.7vw,22px);color:var(--fc)}
#mhm-mdl .md-b{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;padding:6px 30px 26px;overscroll-behavior:contain}
#mhm-mdl .md-what{font-size:15px;line-height:1.7;color:#34334d}
#mhm-mdl h4{margin-top:22px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:20px;color:var(--ink)}
#mhm-mdl .md-how{margin-top:10px;display:flex;flex-direction:column;gap:8px;counter-reset:h}
#mhm-mdl .md-how li{counter-increment:h;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:11px 13px;border-radius:14px;background:#faf9fe;border:1px solid #f0eef8;font-size:13.5px;line-height:1.5;color:var(--muted);animation:mdI .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.07s + .15s)}
#mhm-mdl .md-how li::before{content:counter(h);display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--a1),var(--a2));color:#fff;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:17px}
#mhm-mdl .md-how li:not(:last-child)::after{content:"";position:absolute;left:29px;top:46px;bottom:-9px;width:2px;background:linear-gradient(var(--a1),transparent)}
#mhm-mdl .md-how b{display:block;font-size:14px;font-weight:700;color:var(--ink)}
#mhm-mdl .md-win{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#mhm-mdl .md-win div{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:12.5px;line-height:1.45;color:var(--muted);animation:mdI .5s both;animation-delay:calc(var(--i)*.06s + .35s)}
#mhm-mdl .md-win i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg);font-style:normal;font-size:16px}
#mhm-mdl .md-win b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}
#mhm-mdl .md-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#mhm-mdl .md-fit,#mhm-mdl .md-lnk{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
#mhm-mdl .md-fit span{padding:6px 11px;border-radius:999px;background:var(--bg);color:var(--fc);font-size:12px;font-weight:700}
#mhm-mdl .md-lnk button{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:700;transition:background .2s,color .2s}
#mhm-mdl .md-lnk button::after{content:" →";color:var(--muted)}
#mhm-mdl .md-r{position:sticky;top:0;align-self:start}
#mhm-mdl .md-scr{display:grid;justify-items:center}
#mhm-mdl .md-scr .scr.win{opacity:1;transform:none;max-width:100%}
#mhm-mdl .md-cap{margin-top:12px;text-align:center;font-size:12px;color:var(--muted)}
#mhm-mdl .md-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 30px;border-top:1px solid var(--line);background:#faf9fe}
#mhm-mdl .md-nav{display:flex;align-items:center;gap:10px}
#mhm-mdl .md-nav button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:16px;font-weight:700;color:var(--ink);transition:background .2s,color .2s}
#mhm-mdl .md-pg{font-size:12.5px;font-weight:700;color:var(--muted);min-width:48px;text-align:center}
#mhm-mdl .md-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#mhm-mdl .md-page,#mhm-mdl .md-page:visited{display:inline-flex;align-items:center;height:46px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink)}
#mhm-mdl .md-page[hidden]{display:none}
#mhm-mdl .md-demo,#mhm-mdl .md-demo:visited{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#ffb36b,#f2701f);color:#1c1650;font-size:14px;font-weight:700;box-shadow:0 14px 26px -14px rgba(242,112,31,.85)}
#mhm-mdl .md-demo svg{width:16px;height:16px}
#mhm-mdl.sw .md-l,#mhm-mdl.sw .md-r,#mhm-mdl.sw .md-h>*{animation:mdI .45s cubic-bezier(.2,.8,.2,1) both}
@media (hover:hover) and (pointer:fine){
  #mhm-mdl .md-x:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
  #mhm-mdl .md-nav button:hover,#mhm-mdl .md-lnk button:hover{background:var(--ink);color:#fff}
}
@keyframes mdF{from{opacity:0}to{opacity:1}}
@keyframes mdIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mdI{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ #mhm-mdl *{animation:none!important;transition:none!important} }
@media (max-width:900px){
  #mhm-mdl{padding:0;place-items:end stretch}
  #mhm-mdl .md-p{width:100%;max-height:94vh;max-height:94dvh;border-radius:24px 24px 0 0}
  #mhm-mdl .md-h{padding:22px 64px 14px 18px}
  #mhm-mdl .md-ic{width:52px;height:52px;font-size:24px;border-radius:16px}
  #mhm-mdl .md-b{grid-template-columns:1fr;padding:4px 18px 20px;gap:18px}
  #mhm-mdl .md-r{position:static;order:-1}
  #mhm-mdl .md-win,#mhm-mdl .md-two{grid-template-columns:1fr}
  #mhm-mdl .md-f{padding:12px 18px}
  #mhm-mdl .md-cta{width:100%}
  #mhm-mdl .md-demo{flex:1;justify-content:center}
}
/* стиловете на мини екраните и в прозореца */
/* мини екран: Мениджър център */
#mhm-mdl .scr{position:relative;padding:10px;border-radius:22px;background:linear-gradient(160deg,#1d1a4d,#07051a);box-shadow:0 30px 60px -30px rgba(21,17,61,.7)}
#mhm-mdl .scr-s{padding:14px;border-radius:15px;background:#fff;color:var(--ink)}
#mhm-mdl .sh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#mhm-mdl .sh b{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:18px}
#mhm-mdl .sh em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--ok)}
#mhm-mdl .deps{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#mhm-mdl .deps div{padding:8px 9px;border-radius:11px;background:#f8f7fd;font-size:10.5px;color:var(--muted)}
#mhm-mdl .deps b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:16px;color:var(--ink)}
#mhm-mdl .deps s{display:block;margin-top:5px;height:5px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-mdl .deps s i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#9a8cff,#5b4de0);transition:width .8s cubic-bezier(.2,.8,.2,1)}
#mhm-mdl .tasks{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-mdl .t{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 10px;border-radius:11px;border:1px solid var(--line);font-size:12px;transition:background .4s,border-color .4s}
#mhm-mdl .t>i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1.5px solid #c9c4e6;font-style:normal;font-size:11px;font-weight:800;color:#fff;transition:background .3s,border-color .3s}
#mhm-mdl .t b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mhm-mdl .t small{font-size:10.5px;color:var(--muted);white-space:nowrap}
#mhm-mdl .t em{font-style:normal;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}
#mhm-mdl .t .st0{background:#fff1e6;color:#c45a10}#mhm-mdl .t .st1{background:#efedfd;color:#4a3dcc}#mhm-mdl .t .st2{background:var(--ok-l);color:#16804f}
#mhm-mdl .t.done{background:#f6fbf8;border-color:#cfeedd}
#mhm-mdl .t.done>i{background:var(--ok);border-color:var(--ok)}
#mhm-mdl .t.done b{color:#8b8ea3;text-decoration:line-through;text-decoration-color:rgba(31,157,99,.5)}
#mhm-mdl .t.hot{border-color:#f8c9a3;box-shadow:0 0 0 3px rgba(242,112,31,.12)}
/* мини екран: Око на собственика */
#mhm-mdl .own .scr-s{background:#0e0b2c;color:#fff}
#mhm-mdl .own .sh em{color:#7ae8b6}
#mhm-mdl .kp{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#mhm-mdl .kp div{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(222,219,255,.6)}
#mhm-mdl .kp b{display:block;margin-top:2px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:20px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
#mhm-mdl .kp span{display:block;margin-top:3px;font-size:9.5px;font-weight:700;color:#7ae8b6}
#mhm-mdl .kp span.dn{color:#ff8a80}
#mhm-mdl .spark{margin-top:8px;display:block;width:100%;height:56px}
#mhm-mdl .spark path.l{fill:none;stroke:#8fe6ee;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mhm-mdl .spark path.a{fill:url(#mhmSp)}
#mhm-mdl .alr{margin-top:8px;display:flex;flex-direction:column;gap:5px}
#mhm-mdl .al{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;font-size:11.5px;background:rgba(255,255,255,.06)}
#mhm-mdl .al i{font-style:normal}
#mhm-mdl .al b{font-weight:700}
#mhm-mdl .al em{margin-left:auto;font-style:normal;font-size:10px;color:rgba(222,219,255,.5)}
#mhm-mdl .al.w{background:rgba(255,179,107,.14);border:1px solid rgba(255,179,107,.3)}
#mhm-mdl .al.n{animation:alIn .5s cubic-bezier(.2,.8,.2,1)}

/* ===== v2: всички модули — широки карти с жив мини екран ===== */
#mhm-mdl .list{margin-top:22px;display:flex;flex-direction:column;gap:18px}
#mhm-mdl .c.wide{grid-column:auto}
#mhm-mdl .c.wide.rev{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
#mhm-mdl .c.wide.rev .tx{order:2}
#mhm-mdl .c.wide.rev .new{left:auto;right:22px}
#mhm-mdl .mk{display:grid;justify-items:center;min-width:0}
#mhm-mdl .scr{max-width:560px;width:100%}
#mhm-mdl .scr.dk .scr-s{background:#0e0b2c;color:#fff}
#mhm-mdl .scr.dk .sh em{color:#7ae8b6}
#mhm-mdl .scr.ph{max-width:360px;border-radius:36px;padding:10px}
#mhm-mdl .scr.ph .scr-s{border-radius:28px;background:#f7f6fc}
/* Hotel Guest */
#mhm-mdl .chat{margin-top:10px;display:flex;flex-direction:column;gap:7px;min-height:176px;justify-content:flex-end}
#mhm-mdl .mg,#mhm-mdl .ma{max-width:86%;padding:8px 11px;border-radius:13px;font-size:12px;line-height:1.45;animation:alIn .4s both}
#mhm-mdl .mg{align-self:flex-end;background:var(--ac);color:#fff;border-bottom-right-radius:4px}
#mhm-mdl .ma{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
#mhm-mdl .ofr{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:13px;background:#fff;border:1px solid #fde4cc;animation:alIn .4s both}
#mhm-mdl .ofr>i{font-style:normal;font-size:18px}
#mhm-mdl .ofr span{flex:1;min-width:0}
#mhm-mdl .ofr b{display:block;font-size:12px}
#mhm-mdl .ofr small{display:block;font-size:10px;color:var(--muted)}
#mhm-mdl .ofr em{font-style:normal;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:16px}
#mhm-mdl .ofr s{padding:5px 9px;border-radius:8px;background:var(--or);color:#fff;font-size:10.5px;font-weight:700;text-decoration:none}
#mhm-mdl .qr{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}
#mhm-mdl .qr span{padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10.5px;font-weight:600}
/* SPA */
#mhm-mdl .chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}
#mhm-mdl .chips span{padding:6px 10px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:600;transition:background .3s,color .3s,border-color .3s}
#mhm-mdl .chips span.on{background:var(--ac);border-color:var(--ac);color:#fff}
#mhm-mdl .recs{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-mdl .rec{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--line);animation:alIn .45s both}
#mhm-mdl .rec:nth-child(2){animation-delay:.08s}#mhm-mdl .rec:nth-child(3){animation-delay:.16s}
#mhm-mdl .rec:first-child{border-color:#bfe8ee;box-shadow:0 0 0 3px rgba(63,198,210,.15)}
#mhm-mdl .rec>i{width:34px;height:34px;border-radius:10px;background:var(--g)}
#mhm-mdl .rec b{display:block;font-size:12px}
#mhm-mdl .rec small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-mdl .rec em{font-style:normal;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:17px}
/* самостоятелно настаняване */
#mhm-mdl .steps{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-mdl .sp{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);transition:background .4s,border-color .4s}
#mhm-mdl .sp>i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1effa;color:var(--muted);font-style:normal;font-size:11px;font-weight:800;transition:background .3s,color .3s}
#mhm-mdl .sp b{display:block;font-size:12px}
#mhm-mdl .sp small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-mdl .sp.ok{background:#f6fbf8;border-color:#cfeedd}
#mhm-mdl .sp.ok>i{background:var(--ok);color:#fff}
#mhm-mdl .sp.cur{border-color:var(--ac);box-shadow:0 0 0 3px rgba(91,77,224,.12)}
#mhm-mdl .key{margin-top:10px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#2b2290,#15113d);color:#fff;opacity:.45;transition:opacity .5s,box-shadow .5s}
#mhm-mdl .key>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);font-style:normal;font-size:20px}
#mhm-mdl .key span{flex:1}
#mhm-mdl .key b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:18px;line-height:1}
#mhm-mdl .key small{display:block;font-size:10.5px;color:rgba(222,219,255,.7)}
#mhm-mdl .key s{padding:4px 9px;border-radius:999px;background:rgba(122,232,182,.18);color:#7ae8b6;font-size:10.5px;font-weight:700;text-decoration:none}
#mhm-mdl .key.on{opacity:1;box-shadow:0 0 0 4px rgba(122,232,182,.25),0 14px 30px -14px rgba(31,24,102,.8)}
/* репутация */
#mhm-mdl .revs{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-mdl .rv{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);animation:alIn .4s both}
#mhm-mdl .rv>i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-style:normal;font-weight:800;font-size:13px;color:#fff}
#mhm-mdl .sb{background:#0b3b8c}#mhm-mdl .sg{background:#ea4335}#mhm-mdl .st{background:#00aa6c}
#mhm-mdl .rv b{display:block;font-size:11.5px;font-weight:700}
#mhm-mdl .rv small{display:block;font-size:10px;color:var(--muted)}
#mhm-mdl .rv.neg{border-color:#f8d7d9;background:#fff8f8}
#mhm-mdl .aib{margin-top:8px;padding:10px 11px;border-radius:12px;background:#f3f1ff;border:1px solid #ddd8fb}
#mhm-mdl .aib small{font-size:10px;font-weight:700;color:var(--ac)}
#mhm-mdl .aib p{margin-top:3px;min-height:34px;font-size:11.5px;line-height:1.45;color:var(--ink)}
#mhm-mdl .aibf{margin-top:6px;display:flex;gap:5px}
#mhm-mdl .aibf s{padding:4px 9px;border-radius:7px;background:var(--ac);color:#fff;font-size:10.5px;font-weight:700;text-decoration:none}
#mhm-mdl .aibf s.g{background:#fff;color:var(--ink);border:1px solid var(--line)}
#mhm-mdl .tops{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#mhm-mdl .tops span{font-size:10.5px;font-weight:600;color:var(--muted)}
#mhm-mdl .tops i{display:block;margin-top:4px;height:5px;border-radius:99px;background:linear-gradient(90deg,#ffb36b,#e5484d);width:var(--w)}
/* AI цени */
#mhm-mdl .days{margin-top:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#mhm-mdl .dy{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;border-radius:12px;background:#f8f7fd;transition:background .4s}
#mhm-mdl .dy small{font-size:10px;font-weight:700;color:var(--muted)}
#mhm-mdl .dy s{position:relative;width:12px;height:64px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-mdl .dy s i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:inherit;background:linear-gradient(180deg,#9a8cff,#5b4de0)}
#mhm-mdl .dy b{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:15px;transition:color .3s}
#mhm-mdl .dy em{height:16px;font-style:normal;font-size:9.5px;font-weight:800}
#mhm-mdl .dy.up{background:#e5f6ed}#mhm-mdl .dy.up b,#mhm-mdl .dy.up em{color:#16804f}
#mhm-mdl .dy.dn{background:#fff1e6}#mhm-mdl .dy.dn b,#mhm-mdl .dy.dn em{color:#c45a10}
#mhm-mdl .apr{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#f3f1ff;font-size:11.5px}
#mhm-mdl .apr b{font-family:'Advent Pro',sans-serif;font-size:17px}
#mhm-mdl .apr s{padding:6px 11px;border-radius:9px;background:var(--ac);color:#fff;font-size:11px;font-weight:700;text-decoration:none;transition:background .3s}
#mhm-mdl .apr s.ok{background:var(--ok)}
/* агенции */
#mhm-mdl .prt{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#mhm-mdl .pt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;border:1px solid var(--line)}
#mhm-mdl .pt>i{font-style:normal;font-size:18px}
#mhm-mdl .pt span{flex:1;min-width:0}
#mhm-mdl .pt b{display:block;font-size:12px}
#mhm-mdl .pt small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-mdl .pt em{font-style:normal;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;transition:background .3s,color .3s}
#mhm-mdl .s0{background:#f1effa;color:#4a3dcc}#mhm-mdl .s1{background:#fff1e6;color:#c45a10}#mhm-mdl .s2{background:var(--ok-l);color:#16804f}
#mhm-mdl .alt{margin-top:10px;padding:10px 11px;border-radius:12px;background:#f8f7fd;font-size:11px;color:var(--muted)}
#mhm-mdl .alt s{display:block;margin:6px 0;height:8px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-mdl .alt s i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#7ae8b6,#1f9d63);transition:width .8s}
#mhm-mdl .alt b{font-size:12px;color:var(--ink)}
/* ресторант */
#mhm-mdl .rst{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:10px}
#mhm-mdl .tbls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px;border-radius:14px;background:#f8f7fd}
#mhm-mdl .tb{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-style:normal;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:14px;border:2px solid;transition:background .4s,color .4s,border-color .4s}
#mhm-mdl .tb.f{background:#fff;border-color:#cfeedd;color:#16804f}
#mhm-mdl .tb.r{background:#fff1e6;border-color:#f2a24b;color:#c45a10}
#mhm-mdl .tb.s{background:#5b4de0;border-color:#5b4de0;color:#fff}
#mhm-mdl .ev{padding:11px;border-radius:14px;background:linear-gradient(160deg,#fdf0f6,#fff);border:1px solid #f6c5dc}
#mhm-mdl .ev small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8215f}
#mhm-mdl .ev b{display:block;margin-top:3px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:17px;line-height:1.1}
#mhm-mdl .ev span{display:block;font-size:10.5px;color:var(--muted)}
#mhm-mdl .c .ev ul{margin:8px 0 0;gap:4px;display:flex;flex-direction:column}
#mhm-mdl .ev li{font-size:11px;color:#16804f}
#mhm-mdl .ev li::before{display:none}
#mhm-mdl .ev li.w{color:#c45a10}
#mhm-mdl .lgd{margin-top:8px;display:flex;gap:12px;font-size:10.5px;color:var(--muted)}
#mhm-mdl .lgd span::before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;vertical-align:-1px}
#mhm-mdl .lgd .f::before{border:2px solid #cfeedd}#mhm-mdl .lgd .r::before{background:#fff1e6;border:2px solid #f2a24b}#mhm-mdl .lgd .s::before{background:#5b4de0}
/* поддръжка — канбан */
#mhm-mdl .scr-s{position:relative}
#mhm-mdl .kb{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:150px}
#mhm-mdl .col{padding:8px;border-radius:12px;background:#f8f7fd}
#mhm-mdl .col small{display:block;font-size:10.5px;font-weight:700;color:var(--muted)}
#mhm-mdl .col[data-c="0"] small{color:#c45a10}#mhm-mdl .col[data-c="1"] small{color:#4a3dcc}#mhm-mdl .col[data-c="2"] small{color:#16804f}
#mhm-mdl .tk{position:absolute;left:22px;top:94px;width:calc((100% - 42px)/3 - 16px);display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:11px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -12px rgba(26,37,70,.5);transition:left .8s cubic-bezier(.6,0,.2,1),border-color .4s}
#mhm-mdl .tk>i{font-style:normal;font-size:20px}
#mhm-mdl .tk b{display:block;font-size:11px;line-height:1.3}
#mhm-mdl .tk small{display:block;font-size:9.5px;color:var(--muted)}
#mhm-mdl .tk.x0{border-color:#f2a24b}#mhm-mdl .tk.x1{border-color:#9a8cff}#mhm-mdl .tk.x2{border-color:#7ae8b6}
/* склад */
#mhm-mdl .inv{margin-top:10px;display:flex;flex-direction:column;gap:7px}
#mhm-mdl .iv{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:11.5px;font-weight:600}
#mhm-mdl .iv s{height:8px;border-radius:99px;background:#ebe9f5;overflow:hidden;text-decoration:none}
#mhm-mdl .iv s i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#8fe6ee,#0b97a5);transition:width .8s,background .4s}
#mhm-mdl .iv b{text-align:right;font-family:'Advent Pro',sans-serif;font-size:15px}
#mhm-mdl .iv.lo s i{background:linear-gradient(90deg,#ffb36b,#e5484d)}
#mhm-mdl .iv.lo b{color:#c2373d}
#mhm-mdl .ord{margin-top:10px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#f8f7fd;border:1px dashed #c9c4e6;opacity:.5;transition:opacity .4s,background .4s,border-color .4s}
#mhm-mdl .ord>i{font-style:normal;font-size:18px}
#mhm-mdl .ord span{flex:1}
#mhm-mdl .ord b{display:block;font-size:12px}
#mhm-mdl .ord small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-mdl .ord s{padding:3px 9px;border-radius:999px;background:var(--ok-l);color:#16804f;font-size:10px;font-weight:700;text-decoration:none}
#mhm-mdl .ord.on{opacity:1;background:#f6fbf8;border:1px solid #cfeedd}
/* график */
#mhm-mdl .shg{margin-top:10px;display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));gap:4px;align-items:center}
#mhm-mdl .shg .dh{text-align:center;font-size:10.5px;font-weight:700;color:var(--muted);padding:3px 0;border-radius:6px}
#mhm-mdl .shg .dh.td{background:var(--ink);color:#fff}
#mhm-mdl .shg .nm{font-size:11px;font-weight:700}
#mhm-mdl .shg i{display:grid;place-items:center;height:26px;border-radius:7px;font-style:normal;font-size:10.5px;font-weight:700;transition:background .4s,color .4s,transform .3s}
#mhm-mdl .shg .s0{background:#e3f6f8;color:#057e8a}#mhm-mdl .shg .s1{background:#fff1e6;color:#c45a10}#mhm-mdl .shg .s2{background:#efedfd;color:#4a3dcc}#mhm-mdl .shg .s3{background:#f6f5fb;color:#c4c6d4}
#mhm-mdl .shg i.td{box-shadow:0 0 0 2px var(--ink)}
#mhm-mdl .shg i.flash{transform:scale(1.12)}
#mhm-mdl .swp{margin-top:10px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#f8f7fd;border:1px solid var(--line)}
#mhm-mdl .swp>i{font-style:normal;font-size:16px}
#mhm-mdl .swp span{flex:1}
#mhm-mdl .swp b{display:block;font-size:12px}
#mhm-mdl .swp small{display:block;font-size:10.5px;color:var(--muted)}
#mhm-mdl .swp s{padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;text-decoration:none;background:#fff1e6;color:#c45a10;transition:background .3s,color .3s}
#mhm-mdl .swp s.ok{background:var(--ok-l);color:#16804f}


/* бутоните в картата */
#mhm-mdl .act{display:flex;align-items:center;gap:14px}
#mhm-mdl a.dm,#mhm-mdl a.dm:visited{font-size:13px;font-weight:700;color:var(--muted);border-bottom:1px dashed #c9c4e6;transition:color .2s,border-color .2s}
#mhm-mdl button.lk{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 12px 24px -12px var(--a2);transition:transform .25s,box-shadow .25s}
#mhm-mdl button.lk svg{width:15px;height:15px;transition:transform .25s}
@media (hover:hover) and (pointer:fine){ #mhm-mdl button.lk:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px var(--a2)} #mhm-mdl button.lk:hover svg{transform:translateX(3px)} #mhm-mdl a.dm:hover{color:var(--ink);border-color:var(--ink)} }

/* ===== прозорецът „Вижте как работи“ (премества се в края на страницата) ===== */
#mhm-mdl{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;font:400 16px/1.5 'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;color:#34334d;-webkit-font-smoothing:antialiased;
  --ink:#15113d;--muted:#6f7389;--line:#ebe9f5;--ok:#1f9d63;--ok-l:#e5f6ed}
#mhm-mdl[hidden]{display:none}
#mhm-mdl *,#mhm-mdl *::before,#mhm-mdl *::after{box-sizing:border-box;font-feature-settings:'locl' 0!important}
#mhm-mdl :where(h3,h4,p,ol,li,a,span,b,i,s,small,em,div,button){margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;list-style:none}
#mhm-mdl button{cursor:pointer;-webkit-appearance:none;appearance:none}
#mhm-mdl a:focus-visible,#mhm-mdl button:focus-visible{outline:2px solid #f2701f;outline-offset:3px}
#mhm-mdl .md-bg{position:absolute;inset:0;background:rgba(14,11,44,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:mdF .3s both}
#mhm-mdl .md-p{position:relative;display:flex;flex-direction:column;width:min(1160px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.6);animation:mdIn .5s cubic-bezier(.2,.8,.2,1) both;outline:none}
#mhm-mdl .md-p::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--a1),var(--a2))}
#mhm-mdl .md-x{position:absolute;right:16px;top:16px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f4f3fa;color:var(--ink);font-size:16px;font-weight:700;transition:background .2s,transform .2s}
#mhm-mdl .md-h{display:flex;align-items:center;gap:16px;padding:28px 76px 18px 30px;background:radial-gradient(60% 140% at 100% 0%,var(--gl),rgba(255,255,255,0) 70%)}
#mhm-mdl .md-ic{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,var(--a1),var(--a2));font-style:normal;font-size:30px;box-shadow:0 14px 28px -14px var(--a2)}
#mhm-mdl .md-cat{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:999px;background:var(--bg);color:var(--fc);font-size:11px;font-weight:700}
#mhm-mdl h3{margin-top:5px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1;color:var(--ink)}
#mhm-mdl .md-sub{margin-top:3px;font-family:'Advent Pro',sans-serif;font-weight:300;font-size:clamp(18px,1.7vw,22px);color:var(--fc)}
#mhm-mdl .md-b{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;padding:6px 30px 26px;overscroll-behavior:contain}
#mhm-mdl .md-what{font-size:15px;line-height:1.7;color:#34334d}
#mhm-mdl h4{margin-top:22px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:20px;color:var(--ink)}
#mhm-mdl .md-how{margin-top:10px;display:flex;flex-direction:column;gap:8px;counter-reset:h}
#mhm-mdl .md-how li{counter-increment:h;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:11px 13px;border-radius:14px;background:#faf9fe;border:1px solid #f0eef8;font-size:13.5px;line-height:1.5;color:var(--muted);animation:mdI .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.07s + .15s)}
#mhm-mdl .md-how li::before{content:counter(h);display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--a1),var(--a2));color:#fff;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:17px}
#mhm-mdl .md-how li:not(:last-child)::after{content:"";position:absolute;left:29px;top:46px;bottom:-9px;width:2px;background:linear-gradient(var(--a1),transparent)}
#mhm-mdl .md-how b{display:block;font-size:14px;color:var(--ink)}
#mhm-mdl .md-win{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#mhm-mdl .md-win div{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:12.5px;line-height:1.45;color:var(--muted);animation:mdI .5s both;animation-delay:calc(var(--i)*.06s + .35s)}
#mhm-mdl .md-win i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg);font-style:normal;font-size:16px}
#mhm-mdl .md-win b{display:block;font-size:13.5px;color:var(--ink)}
#mhm-mdl .md-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#mhm-mdl .md-fit,#mhm-mdl .md-lnk{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
#mhm-mdl .md-fit span{padding:6px 11px;border-radius:999px;background:var(--bg);color:var(--fc);font-size:12px;font-weight:700}
#mhm-mdl .md-lnk button{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:700;transition:background .2s,color .2s}
#mhm-mdl .md-lnk button::after{content:" →";color:var(--muted)}
#mhm-mdl .md-r{position:sticky;top:0;align-self:start}
#mhm-mdl .md-scr{display:grid;justify-items:center}
#mhm-mdl .md-scr .scr.win{opacity:1;transform:none;max-width:100%}
#mhm-mdl .md-cap{margin-top:12px;text-align:center;font-size:12px;color:var(--muted)}
#mhm-mdl .md-f{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 30px;border-top:1px solid var(--line);background:#faf9fe}
#mhm-mdl .md-nav{display:flex;align-items:center;gap:10px}
#mhm-mdl .md-nav button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:16px;font-weight:700;color:var(--ink);transition:background .2s,color .2s}
#mhm-mdl .md-pg{font-size:12.5px;font-weight:700;color:var(--muted);min-width:48px;text-align:center}
#mhm-mdl .md-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#mhm-mdl .md-page,#mhm-mdl .md-page:visited{display:inline-flex;align-items:center;height:46px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink)}
#mhm-mdl .md-page[hidden]{display:none}
#mhm-mdl .md-demo,#mhm-mdl .md-demo:visited{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#ffb36b,#f2701f);color:#1c1650;font-size:14px;font-weight:700;box-shadow:0 14px 26px -14px rgba(242,112,31,.85)}
#mhm-mdl .md-demo svg{width:16px;height:16px}
#mhm-mdl.sw .md-l,#mhm-mdl.sw .md-r,#mhm-mdl.sw .md-h>*{animation:mdI .45s cubic-bezier(.2,.8,.2,1) both}
@media (hover:hover) and (pointer:fine){
  #mhm-mdl .md-x:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
  #mhm-mdl .md-nav button:hover,#mhm-mdl .md-lnk button:hover{background:var(--ink);color:#fff}
}
@keyframes mdF{from{opacity:0}to{opacity:1}}
@keyframes mdIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mdI{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ #mhm-mdl *{animation:none!important;transition:none!important} }
@media (max-width:900px){
  #mhm-mdl{padding:0;place-items:end stretch}
  #mhm-mdl .md-p{width:100%;max-height:94vh;max-height:94dvh;border-radius:24px 24px 0 0}
  #mhm-mdl .md-h{padding:22px 64px 14px 18px}
  #mhm-mdl .md-ic{width:52px;height:52px;font-size:24px;border-radius:16px}
  #mhm-mdl .md-b{grid-template-columns:1fr;padding:4px 18px 20px;gap:18px}
  #mhm-mdl .md-r{position:static;order:-1}
  #mhm-mdl .md-win,#mhm-mdl .md-two{grid-template-columns:1fr}
  #mhm-mdl .md-f{padding:12px 18px}
  #mhm-mdl .md-cta{width:100%}
  #mhm-mdl .md-demo{flex:1;justify-content:center}
}

#mhm-moduli .c-f{flex-wrap:wrap;row-gap:10px}
#mhm-moduli .act{gap:8px;flex-wrap:wrap;justify-content:flex-end}
#mhm-moduli .act>*{white-space:nowrap}
/* v5: два бутона — „Повече информация“ (прозорец) и „Заявете демо“ / „Вижте модула“ */
#mhm-moduli button.more-i{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 8px;border-radius:12px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-size:13px;font-weight:700;transition:border-color .25s,background .25s,transform .25s}
#mhm-moduli button.more-i i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--bg);color:var(--fc);font-style:normal;font-family:Georgia,serif;font-weight:700;font-size:14px}
#mhm-moduli a.lk.dmo,#mhm-moduli a.lk.dmo:visited,#mhm-moduli a.lk.pg,#mhm-moduli a.lk.pg:visited{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;color:#fff;font-size:13.5px;font-weight:700;transition:transform .25s,box-shadow .25s}
#mhm-moduli a.lk.dmo{background:linear-gradient(135deg,#ffb36b,#f2701f);color:#1c1650;box-shadow:0 12px 24px -12px rgba(242,112,31,.8)}
#mhm-moduli a.lk.pg{background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 12px 24px -12px var(--a2)}
#mhm-moduli a.lk.dmo svg,#mhm-moduli a.lk.pg svg{width:15px;height:15px;transition:transform .25s}
@media (hover:hover) and (pointer:fine){
  #mhm-moduli button.more-i:hover{border-color:var(--a2);background:var(--bg);transform:translateY(-2px)}
  #mhm-moduli a.lk.dmo:hover,#mhm-moduli a.lk.pg:hover{transform:translateY(-2px)}
  #mhm-moduli a.lk.dmo:hover svg,#mhm-moduli a.lk.pg:hover svg{transform:translateX(3px)}
}
@media (max-width:720px){
  #mhm-moduli .c-f{flex-wrap:wrap}
  #mhm-moduli .act{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  #mhm-moduli .act>*{height:48px!important}
  #mhm-moduli .act>*{justify-content:center}
}
/* в прозореца: кутия за демо */
#mhm-mdl .md-dm{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#1f1866,#120e33);color:#fff}
#mhm-mdl .md-dm>i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(255,179,107,.18);font-style:normal;font-size:22px}
#mhm-mdl .md-dm span{flex:1;min-width:200px}
#mhm-mdl .md-dm b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:19px;line-height:1.15}
#mhm-mdl .md-dm small{display:block;margin-top:2px;font-size:12.5px;color:rgba(222,219,255,.72)}
#mhm-mdl .md-dm a,#mhm-mdl .md-dm a:visited{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700}
#mhm-mdl .md-st{display:inline-flex;align-items:center;gap:6px;margin-left:8px;height:24px;padding:0 10px;border-radius:999px;background:#e5f6ed;color:#16804f;font-size:11px;font-weight:700;vertical-align:middle}
/* ===== v3: единен вид — рамка „прозорец“, номера, странична навигация, вход при скрол ===== */
#mhm-mdl .wrap{margin-top:22px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}
#mhm-mdl .list{margin-top:0}
/* навигацията */
#mhm-mdl .rail{position:sticky;top:86px;display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:22px;background:rgba(255,255,255,.85);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 50px -36px rgba(26,37,70,.5)}
#mhm-mdl .rail a,#mhm-mdl .rail a:visited{position:relative;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--muted);transition:background .3s,color .3s}
#mhm-mdl .rail a i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f4f3fa;font-style:normal;font-size:14px;transition:background .3s,transform .3s}
#mhm-mdl .rail a.on{background:var(--ink);color:#fff}
#mhm-mdl .rail a.on i{background:rgba(255,255,255,.14);transform:scale(1.08)}
#mhm-mdl .rail a.hide{display:none}
#mhm-mdl .rl-p{display:block;margin:8px 6px 2px;height:4px;border-radius:99px;background:#eeedf6;overflow:hidden;text-decoration:none}
#mhm-mdl .rl-p i{display:block;height:100%;width:var(--p,8%);border-radius:inherit;background:linear-gradient(90deg,#5b4de0,#3fc6d2,#f2701f);transition:width .5s}
/* картата — единен вид */
#mhm-mdl .c.wide{padding:30px 30px 28px;border-radius:30px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--line),var(--line)) border-box;border:1.5px solid transparent;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
#mhm-mdl .c.wide::before{width:340px;height:340px;right:-120px;top:-140px;opacity:.35}
#mhm-mdl .c.wide.rev::before{right:auto;left:-120px}
#mhm-mdl .no{position:absolute;right:26px;bottom:-26px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:150px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(91,77,224,.10);pointer-events:none;user-select:none}
#mhm-mdl .c.wide.rev .no{right:auto;left:26px}
#mhm-mdl .new{background:linear-gradient(135deg,var(--a2),var(--ink) 140%)}
#mhm-mdl .c.wide h3{font-size:clamp(30px,2.6vw,40px)}
#mhm-mdl .c.wide ul li::before{background:linear-gradient(145deg,var(--a1),var(--a2));color:#fff}
#mhm-mdl .cat{border:1px solid rgba(0,0,0,.04)}
/* прозорецът — една и съща рамка за всички мини екрани */
#mhm-mdl .scr.win{position:relative;padding:0;border-radius:22px;background:#fff;border:1px solid #e4e1f3;overflow:hidden;
  box-shadow:0 2px 0 rgba(255,255,255,.8) inset,0 30px 60px -28px rgba(31,24,102,.45),0 0 0 6px rgba(255,255,255,.65),0 0 0 7px var(--line);transform:perspective(1200px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
#mhm-mdl .scr.win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%) -150% 0/250% 100% no-repeat;opacity:0}
#mhm-mdl .wbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(180deg,#faf9fe,#f3f2fa);border-bottom:1px solid #ebe9f5}
#mhm-mdl .wbar>i{width:9px;height:9px;border-radius:50%;background:#ff8a80}#mhm-mdl .wbar>i:nth-child(2){background:#ffd166}#mhm-mdl .wbar>i:nth-child(3){background:#7ae8b6}
#mhm-mdl .wbar span{margin-left:8px;font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mhm-mdl .wbar em{margin-left:auto;flex:none;font-style:normal;font-size:10.5px;font-weight:700;color:var(--fc);padding:3px 9px;border-radius:999px;background:var(--bg)}
#mhm-mdl .scr.win .scr-s{border-radius:0;padding:16px}
#mhm-mdl .scr.win .sh em{display:none}
#mhm-mdl .scr.win.dk{background:#0e0b2c;border-color:#24205a}
#mhm-mdl .scr.win.dk .wbar{background:linear-gradient(180deg,#1b1748,#141039);border-color:#2a2560}
#mhm-mdl .scr.win.dk .wbar span{color:#fff}
#mhm-mdl .scr.win.ph{max-width:420px;border-radius:22px}
#mhm-mdl .scr.win.ph .scr-s{border-radius:0;background:#f7f6fc}
/* вход при скрол (само с JavaScript; без него — всичко е видимо) */
#mhm-moduli.js .c.wide:not(.seen) .tx>*{opacity:0;transform:translateY(18px)}
#mhm-moduli.js .c.wide:not(.seen) .scr.win{opacity:0;--rx:10deg;transform:perspective(1200px) rotateX(10deg) translateY(30px) scale(.96)}
#mhm-moduli.js .c.wide .tx>*{transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
#mhm-moduli.js .c.wide .tx>*:nth-child(2){transition-delay:.06s}#mhm-moduli.js .c.wide .tx>*:nth-child(3){transition-delay:.12s}#mhm-moduli.js .c.wide .tx>*:nth-child(4){transition-delay:.18s}#mhm-moduli.js .c.wide .tx>*:nth-child(5){transition-delay:.24s}#mhm-moduli.js .c.wide .tx>*:nth-child(6){transition-delay:.3s}
#mhm-moduli.js .c.wide .scr.win{transition:opacity .8s .15s,transform 1s .15s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
#mhm-mdl .c.wide.seen .scr.win::after{animation:sheen 1.6s .5s ease both}
@keyframes sheen{0%{opacity:1;background-position:-150% 0}100%{opacity:1;background-position:150% 0}}
@media (hover:hover) and (pointer:fine){
  #mhm-mdl .c.wide:hover{transform:translateY(-4px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--a1),var(--a2)) border-box;box-shadow:0 40px 70px -40px rgba(40,30,140,.35)}
  #mhm-mdl .c.wide:hover .scr.win{--ry:-4deg;--rx:2deg}
  #mhm-mdl .c.wide.rev:hover .scr.win{--ry:4deg}
  #mhm-mdl .rail a:not(.on):hover{background:#f6f5fb;color:var(--ink)}
}
@media (max-width:1100px){
  #mhm-mdl .wrap{grid-template-columns:1fr}
  #mhm-mdl .rail{display:none}
  #mhm-mdl .no{font-size:110px}
}
@media (max-width:720px){
  #mhm-mdl .c.wide{padding:22px 18px}
  #mhm-mdl .no{font-size:80px;bottom:-14px}
  #mhm-mdl .scr.win{box-shadow:0 24px 40px -24px rgba(31,24,102,.45)}
}
@media (prefers-reduced-motion:reduce){ #mhm-moduli.js .c.wide .tx>*,#mhm-moduli.js .c.wide .scr.win{opacity:1!important;transform:none!important} }
/* прозорецът — една и съща рамка за всички мини екрани */
#mhm-mdl .scr.win{position:relative;padding:0;border-radius:22px;background:#fff;border:1px solid #e4e1f3;overflow:hidden;
  box-shadow:0 2px 0 rgba(255,255,255,.8) inset,0 30px 60px -28px rgba(31,24,102,.45),0 0 0 6px rgba(255,255,255,.65),0 0 0 7px var(--line);transform:perspective(1200px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
#mhm-mdl .scr.win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%) -150% 0/250% 100% no-repeat;opacity:0}
#mhm-mdl .wbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(180deg,#faf9fe,#f3f2fa);border-bottom:1px solid #ebe9f5}
#mhm-mdl .wbar>i{width:9px;height:9px;border-radius:50%;background:#ff8a80}#mhm-mdl .wbar>i:nth-child(2){background:#ffd166}#mhm-mdl .wbar>i:nth-child(3){background:#7ae8b6}
#mhm-mdl .wbar span{margin-left:8px;font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mhm-mdl .wbar em{margin-left:auto;flex:none;font-style:normal;font-size:10.5px;font-weight:700;color:var(--fc);padding:3px 9px;border-radius:999px;background:var(--bg)}
#mhm-mdl .scr.win .scr-s{border-radius:0;padding:16px}
#mhm-mdl .scr.win .sh em{display:none}
#mhm-mdl .scr.win.dk{background:#0e0b2c;border-color:#24205a}
#mhm-mdl .scr.win.dk .wbar{background:linear-gradient(180deg,#1b1748,#141039);border-color:#2a2560}
#mhm-mdl .scr.win.dk .wbar span{color:#fff}
#mhm-mdl .scr.win.ph{max-width:420px;border-radius:22px}
#mhm-mdl .scr.win.ph .scr-s{border-radius:0;background:#f7f6fc}

/* ===== v3: единен вид — рамка „прозорец“, номера, странична навигация, вход при скрол ===== */
#mhm-moduli .wrap{margin-top:22px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}
#mhm-moduli .list{margin-top:0}
/* навигацията */
#mhm-moduli .rail{position:sticky;top:86px;display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:22px;background:rgba(255,255,255,.85);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 50px -36px rgba(26,37,70,.5)}
#mhm-moduli .rail a,#mhm-moduli .rail a:visited{position:relative;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--muted);transition:background .3s,color .3s}
#mhm-moduli .rail a i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f4f3fa;font-style:normal;font-size:14px;transition:background .3s,transform .3s}
#mhm-moduli .rail a.on{background:var(--ink);color:#fff}
#mhm-moduli .rail a.on i{background:rgba(255,255,255,.14);transform:scale(1.08)}
#mhm-moduli .rail a.hide{display:none}
#mhm-moduli .rl-p{display:block;margin:8px 6px 2px;height:4px;border-radius:99px;background:#eeedf6;overflow:hidden;text-decoration:none}
#mhm-moduli .rl-p i{display:block;height:100%;width:var(--p,8%);border-radius:inherit;background:linear-gradient(90deg,#5b4de0,#3fc6d2,#f2701f);transition:width .5s}
/* картата — единен вид */
#mhm-moduli .c.wide{padding:30px 30px 28px;border-radius:30px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--line),var(--line)) border-box;border:1.5px solid transparent;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
#mhm-moduli .c.wide::before{width:340px;height:340px;right:-120px;top:-140px;opacity:.35}
#mhm-moduli .c.wide.rev::before{right:auto;left:-120px}
#mhm-moduli .no{position:absolute;right:26px;bottom:-26px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:150px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(91,77,224,.10);pointer-events:none;user-select:none}
#mhm-moduli .c.wide.rev .no{right:auto;left:26px}
#mhm-moduli .new{background:linear-gradient(135deg,var(--a2),var(--ink) 140%)}
#mhm-moduli .c.wide h3{font-size:clamp(30px,2.6vw,40px)}
#mhm-moduli .c.wide ul li::before{background:linear-gradient(145deg,var(--a1),var(--a2));color:#fff}
#mhm-moduli .cat{border:1px solid rgba(0,0,0,.04)}
/* прозорецът — една и съща рамка за всички мини екрани */
#mhm-moduli .scr.win{position:relative;padding:0;border-radius:22px;background:#fff;border:1px solid #e4e1f3;overflow:hidden;
  box-shadow:0 2px 0 rgba(255,255,255,.8) inset,0 30px 60px -28px rgba(31,24,102,.45),0 0 0 6px rgba(255,255,255,.65),0 0 0 7px var(--line);transform:perspective(1200px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
#mhm-moduli .scr.win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%) -150% 0/250% 100% no-repeat;opacity:0}
#mhm-moduli .wbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(180deg,#faf9fe,#f3f2fa);border-bottom:1px solid #ebe9f5}
#mhm-moduli .wbar>i{width:9px;height:9px;border-radius:50%;background:#ff8a80}#mhm-moduli .wbar>i:nth-child(2){background:#ffd166}#mhm-moduli .wbar>i:nth-child(3){background:#7ae8b6}
#mhm-moduli .wbar span{margin-left:8px;font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mhm-moduli .wbar em{margin-left:auto;flex:none;font-style:normal;font-size:10.5px;font-weight:700;color:var(--fc);padding:3px 9px;border-radius:999px;background:var(--bg)}
#mhm-moduli .scr.win .scr-s{border-radius:0;padding:16px}
#mhm-moduli .scr.win .sh em{display:none}
#mhm-moduli .scr.win.dk{background:#0e0b2c;border-color:#24205a}
#mhm-moduli .scr.win.dk .wbar{background:linear-gradient(180deg,#1b1748,#141039);border-color:#2a2560}
#mhm-moduli .scr.win.dk .wbar span{color:#fff}
#mhm-moduli .scr.win.ph{max-width:420px;border-radius:22px}
#mhm-moduli .scr.win.ph .scr-s{border-radius:0;background:#f7f6fc}
/* вход при скрол (само с JavaScript; без него — всичко е видимо) */
#mhm-moduli.js .c.wide:not(.seen) .tx>*{opacity:0;transform:translateY(18px)}
#mhm-moduli.js .c.wide:not(.seen) .scr.win{opacity:0;--rx:10deg;transform:perspective(1200px) rotateX(10deg) translateY(30px) scale(.96)}
#mhm-moduli.js .c.wide .tx>*{transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
#mhm-moduli.js .c.wide .tx>*:nth-child(2){transition-delay:.06s}#mhm-moduli.js .c.wide .tx>*:nth-child(3){transition-delay:.12s}#mhm-moduli.js .c.wide .tx>*:nth-child(4){transition-delay:.18s}#mhm-moduli.js .c.wide .tx>*:nth-child(5){transition-delay:.24s}#mhm-moduli.js .c.wide .tx>*:nth-child(6){transition-delay:.3s}
#mhm-moduli.js .c.wide .scr.win{transition:opacity .8s .15s,transform 1s .15s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
#mhm-moduli .c.wide.seen .scr.win::after{animation:sheen 1.6s .5s ease both}
@keyframes sheen{0%{opacity:1;background-position:-150% 0}100%{opacity:1;background-position:150% 0}}
@media (hover:hover) and (pointer:fine){
  #mhm-moduli .c.wide:hover{transform:translateY(-4px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--a1),var(--a2)) border-box;box-shadow:0 40px 70px -40px rgba(40,30,140,.35)}
  #mhm-moduli .c.wide:hover .scr.win{--ry:-4deg;--rx:2deg}
  #mhm-moduli .c.wide.rev:hover .scr.win{--ry:4deg}
  #mhm-moduli .rail a:not(.on):hover{background:#f6f5fb;color:var(--ink)}
}
@media (max-width:1100px){
  #mhm-moduli .wrap{grid-template-columns:1fr}
  #mhm-moduli .rail{display:none}
  #mhm-moduli .no{font-size:110px}
}
@media (max-width:720px){
  #mhm-moduli .c.wide{padding:22px 18px}
  #mhm-moduli .no{font-size:80px;bottom:-14px}
  #mhm-moduli .scr.win{box-shadow:0 24px 40px -24px rgba(31,24,102,.45)}
}
@media (prefers-reduced-motion:reduce){ #mhm-moduli.js .c.wide .tx>*,#mhm-moduli.js .c.wide .scr.win{opacity:1!important;transform:none!important} }
@media (max-width:1100px){
  #mhm-moduli .c.wide,#mhm-moduli .c.wide.rev{grid-template-columns:1fr}
  #mhm-moduli .c.wide.rev .tx{order:0}
  #mhm-moduli .c.wide.rev .new{left:22px;right:auto}
}
@media (max-width:720px){
  #mhm-moduli .days{gap:3px}
  #mhm-moduli .dy b{font-size:13px}
  #mhm-moduli .rst{grid-template-columns:1fr}
  #mhm-moduli .tops{grid-template-columns:1fr}
  #mhm-moduli .shg{grid-template-columns:44px repeat(7,minmax(0,1fr));gap:3px}
}