/**
 * Подвал сайта (footer.php, классы .sf*). Подключается на всех страницах после legacy.css.
 */
body .site-footer.sf {
	margin-top: 0;
	padding: 72px 0 32px;
	background: #F7F8FA;
	border-top: 1px solid #EDEFF2;
	color: var(--c-text);
}
.sf p { margin: 0; }

.sf__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 64px; padding-bottom: 48px; }

.sf__logo { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 16px; font-family: var(--font-heading); font-weight: 600; font-size: 20px; letter-spacing: -0.05em; color: var(--c-text) !important; text-decoration: none !important; }
body .sf .sf__logo-icon { width: 30px; height: 30px; margin: 0; }
.sf__tagline { max-width: 300px; font-size: 14.5px; line-height: 1.6; color: #6B7280; margin-bottom: 22px !important; }
.sf__social { display: flex; flex-wrap: wrap; gap: 8px; }
.sf__pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 14px;
	border: 1px solid #E1E4E9;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: var(--c-text) !important;
	text-decoration: none !important;
	transition: border-color .2s ease, color .2s ease;
}
.sf__pill svg { color: var(--c-accent); }
.sf__pill:hover { border-color: var(--c-text); }

.sf__cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.sf__title { margin-bottom: 16px !important; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #9CA3AF; }
body .sf .sf__menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
body .sf .sf__menu li { margin: 0; }
body .sf .sf__menu a { font-size: 14.5px; line-height: 1.35; color: #374151; text-decoration: none; transition: color .2s ease; }
body .sf .sf__menu a:hover { color: var(--c-primary-dark); }

.sf__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 32px; padding-top: 24px; border-top: 1px solid #E6E8EC; }
.sf__legal { display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 13px; color: #6B7280; }
.sf__legal a { color: #6B7280 !important; text-decoration: none !important; transition: color .2s ease; }
.sf__legal a:hover { color: var(--c-text) !important; }
.sf__pay { display: flex; align-items: center; gap: 6px; }
body .sf .sf__mark { display: block; height: 26px; width: auto; max-width: none; margin: 0; padding: 6px 9px; border: 1px solid #E6E8EC; border-radius: 7px; background: #fff; box-sizing: border-box; }
body .sf .sf__mark--visa { padding: 8px 10px; }
body .sf .sf__mark--sbp, body .sf .sf__mark--tether { padding: 4px 10px; }

@media (max-width: 1000px) {
	.sf__top { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 700px) {
	body .site-footer.sf { padding: 48px 0 28px; }
	.sf__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
	.sf__top { padding-bottom: 36px; }
	.sf__bottom { flex-direction: column; align-items: flex-start; }
	.sf__legal { flex-direction: column; gap: 8px; }
}

/* Старые мобильные правила подвала добавляли отступы пунктам меню — убираем */
body .sf .sf__menu li, body .sf .sf__menu a { padding: 0 !important; margin: 0 !important; min-height: 0 !important; border: 0 !important; background: none !important; }
body .sf .sf__menu a { display: inline-block; }
@media (max-width: 700px) {
	body .sf .sf__menu { gap: 12px; }
}