<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Пончиковая "Папа и сын"</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', sans-serif;
        }
        
        body {
            background-color: #000;
            color: #fff;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        header {
            background-color: #000;
            padding: 20px 0;
            border-bottom: 1px solid #333;
            position: sticky;
            top: 0;
            z-index: 100;
        }
        
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-size: 24px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 2px;
            display: flex;
            align-items: center;
        }
        
        .logo-circle {
            width: 40px;
            height: 40px;
            border: 2px solid #fff;
            border-radius: 50%;
            margin-right: 10px;
            position: relative;
        }
        
        .logo-circle::before {
            content: '';
            position: absolute;
            width: 15px;
            height: 15px;
            border: 2px solid #fff;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        nav ul {
            display: flex;
            list-style: none;
        }
        
        nav ul li {
            margin-left: 30px;
        }
        
        nav ul li a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            transition: color 0.3s;
        }
        
        nav ul li a:hover {
            color: #ccc;
        }
        
        .cart-btn {
            background: none;
            border: none;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
            position: relative;
        }
        
        .cart-count {
            position: absolute;
            top: -10px;
            right: -10px;
            background-color: #fff;
            color: #000;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            font-weight: bold;
        }
        
        .menu-section {
            padding: 50px 0;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 40px;
            font-size: 32px;
            text-transform: uppercase;
            letter-spacing: 3px;
        }
        
        .menu-items {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .menu-item {
            background-color: #111;
            padding: 20px;
            border-radius: 5px;
            transition: transform 0.3s;
        }
        
        .menu-item:hover {
            transform: translateY(-5px);
        }
        
        .item-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        
        .item-title {
            font-size: 18px;
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
        }
        
        .item-price {
            color: #fff;
            font-weight: bold;
        }
        
        .item-description {
            color: #ccc;
            margin-bottom: 15px;
            font-size: 14px;
        }
        
        .add-to-cart {
            background-color: #fff;
            color: #000;
            border: none;
            padding: 8px 15px;
            border-radius: 3px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 100%;
        }
        .add-confetti {
            background-color: #fff;
            color: #000;
            border: none;
            padding: 8px 15px;
            border-radius: 3px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 100%;
        }
        .add-sauce {
            background-color: #fff;
            color: #000;
            border: none;
            padding: 8px 15px;
            border-radius: 3px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 100%;
        }
        .add-to-cart:hover {
            background-color: #ccc;
        }
        
        .cart-sidebar {
            position: fixed;
            top: 0;
            right: -400px;
            width: 400px;
            height: 100vh;
            background-color: #111;
            box-shadow: -2px 0 10px rgba(255, 255, 255, 0.1);
            transition: right 0.3s ease;
            z-index: 1000;
            padding: 20px;
            overflow-y: auto;
        }
        
        .cart-sidebar.open {
            right: 0;
        }
        
        .cart-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 1px solid #333;
        }
        
        .close-cart {
            background: none;
            border: none;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
        }
        
        .cart-items {
            margin-bottom: 30px;
        }
        
        .cart-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid #333;
        }
        
        .item-info {
            flex-grow: 1;
        }
        
        .item-name {
            font-weight: bold;
        }
        
        .item-total {
            display: flex;
            align-items: center;
        }
        
        .quantity-btn {
            background: none;
            border: none;
            color: #fff;
            font-size: 18px;
            cursor: pointer;
            padding: 0 5px;
        }
        
        .item-quantity {
            margin: 0 10px;
        }
        
        .item-price {
            margin-left: 15px;
            min-width: 70px;
            text-align: right;
        }
        
        .remove-item {
            background: none;
            border: none;
            color: #ff4d4d;
            cursor: pointer;
            margin-left: 15px;
        }
        
        .cart-summary {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #333;
        }
        
        .summary-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        
        .delivery-options {
            margin: 20px 0;
        }
        
        .delivery-option {
            margin-bottom: 10px;
        }
        
        .district-warning {
            color: #ff4d4d;
            font-size: 14px;
            margin-top: 5px;
            display: none;
        }
        
        .checkout-btn {
            background-color: #fff;
            color: #000;
            border: none;
            padding: 15px;
            border-radius: 3px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 100%;
            margin-top: 20px;
        }
        
        .checkout-btn:hover {
            background-color: #ccc;
        }
        
        .checkout-form {
            display: none;
            margin-top: 20px;
            padding: 20px;
            background-color: #222;
            border-radius: 5px;
        }
        
        .form-group {
            margin-bottom: 15px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        
        .form-group input,
        .form-group textarea,
        .form-group select {
            width: 100%;
            padding: 10px;
            background-color: #333;
            border: 1px solid #444;
            color: #fff;
            border-radius: 3px;
        }
        
        .promo-section {
            padding: 50px 0;
            background-color: #111;
        }
        
        .promo-item {
            margin-bottom: 30px;
            padding: 20px;
            background-color: #000;
            border-radius: 5px;
        }
        
        .promo-title {
            font-size: 20px;
            margin-bottom: 10px;
            color: #fff;
        }
        
        .promo-description {
            color: #ccc;
        }
        
        footer {
            background-color: #000;
            padding: 30px 0;
            text-align: center;
            border-top: 1px solid #333;
        }
        
        .notification {
            position: fixed;
            bottom: 20px;
            right: 20px;
            padding: 15px 20px;
            background-color: #fff;
            color: #000;
            border-radius: 5px;
            box-shadow: 0 3px 10px rgba(255, 255, 255, 0.2);
            display: none;
            z-index: 1000;
        }
        
        /* Модальное окно для выбора пончика */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2000;
            display: none;
        }
        
        .modal {
            background-color: #222;
            padding: 20px;
            border-radius: 5px;
            width: 90%;
            max-width: 500px;
            max-height: 80vh;
            overflow-y: auto;
        }
        
        .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #444;
        }
        
        .close-modal {
            background: none;
            border: none;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
        }
        
        .donut-option {
            padding: 10px;
            margin-bottom: 10px;
            background-color: #333;
            border-radius: 3px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .donut-option:hover {
            background-color: #444;
        }
        
        .donut-option.selected {
            background-color: #555;
            border: 1px solid #fff;
        }
        
        .sauce-options {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        .sauce-option {
            padding: 10px;
            margin-bottom: 10px;
            background-color: #333;
            border-radius: 3px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .sauce-option:hover {
            background-color: #444;
        }
        
        .sauce-option.selected {
            background-color: #555;
            border: 1px solid #fff;
        }
        
        .modal-actions {
            display: flex;
            justify-content: flex-end;
            margin-top: 20px;
            gap: 10px;
        }
        
        .modal-btn {
            padding: 8px 15px;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            font-weight: bold;
        }
        
        .modal-btn.confirm {
            background-color: #fff;
            color: #000;
        }
        
        .modal-btn.cancel {
            background-color: #444;
            color: #fff;
        }

        .quantity-selector {
            display: flex;
            align-items: center;
            margin-top: 10px;
            justify-content: space-between;
        }

        .quantity-selector button {
            background: #444;
            border: none;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 3px;
            cursor: pointer;
        }

        .quantity-selector span {
            margin: 0 10px;
        }
        
        @media (max-width: 768px) {
            .cart-sidebar {
                width: 100%;
                right: -100%;
            }
            
            .menu-items {
                grid-template-columns: 1fr;
            }
            
            nav ul {
                display: none;
            }
            
            .item-image {
                height: 300px;
            }
        }
		.payment-options {
				margin: 20px 0;
			}
			
		.payment-option {
			margin-bottom: 10px;
		}
			
		.change-option {
			margin-top: 10px;
			display: none;
		}
			
		.change-input {
			display: none;
			margin-top: 10px;
		}
    </style>
</head>
<body>
<body>
    <header>
        <div class="container">
            <div class="header-content">
                <div class="logo">
                    <div class="logo-circle"></div>
                    Папа и сын
                </div>
                <nav>
                    <ul>
                        <li><a href="#menu">Меню</a></li>
                        <li><a href="#promotions">Акции</a></li>
                        <li><a href="#contacts">Контакты</a></li>
                    </ul>
                </nav>
                <button class="cart-btn">
                    🛒
                    <span class="cart-count">0</span>
                </button>
            </div>
        </div>
    </header>

    <main>
        <section class="menu-section" id="menu">
            <div class="container">
                <h2 class="section-title">Наше меню</h2>
                <div class="menu-items">
                    <!-- Пончики -->
                    <div class="menu-item">
                        <img src="images/classic.jpg" alt="Пончик классический" class="item-image">
                        <div class="item-title">
                            <span>Пончик классический, с сахарной пудрой</span>
                            <span class="item-price">50 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик классический" data-price="50">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/pust1.jpg" alt="Пончик без ничего" class="item-image">
                        <div class="item-title">
                            <span>Пончик без ничего (пустышка)</span>
                            <span class="item-price">50 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик пустышка" data-price="50">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/bel.jpg" alt="Пончик в белом шоколаде" class="item-image">
                        <div class="item-title">
                            <span>Пончик в белом шоколаде</span>
                            <span class="item-price">80 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик в белом шоколаде" data-price="80">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/tem.jpg" alt="Пончик в тёмном шоколаде" class="item-image">
                        <div class="item-title">
                            <span>Пончик в тёмном шоколаде</span>
                            <span class="item-price">80 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик в тёмном шоколаде" data-price="80">Добавить в корзину</button>
                    </div>
                    
                    <!-- Пончики со вкусами -->
                    <div class="menu-item">
                        <img src="images/klens.jpg" alt="Пончик со вкусом кленового сиропа" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом кленового сиропа</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик кленовый сироп" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/lesn.jpg" alt="Пончик со вкусом лесных ягод" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом лесных ягод</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик лесные ягоды" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/caram.jpg" alt="Пончик со вкусом карамели" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом карамели</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик карамель" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/mango.jpg" alt="Пончик со вкусом манго" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом манго</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик манго" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/malin.jpg" alt="Пончик со вкусом малины" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом малины</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик малина" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/str.jpg" alt="Пончик со вкусом клубники" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом клубники</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик клубника" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/ch.jpg" alt="Пончик со вкусом вишни" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом вишни</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик вишня" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/coco.jpg" alt="Пончик со вкусом кокоса" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом кокоса</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик кокос" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/ban.jpg" alt="Пончик со вкусом банана" class="item-image">
                        <div class="item-title">
                            <span>Пончик со вкусом банана</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Пончик банан" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <!-- Корн доги -->
                    <div class="menu-item">
                        <img src="images/corn.jpg" alt="Корн дог с сосиской" class="item-image">
                        <div class="item-title">
                            <span>Корн дог с сосиской</span>
                            <span class="item-price">120 р</span>
                        </div>
                        <div class="item-description">Соус на выбор (острый, терияки, сырный, чесночный, барбекю) +30 р</div>
                        <button class="add-sauce" data-name="Корн дог с сосиской" data-price="120">Выбрать соус</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/corncheese.jpg" alt="Корн дог с сыром" class="item-image">
                        <div class="item-title">
                            <span>Корн дог с сыром</span>
                            <span class="item-price">160 р</span>
                        </div>
                        <div class="item-description">Соус на выбор (острый, терияки, сырный, чесночный, барбекю) +30 р</div>
                        <button class="add-sauce" data-name="Корн дог с сыром" data-price="160">Выбрать соус</button>
                    </div>
                    

					<div class="menu-item">
						<img src="images/soschiz.jpg" alt="Корн дог сосиска+сыр" class="item-image">
						<div class="item-title">
							<span>Корн дог сосиска+сыр</span>
							<span class="item-price">140 р</span>
						</div>
						<div class="item-description">Соус на выбор (острый, терияки, сырный, чесночный, барбекю) +30 р</div>
						<button class="add-sauce" data-name="Корн дог сосиска+сыр" data-price="140">Выбрать соус</button>
					</div>

					<div class="menu-item">
						<img src="images/fish.jpg" alt="Сендвич fish" class="item-image">
						<div class="item-title">
							<span>Сендвич "fish СЕНДВИЧ"</span>
							<span class="item-price">180 р</span>
						</div>
						<div class="item-description">Состав: хлеб, лосось, помидор, сыр, майонез</div>
						<button class="add-to-cart" data-name="Сендвич fish СЕНДВИЧ" data-price="180">Добавить в корзину</button>
					</div>

					<div class="menu-item">
						<img src="images/male.jpg" alt="Сендвич Мужской" class="item-image">
						<div class="item-title">
							<span>Сендвич "МУЖСКОЙ"</span>
							<span class="item-price">160 р</span>
						</div>
						<div class="item-description">Состав: хлеб, ветчина, помидор, лук красный маринованный, сыр, майонез</div>
						<button class="add-to-cart" data-name="Сендвич МУЖСКОЙ" data-price="160">Добавить в корзину</button>
					</div>

					<div class="menu-item">
						<img src="images/stud.jpg" alt="Сендвич Студенческий" class="item-image">
						<div class="item-title">
							<span>Сендвич "СТУДЕНЧЕСКИЙ"</span>
							<span class="item-price">120 р</span>
						</div>
						<div class="item-description">Состав: хлеб, колбаса, сыр, соус бургер</div>
						<button class="add-to-cart" data-name="Сендвич СТУДЕНЧЕСКИЙ" data-price="120">Добавить в корзину</button>
					</div>
                    <!-- Напитки -->
                    <div class="menu-item">
                        <img src="images/kapi.webp" alt="Напиток капибара" class="item-image">
                        <div class="item-title">
                            <span>Напиток капибара (в ассортименте)</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Напиток капибара" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/gaz.jpg" alt="Газировка" class="item-image">
                        <div class="item-title">
                            <span>Газировка</span>
                            <span class="item-price">70 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Газировка" data-price="70">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/kol.jpg" alt="Кола" class="item-image">
                        <div class="item-title">
                            <span>Кола</span>
                            <span class="item-price">90 р</span>
                        </div>
                        <button class="add-to-cart" data-name="Кола" data-price="90">Добавить в корзину</button>
                    </div>
                    
                    <!-- Наборы -->
                    <div class="menu-item">
                        <img src="images/yagod.jpg" alt="Набор ягодный" class="item-image">
                        <div class="item-title">
                            <span>Набор ягодный (2 малина, 2 клубника)</span>
                            <span class="item-price">250 р</span>
                        </div>
                        <div class="item-description">Вместо 280 р</div>
                        <button class="add-to-cart" data-name="Набор ягодный" data-price="250">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/big.jpg" alt="Набор для большой компании" class="item-image">
                        <div class="item-title">
                            <span>Набор для большой компании</span>
                            <span class="item-price">900 р</span>
                        </div>
                        <div class="item-description">Белый шоколад, тёмный шоколад, кленовый сироп, лесные ягоды, карамель, манго, малина, клубника, вишня, кокос, банан + 3 колы. Вместо 1060 р</div>
                        <button class="add-to-cart" data-name="Набор для большой компании" data-price="900">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/hed.jpg" alt="Отвал бАшки" class="item-image">
                        <div class="item-title">
                            <span>Отвал бАшки</span>
                            <span class="item-price">90 р</span>
                        </div>
                        <div class="item-description">Пончик в белом шоколаде с кокосовой стружкой</div>
                        <button class="add-to-cart" data-name="Отвал бАшки" data-price="90">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/fff.jpg" alt="Посыпать пончик конфетти" class="item-image">
                        <div class="item-title">
                            <span>Посыпать пончик конфетти</span>
                            <span class="item-price">+10 р</span>
                        </div>
                        <div class="item-description">Выберите пончик из корзины для посыпки</div>
                        <button class="add-confetti" data-price="10">Добавить конфетти</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/stu.jpg" alt="Набор студенческий" class="item-image">
                        <div class="item-title">
                            <span>Набор студенческий</span>
                            <span class="item-price">600 р</span>
                        </div>
                        <div class="item-description">10 классических пончиков +2 напитка на выбор (не кола) Вместо 640 р</div>
                        <button class="add-to-cart" data-name="Набор студенческий" data-price="600">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/dr.jpg" alt="Набор дружба" class="item-image">
                        <div class="item-title">
                            <span>Набор дружба</span>
                            <span class="item-price">200 р</span>
                        </div>
                        <div class="item-description">2 классических +2 шоколадных. Вместо 260 р</div>
                        <button class="add-to-cart" data-name="Набор дружба" data-price="200">Добавить в корзину</button>
                    </div>
                    
                    <div class="menu-item">
                        <img src="images/pust.jpg" alt="Набор пустышка" class="item-image">
                        <div class="item-title">
                            <span>Набор пустышка (5 штук без ничего)</span>
                            <span class="item-price">200 р</span>
                        </div>
                        <div class="item-description">Вместо 250 р</div>
                        <button class="add-to-cart" data-name="Набор пустышка" data-price="200">Добавить в корзину</button>
                    </div>
					<div class="menu-item">
						<img src="images/tropiki.jpg" alt="Набор тропики" class="item-image">
						<div class="item-title">
							<span>Набор тропики</span>
							<span class="item-price">250 р</span>
						</div>
						<div class="item-description">2 банана + 2 кокоса. Вместо 280 р</div>
						<button class="add-to-cart" data-name="Набор тропики" data-price="250">Добавить в корзину</button>
					</div>
                </div>
            </div>
        </section>

        <section class="promo-section" id="promotions">
            <div class="container">
                <h2 class="section-title">Акции</h2>
                
                <div class="promo-item">
                    <h3 class="promo-title">Счастливые часы</h3>
                    <p class="promo-description">Ежедневно с 18:30-19:00 пончики со скидкой 50%</p>
                </div>
                
                <div class="promo-item">
                    <h3 class="promo-title">Собери лайки в соц. сетях</h3>
                    <p class="promo-description">
                        Купи пончик и сделай фото в нашем кафе, выложи в соцсеть и на следующую покупку получи скидку: 1 лайк = 1 рубль.
                        Покажи пост на кассе перед оплатой.
                    </p>
                </div>
                <div class="promo-item">
                    <h3 class="promo-title">С днём рождения!!</h3>
                    <p class="promo-description">
                        Имениникам в день рождения скидка 10%! 
                    </p>
                </div>
            </div>
        </section>
    </main>

    <div class="cart-sidebar">
        <div class="cart-header">
            <h2>Ваша корзина</h2>
            <button class="close-cart">✕</button>
        </div>
        
        <div class="cart-items">
            <!-- Товары будут добавляться динамически -->
        </div>
        
        <div class="cart-summary">
            <div class="summary-row">
                <span>Сумма заказа:</span>
                <span id="cart-subtotal">0 р</span>
            </div>
            
            <div class="delivery-options">
                <h3>Способ получения</h3>
                <div class="delivery-option">
                    <input type="radio" id="pickup" name="delivery" value="pickup" checked>
                    <label for="pickup">Самовывоз (г.Бийск, Улица Александра Матросова, 75)</label>
                </div>
                <div class="delivery-option">
                    <input type="radio" id="delivery" name="delivery" value="delivery">
                    <label for="delivery">Доставка (+200 р)</label>
                </div>
                <div class="delivery-option">
                    <input type="checkbox" id="zarechye">
                    <label for="zarechye">Доставка в Заречье (+200 р)</label>
                </div>
                <div class="delivery-option">
                    <label for="zarechye">Будни: 14:00-16:00</label>
                </div>
                <div class="delivery-option">
                    <label for="zarechye">Выходные: 13:00-18:00</label>
                </div>
                <div class="district-warning" id="district-warning">
                    При доставке в район Заречье +200 р к заказу
                </div>
            </div>
            
            <!-- Добавляем блок выбора оплаты -->
            <div class="payment-options">
                <h3>Способ оплаты</h3>
                <div class="payment-option">
                    <input type="radio" id="card" name="payment" value="card" checked>
                    <label for="card">Картой</label>
                </div>
                <div class="payment-option">
                    <input type="radio" id="cash" name="payment" value="cash">
                    <label for="cash">Наличные</label>
                </div>
                
                <!-- Опции для наличных -->
                <div class="change-option" id="change-option">
                    <div class="payment-option">
                        <input type="radio" id="with-change" name="change" value="with-change" checked>
                        <label for="with-change">Со сдачей</label>
                    </div>
                    <div class="payment-option">
                        <input type="radio" id="without-change" name="change" value="without-change">
                        <label for="without-change">Без сдачи</label>
                    </div>
                    
                    <div class="change-input" id="change-input">
                        <label for="cash-amount">С какой суммы подготовить сдачу?</label>
                        <input type="number" id="cash-amount" name="cash-amount" min="0">
                    </div>
                </div>
            </div>
            
            <div class="summary-row">
                <span>Итого к оплате:</span>
                <span id="cart-total">0 р</span>
            </div>
            
            <button class="checkout-btn" id="checkout-btn">Оформить заказ</button>
            
            <div class="checkout-form" id="checkout-form">
                <h3>Данные для заказа</h3>
                <form id="order-form">
                    <div class="form-group">
                        <label for="name">Ваше имя</label>
                        <input type="text" id="name" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Телефон</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" name="email">
                    </div>
                    <div class="form-group">
                        <label for="address" id="address-label" style="display: none;">Адрес доставки</label>
                        <input type="text" id="address" name="address" style="display: none;">
                    </div>
                    <div class="form-group">
                        <label for="comments">Комментарий к заказу</label>
                        <textarea id="comments" name="comments"></textarea>
                    </div>
                    <button type="submit" class="checkout-btn">Подтвердить заказ</button>
                </form>
            </div>
        </div>
    </div>


    <!-- Модальное окно для выбора пончика -->
    <div class="modal-overlay" id="confetti-modal">
        <div class="modal">
            <div class="modal-header">
                <h3>Выберите пончик для посыпки конфетти</h3>
                <button class="close-modal">✕</button>
            </div>
            <div class="modal-body">
                <div id="donut-options">
                    <!-- Варианты пончиков будут добавлены динамически -->
                </div>
            </div>
            <div class="modal-actions">
                <button class="modal-btn cancel" id="cancel-confetti">Отмена</button>
                <button class="modal-btn confirm" id="confirm-confetti">Добавить конфетти</button>
            </div>
        </div>
    </div>

    <!-- Модальное окно для выбора соуса -->
    <div class="modal-overlay" id="sauce-modal">
        <div class="modal">
            <div class="modal-header">
                <h3>Выберите соус для корн дога</h3>
                <button class="close-modal">✕</button>
            </div>
            <div class="modal-body">
                <div class="sauce-options">
                    <div class="sauce-option" data-sauce="острый">Острый соус</div>
                    <div class="sauce-option" data-sauce="терияки">Соус терияки</div>
                    <div class="sauce-option" data-sauce="сырный">Сырный соус</div>
                    <div class="sauce-option" data-sauce="чесночный">Чесночный соус</div>
                    <div class="sauce-option" data-sauce="барбекю">Соус барбекю</div>
                    <div class="sauce-option" data-sauce="без соуса">Без соуса</div>
                </div>
            </div>
            <div class="modal-actions">
                <button class="modal-btn cancel" id="cancel-sauce">Отмена</button>
                <button class="modal-btn confirm" id="confirm-sauce">Добавить соус</button>
            </div>
        </div>
    </div>

    <footer id="contacts">
        <div class="container">
            <p>Пончиковая "Папа и сын"</p>
            <p>Часы работы: 10:00 - 19:00</p>
            <p>Понедельник - выходной</p>
            <p>Телефон: +7 (961) 232-42-31</p>
            <p>Email: info@papaison.ru</p>
        </div>
    </footer>

    <div class="notification" id="notification">
        Заказ успешно оформлен! Мы свяжемся с вами в ближайшее время.
    </div>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Элементы DOM
        const cartBtn = document.querySelector('.cart-btn');
        const closeCartBtn = document.querySelector('.close-cart');
        const cartSidebar = document.querySelector('.cart-sidebar');
        const cartItems = document.querySelector('.cart-items');
        const cartCount = document.querySelector('.cart-count');
        const cartSubtotal = document.getElementById('cart-subtotal');
        const cartTotal = document.getElementById('cart-total');
        const checkoutBtn = document.getElementById('checkout-btn');
        const checkoutForm = document.getElementById('checkout-form');
        const orderForm = document.getElementById('order-form');
        const deliveryOptions = document.querySelectorAll('input[name="delivery"]');
        const zarechyeCheckbox = document.getElementById('zarechye');
        const districtWarning = document.getElementById('district-warning');
        const addressInput = document.getElementById('address');
        const addressLabel = document.getElementById('address-label');
        const notification = document.getElementById('notification');
        
        // Элементы модального окна конфетти
        const confettiModal = document.getElementById('confetti-modal');
        const closeModalBtn = document.querySelectorAll('.close-modal');
        const cancelConfettiBtn = document.getElementById('cancel-confetti');
        const confirmConfettiBtn = document.getElementById('confirm-confetti');
        const donutOptions = document.getElementById('donut-options');
        
        // Элементы модального окна соуса
        const sauceModal = document.getElementById('sauce-modal');
        const sauceOptions = document.querySelectorAll('.sauce-option');
        const cancelSauceBtn = document.getElementById('cancel-sauce');
        const confirmSauceBtn = document.getElementById('confirm-sauce');
        
        // Новые элементы для оплаты
        const paymentOptions = document.querySelectorAll('input[name="payment"]');
        const changeOption = document.getElementById('change-option');
        const changeOptions = document.querySelectorAll('input[name="change"]');
        const changeInput = document.getElementById('change-input');
        const cashAmountInput = document.getElementById('cash-amount');
        
        // Переменные корзины
        let cart = [];
        let deliveryCost = 0;
        let districtCost = 0;
        let selectedDonutIndex = null;
        let selectedSauce = null;
        let selectedCornDog = null;
        let confettiQuantity = 1;
        
        // Открытие/закрытие корзины
        cartBtn.addEventListener('click', function() {
            cartSidebar.classList.add('open');
        });
        
        closeCartBtn.addEventListener('click', function() {
            cartSidebar.classList.remove('open');
        });
        
        // Добавление товара в корзину
        document.querySelectorAll('.add-to-cart').forEach(button => {
            button.addEventListener('click', function() {
                const name = this.getAttribute('data-name');
                const price = parseInt(this.getAttribute('data-price'));
                
                const existingItem = cart.find(item => item.name === name);
                
                if (existingItem) {
                    existingItem.quantity += 1;
                } else {
                    cart.push({
                        name,
                        price,
                        quantity: 1,
                        hasConfetti: false
                    });
                }
                
                updateCart();
            });
        });
        
        // Обработка добавления конфетти
        document.querySelector('.add-confetti').addEventListener('click', function() {
            const donutsInCart = cart.filter(item => 
                item.name.includes('Пончик') && 
                !item.name.includes('конфетти') &&
                !item.name.includes('Набор') &&
                !item.name.includes('Пончик пустышка') &&
                !item.name.includes('Пончик классический') &&
                !item.name.includes('Отвал бАшки')
            );
            
            if (donutsInCart.length === 0) {
                showNotification('Добавьте подходящие пончики в корзину перед добавлением конфетти', true);
                return;
            }
            
            showDonutSelectionModal(donutsInCart);
        });
        
        // Обработка выбора соуса для корн догов
        document.querySelectorAll('.add-sauce').forEach(button => {
            button.addEventListener('click', function() {
                const name = this.getAttribute('data-name');
                const price = parseInt(this.getAttribute('data-price'));
                
                selectedCornDog = { name, price };
                selectedSauce = null;
                
                sauceOptions.forEach(option => {
                    option.classList.remove('selected');
                });
                
                sauceModal.style.display = 'flex';
            });
        });
        
        // Показать модальное окно выбора пончика
        function showDonutSelectionModal(donuts) {
            donutOptions.innerHTML = '';
            selectedDonutIndex = null;
            confettiQuantity = 1;
            
            donuts.forEach((donut, index) => {
                const cartIndex = cart.findIndex(item => item.name === donut.name);
                const optionContainer = document.createElement('div');
                optionContainer.classList.add('donut-option-container');
                
                const option = document.createElement('div');
                option.classList.add('donut-option');
                option.textContent = `${donut.name} (${donut.quantity} шт.)`;
                option.dataset.index = cartIndex;
                
                option.addEventListener('click', function() {
                    document.querySelectorAll('.donut-option').forEach(opt => {
                        opt.classList.remove('selected');
                    });
                    
                    this.classList.add('selected');
                    selectedDonutIndex = parseInt(this.dataset.index);
                    confettiQuantity = 1;
                    updateQuantityDisplay(optionContainer);
                });
                
                const quantitySelector = document.createElement('div');
                quantitySelector.classList.add('quantity-selector');
                quantitySelector.innerHTML = `
                    <button class="quantity-minus">-</button>
                    <span class="quantity-display">1</span>
                    <button class="quantity-plus">+</button>
                `;
                
                const minusBtn = quantitySelector.querySelector('.quantity-minus');
                const plusBtn = quantitySelector.querySelector('.quantity-plus');
                const quantityDisplay = quantitySelector.querySelector('.quantity-display');
                
                minusBtn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    if (confettiQuantity > 1) {
                        confettiQuantity--;
                        updateQuantityDisplay(optionContainer);
                    }
                });
                
                plusBtn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    const maxQuantity = cart[selectedDonutIndex].quantity;
                    if (confettiQuantity < maxQuantity) {
                        confettiQuantity++;
                        updateQuantityDisplay(optionContainer);
                    }
                });
                
                function updateQuantityDisplay(container) {
                    quantityDisplay.textContent = confettiQuantity;
                }
                
                optionContainer.appendChild(option);
                optionContainer.appendChild(quantitySelector);
                donutOptions.appendChild(optionContainer);
            });
            
            confettiModal.style.display = 'flex';
        }
        
        // Выбор соуса
        sauceOptions.forEach(option => {
            option.addEventListener('click', function() {
                sauceOptions.forEach(opt => {
                    opt.classList.remove('selected');
                });
                this.classList.add('selected');
                selectedSauce = this.getAttribute('data-sauce');
            });
        });
        
        // Закрытие модальных окон
        closeModalBtn.forEach(btn => {
            btn.addEventListener('click', function() {
                confettiModal.style.display = 'none';
                sauceModal.style.display = 'none';
            });
        });
        
        cancelConfettiBtn.addEventListener('click', function() {
            confettiModal.style.display = 'none';
        });
        
        cancelSauceBtn.addEventListener('click', function() {
            sauceModal.style.display = 'none';
        });
        
        // Подтверждение выбора пончика для конфетти
        confirmConfettiBtn.addEventListener('click', function() {
            if (selectedDonutIndex === null) {
                showNotification('Пожалуйста, выберите пончик для посыпки конфетти', true);
                return;
            }
            
            const selectedDonut = cart[selectedDonutIndex];
            const maxQuantity = selectedDonut.quantity;
            
            if (confettiQuantity > maxQuantity) {
                showNotification('Нельзя выбрать больше пончиков, чем есть в корзине', true);
                return;
            }
            
            if (confettiQuantity === maxQuantity) {
                selectedDonut.originalPrice = selectedDonut.price;
                selectedDonut.price += 10;
                selectedDonut.hasConfetti = true;
                selectedDonut.name = `${selectedDonut.name} с конфетти`;
            } else {
                const originalDonut = {...selectedDonut};
                
                selectedDonut.quantity -= confettiQuantity;
                
                const confettiDonut = {
                    name: `${originalDonut.name} с конфетти`,
                    price: originalDonut.price + 10,
                    quantity: confettiQuantity,
                    hasConfetti: true,
                    originalPrice: originalDonut.price
                };
                
                cart.push(confettiDonut);
                
                if (selectedDonut.quantity === 0) {
                    cart.splice(selectedDonutIndex, 1);
                }
            }
            
            confettiModal.style.display = 'none';
            updateCart();
            showNotification(`Конфетти добавлено к ${confettiQuantity} пончикам!`);
        });
        
        // Подтверждение выбора соуса
        confirmSauceBtn.addEventListener('click', function() {
            if (!selectedSauce) {
                showNotification('Пожалуйста, выберите соус', true);
                return;
            }
            
            let itemName = selectedCornDog.name;
            let itemPrice = selectedCornDog.price;
            
            if (selectedSauce !== 'без соуса') {
                itemName = `${selectedCornDog.name} с ${selectedSauce} соусом`;
                itemPrice += 30;
            }
            
            const existingItem = cart.find(item => item.name === itemName);
            
            if (existingItem) {
                existingItem.quantity += 1;
            } else {
                cart.push({
                    name: itemName,
                    price: itemPrice,
                    quantity: 1,
                    hasSauce: selectedSauce !== 'без соуса'
                });
            }
            
            sauceModal.style.display = 'none';
            updateCart();
            showNotification(selectedSauce === 'без соуса' ? 
                'Корн дог добавлен в корзину без соуса' : 
                `Корн дог с ${selectedSauce} соусом добавлен в корзину!`);
        });
        
        // Обработчики для способа оплаты
        paymentOptions.forEach(option => {
            option.addEventListener('change', function() {
                if (this.value === 'cash') {
                    changeOption.style.display = 'block';
                    updateChangeOption();
                } else {
                    changeOption.style.display = 'none';
                    changeInput.style.display = 'none';
                }
            });
        });
        
        // Обработчики для выбора сдачи
        changeOptions.forEach(option => {
            option.addEventListener('change', function() {
                updateChangeOption();
            });
        });
        
        // Обновление опций сдачи
        function updateChangeOption() {
            if (document.getElementById('with-change').checked) {
                changeInput.style.display = 'block';
                const total = calculateTotal();
                cashAmountInput.min = total;
                if (!cashAmountInput.value || parseInt(cashAmountInput.value) < total) {
                    cashAmountInput.value = total;
                }
            } else {
                changeInput.style.display = 'none';
            }
        }
        
        // Расчет итоговой суммы
        function calculateTotal() {
            const subtotal = cart.reduce((total, item) => total + (item.price * item.quantity), 0);
            return subtotal + deliveryCost + districtCost;
        }
        
        // Изменение способа доставки
        deliveryOptions.forEach(option => {
            option.addEventListener('change', function() {
                if (this.value === 'delivery') {
                    deliveryCost = 200;
                    districtWarning.style.display = 'block';
                    addressInput.style.display = 'block';
                    addressLabel.style.display = 'block';
                    zarechyeCheckbox.disabled = false;
                } else {
                    deliveryCost = 0;
                    districtCost = 0;
                    districtWarning.style.display = 'none';
                    addressInput.style.display = 'none';
                    addressLabel.style.display = 'none';
                    zarechyeCheckbox.checked = false;
                    zarechyeCheckbox.disabled = true;
                }
                updateCart();
            });
        });
        
        // Изменение района доставки
        zarechyeCheckbox.addEventListener('change', function() {
            districtCost = this.checked ? 200 : 0;
            updateCart();
        });
        
        // Переключение на форму оформления заказа
        checkoutBtn.addEventListener('click', function() {
            if (cart.length === 0) {
                showNotification('Добавьте товары в корзину перед оформлением заказа', true);
                return;
            }
            
            checkoutForm.style.display = 'block';
            checkoutBtn.style.display = 'none';
        });
        
        // Обновление корзины
        function updateCart() {
            cartItems.innerHTML = '';
            
            const totalCount = cart.reduce((total, item) => total + item.quantity, 0);
            cartCount.textContent = totalCount;
            
            let subtotal = 0;
            
            cart.forEach((item, index) => {
                const itemTotal = item.price * item.quantity;
                subtotal += itemTotal;
                
                const cartItemEl = document.createElement('div');
                cartItemEl.classList.add('cart-item');
                cartItemEl.innerHTML = `
                    <div class="item-info">
                        <div class="item-name">${item.name}</div>
                    </div>
                    <div class="item-total">
                        <button class="quantity-btn minus" data-index="${index}">-</button>
                        <span class="item-quantity">${item.quantity}</span>
                        <button class="quantity-btn plus" data-index="${index}">+</button>
                        <span class="item-price">${itemTotal} р</span>
                        <button class="remove-item" data-index="${index}">✕</button>
                    </div>
                `;
                
                cartItems.appendChild(cartItemEl);
            });
            
            document.querySelectorAll('.quantity-btn.minus').forEach(btn => {
                btn.addEventListener('click', function() {
                    const index = parseInt(this.getAttribute('data-index'));
                    if (cart[index].quantity > 1) {
                        cart[index].quantity -= 1;
                    } else {
                        cart.splice(index, 1);
                    }
                    updateCart();
                });
            });
            
            document.querySelectorAll('.quantity-btn.plus').forEach(btn => {
                btn.addEventListener('click', function() {
                    const index = parseInt(this.getAttribute('data-index'));
                    cart[index].quantity += 1;
                    updateCart();
                });
            });
            
            document.querySelectorAll('.remove-item').forEach(btn => {
                btn.addEventListener('click', function() {
                    const index = parseInt(this.getAttribute('data-index'));
                    cart.splice(index, 1);
                    updateCart();
                });
            });
            
            cartSubtotal.textContent = `${subtotal} р`;
            
            if (subtotal >= 700 && deliveryCost > 0) {
                deliveryCost = 0;
                if (districtCost > 0) {
                    districtWarning.textContent = 'Доставка бесплатна, но за район Заречье +200 р';
                } else {
                    districtWarning.textContent = 'Бесплатная доставка от 700 р!';
                }
            } else if (document.getElementById('delivery').checked) {
                districtWarning.textContent = 'При доставке в район Заречье +200 р к заказу';
            }
            
            const total = subtotal + deliveryCost + districtCost;
            cartTotal.textContent = `${total} р`;
            
            if (document.getElementById('with-change') && document.getElementById('with-change').checked) {
                cashAmountInput.min = total;
                if (!cashAmountInput.value || parseInt(cashAmountInput.value) < total) {
                    cashAmountInput.value = total;
                }
            }
        }
        
        // Оформление заказа
        orderForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            const deliveryType = document.querySelector('input[name="delivery"]:checked').value;
            const isDelivery = deliveryType === 'delivery';
            const isZarechye = document.getElementById('zarechye').checked;
            const paymentType = document.querySelector('input[name="payment"]:checked').value;
            const isCash = paymentType === 'cash';
            const name = document.getElementById('name').value;
            const phone = document.getElementById('phone').value;
            const email = document.getElementById('email').value;
            const address = document.getElementById('address').value;
            const comments = document.getElementById('comments').value;
            
            let message = `НОВЫЙ ЗАКАЗ - Пончиковая "Папа и сын"\n\n`;
            message += `=== КОНТАКТНЫЕ ДАННЫЕ ===\n`;
            message += `Имя: ${name}\n`;
            message += `Телефон: ${phone}\n`;
            if (email) message += `Email: ${email}\n`;
            
            message += `\n=== СПОСОБ ПОЛУЧЕНИЯ ===\n`;
            message += `Тип: ${isDelivery ? 'ДОСТАВКА' : 'САМОВЫВОЗ'}\n`;
            
            if (isDelivery) {
                message += `Адрес: ${address}\n`;
                message += `Район: ${isZarechye ? 'Заречье (+200 р)' : 'Основной'}\n`;
            } else {
                message += `Адрес самовывоза: г.Бийск, ул. Александра Матросова, 75\n`;
            }
            
            message += `\n=== СПОСОБ ОПЛАТЫ ===\n`;
            message += `Оплата: ${isCash ? 'НАЛИЧНЫЕ' : 'КАРТА'}\n`;
            
            if (isCash) {
                const changeType = document.querySelector('input[name="change"]:checked').value;
                message += `Сдача: ${changeType === 'with-change' ? 'НУЖНА СДАЧА' : 'БЕЗ СДАЧИ'}\n`;
                
                if (changeType === 'with-change') {
                    const cashAmount = document.getElementById('cash-amount').value;
                    message += `Сдача с: ${cashAmount} р\n`;
                }
            }
            
            if (comments) {
                message += `\n=== КОММЕНТАРИЙ К ЗАКАЗУ ===\n`;
                message += `${comments}\n`;
            }
            
            message += `\n=== СОСТАВ ЗАКАЗА ===\n`;
            
            cart.forEach(item => {
                message += `• ${item.name} - ${item.quantity} шт. x ${item.price} р = ${item.price * item.quantity} р\n`;
            });
            
            const subtotal = cart.reduce((total, item) => total + (item.price * item.quantity), 0);
            const total = subtotal + deliveryCost + districtCost;
            
            message += `\n=== СУММА ЗАКАЗА ===\n`;
            message += `Товары: ${subtotal} р\n`;
            
            if (isDelivery) {
                message += `Доставка: ${deliveryCost} р\n`;
                if (isZarechye) {
                    message += `Доплата за район: ${districtCost} р\n`;
                }
            }
            
            message += `ИТОГО: ${total} р\n`;
            
            if (isCash) {
                const changeType = document.querySelector('input[name="change"]:checked').value;
                if (changeType === 'with-change') {
                    const cashAmount = document.getElementById('cash-amount').value;
                    const change = cashAmount - total;
                    message += `Сдача: ${change} р (с ${cashAmount} р)\n`;
                }
            }
            
            message += `\n=== ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ ===\n`;
            message += `Время заказа: ${new Date().toLocaleString('ru-RU')}\n`;
            message += `Количество позиций: ${cart.length}\n`;
            message += `Общее количество товаров: ${cart.reduce((total, item) => total + item.quantity, 0)}`;
            
            // Отправка заказа
            const formData = new FormData();
            formData.append('order', message);
            
            fetch('send_order.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.text())
            .then(data => {
                showNotification('Заказ успешно оформлен! Мы свяжемся с вами в ближайшее время.');
                
                // Сброс всех данных
                cart = [];
                orderForm.reset();
                updateCart();
                checkoutForm.style.display = 'none';
                checkoutBtn.style.display = 'block';
                cartSidebar.classList.remove('open');
                
                // Сброс настроек доставки и оплаты
                document.getElementById('pickup').checked = true;
                document.getElementById('card').checked = true;
                deliveryCost = 0;
                districtCost = 0;
                districtWarning.style.display = 'none';
                addressInput.style.display = 'none';
                addressLabel.style.display = 'none';
                zarechyeCheckbox.checked = false;
                zarechyeCheckbox.disabled = true;
                
                if (changeOption) {
                    changeOption.style.display = 'none';
                    changeInput.style.display = 'none';
                }
            })
            .catch(error => {
                showNotification('Ошибка отправки заказа. Пожалуйста, позвоните нам: +7 (961) 232-42-31', true);
                console.error('Ошибка:', error);
            });
        });

        function showNotification(text, isError = false) {
            notification.textContent = text;
            notification.style.backgroundColor = isError ? '#ff4d4d' : '#4CAF50';
            notification.style.color = '#fff';
            notification.style.display = 'block';
            
            setTimeout(() => {
                notification.style.display = 'none';
            }, 5000);
        }
        
        updateCart();
    });
</script>
</body>
</html>