/* ================================================================
   ПОДВАЛ САЙТА
   ================================================================
   Вынесено из home-sections.css, который подключался только на
   главной странице. Из-за этого футер рисовался без стилей везде,
   кроме главной. Теперь подключается на всех страницах. */
.logo-t{line-height:1.05}

.logo-t b{font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:.14em}

.logo-t span{display:block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:3px}

/* footer */
.ft{background:var(--green2);color:#CDD8CB;padding:70px 0 34px}

.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}

.ft .logo-t b{color:var(--cream)}

.ft .logo-t span{color:#9FB3A0}

.ft h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9FB3A0;font-weight:600;margin-bottom:16px}

.ft a{display:block;font-size:14.5px;padding:5px 0;color:#CDD8CB;transition:.2s}

.ft a:hover{color:#fff}

.ft p{font-size:14px;color:#9FB3A0;line-height:1.6;margin-top:10px}

.ft-bot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:24px;font-size:12.5px;color:#8AA08D}

/* Футер главной: скрываем стандартный .site-footer Storefront
   (без виджетов он пустой и белый), оставляем наш .ft */
body.home .site-footer,
body.home footer.site-footer{ display: none !important; }

.ft .logo-t{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; white-space:nowrap; }

.ft .logo-t b{
  font-family: var(--disp); font-size:1.3rem; letter-spacing:.02em;
  display:block; white-space:nowrap; width:auto; line-height:1.2;
}

.ft .logo-t span{ font-size:12.5px; display:block; white-space:nowrap; }

.ft-grid > div > p{ margin-top:0; }

/* Переменные палитры и обёртка .wrap живут в home-sections.css,
   а тот подключается только на главной. Футеру нужны обе вещи на
   любой странице, поэтому дублируем их здесь. Базовые сбросы (*,
   body) намеренно не переносим: они могут задеть разметку
   Storefront на внутренних страницах. */
:root{

 --paper:#F4F2EA; --paper2:#ECE8DC; --card:#FBFAF4;
 --ink:#252A25; --muted:#6D7367; --line:#E0DCCC; --line2:#CFCAba;
 --green:#3E5C48; --green2:#2E4437; --sage:#A9C2A4; --sage2:#CBDAC6;
 --cream:#F4F2EA; --r:14px;
 --disp:'Bodoni Moda',Georgia,serif;
 --body:'Golos Text',-apple-system,'Segoe UI',sans-serif;
}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}

/* ================================================================
   ПОДВАЛ НА ТЕЛЕФОНЕ
   ================================================================
   Сетка из четырёх колонок рассчитана на десктоп: на 360px колонки
   сжимаются до 90–125px, и подписи вроде «Для начинающих» вылезают
   за край, а страница получает горизонтальную прокрутку. Ниже
   760px раскладываем футер в одну колонку. */
@media (max-width: 760px) {
	.ft {
		padding: 46px 0 30px;
	}

	.ft-grid {
		grid-template-columns: 1fr;
		gap: 30px;
		padding-bottom: 30px;
	}

	.ft h4 {
		margin-bottom: 10px;
	}

	.ft-bot {
		flex-direction: column;
		gap: 8px;
		padding-top: 20px;
	}
}

/* Планшет: две колонки вместо одной */
@media (min-width: 761px) and (max-width: 1024px) {
	.ft-grid {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
}