{% extends "base.html" %}

{% block content %}
<h1>Сертификаты качества</h1>
<p>Вся наша продукция имеет официальные сертификаты и соответствует высоким стандартам качества.</p>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem;">
    
    <div style="background: linear-gradient(135deg, #FDF5E6 0%, #fff 100%); border-radius: 15px; padding: 1.5rem; border: 1px solid #CD853F; text-align: center;">
        <div style="font-size: 3rem; margin-bottom: 1rem;">📜</div>
        <h3 style="color: #CD853F;">Сертификат ISO 9001</h3>
        <p>Международный стандарт качества менеджмента</p>
        <p style="font-size: 0.9rem; color: #666;">Действителен до 2026 года</p>
    </div>
    
    <div style="background: linear-gradient(135deg, #FDF5E6 0%, #fff 100%); border-radius: 15px; padding: 1.5rem; border: 1px solid #CD853F; text-align: center;">
        <div style="font-size: 3rem; margin-bottom: 1rem;">🏆</div>
        <h3 style="color: #CD853F;">Гарантия производителя</h3>
        <p>Официальная гарантия от Canon, Epson, Kodak</p>
        <p style="font-size: 0.9rem; color: #666;">Срок гарантии 12 месяцев</p>
    </div>
    
    <div style="background: linear-gradient(135deg, #FDF5E6 0%, #fff 100%); border-radius: 15px; padding: 1.5rem; border: 1px solid #CD853F; text-align: center;">
        <div style="font-size: 3rem; margin-bottom: 1rem;">🌿</div>
        <h3 style="color: #CD853F;">Экологический сертификат</h3>
        <p>Продукция безопасна для окружающей среды</p>
        <p style="font-size: 0.9rem; color: #666;">Соответствует стандартам RoHS</p>
    </div>
    
    <div style="background: linear-gradient(135deg, #FDF5E6 0%, #fff 100%); border-radius: 15px; padding: 1.5rem; border: 1px solid #CD853F; text-align: center;">
        <div style="font-size: 3rem; margin-bottom: 1rem;">🔬</div>
        <h3 style="color: #CD853F;">Сертификат качества</h3>
        <p>Лабораторные испытания продукции</p>
        <p style="font-size: 0.9rem; color: #666;">Соответствие ГОСТ Р</p>
    </div>
    
    <div style="background: linear-gradient(135deg, #FDF5E6 0%, #fff 100%); border-radius: 15px; padding: 1.5rem; border: 1px solid #CD853F; text-align: center;">
        <div style="font-size: 3rem; margin-bottom: 1rem;">📸</div>
        <h3 style="color: #CD853F;">Сертификат соответствия</h3>
        <p>Профессиональная фотопродукция</p>
        <p style="font-size: 0.9rem; color: #666;">Рекомендовано профессиональными фотографами</p>
    </div>
    
    <div style="background: linear-gradient(135deg, #FDF5E6 0%, #fff 100%); border-radius: 15px; padding: 1.5rem; border: 1px solid #CD853F; text-align: center;">
        <div style="font-size: 3rem; margin-bottom: 1rem;">📋</div>
        <h3 style="color: #CD853F;">Декларация о соответствии</h3>
        <p>Таможенного союза ЕАЭС</p>
        <p style="font-size: 0.9rem; color: #666;">Действительна до 2027 года</p>
    </div>
</div>

<div style="margin-top: 2rem; padding: 1.5rem; background: #CD853F10; border-radius: 10px; text-align: center; border-left: 4px solid #CD853F;">
    <p style="margin: 0;">Все сертификаты можно запросить по электронной почте или посмотреть в нашем магазине</p>
    <p style="margin-top: 0.5rem; color: #CD853F;">✉️ rotacyzxc@gmail.com | 📞 +7 (995) 947-00-42</p>
</div>
{% endblock %}