/* ВікнаДім — мега-меню + багатший hero (rich). Enqueue у functions.php. */

.page-hero--rich .ph-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.page-hero--rich .ph-decor svg{position:absolute}
.page-hero--rich .ph-decor .w1{right:4%;top:8%;width:340px;opacity:.10;transform:rotate(-8deg)}
.page-hero--rich .ph-decor .w2{right:24%;bottom:-40px;width:180px;opacity:.07;transform:rotate(6deg)}
.page-hero--rich .ph-decor .w3{left:-30px;top:30%;width:150px;opacity:.06;transform:rotate(-4deg)}
.page-hero--rich .ph-decor .dots{position:absolute;right:8%;bottom:14%;width:160px;height:120px;
      background-image:radial-gradient(rgba(255,255,255,.18) 1.4px,transparent 1.4px);
      background-size:16px 16px;opacity:.5}
.page-hero--rich .ph-decor .glow{position:absolute;right:-60px;top:20%;width:360px;height:360px;border-radius:50%;
      background:radial-gradient(circle,rgba(216,168,56,.14) 0%,transparent 68%)}
@media (max-width:760px){.page-hero--rich .ph-decor .w1{width:220px;opacity:.08}.page-hero--rich .ph-decor .dots{display:none}}
.mm{font-family:"Manrope",sans-serif}
.mm-top{background:#0e1c33;color:#aebbd0;font-size:12px}
.mm-top__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;flex-wrap:wrap}
.mm-bar{position:relative;background:#fff;border-bottom:1px solid var(--line)}
.mm-bar__row{display:flex;align-items:center;gap:18px;padding:14px 0;position:relative}
.mm-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.mm-brand__mark{width:30px;height:30px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center}
.mm-brand__mark svg{width:17px;height:17px}
.mm-brand b{font:700 17px/1 "Sora",sans-serif}
.mm-nav{display:flex;gap:4px;margin-left:6px}
.mm-link{display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;
      font:600 14px/1 "Manrope",sans-serif;color:var(--ink-2);text-decoration:none;padding:10px 12px;border-radius:8px}
.mm-item.has-panel:hover .mm-link,.mm-link:hover{color:var(--blue);background:var(--surface)}
.mm-link .chev{width:13px;height:13px;transition:transform .2s}
.mm-item.has-panel:hover .mm-link .chev{transform:rotate(180deg)}
.mm-cta{margin-left:auto;display:flex;align-items:center;gap:14px}
.mm-cta__phone{font:700 15px/1 "Sora",sans-serif;color:var(--ink);text-decoration:none;white-space:nowrap}
.mm-cta .btn{white-space:nowrap}
.mm-burger{display:none;margin-left:auto;background:none;border:0;font-size:26px;color:var(--ink);cursor:pointer;line-height:1}
.mm-item{position:relative}
.mm-item--mega{position:static}
.mm-panel{position:absolute;top:100%;background:#fff;border:1px solid var(--line);border-top:2px solid var(--blue);
      border-radius:0 0 12px 12px;box-shadow:var(--shadow-md);z-index:40;
      opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s}
.mm-item:hover>.mm-panel{opacity:1;visibility:visible;transform:translateY(0)}
.mm-panel--list{left:0;min-width:264px;padding:10px}
.mm-panel--list a{display:block;position:relative;color:var(--ink-2);font:500 13.5px/1.3 "Manrope",sans-serif;text-decoration:none;padding:8px 9px 8px 22px;border-radius:8px;transition:background .15s,color .15s,padding .15s}
.mm-panel--list a::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--line);transition:background .15s}
.mm-panel--list a:hover{background:var(--surface);color:var(--blue);padding-left:26px}
.mm-panel--list a:hover::before{background:var(--blue)}
.mm-panel--mega{left:0;right:0;padding:0;overflow:hidden}
.mm-mega{padding:22px 26px}
.mm-mega__main{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 22px;align-items:start}
.mm-col__h{display:flex;align-items:center;gap:8px;font:600 11px/1 "Sora",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);margin:2px 0 8px}
.mm-col__h svg{width:15px;height:15px;color:var(--blue)}
.mm-cell{display:flex;gap:11px;align-items:center;padding:8px 10px;margin:0 -8px;border-radius:11px;text-decoration:none;transition:background .15s}
.mm-cell:hover{background:var(--surface)}
.mm-cell__ico{width:38px;height:38px;flex:none;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--blue);transition:background .15s,color .15s}
.mm-cell:hover .mm-cell__ico{background:var(--blue);color:#fff}
.mm-cell__ico svg{width:20px;height:20px}
.mm-cell__ico img{max-width:26px;max-height:15px;object-fit:contain}
.mm-cell:hover .mm-cell__ico img{filter:brightness(0) invert(1)}
.mm-cell__t b{display:block;font:600 13.5px/1.2 "Sora",sans-serif;color:var(--ink)}
.mm-cell:hover .mm-cell__t b{color:var(--blue)}
.mm-cell__t em{display:block;font:500 11.5px/1.3 "Manrope",sans-serif;font-style:normal;color:var(--muted);margin-top:2px}
.mm-mega__foot{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:13px 26px;border-top:1px solid var(--line);background:var(--surface)}
.mm-mega__foot span{display:flex;align-items:center;gap:7px;font:500 13px/1 "Manrope",sans-serif;color:var(--ink-2)}
.mm-mega__foot span svg{width:16px;height:16px;color:var(--sig-noise)}
.mm-mega__all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--blue);font:700 13px/1 "Manrope",sans-serif;text-decoration:none;cursor:pointer}
.mm-icobtn{width:42px;height:42px;flex:none;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);text-decoration:none;transition:.18s}
.mm-icobtn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.mm-icobtn svg{width:21px;height:21px}
@media (max-width:980px){.mm-mega__main{grid-template-columns:1fr;gap:2px}.mm-col{margin-bottom:8px}}
.mm-drawer{position:fixed;inset:0;z-index:100;background:rgba(14,28,51,.5);opacity:0;visibility:hidden;transition:.2s}
.mm-drawer.is-open{opacity:1;visibility:visible}
.mm-drawer__panel{position:absolute;top:0;right:0;width:88%;max-width:360px;height:100%;background:#fff;
      transform:translateX(100%);transition:transform .25s var(--ease);overflow-y:auto;padding:16px}
.mm-drawer.is-open .mm-drawer__panel{transform:translateX(0)}
.mm-drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mm-drawer__close{background:none;border:0;font-size:28px;line-height:1;color:var(--ink);cursor:pointer}
.mm-acc{border-bottom:1px solid var(--line)}
.mm-acc__head{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;
      cursor:pointer;font:600 15px/1 "Manrope",sans-serif;color:var(--ink);padding:14px 4px;text-align:left}
.mm-acc__head a{color:inherit;text-decoration:none}
.mm-acc__head .chev{width:16px;height:16px;flex:none;color:var(--muted);transition:transform .2s}
.mm-acc.is-open .mm-acc__head .chev{transform:rotate(180deg)}
.mm-acc__body{display:none;padding:0 4px 12px}
.mm-acc.is-open .mm-acc__body{display:block}
.mm-acc__body a{display:block;color:var(--muted);font:500 14px/1 "Manrope",sans-serif;text-decoration:none;padding:9px 0}
.mm-acc__grp{font:500 11px/1 "Sora",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:10px 0 2px}
@media (max-width:980px){.mm-nav,.mm-cta__phone,.mm-cta .btn{display:none}.mm-burger{display:inline-flex}}
