/* ============================================================
   Подвал сайта (десктоп) — макет «Главная_ПК», фрейм 1920px
   Классы ftr-*, старые .footer* не затрагиваются.
   ============================================================ */
.site-footer,
.site-footer * {
	box-sizing: border-box;
}
.site-footer {
	background: #000000;
	padding: 140px 0;
	font-family: "Mulish", "Proxima Nova", Arial, sans-serif;
	color: #ffffff;
	overflow: hidden;
}
.site-footer a {
	text-decoration: none;
	color: inherit;
}
.site-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-footer li {
	margin: 0; /* общий стиль сайта задаёт li { margin-left: 20px } */
	padding: 0;
}
.ftr-in {
	display: flex;
	flex-direction: column;
	gap: 51px;
	width: min(1556px, calc(100% - 40px)); /* 1920 − 2×182 */
	margin: 0 auto;
}

/* ---------- верх: надпись + контакты ---------- */
.ftr-top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}

/* огромная надпись «КАРАВАН КОВРОВ» — единый SVG из макета (1092×285 при 1920px) */
.ftr-mark {
	display: block;
	flex: 0 1 min(1092px, 56.9vw);
	min-width: 0;
}
.ftr-mark__img {
	display: block;
	width: 100%;
	height: auto;
}

/* контакты + «наверх» */
.ftr-contacts {
	display: flex;
	align-items: flex-end;
	gap: 50px;
	flex-shrink: 0;
}
.ftr-phones {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.ftr-phone {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}
.ftr-phone__ico {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}
.ftr-phone__body {
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.ftr-phone__main {
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.ftr-phone__city {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
}
.ftr-phone__num {
	font-size: 17px;
	line-height: 1;
	font-weight: 700;
	white-space: nowrap;
}
.ftr-phone__num:hover {
	color: #daaf76;
}
.ftr-msgs {
	display: flex;
	align-items: center;
	gap: 7px;
}
.ftr-msg {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	border-radius: 100px;
	background: #303131;
	transition: background 0.2s;
}
.ftr-msg img {
	display: block;
	width: 14px;
	height: 14px;
}
.ftr-msg:hover {
	background: #daaf76;
}
.ftr-up {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
	border-radius: 100px;
	background: linear-gradient(-37.63deg, #ffffff 0%, #f9f9f9 100%);
	transition: transform 0.2s;
}
.ftr-up img {
	display: block;
	width: 56px;
	height: 56px;
}
.ftr-up:hover {
	transform: translateY(-3px);
}

/* ---------- навигация-таблетки ---------- */
.ftr-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 40px;
}
.ftr-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.ftr-pill {
	display: flex;
	align-items: center;
	padding: 14px 19px;
	border: 1px solid #ffffff;
	border-radius: 50px;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	color: #ffffff;
	transition: background 0.2s, color 0.2s;
}
.ftr-pill:hover {
	background: #ffffff;
	color: #000000;
}

/* ---------- низ: линия, копирайт, счётчик ---------- */
.ftr-bottom {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ftr-line {
	height: 0;
	border-top: 1px solid #ffffff;
	opacity: 0.3;
}
.ftr-bottom__row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
}
.ftr-copy {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
	color: #ffffff;
}
.ftr-counter {
	flex-shrink: 0;
	min-height: 15px;
}
.ftr-counter img {
	display: block;
}

/* узкие десктопы */
@media (max-width: 1500px) {
	.ftr-contacts { gap: 28px; }
	.site-footer { padding: 100px 0; }
}

.ftr-msg { color: #fff; }
.ftr-msg .msg-ico { display: block; width: 14px; height: 14px; }

/* ---------- мобильная версия подвала ---------- */
@media (max-width: 900px) {
	.site-footer { padding: 44px 0 36px; }
	.ftr-in { gap: 32px; width: calc(100% - 32px); }
	.ftr-top { flex-direction: column; align-items: stretch; gap: 28px; }
	.ftr-mark { flex: none; width: 100%; }
	.ftr-contacts { position: relative; align-items: flex-start; justify-content: space-between; gap: 16px; }
	.ftr-phones { gap: 24px; }
	.ftr-phone__num { font-size: 18px; }
	.ftr-phone__city { font-size: 14px; }
	.ftr-up { padding: 10px; }
	.ftr-up img { width: 44px; height: 44px; }
	.ftr-nav { flex-direction: column; align-items: stretch; gap: 14px; }
	.ftr-nav__list { gap: 10px; }
	.ftr-pill { padding: 12px 16px; font-size: 13px; }
	.ftr-nav > .ftr-pill { justify-content: center; }
	.ftr-bottom__row { flex-direction: column; align-items: flex-start; gap: 14px; }
	.ftr-copy { font-size: 14px; }
	.site-footer * { font-family: "Mulish", "Proxima Nova", Arial, sans-serif; }
}