/* footer-container.css */
:root {
	/* Специальные переменные для футера */
	--footer-container-mobile: calc(100% - (var(--mobile-margin) * 2));
	--footer-container-tablet: calc(100% - 40px);
	--footer-container-intermediate: calc(100% - 60px);
	--footer-container-desktop: calc(100% - 80px);
	--footer-container-large: 100%;

	/* Максимальные ширины для футера */
	--footer-max-width-mobile: 100%;
	--footer-max-width-tablet: 100%;
	--footer-max-width-intermediate: 100%;
	--footer-max-width-desktop: 100%;
	--footer-max-width-large: 1920px;
}

/* Основной контейнер футера */
.footer-container {
	width: var(--footer-container-mobile);
	max-width: var(--footer-max-width-mobile);
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

/* Широкий контейнер футера (еще шире) */
.footer-container-wide {
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}

/* Планшет (768px - 1199px) */
@media (min-width: 768px) {
	.footer-container {
		width: var(--footer-container-tablet);
		max-width: var(--footer-max-width-tablet);
	}
}

/* Промежуточный десктоп (1200px - 1439px) */
@media (min-width: 1200px) {
	.footer-container {
		width: var(--footer-container-intermediate);
		max-width: var(--footer-max-width-intermediate);
	}
}

/* Стандартный десктоп (1440px - 1919px) */
@media (min-width: 1440px) {
	.footer-container {
		width: var(--footer-container-desktop);
		max-width: var(--footer-max-width-desktop);
	}
}

/* Большие экраны (1920px+) */
@media (min-width: 1920px) {
	.footer-container {
		width: var(--footer-container-large);
		max-width: var(--footer-max-width-large);
	}
}

/* Альтернативный вариант - фиксированные ширины для футера */
.footer-container-fixed {
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.footer-container-fixed {
		max-width: 768px;
	}
}

@media (min-width: 1200px) {
	.footer-container-fixed {
		max-width: 1200px;
	}
}

@media (min-width: 1440px) {
	.footer-container-fixed {
		max-width: 1440px;
	}
}

@media (min-width: 1920px) {
	.footer-container-fixed {
		max-width: 1920px;
	}
}

/* Контейнер футера с внутренними отступами */
.footer-container-padded {
	width: calc(100% - (var(--mobile-margin) * 2));
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--mobile-margin);
	padding-left: var(--mobile-margin);
}

@media (min-width: 768px) {
	.footer-container-padded {
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (min-width: 1200px) {
	.footer-container-padded {
		width: calc(100% - 60px);
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 1440px) {
	.footer-container-padded {
		width: calc(100% - 80px);
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (min-width: 1920px) {
	.footer-container-padded {
		width: calc(100% - 100px);
		padding-right: 50px;
		padding-left: 50px;
		max-width: 1920px;
	}
}