/* Основные стили для футера */
footer {
	position: fixed; 			/* Фиксированное позиционирование */
	bottom: 0; 					/* Прикрепляем к нижней части */
	left: 0; 					/* Позиция от левого края */
	right: 0;					/* Позиция от правого края */
//	width: 100%; 				/* Ширина 100% */
	color: #fff; 				/* Цвет текста */ 
	text-align: center; 		/* Центрируем текст */
	padding: 5px 8px; 			/* Внутренние отступы */
	background-color: #888; 	/* Цвет фона футера */
	font-size: 8px; 			/* Размер шрифта */
}

/* Первый футор */
.footer-primary {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #888;
	color: #fff;
	text-align: center;
	padding: 5px 8px;
	font-size: 8px;
	z-index: 100;
}
	
/* Обновляем отступ для основного контента */
main {
	margin-bottom: 5px; /* Учитываем высоту основного футера */
}

/* Второй футор */
.footer-secondary {
	position: fixed;
	bottom: 50px; 				/* Отступ от основного футера */
	left: 50px;
	right: 50px; 
//	width: 100%;
	background-color: #666;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 12px;
	z-index: 2099;
	box-shadow: 4px 6px 5px rgba(0,0,0,0.2);
}
	

/* Правая плашка */
.footer-panel {
	position: fixed;
	bottom: 25px; /* Высота футера */	
	right: 0;
	width: 200px;
	height: 250px; /* row-3 */
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	color: #A52A2A;
	padding: 10px;
	box-shadow: -2px -4px 5px rgba(0,0,0,0.1);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;	
//	box-sizing: border-box;
//	overflow: hidden;
	overflow-y: auto;
	z-index: 98;
}


/* Ссылки в футорах */
.footer a {
	color: #FFA500; /* Цвет текста */
}