<?php $title = 'Гарантия'; ?>

<main class="warranty-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-shield-alt"></i> Гарантийные обязательства</h2>
                
                <div style="background: #f8f9fa; padding: 25px; border-radius: 8px; margin-bottom: 20px;">
                    <h4 style="color: #617365; font-size: 36px; margin-bottom: 10px;">24 месяца</h4>
                    <p style="color: #453227; font-weight: bold;">Гарантия на всю мебель</p>
                    <p style="color: #666; margin-top: 10px;">Мы уверены в качестве нашей продукции и предоставляем расширенную гарантию на все изделия</p>
                </div>

                <h3 style="color: #453227; margin-bottom: 15px;">Гарантия распространяется на:</h3>
                <ul style="color: #666; line-height: 2; padding-left: 20px;">
                    <li>Производственные дефекты</li>
                    <li>Дефекты материалов</li>
                    <li>Неисправность механизмов</li>
                    <li>Отклонения в размерах</li>
                </ul>

                <h3 style="color: #453227; margin: 20px 0 15px;">Гарантия не распространяется на:</h3>
                <ul style="color: #666; line-height: 2; padding-left: 20px;">
                    <li>Механические повреждения</li>
                    <li>Повреждения от влаги/огня</li>
                    <li>Неправильную эксплуатацию</li>
                    <li>Естественный износ</li>
                </ul>
            </div>

            <div>
                <h2 style="color: #453227; margin-bottom: 20px;"><i class="fas fa-undo"></i> Возврат и обмен</h2>
                
                <div style="background: #d4edda; padding: 20px; border-radius: 8px; margin-bottom: 20px;">
                    <p style="color: #155724;"><i class="fas fa-check-circle"></i> <strong>14 дней</strong> на возврат товара надлежащего качества</p>
                </div>

                <h3 style="color: #453227; margin-bottom: 15px;">Условия возврата:</h3>
                <ul style="color: #666; line-height: 2; padding-left: 20px;">
                    <li>Товар не был в употреблении</li>
                    <li>Сохранены товарный вид и упаковка</li>
                    <li>Сохранены все ярлыки и бирки</li>
                    <li>Есть документ, подтверждающий покупку</li>
                </ul>

                <h3 style="color: #453227; margin: 20px 0 15px;">Как оформить возврат:</h3>
                <ol style="color: #666; line-height: 2; padding-left: 20px;">
                    <li>Свяжитесь с нами по телефону или email</li>
                    <li>Опишите причину возврата</li>
                    <li>Получите номер заявки на возврат</li>
                    <li>Отправьте товар или дождитесь курьера</li>
                    <li>Получите деньги в течение 10 дней</li>
                </ol>

                <div style="background: #fff3cd; padding: 15px; border-radius: 8px; margin-top: 20px;">
                    <p style="color: #856404;"><i class="fas fa-exclamation-triangle"></i> Мебель, изготовленная по индивидуальному заказу, обмену и возврату не подлежит</p>
                </div>
            </div>
        </div>

        <div style="background: linear-gradient(135deg, #453227 0%, #617365 100%); color: white; padding: 40px; border-radius: 8px; text-align: center;">
            <h2>Остались вопросы?</h2>
            <p style="margin: 20px 0;">Свяжитесь с нашей службой поддержки</p>
            <p style="font-size: 24px; font-weight: bold;">+7 (912) 999-12-23</p>
            <p style="margin-top: 10px;">aeterna@mail.ru</p>
        </div>
    </div>
</main>

