/* ==========================================================================
   tovpsiholog.ru — Максим Страхов
   Единый стиль сайта. Токены дизайн-системы + компоненты блоков.
   Порядок: 1) токены 2) база 3) типографика 4) кнопки 5) шапка
            6) подвал 7) блоки страниц 8) адаптив
   ========================================================================== */

/* 1. ТОКЕНЫ ---------------------------------------------------------------- */
:root{
  /* цвет */
  --sand:#EDE1CE;         /* песок — основной светлый фон */
  --sand-2:#DED2BE;       /* песок тёмный — фон вокруг макета */
  --sand-3:#D7C4A3;       /* песок для карточек-подложек */
  --night:#101C2B;        /* ночной — тёмный фон, подвал */
  --choc:#3E2F23;         /* шоколад — текст на светлом */
  --ecru:#F4EBDB;         /* экрю — текст на тёмном */
  --coyote:#81613E;       /* койот — акцент */
  --bronze:#B98A54;       /* бронза — линии, номера */
  --terra:#B0532F;        /* терракота — CTA, энергия */
  --terra-2:#9A4726;      /* терракота hover */
  --olive:#75704F;

  --line:rgba(129,97,62,.28);
  --line-2:rgba(185,138,84,.55);

  /* шрифты: Oswald — подстановка вместо Bebas Neue (в Bebas нет кириллицы) */
  --font-d:'Oswald','Bebas Neue',Impact,sans-serif;
  --font-t:'Montserrat',system-ui,sans-serif;
  --font-s:'PT Serif',Georgia,serif;

  /* сетка */
  --pad:clamp(20px,6.7vw,96px);
  --maxw:1440px;
  --u:1px;               /* единица макета первого экрана (1 px при ширине 1440) */
  --photo:sepia(.22) saturate(.92) contrast(1.04) brightness(.98);
}

/* 2. БАЗА ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--sand);color:var(--choc);
  font-family:var(--font-t);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
a:hover{color:var(--terra)}
p{margin:0;text-wrap:pretty}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--terra);color:var(--ecru)}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.section{position:relative;padding:clamp(64px,9vw,128px) 0}
.section--tight{padding-top:0}
.section--dark{background:var(--night);color:var(--ecru)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 3. ТИПОГРАФИКА ---------------------------------------------------------- */
.h1{font-family:var(--font-d);font-size:clamp(56px,11.5vw,172px);line-height:.86;letter-spacing:.02em;text-transform:uppercase;color:var(--terra)}
.h2{font-family:var(--font-d);font-size:clamp(40px,6vw,88px);line-height:.94;letter-spacing:.03em;text-transform:uppercase;color:var(--choc)}
.h3{font-family:var(--font-d);font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--coyote)}
.h4{font-family:var(--font-t);font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.32;color:var(--choc)}
.lead{font-size:clamp(18px,1.6vw,23px);line-height:1.55;color:rgba(62,47,35,.86)}
.body{font-size:clamp(16px,1.25vw,18px);line-height:1.62;color:rgba(62,47,35,.84)}
.body--strong{font-size:clamp(17px,1.35vw,19px);font-weight:500;line-height:1.45;color:var(--choc)}
.caps{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.quote{font-family:var(--font-s);font-style:italic;font-size:clamp(22px,2.8vw,40px);line-height:1.4;color:var(--choc)}

/* кикер: бронзовая линия + служебный заголовок */
.kicker{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--coyote)}
.kicker::before{content:'';flex:none;width:56px;height:2px;background:var(--bronze)}
.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px}

/* бронзовая линия-разделитель */
.rule{height:2px;background:rgba(185,138,84,.45);border:0;margin:0}
.rule-row{display:flex;align-items:baseline;gap:20px;margin-bottom:26px}
.rule-row .h3{white-space:nowrap}
.rule-row .rule{flex:1}
.slider__bar .rule{flex:1}
.stack-lg{margin-top:66px}
.stack-xl{margin-top:88px}

/* нумерованный маркер: цифра Bebas в кольце */
.num{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:52px;border-radius:50%;border:2px solid rgba(185,138,84,.6);font-family:var(--font-d);font-size:26px;line-height:1;letter-spacing:.04em;color:var(--bronze)}

/* плашка */
.plate{border-radius:8px;background:rgba(176,83,47,.12);padding:30px 38px}
.plate--bronze{background:rgba(129,97,62,.09)}

/* 4. КНОПКИ -------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 24px;border:1px solid transparent;border-radius:8px;
  font-family:var(--font-t);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;text-align:center;
}
.btn--primary{background:var(--terra);color:var(--ecru)}
.btn--primary:hover{background:var(--terra-2);color:var(--ecru)}
.btn--ghost{background:transparent;border-color:rgba(129,97,62,.7);color:var(--choc)}
.btn--ghost:hover{background:rgba(129,97,62,.12);color:var(--choc)}
.btn--lg{padding:23px 48px;font-size:13.5px;letter-spacing:.16em}
.btn--block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:18px}

/* 5. ШАПКА --------------------------------------------------------------- */
.hdr{position:absolute;left:0;right:0;top:0;z-index:20}
.hdr__inner{display:flex;align-items:center;justify-content:space-between;gap:36px;max-width:var(--maxw);margin:0 auto;padding:28px var(--pad)}
.hdr__logo img{height:46px;width:auto}
.hdr__nav{display:flex;align-items:center;gap:30px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:rgba(62,47,35,.8)}
.hdr__nav a{white-space:nowrap}
.hdr__nav .btn{display:none}   /* Медиакит — только внутри выпадающего меню */
.hdr__actions{display:flex;align-items:center;gap:10px}
.hdr__burger{display:none;width:46px;height:46px;border:1px solid rgba(129,97,62,.5);border-radius:8px;background:transparent;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.hdr__burger span{display:block;width:20px;height:2px;background:var(--choc)}

/* 6. ПОДВАЛ -------------------------------------------------------------- */
.ftr{background:var(--night);color:rgba(244,235,219,.62);padding:48px 0 58px;font-size:14px;line-height:1.6}
.ftr a:hover{color:var(--bronze)}
.ftr__nav{display:flex;flex-wrap:wrap;gap:34px;padding-bottom:44px;margin-bottom:48px;border-bottom:1px solid rgba(185,138,84,.4);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,235,219,.72)}
.ftr__nav a.is-active{color:var(--bronze);padding-bottom:6px;border-bottom:1px solid var(--bronze)}
.ftr__nav a.is-active:hover{color:var(--bronze)}
.hdr__nav a.is-active{color:var(--terra)}
.ftr__col a.is-active{color:var(--bronze);border-bottom:1px solid var(--bronze);padding-bottom:2px;align-self:start}
.ftr__col a.is-active:hover{color:var(--bronze)}
.ftr a.ftr__plain,.ftr a.ftr__plain:hover{color:inherit;border-bottom:0;text-decoration:none}
.ftr__cols{display:grid;grid-template-columns:1fr 300px 1fr;gap:60px;align-items:start}
.ftr__cols > * + *{margin-top:70px}   /* колонки выровнены по первой строке текста, а не по логотипу */
.ftr__col{display:flex;flex-direction:column;gap:10px}
.ftr__logolink{align-self:flex-start;display:block;line-height:0;margin-bottom:16px;transition:opacity .2s ease}
.ftr__logolink:hover{opacity:.72}
.ftr__logo{display:block;height:54px;width:104px}
.ftr__social{display:flex;flex-direction:column;gap:14px;font-size:13px;line-height:22.4px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,235,219,.78)}
.ftr__note{margin-top:70px;font-size:13.5px;font-style:italic;line-height:1.6}

/* 7. БЛОКИ --------------------------------------------------------------- */

/* 7.1 Первый экран: канвас 1440×1080 из макета, масштабируется пропорционально.
   Вся геометрия — в единицах --u, поэтому наложения никогда не расходятся. */
.hero{position:relative;overflow:hidden;background:var(--sand);--u:min(1px,100vw/1440)}
.hero__canvas{position:relative;width:calc(1440*var(--u));height:calc(1080*var(--u));margin:0 auto}
.hero__ghost{position:absolute;left:0;right:0;top:calc(184*var(--u));z-index:1;text-align:center;font-family:var(--font-d);font-size:calc(190*var(--u));line-height:.85;letter-spacing:.06em;text-transform:uppercase;color:rgba(62,47,35,.13);pointer-events:none}
.hero__photo{position:absolute;left:50%;margin-left:calc(-296*var(--u));bottom:0;height:calc(890*var(--u));width:auto;max-width:none;z-index:2;filter:saturate(.95) contrast(1.03)}
.hero__shadow{position:absolute;left:50%;margin-left:calc(-340*var(--u));bottom:calc(34*var(--u));width:calc(680*var(--u));height:calc(150*var(--u));z-index:1;background:radial-gradient(50% 50% at 50% 50%,rgba(62,47,35,.11) 0%,rgba(62,47,35,.05) 44%,rgba(62,47,35,0) 74%)}
.hero__shadow--core{margin-left:calc(-160*var(--u));bottom:calc(52*var(--u));width:calc(320*var(--u));height:calc(74*var(--u));background:radial-gradient(50% 50% at 50% 50%,rgba(62,47,35,.17) 0%,rgba(62,47,35,.07) 50%,rgba(62,47,35,0) 78%)}
.hero__social{position:absolute;left:calc(96*var(--u));top:calc(212*var(--u));z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:calc(14*var(--u));font-size:calc(12.5*var(--u));font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(62,47,35,.82)}
.hero__social a{padding-bottom:calc(8*var(--u));border-bottom:1px solid rgba(129,97,62,.4)}
.hero__social a:hover{border-bottom-color:var(--terra)}
.hero__name{position:absolute;left:calc(96*var(--u));right:calc(96*var(--u));top:calc(727*var(--u));z-index:3;display:flex;flex-direction:column;align-items:flex-start;font-size:calc(172*var(--u));white-space:nowrap}
.hero__name span{align-self:flex-end;margin-right:calc(334*var(--u))}
.hero__creds{position:absolute;left:calc(96*var(--u));top:calc(894*var(--u));width:calc(244*var(--u));z-index:4;display:flex;flex-direction:column;gap:calc(11*var(--u));font-size:calc(12*var(--u));font-weight:600;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:rgba(62,47,35,.85)}
.hero__creds li{display:flex;align-items:flex-start;gap:calc(12*var(--u))}
.hero__creds li::before{content:'◆';color:var(--bronze);font-size:calc(11*var(--u));line-height:1.5}
.hero__facts{position:absolute;right:calc(96*var(--u));top:calc(738*var(--u));width:calc(300*var(--u));z-index:4}

/* 7.2 Слайдер «Интересные факты» */
.facts{width:100%}
.facts__head{display:flex;align-items:center;cursor:pointer;user-select:none}
.facts__ring{position:relative;display:flex;align-items:center;justify-content:center;width:calc(74*var(--u));height:calc(74*var(--u));flex:none;font-family:var(--font-d);font-size:calc(32*var(--u));line-height:1;letter-spacing:.04em;color:var(--choc)}
.facts__ring svg{position:absolute;left:0;top:0;width:100%;height:100%;transform:rotate(-90deg)}
.facts__ring-track{fill:none;stroke:rgba(185,138,84,.45);stroke-width:2}
.facts__ring-bar{fill:none;stroke:var(--terra);stroke-width:2;stroke-linecap:round;stroke-dasharray:226.2;stroke-dashoffset:226.2}
.facts--playing .facts__ring-bar{animation:ringFill 7000ms linear forwards}
@keyframes ringFill{from{stroke-dashoffset:226.2}to{stroke-dashoffset:0}}
.facts__total{display:flex;align-items:center;justify-content:center;width:calc(48*var(--u));height:calc(48*var(--u));margin-left:calc(-16*var(--u));border-radius:50%;background:rgba(129,97,62,.2);font-family:var(--font-d);font-size:calc(21*var(--u));line-height:1;letter-spacing:.04em;color:rgba(62,47,35,.55)}
.facts__title{margin-top:calc(16*var(--u));font-family:var(--font-d);font-size:calc(36*var(--u));line-height:.96;letter-spacing:.05em;text-transform:uppercase;color:var(--choc)}
.facts__text{margin-top:calc(14*var(--u));min-height:calc(112*var(--u));font-size:calc(15*var(--u));line-height:1.5;color:rgba(62,47,35,.8)}
.facts__nav{display:flex;align-items:center;gap:calc(24*var(--u));padding-top:calc(16*var(--u));border-top:1px solid rgba(129,97,62,.3);font-size:calc(11.5*var(--u));font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(62,47,35,.6)}
.facts__nav button{border:0;background:transparent;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.facts__nav button:hover{color:var(--terra)}

/* 7.3 Карточка «Подробнее обо мне» */
.about{position:relative;border-radius:8px;background:linear-gradient(118deg,#D7C4A3 0%,#E0CFB0 58%,#D2BE9B 100%);padding:62px clamp(24px,5vw,72px) 66px;overflow:hidden}
.about__photo{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:none;filter:sepia(.16) saturate(.94) contrast(1.03) brightness(.99)}
.about__body{position:relative;z-index:2;width:570px;max-width:100%}
.hairlist{display:flex;flex-direction:column;margin-top:44px;border-top:2px solid var(--line-2)}
.hairlist li{padding:22px 0;border-bottom:1px solid rgba(129,97,62,.3)}
.hairlist li:last-child{border-bottom:0}

/* 7.4 Специализация: карточки с номерами */
.cards{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,8vw,112px);row-gap:60px;align-items:start;margin-top:72px}
.card{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.card__head{display:flex;align-items:center;gap:16px}
.card__title{font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.28;color:var(--choc)}
.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-top:34px;padding-top:38px;border-top:1px solid var(--line)}
.cta-strip p{max-width:820px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--choc)}
.cta-strip .btn{flex:none}

/* 7.5 Портфолио: списки в две колонки */
.cols2{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,7vw,104px)}
.cols2 > li,.cols2 > p{padding:20px 0;border-top:1px solid var(--line)}
.nda{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:34px;margin-top:44px}
.nda__label{color:var(--terra);white-space:nowrap}

/* 7.6 Галерея-слайдер */
.slider{margin-top:92px}
.slider__bar{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.slider__counter{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(129,97,62,.75);white-space:nowrap}
.slider__btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:8px;border:1px solid rgba(129,97,62,.6);background:transparent;color:var(--choc);font-size:17px;cursor:pointer}
.slider__btn:hover{background:rgba(129,97,62,.12)}
.slider__btn--next{border-color:var(--terra);background:var(--terra);color:var(--ecru)}
.slider__btn--next:hover{background:var(--terra-2)}
.slider__view{overflow:hidden;touch-action:pan-y;cursor:grab}
.slider__track{display:flex;gap:24px;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.slider__track img{flex:none;width:400px;height:300px;border-radius:8px;object-fit:cover;filter:var(--photo)}
.slider__track img.is-top28{object-position:center 28%}
.slider__track img.is-top30{object-position:center 30%}
.slider__track img.is-top32{object-position:center 32%}

/* 7.7 Основные темы: строки заголовок + описание */
.rows{margin-top:56px}
.row2{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,7vw,104px);row-gap:16px;padding:34px 0;border-top:1px solid var(--line)}
.row2:last-child{border-bottom:1px solid var(--line)}
.row2 .h4{max-width:560px}

/* 7.8 Форматы сотрудничества: равнозначные колонки */
.formats{display:grid;grid-template-columns:repeat(5,1fr);column-gap:32px;row-gap:44px;margin-top:64px}
.format{display:flex;flex-direction:column;gap:20px;padding-top:26px;border-top:2px solid var(--line-2)}
.format__label{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--coyote)}
.format p{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:var(--choc)}

/* 7.9 Контакты */
.contacts{display:grid;grid-template-columns:1fr 360px;gap:clamp(40px,7vw,96px);align-items:start;margin-top:56px}
.contacts__social{display:flex;flex-direction:column;gap:18px}
.contacts__social a{padding-bottom:12px;border-bottom:1px solid rgba(129,97,62,.35);font-size:14.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--choc)}
.contacts__social a:hover{border-bottom-color:var(--terra)}
.contacts__label{font-size:11.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--coyote)}
.contacts__lead{max-width:660px}
.contacts__btns{margin-top:40px}

/* 7.10 Кнопка «наверх» (на всех страницах) */
.to-top{
  position:fixed;left:clamp(10px,1.2vw,18px);bottom:clamp(16px,2.5vw,40px);z-index:30;
  display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;
  border:1px solid rgba(129,97,62,.55);border-radius:50%;background:rgba(237,225,206,.92);
  backdrop-filter:blur(6px);color:var(--choc);font-family:var(--font-d);font-size:22px;line-height:1;
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s,transform .25s,visibility .25s,background .2s,color .2s,border-color .2s;
}
.to-top.is-shown{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--terra);border-color:var(--terra);color:var(--ecru)}
@media (max-width:640px){.to-top{width:48px;height:48px;font-size:19px}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}

/* 8. АДАПТИВ ------------------------------------------------------------- */

/* планшет */
@media (max-width:1200px){
  .hdr__nav{display:none}
  .hdr__burger{display:flex}
  .hdr.is-open .hdr__nav{display:flex;position:absolute;left:var(--pad);right:var(--pad);top:96px;flex-direction:column;align-items:flex-start;gap:20px;padding:26px 28px;border-radius:8px;background:var(--sand);box-shadow:0 18px 40px rgba(62,47,35,.18)}
  .hdr.is-open .hdr__nav .btn{display:inline-flex;margin-top:4px}
  .cta-strip{flex-direction:column;align-items:flex-start;gap:28px}
  .formats{grid-template-columns:repeat(3,1fr)}
  .about__photo{right:0;height:100%;opacity:.94}
  .about__body{width:100%;max-width:440px}
}

@media (max-width:1024px){
  .hdr__actions .btn--ghost{display:none}

  /* первый экран: колонкой, фоновое «Спикер тренер» остаётся за фигурой */
  .hero{--u:1px;padding:126px var(--pad) 0}
  .hero__canvas{width:100%;height:auto;display:grid;grid-template-columns:minmax(0,1fr)}
  .hero__social{position:static;grid-row:1;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:18px 24px;margin-bottom:26px}
  .hero__ghost{position:static;grid-row:2;grid-column:1;align-self:start;justify-self:stretch;z-index:1;text-align:center;font-size:clamp(64px,22vw,210px);margin:0;padding-top:2vw}
  .hero__photo{position:relative;grid-row:2;grid-column:1;justify-self:center;z-index:2;left:auto;bottom:auto;margin:0;height:auto;width:min(520px,100%)}
  .hero__shadow{display:none}
  .hero__name{position:static;grid-row:3;font-size:clamp(56px,12.5vw,120px);white-space:normal;margin:-22vw 0 2px}
  .hero__name span{align-self:flex-end;margin-right:8vw}
  .hero__creds{position:static;grid-row:4;width:100%;margin:-14px 0 40px}
  .hero__facts{position:static;grid-row:5;width:100%;margin-bottom:56px}

  .cards{grid-template-columns:1fr;row-gap:44px;margin-top:48px}
  .cols2{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .contacts{grid-template-columns:1fr}
  .ftr__cols{grid-template-columns:1fr;gap:40px}
  .ftr__cols > * + *{margin-top:0}
  .ftr__note{margin-top:40px}
  .about__photo{display:none}
  .about__body{max-width:100%}
  .rule-row{flex-direction:column;align-items:stretch;gap:14px}
  .rule-row .h3{white-space:normal}
}

/* мобильный */
@media (max-width:640px){
  body{font-size:16px}
  .section{padding:56px 0}
  .hdr__inner{padding:18px var(--pad)}
  .hdr__logo img{height:38px}
  .hdr__actions .btn{padding:11px 13px;font-size:9.5px;letter-spacing:.08em}
  .hdr.is-open .hdr__nav{top:76px}
  .hero{padding-top:104px}
  .hero__ghost{font-size:clamp(56px,24.5vw,120px)}
  .hero__name{align-items:center;text-align:center;margin:-11vw 0 14px}
  .hero__creds{margin:0 0 40px}
  .hero__name span{align-self:center;margin-right:0}
  .hero__creds{align-items:center;text-align:center}
  .hero__creds li{justify-content:center}  .kicker{gap:12px}
  .kicker::before{width:32px}
  .btn--lg{padding:19px 28px;font-size:12px}
  .btn-row .btn{width:100%}
  .formats{grid-template-columns:1fr;row-gap:32px;margin-top:40px}
  .nda{grid-template-columns:1fr;gap:16px}
  .plate{padding:24px}
  .slider{margin-top:56px}
  .slider__track img{width:min(320px,78vw);height:240px}
  .slider__bar{gap:12px}
  .hairlist{margin-top:28px}
  .hairlist li{padding:18px 0}
  .ftr__nav{gap:18px 24px;padding-bottom:32px;margin-bottom:32px}
  .contacts__social a{font-size:13px}
}