<?php $title = 'Доставка и оплата'; ?>

<main class="delivery-page">
    <div class="container">
        <div class="breadcrumbs">
            <a href="/">Главная</a> • <span class="current-page">Доставка и оплата</span>
        </div>

        <h1 style="color: #453227; margin: 30px 0;">Доставка и оплата</h1>

        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px;">
            <div>
                <h2 style="color: #453227; margin-bottom: 20px;"><i class="fas fa-truck"></i> Способы доставки</h2>
                
                <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 15px;">
                    <h4 style="color: #453227;">Курьерская доставка</h4>
                    <p style="color: #666; margin-top: 10px;">Доставка до квартиры/офиса в удобное для вас время</p>
                    <ul style="color: #666; margin-top: 10px; padding-left: 20px;">
                        <li>По Москве: 1-3 дня</li>
                        <li>Московская область: 2-5 дней</li>
                        <li>Регионы России: 5-14 дней</li>
                    </ul>
                    <p style="color: #617365; font-weight: bold; margin-top: 10px;">от 2 000 ₽</p>
                </div>

                <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 15px;">
                    <h4 style="color: #453227;">Самовывоз</h4>
                    <p style="color: #666; margin-top: 10px;">Забрать заказ можно с нашего склада</p>
                    <p style="color: #666; margin-top: 5px;">Адрес: г. Москва, ул. Примерная, д. 1</p>
                    <p style="color: #617365; font-weight: bold; margin-top: 10px;">Бесплатно</p>
                </div>

                <div style="background: #d4edda; padding: 15px; border-radius: 8px;">
                    <p style="color: #155724;"><i class="fas fa-gift"></i> <strong>Бесплатная доставка</strong> при заказе от 50 000 ₽</p>
                </div>
            </div>

            <div>
                <h2 style="color: #453227; margin-bottom: 20px;"><i class="fas fa-credit-card"></i> Способы оплаты</h2>
                
                <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 15px;">
                    <h4 style="color: #453227;"><i class="far fa-credit-card"></i> Банковская карта</h4>
                    <p style="color: #666; margin-top: 10px;">Visa, Mastercard, МИР - онлайн или при получении</p>
                </div>

                <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 15px;">
                    <h4 style="color: #453227;"><i class="fas fa-money-bill-wave"></i> Наличные</h4>
                    <p style="color: #666; margin-top: 10px;">Оплата курьеру при получении заказа</p>
                </div>

                <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 15px;">
                    <h4 style="color: #453227;"><i class="fas fa-file-invoice"></i> Безналичный расчет</h4>
                    <p style="color: #666; margin-top: 10px;">Для юридических лиц с выставлением счета</p>
                </div>

                <div style="background: #f8f9fa; padding: 20px; border-radius: 8px;">
                    <h4 style="color: #453227;"><i class="fas fa-clock"></i> Рассрочка</h4>
                    <p style="color: #666; margin-top: 10px;">Рассрочка на 6 или 12 месяцев без переплаты</p>
                </div>
            </div>
        </div>

        <div style="background: #fff3cd; padding: 20px; border-radius: 8px; margin-bottom: 30px;">
            <h4 style="color: #856404;"><i class="fas fa-info-circle"></i> Важная информация</h4>
            <ul style="color: #856404; margin-top: 10px; padding-left: 20px;">
                <li>При получении товара проверьте комплектность и целостность упаковки</li>
                <li>В случае обнаружения повреждений составьте акт с курьером</li>
                <li>Сохраняйте упаковку до окончания гарантийного срока</li>
            </ul>
        </div>
    </div>
</main>

