/* =========================================================================
   Подвал gutermebel.com (выкат 02.10.2026, макет gutermebel-footer.vercel.app).
   Разметка в чанке footer id11, скрипт /gm-footer.js, подключение в чанке header id4.
   Переменные --gmh-* объявлены в /css/gm-header.css, свои классы с префиксом gmf-.
   ========================================================================= */
:root{
  --gmf-bg:#111;
  --gmf-bg-legal:rgba(0,0,0,.35);
  --gmf-line:rgba(255,255,255,.16);
  --gmf-line-soft:rgba(255,255,255,.10);
  --gmf-link:rgba(255,255,255,.90);
  --gmf-muted:rgba(255,255,255,.82);
  --gmf-legal:rgba(255,255,255,.60);
}
/* плавное раскрытие аккордеонов: в макете стояло на html, в проде только на подвале (done-gate 02.10) */
.gmf{interpolate-size:allow-keywords}
/* =========================== ПОДВАЛ ================================== */
.gmf{background:var(--gmf-bg);color:#fff;font-family:'PT Sans',Arial,sans-serif;font-size:15px;line-height:1.4}
.gmf *{box-sizing:border-box}
.gmf-wrap{max-width:var(--gmh-wrap);margin:0 auto;padding:0 20px}
.gmf a{color:inherit;text-decoration:none}
.gmf a,.gmf button,.gmf summary{touch-action:manipulation}
.gmf :focus-visible{outline:3px solid var(--gmh-red);outline-offset:2px;border-radius:4px}

/* --- полоса A: бренд и контакты --------------------------------------- */
.gmf-top{border-bottom:1px solid var(--gmf-line)}
.gmf-top-in{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px}
.gmf-brand{flex:none}
.gmf-logo{display:inline-flex;align-items:center;min-height:44px;line-height:0}
.gmf-logo img{width:58px;height:42px;display:block}
.gmf-contacts{font-style:normal;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;
  justify-content:space-between;gap:10px 18px;flex:1}
.gmf-tel-row{display:flex;align-items:center;gap:12px}
.gmf-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px}
.gmf-tel{font-size:20px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.gmf-sched{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--gmf-muted)}
.gmf-dot{width:7px;height:7px;margin:0 4px;border-radius:50%;background:#3AA655;flex:none}
.gmf-sched.is-closed .gmf-dot{background:#B0B0B0}
.gmf-info{display:flex;flex-direction:column;gap:4px}
.gmf-perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.gmf-perks li{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--gmf-muted)}
.gmf .gmf-perks svg,.gmf .gmf-salons svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.gmf .gmf-salons svg{stroke:var(--gmf-muted)}
.gmf-salons{display:inline-flex;align-items:center;gap:7px;min-height:24px;font-size:14px;color:var(--gmf-muted)}
.gmf a.gmf-salons{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;
  text-decoration-color:rgba(255,255,255,.35)}
.gmf-callback{font:inherit;font-size:14px;color:#fff;background:var(--gmh-red);border:0;cursor:pointer;
  height:40px;padding:0 18px;border-radius:var(--gmh-r);font-weight:700;
  transition:background 160ms ease,transform 160ms var(--gmh-ease-out)}
.gmf-callback:active{transform:scale(.97)}
.gmf-callback:focus-visible{outline-color:#fff}
.gmf-soc{display:flex;gap:8px;margin-top:2px}
.gmf-soc a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:var(--gmh-r);background:rgba(255,255,255,.10);transition:background 140ms ease}
.gmf-soc svg{width:20px;height:20px;display:block}

/* --- полоса B: колонки ссылок ----------------------------------------- */
.gmf-nav{padding:18px 0 18px}
.gmf-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.gmf-col{min-width:0}
.gmf-col-head{font-size:15px;font-weight:700;color:#fff;margin:0 0 9px;list-style:none;cursor:default;min-height:24px}
.gmf-col-head h2{margin:0;font:inherit;color:inherit;display:inline}
.gmf-col-head::-webkit-details-marker{display:none}
.gmf-chev{display:none}
.gmf-list{margin:0;padding:0;list-style:none}
.gmf-list a{display:block;padding:4px 0;font-size:15px;color:var(--gmf-link);
  transition:color 140ms ease,box-shadow 140ms ease}
@media (hover:hover) and (pointer:fine){
  .gmf-list a:hover{color:#fff;box-shadow:inset 0 -1px 0 var(--gmh-red)}
  .gmf a.gmf-salons:hover{color:#fff;text-decoration-color:var(--gmh-red)}
  .gmf-callback:hover{background:var(--gmh-red-dark)}
  .gmf-soc a:hover{background:rgba(255,255,255,.22)}
}
.gmf-list a:active{background:rgba(255,255,255,.12)}
.gmf-col-head:active{background:rgba(255,255,255,.06)}
.gmf-soc a:active{background:rgba(255,255,255,.16)}


/* --- полоса C: юрлицо и копирайт --------------------------------------- */
.gmf-legal{background:var(--gmf-bg-legal);font-size:13px;color:var(--gmf-legal)}
.gmf-legal-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:11px 20px 13px}
.gmf-legal p{margin:0}
.gmf .gmf-legal a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;
  text-decoration-color:rgba(255,255,255,.25)}
.gmf-dev{font-size:12px;white-space:nowrap}
.gmf-dev a{display:inline-flex;align-items:center;min-height:24px}

/* ============================ МОБАЙЛ ================================== */
@media (max-width:992px){
  .gmf-wrap{padding:0 16px}
  .gmf-top-in{flex-direction:column;align-items:stretch;gap:12px;padding:16px 16px 14px}
  .gmf-brand{max-width:none;order:2}
  .gmf-contacts{order:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;flex:none}
  .gmf-tel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .gmf-meta-row{justify-content:flex-start}
  .gmf-soc a{width:44px;height:44px}
  .gmf-soc svg{width:22px;height:22px}
  .gmf-tel{font-size:23px;display:inline-flex;align-items:center;min-height:44px}
  .gmf-sched{min-height:auto}
  .gmf-salons{display:inline-flex;align-items:center;min-height:44px;align-self:flex-start}
  .gmf-callback{width:100%;height:46px;font-size:16px}
  .gmf-soc{margin-top:0}
  .gmf-dev a{display:inline-flex;align-items:center;min-height:44px}

  .gmf-nav{padding:0}
  .gmf-cols{display:block;gap:0}
  .gmf-col{border-bottom:1px solid var(--gmf-line)}
  .gmf-col-head{display:flex;align-items:center;justify-content:space-between;
    min-height:48px;margin:0;padding:0 4px;font-size:16px;cursor:pointer}
  .gmf-chev{display:block;width:9px;height:9px;flex:none;
    border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);
    transform:rotate(45deg);transition:transform 200ms var(--gmh-ease-out)}
  .gmf-col[open] .gmf-chev{transform:rotate(-135deg)}
  .gmf-list{padding:0 4px 10px}
  .gmf-list a{min-height:44px;display:flex;align-items:center;padding:0 0 0 12px;font-size:15px;
    border-top:1px solid var(--gmf-line-soft)}
  /* правый отступ 96px обходит плавающие виджеты в правом нижнем углу (кнопка звонка Mango) */
  .gmf-legal-in{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 16px 24px;
    padding-right:96px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}

/* плавное раскрытие аккордеона там, где браузер это умеет; иначе мгновенно, как сейчас */
@supports (interpolate-size: allow-keywords){
  @media (max-width:992px){
    .gmf-col::details-content{block-size:0;overflow:hidden;
      transition:block-size 220ms var(--gmh-ease-out),content-visibility 220ms allow-discrete}
    .gmf-col[open]::details-content{block-size:auto}
  }
}

@media (max-width:992px){
  .gmf-info{gap:6px}
  .gmf-perks{flex-direction:column;gap:6px}
  .gmf-salons{margin-block:-8px}
}

@media (prefers-reduced-motion:reduce){
  .gmf *{animation:none !important;transition:opacity 120ms linear !important}
  /* у шеврона базовый поворот это форма, а не движение: гасим переход, а не transform */
  .gmf-chev{transition:none !important}
  .gmf-callback:active{transform:none !important}
}
.gmf-nw{white-space:nowrap}