/* Спільний повноцінний футер для підсторінок — той самий вигляд, що на головній. */
.site-footer { background: #191C1F; padding: 48px 0 28px; }
.site-footer__inner { width: min(1120px, 100%); margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.site-footer__nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 40px; }
/* line-height 24, а не 22: рядок і є вся зона натискання, а 22px менше за
   мінімальні 24x24 з WCAG 2.5.8 — на телефоні в такі посилання важко влучити. */
.site-footer__nav a { color: #FFF; font-size: 15px; line-height: 24px; letter-spacing: -0.408px;
  text-decoration: none; }
.site-footer__nav a:hover { color: #BCE31A; }

/* Блок перехресних посилань на словник soloviy.app. Два продукти під одним
   брендом мусять знати один про одного: раніше жоден із сайтів не згадував
   інший. Відділений лінією, шрифт як у службовому блоці, щоб не сперечався
   з основною навігацією курсу. */
.site-footer__nav--dict { margin-top: 24px; padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.12); }
.site-footer__nav--dict a { color: rgba(255, 255, 255, 0.72); font-size: 14px;
  line-height: 24px; }
.site-footer__nav--dict a:hover { color: #BCE31A; }

.site-footer__legal { margin-top: 32px; padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: grid; grid-template-columns: 1fr; gap: 12px; }
.site-footer__legal a { color: rgba(255, 255, 255, 0.72); font-size: 14px; line-height: 24px;
  letter-spacing: -0.408px; text-decoration: none; }
.site-footer__legal a:hover { color: #BCE31A; }

/* `.site-footer` у селекторі не для краси: на юридичних сторінках підвал лежить
   усередині `<main class="doc">`, а `legal.css` має правило `.doc p { color:#363A3F }`
   зі СПЕЦИФІЧНІСТЮ ВИЩОЮ за один клас. Через це рядок про оплату виходив
   темно-сірим на темному — контраст 1.49, тобто його просто не було видно. */
.site-footer .site-footer__pay { margin: 20px 0 0; color: rgba(255, 255, 255, 0.55);
  font-size: 13px; line-height: 19px; }

.site-footer__bottom { margin-top: 40px; display: flex; align-items: center;
  justify-content: space-between; gap: 16px; }
.site-footer__logo img { width: 128px; height: auto; display: block; }
.site-footer__ig { color: rgba(255, 255, 255, 0.6); font-size: 15px; text-decoration: none; }
.site-footer__ig:hover { color: #BCE31A; }
.site-footer__ig img { display: block; height: 22px; width: auto; opacity: .85; transition: opacity .15s ease; }
.site-footer__ig:hover img { opacity: 1; }

@media (min-width: 768px) {
  .site-footer__legal { grid-template-columns: repeat(2, 1fr); gap: 14px 40px; }
}


/* Единый вторичный «назад»-контрол на всех подстраницах: призрачная пилюля
   со стрелкой вместо простой зелёной ссылки. */
.back-link {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin: 32px auto 0;
  padding: 11px 22px 11px 16px;
  border-radius: 500px;
  border: 1.5px solid #E2E5E9;
  background: #FFFFFF;
  color: #191C1F;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.back-link:hover {
  border-color: #191C1F;
  transform: translateX(-3px);
  box-shadow: 0 6px 16px rgba(25, 28, 31, .10);
  text-decoration: none;
}
.back-link svg { width: 18px; height: 18px; flex: none; }

/* Верхнее размещение (страница оформлення): бар по ширине контента, слева. */
.back-bar { max-width: 760px; margin: 0 auto; padding: 20px 20px 0; }
.back-bar .back-link { margin: 0; }

/* Крупные экраны: пропорционально увеличиваем весь дизайн (zoom), чтобы блоки
   и тексты росли, а не оставались мини-версией по центру. */
@media (min-width: 1700px) { body { zoom: 1.15; } }
@media (min-width: 2200px) { body { zoom: 1.35; } }

/* Продавець і посилання на налаштування cookie — юридичний мінімум у підвалі. */
.site-footer .site-footer__seller { margin: 8px 0 0; color: rgba(255, 255, 255, 0.55);
  font-size: 13px; line-height: 19px; }
.site-footer__cookie { cursor: pointer; }