:root{ --bg:#f3f4f6; --card:#fff; --text:#111; --muted:#6b7280; --border:#e5e7eb; --brand:#876a50; --dark:#24292e; }
*{box-sizing:border-box}
html,body{margin:0; background:var(--bg); color:var(--text); font-family:system-ui, Segoe UI, Roboto, Arial}

/* Header (фиксированный) */
.header{position:fixed; inset:0 0 auto 0; background:#fff; z-index:20; border-bottom:1px solid var(--border)}
.hdr-inner{max-width:980px;margin:0 auto;padding:.5rem .75rem}
.logo-plaque{margin:.25rem auto; background:var(--brand); color:#fff; border-radius:14px; height:56px;
  display:flex; align-items:center; justify-content:center; padding:.35rem .75rem; cursor:pointer; width:100%}
.logo-plaque img{height:40px;width:auto;display:block}

/* Footer (полоса с телефоном) */
.footer{position:fixed; inset:auto 0 0 0; background:#111827; color:#fff; z-index:20; border-top:1px solid #0f172a}
.ftr-inner{max-width:980px;margin:0 auto; padding:.6rem .75rem; display:flex; align-items:center; justify-content:center}
.ftr-inner a{color:#fff; text-decoration:none; font-weight:700}

/* Общий контейнер страницы — даст отступы под фикс. шапку/подвал */
.page-content{ --pad-top:88px; --pad-bottom:56px; padding:var(--pad-top) .75rem var(--pad-bottom); }

.footer {
  position:fixed;
  inset:auto 0 0 0;
  height:56px;
  background:var(--dark);
  color:#fff;
  z-index:20;
}

.foot-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:56px;
  padding:0 16px;
}

/* левый логотип */
.foot-left img{
  display:block;
  height:28px;
  width:auto;
  vertical-align:middle;
}

.foot-left{
  display:flex;
  align-items:center;
  gap:8px;
}

/* телефон по центру */
.foot-phone{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  margin:0;
  font-weight:600;
  color:#fff;
  white-space:nowrap;
  pointer-events:auto;
  z-index:1;
}

/* правый блок иконок */
.foot-right{
  display:flex;
  align-items:center;
  gap:8px;
}

.foot-orders{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#3a3f45;
}

.foot-orders svg{
  width:18px;
  height:18px;
  fill:#fff;
  display:block;
}

.foot-tg{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:#3a3f45;
}

.foot-tg img{
  width:18px;
  height:18px;
  display:block;
}

.foot-help{
  font-weight:700;
  font-size:20px;
  color:#fff;
}