/* === MAIN STYLES (Structure, Layout, Animation) === */

/* --- Общие стили --- */
body {
	font-family: 'Inter', sans-serif;
	background-size: cover;
}

/* --- Шрифты и заголовки --- */
.section-title {
	font-family: 'Rasa', serif;
	font-size: 2.5rem;
}

/* --- Шапка (Header) --- */
.main-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1030; /* Стандарт для fixed-шапок */
}

.header-spacer {
	padding-top: 80px;
}

.main-header .logo-img {
	height: 40px; /* Задаем высоту логотипа */
}

/* --- Карточки --- */
.cashiva-card {
	border-radius: 15px;
	padding: 2rem;
	height: 100%;
	transition: transform 0.3s ease-in-out;
}

	.cashiva-card:hover {
		transform: scale(1.03);
	}

.card-icon {
	width: 50px;
	margin-right: 1rem;
}

.service-icon {
	width: 75px;
	margin-bottom: 1rem;
}

/* --- Футер (Footer) --- */
.main-footer {
	font-family: 'Rasa', serif;
	font-size: 1.2rem;
}

.footer-sanskrit {
	font-family: 'Rasa', serif;
	font-size: 1.2rem;
}

.footer-details {
	font-size: 0.9rem;
	line-height: 1.6;
}

.footer-copyright {
	font-size: 0.85rem;
}

/* --- Анимации --- */
@keyframes fadeInAndScaleUp {
	from {
		opacity: 0;
		transform: scale(0.1) rotate(-360deg);
	}

	to {
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}

.central-logo {
	width: 200px;
	height: 200px;
	animation: fadeInAndScaleUp 1s ease-out forwards;
	transition: filter 0.3s ease-in-out;
	background-image: var(--url-central-logo);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

	.central-logo:hover {
		filter: drop-shadow(0 0 25px rgba(255, 191, 0, 1));
		cursor: pointer;
	}
.logo-img {
	background-image: var(--url-logo-image);
	background-size: contain;
	background-repeat: no-repeat;
	width: 150px; /* Укажите реальную ширину лого */
	height: 40px; /* И высоту */
}