/* Стили для корзины в навигации */
			.nav-cart-container {
				position: absolute;
				right: 1em;
				top: 50%;
				transform: translateY(-50%);
			}
			
			.nav-cart-icon {
				position: relative;
				cursor: pointer;
				background: rgba(255, 255, 255, 0.075);
				border: 1px solid rgba(255, 255, 255, 0.35);
				border-radius: 8px;
				padding: 0.5em;
				transition: all 0.3s ease;
			}
			
			.nav-cart-icon:hover {
				background: rgba(255, 255, 255, 0.15);
			}
			
			.nav-cart-icon span {
				font-size: 1.2em;
			}
			
			.nav-cart-badge {
				position: absolute;
				top: -8px;
				right: -8px;
				background: #8cc9f0;
				color: white;
				border-radius: 50%;
				width: 20px;
				height: 20px;
				font-size: 0.7em;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: bold;
			}
			
			.nav-cart-badge.hidden {
				display: none;
			}
			
			/* Мобильная версия корзины */
			@media screen and (max-width: 736px) {
				.nav-cart-container {
					position: static;
					transform: none;
					margin-top: 0.5em;
				}
				
				#nav {
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
				
				#nav ul {
					flex: 1;
				}
			}
			
			/* ЧТОБЫ ПОЛЯ КОРЗИНЫ ВЫГЛЯДЕЛИ КАК В КАТАЛОГЕ */
			.cart-modal .form-input {
				color: #636363 !important;
				background: rgba(222, 222, 222, 0.25) !important;
				border: 2px solid #dddddd !important;
			}

			.cart-modal .form-input:focus {
				color: #636363 !important;
				background: white !important;
				border-color: #8cc9f0 !important;
				box-shadow: 0 0 0 1px #8cc9f0 !important;
			}

			.cart-modal .form-input::placeholder {
				color: rgba(99, 99, 99, 0.25) !important;
			}
/* ФИКС ДЛЯ СЕЛЕКТ - УБИРАЕМ ФИОЛЕТОВЫЙ ФОН */
.cart-modal select.form-input {
    background-color: rgba(222, 222, 222, 0.25) !important;
}

.cart-modal select.form-input:focus {
    background-color: white !important;
}

/* СТИЛИ ДЛЯ ОПЦИЙ СЕЛЕКТ */
.cart-modal select.form-input option {
    color: #636363 !important;
    background: #ffffff !important;
    padding: 8px !important;
}

			/* ===== СТИЛИ ДЛЯ ВЕСОВЫХ ТОВАРОВ НА ГЛАВНОЙ ===== */
			
			/* Контейнер для весового товара */
			.weight-product {
				background: linear-gradient(135deg, #fff9e6, #ffffff);
				border: 1px solid #f0c040;
				border-radius: 8px;
				padding: 10px;
			}
			
			/* Группа ввода веса */
			.weight-input-group {
				display: flex;
				align-items: center;
				gap: 8px;
				min-width: 120px;
			}
			
			/* Поле ввода веса */
			.weight-input {
				width: 60px;
				padding: 8px 6px;
				border: 2px solid #8cc9f0;
				border-radius: 6px;
				text-align: center;
				font-size: 14px;
				font-weight: 600;
				background: white;
				color: #636363;
				transition: all 0.3s ease;
			}
			
			.weight-input:focus {
				outline: none;
				border-color: #7bb8df;
				box-shadow: 0 0 0 2px rgba(140, 201, 240, 0.2);
			}
			
			/* Подпись "кг" */
			.weight-label {
				font-size: 12px;
				color: #8cc9f0;
				font-weight: 600;
			}
			
			/* Рассчитанная цена */
			.calculated-price {
				font-size: 16px;
				font-weight: bold;
				color: #7bb8df;
				min-width: 70px;
				text-align: center;
				background: rgba(140, 201, 240, 0.1);
				padding: 4px 8px;
				border-radius: 6px;
			}

			/* ===== СТИЛИ ДЛЯ МОДАЛЬНОГО ОКНА ===== */
			
			/* Группа весового ввода в модальном окне */
			.modal-weight-group {
				display: flex;
				align-items: center;
				gap: 15px;
				justify-content: center;
				background: rgba(140, 201, 240, 0.05);
				padding: 15px;
				border-radius: 12px;
				border: 1px solid rgba(140, 201, 240, 0.2);
			}
			
			/* Поле ввода веса в модальном окне */
			.modal-weight-input {
				width: 80px;
				padding: 12px;
				border: 2px solid #8cc9f0;
				border-radius: 8px;
				text-align: center;
				font-size: 16px;
				font-weight: 600;
				background: white;
				color: #636363;
			}
			
			.modal-weight-input:focus {
				outline: none;
				border-color: #7bb8df;
				box-shadow: 0 0 0 3px rgba(140, 201, 240, 0.2);
			}
			
			/* Подпись "кг" в модальном окне */
			.modal-weight-label {
				font-size: 14px;
				color: #8cc9f0;
				font-weight: 600;
			}
			
			/* Рассчитанная цена в модальном окне */
			.modal-calculated-price {
				font-size: 20px;
				font-weight: bold;
				color: #7bb8df;
				background: white;
				padding: 8px 16px;
				border-radius: 8px;
				border: 2px solid rgba(140, 201, 240, 0.3);
				min-width: 100px;
				text-align: center;
			}

			/* ===== СТИЛИ ДЛЯ КОРЗИНЫ ===== */
			
			/* Управление весом в корзине */
			.cart-weight-control {
				display: flex;
				align-items: center;
				gap: 8px;
			}
			
			/* Поле ввода веса в корзине */
			.cart-weight-input {
				width: 70px;
				padding: 6px;
				border: 1px solid #ddd;
				border-radius: 4px;
				text-align: center;
				font-size: 14px;
				background: white;
			}
			
			.cart-weight-input:focus {
				outline: none;
				border-color: #8cc9f0;
			}
			
			/* Подпись "кг" в корзине */
			.cart-weight-label {
				font-size: 12px;
				color: #666;
				font-weight: 500;
			}

			/* ===== АДАПТИВНОСТЬ ДЛЯ ГЛАВНОЙ ===== */
			
			@media screen and (max-width: 736px) {
				/* Мобильные стили для весовых товаров */
				.weight-input-group {
					min-width: 100px;
				}
				
				.weight-input {
					width: 50px;
					padding: 6px 4px;
					font-size: 12px;
				}
				
				.calculated-price {
					font-size: 14px;
					min-width: 60px;
					padding: 2px 6px;
				}
				
				.modal-weight-group {
					gap: 10px;
					padding: 10px;
				}
				
				.modal-weight-input {
					width: 70px;
					padding: 10px;
					font-size: 14px;
				}
				
				.modal-calculated-price {
					font-size: 18px;
					padding: 6px 12px;
					min-width: 80px;
				}
			}

			/* ===== АНИМАЦИИ И ЭФФЕКТЫ ===== */
			
			/* Плавное появление рассчитанной цены */
			.calculated-price,
			.modal-calculated-price {
				transition: all 0.3s ease;
			}
			
			/* Эффект при наведении на весовые товары */
			.weight-product:hover {
				background: linear-gradient(135deg, #fff7e0, #fafafa);
				transform: translateY(-1px);
				box-shadow: 0 4px 12px rgba(240, 192, 64, 0.2);
			}
			
			/* Эффект фокуса на полях ввода */
			.weight-input:focus,
			.modal-weight-input:focus,
			.cart-weight-input:focus {
				transform: scale(1.05);
			}

			/* ===== СПЕЦИАЛЬНЫЕ СТИЛИ ДЛЯ ПОПУЛЯРНЫХ ТОВАРОВ ===== */
			
			/* Популярные весовые товары выделяются особенно */
			#popular-products-list .weight-product {
				background: linear-gradient(135deg, #fff4d6, #ffffff);
				border: 2px solid #f0c040;
				box-shadow: 0 2px 8px rgba(240, 192, 64, 0.15);
			}
			
			#popular-products-list .weight-product:hover {
				background: linear-gradient(135deg, #ffedd6, #fafafa);
				border-color: #e6b33a;
				box-shadow: 0 6px 16px rgba(240, 192, 64, 0.25);
				transform: translateY(-2px);
			}
			
			/* Золотистая подсветка для популярных весовых товаров */
			#popular-products-list .calculated-price {
				background: linear-gradient(135deg, rgba(240, 192, 64, 0.2), rgba(140, 201, 240, 0.1));
				border: 1px solid rgba(240, 192, 64, 0.3);
				color: #cc9900;
				font-weight: bold;
			}

			/* ===== ФИКС ЗАТЕМНЕНИЯ НАВИГАЦИИ ===== */
			
			/* Скрываем навигацию когда модалка открыта */
			.modal-overlay.active,
			.cart-modal-overlay.active {
				z-index: 20000 !important;
			}

			.modal-overlay.active ~ #wrapper #nav,
			.cart-modal-overlay.active ~ #wrapper #nav {
				z-index: 1 !important;
				pointer-events: none !important;
				opacity: 0.3 !important;
			}

			/* ===== СТИЛИ ДЛЯ МОДАЛЬНОГО ОКНА "О НАС" ===== */
			
			.about-modal {
				max-width: 700px;
				max-height: 85vh;
				background: white;
				border-radius: 16px;
				overflow: hidden;
				box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);
			}

			.about-modal-content {
				height: 100%;
				display: flex;
				flex-direction: column;
			}

			.about-modal-header {
				background: linear-gradient(135deg, #efa8b0, #a89cc8, #8cc9f0);
				color: white;
				padding: 30px 40px 25px 40px;
				text-align: center;
			}

			.about-modal-header h2 {
				margin: 0;
				font-size: 2rem;
				font-weight: 300;
				letter-spacing: 2px;
			}

			.about-divider {
				width: 60px;
				height: 3px;
				background: rgba(255, 255, 255, 0.8);
				margin: 15px auto 0 auto;
				border-radius: 2px;
			}

			.about-modal-body {
				padding: 40px;
				overflow-y: auto;
				flex: 1;
				line-height: 1.7;
				color: #444;
				max-height: 60vh;
			}

			.about-modal-body p {
				margin-bottom: 20px;
				font-size: 16px;
				text-align: justify;
			}

			.about-modal-body p:last-child {
				margin-bottom: 0;
			}

			.about-modal-body strong {
				color: #333;
				font-weight: 600;
			}

			.about-closing {
				margin-top: 30px;
				padding-top: 25px;
				border-top: 2px solid #f0f0f0;
				text-align: center;
			}

			.about-closing p {
				font-size: 17px;
				margin-bottom: 15px;
			}

			/* Мобильная адаптация для модального окна "О нас" */
			@media screen and (max-width: 768px) {
				.about-modal {
					max-width: 95%;
					max-height: 90vh;
					margin: 20px;
				}
				
				.about-modal-header {
					padding: 25px 25px 20px 25px;
				}
				
				.about-modal-header h2 {
					font-size: 1.6rem;
				}
				
				.about-modal-body {
					padding: 25px;
				}
				
				.about-modal-body p {
					font-size: 15px;
					text-align: left;
				}
				
				.about-closing p {
					font-size: 16px;
				}
			}

			@media screen and (max-width: 480px) {
				.about-modal {
					max-width: 100%;
					max-height: 95vh;
					margin: 10px;
					border-radius: 12px;
				}
				
				.about-modal-header {
					padding: 20px 20px 15px 20px;
				}
				
				.about-modal-header h2 {
					font-size: 1.4rem;
					letter-spacing: 1px;
				}
				
				.about-modal-body {
					padding: 20px;
				}
				
				.about-modal-body p {
					font-size: 14px;
					margin-bottom: 16px;
				}
				
				.about-closing {
					margin-top: 20px;
					padding-top: 20px;
				}
				
				.about-closing p {
					font-size: 15px;
					margin-bottom: 12px;
				}
			}

			/* ===== СТИЛИ ДЛЯ БЛОКОВ РЕКОМЕНДАЦИЙ ===== */
			
			.recommendations-blocks {
				display: flex;
				justify-content: space-between;
				gap: 2rem;
				margin: 3rem 0;
			}

			.recommendation-block {
				flex: 1;
				background: white;
				border-radius: 12px;
				padding: 2rem;
				box-shadow: 0 2px 8px rgba(0,0,0,0.04);
				border: 1.5px solid #e0e0e0;
				transition: all 0.3s ease;
				text-align: center;
			}

			.recommendation-block:hover {
				transform: translateY(-3px);
				box-shadow: 0 8px 25px rgba(0,0,0,0.08);
			}

			.recommendation-block.quality {
				border-left: 4px solid #27AE60;
			}

			.recommendation-block.variety {
				border-left: 4px solid #FF6B6B;
			}

			.recommendation-block.speed {
				border-left: 4px solid #3498DB;
			}

			.recommendation-block h3 {
				color: #333;
				margin-bottom: 1rem;
				font-size: 1.3rem;
				font-weight: 600;
			}

			.recommendation-block.quality h3 {
				color: #27AE60;
			}

			.recommendation-block.variety h3 {
				color: #FF6B6B;
			}

			.recommendation-block.speed h3 {
				color: #3498DB;
			}

			.recommendation-block p {
				color: #666;
				line-height: 1.6;
				font-size: 0.95rem;
				text-align: left;
			}

			/* Мобильная адаптация для блоков рекомендаций */
			@media screen and (max-width: 980px) {
				.recommendations-blocks {
					flex-direction: column;
					gap: 1.5rem;
				}
				
				.recommendation-block {
					padding: 1.5rem;
				}
			}

			@media screen and (max-width: 736px) {
				.recommendations-blocks {
					gap: 1rem;
				}
				
				.recommendation-block {
					padding: 1.2rem;
				}
				
				.recommendation-block h3 {
					font-size: 1.1rem;
				}
				
				.recommendation-block p {
					font-size: 0.9rem;
				}
			}

			/* ===== СОВРЕМЕННЫЕ СТИЛИ ДЛЯ КОНКУРСА (HELLOFRESH STYLE) ===== */
			
			.contest-subtitle {
				font-size: 1.1rem !important;
				color: #666 !important;
				font-weight: 400 !important;
				margin-top: 0.5rem !important;
			}

			.contest-hero-modern {
				text-align: center;
				max-width: 600px;
				margin: 3rem auto;
				padding: 0 1rem;
			}

			.contest-hero-modern h3 {
				font-size: 2rem;
				font-weight: 600;
				color: #333;
				line-height: 1.3;
				margin-bottom: 1.5rem;
			}

			.contest-hero-modern p {
				font-size: 1.1rem;
				color: #666;
				line-height: 1.6;
			}

			.contest-stats {
				margin: 4rem 0;
			}

			.contest-stat-item {
				display: flex;
				align-items: center;
				gap: 3rem;
				margin: 4rem 0;
				max-width: 1000px;
				margin-left: auto;
				margin-right: auto;
			}

			.contest-stat-item.reverse {
				flex-direction: row-reverse;
			}

			.stat-image {
				flex: 1;
				position: relative;
				min-width: 300px;
			}

			.stat-image img {
				width: 100%;
				height: 300px;
				object-fit: cover;
				border-radius: 16px;
				box-shadow: 0 8px 30px rgba(0,0,0,0.1);
			}

			.stat-label {
				position: absolute;
				top: 20px;
				left: 20px;
				background: rgba(140, 201, 240, 0.9);
				color: white;
				padding: 0.5rem 1rem;
				border-radius: 20px;
				font-size: 0.9rem;
				font-weight: 600;
			}

			.stat-content {
				flex: 1;
				padding: 0 1rem;
			}

			.stat-content h3 {
				font-size: 1.8rem;
				font-weight: 600;
				color: #333;
				margin-bottom: 1rem;
				line-height: 1.3;
			}

			.stat-content p {
				font-size: 1rem;
				color: #666;
				line-height: 1.6;
			}

			.contest-simple-steps {
				background: #f8f9fa;
				padding: 4rem 2rem;
				border-radius: 16px;
				margin: 4rem 0;
				text-align: center;
			}

			.contest-simple-steps h3 {
				font-size: 1.8rem;
				font-weight: 600;
				color: #333;
				margin-bottom: 3rem;
			}

			.simple-steps-grid {
				display: flex;
				justify-content: center;
				gap: 3rem;
				max-width: 800px;
				margin: 0 auto;
			}

			.simple-step {
				flex: 1;
				text-align: center;
			}

			.step-number {
				width: 40px;
				height: 40px;
				background: #8cc9f0;
				color: white;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 600;
				font-size: 1.2rem;
				margin: 0 auto 1.5rem auto;
			}

			.simple-step img {
				width: 100%;
				height: 200px;
				object-fit: cover;
				border-radius: 12px;
				margin-bottom: 1rem;
				box-shadow: 0 4px 15px rgba(0,0,0,0.1);
			}

			.simple-step p {
				font-size: 1rem;
				font-weight: 600;
				color: #333;
			}

			.contest-follow {
				margin-top: 1.5rem !important;
				color: #666 !important;
				font-size: 0.95rem !important;
			}

			/* Мобильная адаптация для современного конкурса */
			@media screen and (max-width: 980px) {
				.contest-stat-item {
					flex-direction: column !important;
					gap: 2rem;
					text-align: center;
				}
				
				.stat-image {
					min-width: auto;
					width: 100%;
				}
				
				.stat-content {
					padding: 0;
				}
				
				.simple-steps-grid {
					flex-direction: column;
					gap: 2rem;
				}
				
				.contest-simple-steps {
					padding: 3rem 1.5rem;
				}
			}

			@media screen and (max-width: 736px) {
				.contest-hero-modern h3 {
					font-size: 1.6rem;
				}
				
				.contest-hero-modern p {
					font-size: 1rem;
				}
				
				.stat-content h3 {
					font-size: 1.4rem;
				}
				
				.stat-image img {
					height: 250px;
				}
				
				.simple-step img {
					height: 150px;
				}
				
				.contest-simple-steps h3 {
					font-size: 1.4rem;
				}
				
				.contest-simple-steps {
					padding: 2rem 1rem;
				}
			}
/* FIX: отступ, чтобы меню не наезжало на фото "О нас" */
@media (max-width: 768px) {
  #intro .spotlight .image { 
    margin-top: 100px !important; /* подгони 56–72px по месту */
  }
}
/* FIX: убираем горизонтальный скролл на мобилке */
@media (max-width: 768px) {
  html, body, #wrapper { overflow-x: hidden !important; }
  #main, .inner, .spotlight, .spotlight .image, .carousel, .slides {
    max-width: 100% !important;
  }
}