/* =====================================================================
   THE MINERS — Footer styles (дизайн Паши). Scoped под .mnr-footer.
   Десктоп: заголовок слева + копирайт под ним, 3 колонки ссылок,
   соцсети справа. Мобилка: заголовок / соцсети / колонки / копирайт.
   Шрифт наследуется от Shoptet.
   ===================================================================== */
.mnr-footer{ --fg: #fff; --muted: #9a9a9a; background: #000; color:var(--fg); font-family:'TheMinersFont'; overflow-x:hidden; }
.mnr-footer *{ box-sizing:border-box; }

.mnr-footer__inner{ 
  margin:0 auto;
  padding:clamp(32px,5vw,72px) clamp(20px,5vw,64px);
  display:grid;
  grid-template-columns:minmax(0,1.5fr) auto auto;
  grid-template-areas:
    "title cols social"
    "bottom bottom bottom";
  column-gap:clamp(32px,5vw,80px);
  row-gap:20px;
  align-items:start;
}

.mnr-footer__title{
  grid-area:title; margin:0;
  font-weight:900; text-transform:uppercase;
  font-size:6rem; line-height:.95; letter-spacing:-.01em;
  color: var(--fg);
}

.mnr-footer__social{ grid-area:social; justify-self:end; display:flex; align-items:center; gap:16px; }
.mnr-footer__soc{ display:flex; gap:12px; }
.mnr-footer__soc a{ display:inline-flex; color:inherit; transition:opacity .15s; }
.mnr-footer__soc a:hover{ opacity:.6; }
.mnr-footer__soc svg{ width:40px; height:40px; display:block; }

/* логотип Shoptet: квадраты держат свои цвета, слово — currentColor (бел/чёрн по теме) */
.mnr-footer__st{ display:inline-flex; color:inherit; transition:opacity .15s; }
.mnr-footer__st:hover{ opacity:.7; color: var(--muted)}
.mnr-footer__st svg{ display:block; height:24px; width:auto; }
.mnr-footer__st--m{ display:none; }   /* мобильный экземпляр скрыт на десктопе */

.mnr-footer__cols{ grid-area:cols; display:flex; gap:clamp(28px,4vw,56px); }
.mnr-footer__col h3{ margin:0 0 1.1em; font-size:1.6rem; font-weight:900; text-transform:uppercase; color: var(--fg);}
.mnr-footer__col ul{ list-style:none; margin:0; padding:0; }
.mnr-footer__col li{ margin:.55em 0; }
.mnr-footer__col a{ color:inherit; text-decoration:none; font-size:1.6rem; white-space:nowrap; }
.mnr-footer__col a:hover{ text-decoration:underline; }

.mnr-footer__bottom{ grid-area:bottom; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 24px; }
.mnr-footer__copy{ margin:0; font-size:1.3rem; color:var(--muted); }
.mnr-footer__sign{ font-size:.72rem; color:var(--muted); }
.mnr-footer__sign a{ color:inherit; text-decoration:underline; }

/* --- мобилка: всё в столбик --------------------------------------- */
@media (max-width:768px){
  .mnr-footer__inner{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"title" "social" "cols" "bottom";
    row-gap:26px;
  }
  .mnr-footer__title{ font-size:4.8rem; }
  .mnr-footer__social{ justify-self:stretch; justify-content:space-between; }
  .mnr-footer__st--m{ display:inline-flex; }   /* мобильный Shoptet в ряду соцсетей */
  .mnr-footer__st--d{ display:none; }          /* десктопный — прячем */
  .mnr-footer__cols{ flex-wrap:wrap; gap: 22px clamp(15px, 3vw, 40px); }
  .mnr-footer__col a{ white-space:normal; }
}