/* ============================================================
   header.css — промо-полоса + шапка + бургер-меню. Кегли — из шкалы (ТЗ-10 §1).
   ============================================================ */

.promo {
  width: 390px; min-height: 28px; padding: 6px 12px;
  display: flex; align-items: center; justify-content: center;
  background: var(--c-peach); color: var(--c-ink);
  font-weight: 700; font-size: var(--fs-eyebrow); line-height: var(--lh-cap);
  letter-spacing: .5px; text-transform: uppercase; text-align: center;
}

.head {
  width: 390px; min-height: 56px;
  padding: 6px var(--side);
  display: flex; align-items: center; justify-content: space-between;
  background: var(--c-ivory);
}

.logo {
  font-family: var(--ff-head); font-weight: 800; font-size: var(--fs-h3);
  letter-spacing: .2px; color: var(--c-ink); line-height: 1;
}
.logo em { font-style: normal; color: var(--c-cta); margin-left: 14px; }
a.logo { display: inline-flex; align-items: center; min-height: 44px; }

.burger {
  width: 46px; height: 46px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  background: var(--c-white);
  border: 1px solid var(--c-border);
  border-radius: var(--r-burger);
  color: var(--c-ink);
}
.burger svg { width: 24px; height: 24px; }

/* ---------- БУРГЕР-МЕНЮ (оверлей) ---------- */
.menu { position: fixed; inset: 0; z-index: 60; }
.menu[hidden] { display: none; }
.menu::before { content: ""; position: absolute; inset: 0; background: rgba(46,31,71,.55); }
.menu__panel {
  position: absolute; top: 0; right: 0; height: 100%;
  width: min(78vw, 320px);
  background: var(--c-ivory);
  padding: 20px;
  display: flex; flex-direction: column;
  box-shadow: -12px 0 40px rgba(46,31,71,.3);
}
.menu__close {
  align-self: flex-end;
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  color: var(--c-ink);
}
.menu__links { display: flex; flex-direction: column; margin-top: 8px; }
.menu__links a {
  font-family: var(--ff-head); font-weight: 700; font-size: var(--fs-sub);
  text-transform: uppercase; letter-spacing: .3px;
  color: var(--c-ink);
  min-height: 52px; display: flex; align-items: center;
  border-bottom: 1px solid var(--c-border);
}