/* Единая шапка «Миледи»: пять разделов, большая панель изделий, на телефоне аккордеон. */
header.top .wrap{max-width:1320px;gap:18px}
nav.main{gap:2px;align-items:center}
nav.main > a,.dd-b{color:var(--ink);text-decoration:none;font:500 15px var(--f-body);padding:9px 12px;border-radius:999px;white-space:nowrap}
nav.main > a:hover,nav.main > a[aria-current="page"],.dd-b:hover,.dd-b[aria-current="page"],.dd.open .dd-b{background:var(--brand-soft)}
.dd{position:relative}
.dd.mega{position:static}
.dd-b{border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dd-b::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.55;transition:transform .15s}
.dd.open .dd-b::after{transform:translateY(1px) rotate(-135deg)}
.nav-quick{display:none}

/* выпадающие панели */
.dd-m{position:absolute;top:100%;left:0;z-index:40;min-width:320px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(28,26,43,.16);padding:10px;display:none;gap:2px}
.dd-m::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
nav.main .dd-m a{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:12px;color:var(--ink);text-decoration:none}
nav.main .dd-m a:hover,.dd-m a[aria-current="page"]{background:var(--brand-soft)}
nav.main .dd-m a i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
nav.main .dd-m a:hover i,.dd-m a[aria-current="page"] i{background:var(--paper)}
nav.main .dd-m a i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
nav.main .dd-m a span{display:flex;flex-direction:column;gap:1px;min-width:0}
nav.main .dd-m a b{font:600 14.5px var(--f-body);white-space:nowrap}
nav.main .dd-m a small{font-size:12.5px;color:var(--muted);line-height:1.35}
.dd-m .dd-cap{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 10px 4px}

/* большая панель «Шторы и жалюзи» */
.mega-m{left:50%;transform:translateX(-50%);width:min(1180px,calc(100vw - 32px));grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.95fr);column-gap:14px;padding:16px}
.mcol{display:flex;flex-direction:column;gap:2px;min-width:0}
.mhelp{background:var(--sun-soft);border-radius:14px;padding:18px;gap:10px;justify-content:center}
.mhelp b{font:700 17px var(--f-display);line-height:1.2}
.mhelp p{font-size:14px;color:var(--muted);margin:0}
.mhelp .btn{justify-content:center;padding:11px 16px;font-size:14px}

.dd.open .dd-m{display:grid}
@media (hover:hover) and (min-width:1181px){.dd:hover .dd-m{display:grid}}
.top .phone small{font-size:11px}
@media (max-width:1240px) and (min-width:1181px){.top .phone{display:none}}

/* телефон и планшет: разделы свёрнуты, сверху быстрые действия */
@media (max-width:1180px){
  nav.main{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--paper);padding:12px 16px 20px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(28,26,43,.12);max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow:auto;gap:2px}
  nav.main.open{display:flex}
  .burger{display:block;margin-left:auto}
  .top .phone,.top > .wrap > .btn-main{display:none}
  .nav-quick{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-bottom:8px}
  header.top .nav-quick .btn{display:inline-flex;padding:11px 8px;font-size:14px;justify-content:center}
  .dd,.dd.mega{position:static;border-bottom:1px solid var(--line)}
  .dd-b{width:100%;justify-content:space-between;font:600 16px var(--f-body);padding:14px 6px;border-radius:0}
  .dd-b:hover,.dd.open .dd-b,.dd-b[aria-current="page"]{background:none;color:var(--brand)}
  .dd-m,.mega-m{position:static;transform:none;width:auto;min-width:0;box-shadow:none;border:0;border-radius:0;padding:0 0 10px;grid-template-columns:1fr;display:none}
  .dd-m::before{display:none}
  .dd.open .dd-m{display:grid}
  .mhelp{display:none}
  nav.main .dd-m a{padding:8px 6px}
  nav.main > a{font:600 16px var(--f-body);padding:14px 6px;border-radius:0;border-bottom:1px solid var(--line)}
  nav.main > a:hover,nav.main > a[aria-current="page"]{background:none;color:var(--brand)}
}
@media (max-width:400px){.nav-quick{grid-template-columns:1fr 1fr}.nav-quick .btn-main{grid-column:span 2}}
footer.foot .cols{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}
@media (max-width:980px){footer.foot .cols{grid-template-columns:1fr 1fr}}