body {
	overflow-x:hidden !important;
	}
	
	div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 0.75em;
    margin-left: 0px;
    width: 100%;
    margin-right: 0px;
}
        html { scroll-behavior: smooth; }
        .hero-bg {
            background-image: linear-gradient(rgb(0 0 0 / 18%), rgb(0 0 0 / 0%)), url(../img/main.jpg);
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
		
		.bg-black\/60 {
    background-color: rgb(187 185 185 / 0%) !important;
}

        .zoom-img { transition: transform 0.3s ease; cursor: pointer; }
        .zoom-img:hover { transform: scale(1.03); }
        /* Анимация появления блоков */
        .fade-in-section {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
            will-change: opacity, visibility;
        }
        .fade-in-section.is-visible {
            opacity: 1;
            transform: none;
        }
        /* Стили для Квиза */
        .quiz-step { display: none; }
        .quiz-step.active { display: block; animation: fadeIn 0.5s; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        .radio-card input:checked + div {
            border-color: #E85A4F;
            background-color: #FFF5F5;
        }
        /* Новые стили для улучшенного блока преимуществ */
        .benefits-container {
            perspective: 1000px;
        }
        .benefit-card {
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .benefit-card:hover {
            transform: translateY(-10px) rotateX(5deg);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        .benefit-icon {
            transition: all 0.3s ease;
        }
        .benefit-card:hover .benefit-icon {
            transform: scale(1.1) rotate(10deg);
        }