<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AETERNA - Стул Ender</title>
    <link rel="stylesheet/less" type="text/css" href="style_for_cite.less">

    <script src="https://cdn.jsdelivr.net/npm/less"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script src="check_auth.js"></script>
    <style>
        /* Стили для блокировки доступа */
        .link-disabled {
            cursor: not-allowed !important;
            opacity: 0.7 !important;
            pointer-events: none !important;
        }

        .auth-required {
            position: relative;
        }

        .auth-required::after {
            content: "🔒";
            position: absolute;
            top: -5px;
            right: -10px;
            font-size: 10px;
        }
    </style>
</head>
<body>
<header class="header">
    <div class="header__top">
        <div class="container header__top-content">
            <div class="logo">AETERNA</div>

            <div class="search-catalog">
                <div class="catalog-dropdown">
                    Все категории <span>&#9660;</span>
                    <div class="catalog-dropdown__menu">
                        <ul>
                            <li><a href="#">Диваны</a></li>
                            <li><a href="#">Кровати</a></li>
                            <li><a href="#">Шкафы</a></li>
                            <li><a href="#">Стулья</a></li>
                            <li><a href="#">Столы</a></li>
                        </ul>
                    </div>
                </div>
                <div class="search-box">
                    <input type="text" placeholder="Поиск товаров">
                    <span class="search-icon"><i class="fas fa-search"></i></span>
                </div>
            </div>

            <div class="header__icons--top">

                <a href="оформление_заказа.php" class="icon"><i class="fas fa-shopping-cart"></i></a>
                <a href="профиль.php" class="icon"><i class="far fa-user"></i></a>
            </div>
        </div>
    </div>

    <div class="header__bottom">
        <div class="container header__bottom-content">
            <div class="catalog-menu">
                <a href="catalog.php" class="catalog-link active-catalog">
                    <div class="catalog-icon">
                        <span class="line"></span>
                        <span class="line"></span>
                        <span class="line"></span>
                    </div>
                    <span class="catalog-lines">☰</span>
                    Каталог
                </a>
            </div>

            <nav class="nav">
                <ul class="nav-list">
                    <li><a href="cite_mebel.php">Главная</a></li>
                    <li><a href="услуги.php">Услуги</a></li>
                    <li><a href="Доставка.php">Доставка и оплата</a></li>
                    <li><a href="Гарантия.php">Гарантия</a></li>
                    <li><a href="#footer">Контакты</a></li>
                </ul>
            </nav>
            <div class="header-phone">+7(912)999-12-23</div>
        </div>
    </div>
</header>

<main class="main">
    <div class="container">
        <div class="breadcrumbs">
            <a class="breadcrumbs__link" href="#">Главная</a>
            <span class="breadcrumbs__separator">•</span>
            <a class="breadcrumbs__link" href="#">Каталог</a>
            <span class="breadcrumbs__separator">•</span>
            <a class="breadcrumbs__link" href="#">Стулья</a>
            <span class="breadcrumbs__separator">•</span>
            <span class="breadcrumbs__current">Стул Ender</span>
        </div>

        <section class="product__section">
            <div class="product__gallery">
                <div class="product__main-image">
                    <img src="img1/99.jpg" alt="Стул Ender - главный вид" class="product__image">
                </div>
                <div class="product__thumbnails">
                    <button class="product__thumbnail">
                        <img src="img1/99_3.png" alt="Стул Ender - вид сбоку" class="product__image">
                    </button>
                    <button class="product__thumbnail">
                        <img src="img1/99_2.jpg" alt="Стул Ender - детали" class="product__image">
                    </button>
                </div>
            </div>

            <div class="product__info">
                <h1 class="product__title">Стул ENDER</h1>

                <div class="product__rating">
                    <span class="star">★</span>
                    <strong>9/10</strong>
                    <span class="reviews">54 отзывов</span>
                </div>

                <div class="product__color-selector">
                    <button class="product__color-option active" data-color="green" style="background-color: #617365"></button><br>
                    <button class="product__color-option" data-color="gray" style="background-color: #B4B4B4"></button><br>
                    <button class="product__color-option" data-color="brown" style="background-color: #5C4033"></button><br>
                    <button class="product__color-option" data-color="black" style="background-color: #000000"></button><br>
                </div>

                <p class="product__description">
                    Стулья с закрытой обивкой созданы в стилистике практичности и комфортабельности,
                    придает помещению, эффектно выделяющимися средствами.
                </p>


                <div class="product__purchase">
                    <div class="product__price">16 999 ₽</div>
                    <div class="product__quantity">
                        <button class="product__qty-btn minus">−</button>
                        <span class="product__qty-value">1</span>
                        <button class="product__qty-btn plus">+</button>
                    </div>
                </div>

                <div class="product__actions">
                    <button class="product__btn primary">В КОРЗИНУ</button>
                    <button class="product__btn secondary">КУПИТЬ</button>
                </div>
            </div>
        </section>

        <section class="similar">
            <h2 class="similar__title">Похожие</h2>
            <div class="similar__grid">
                <div class="similar__card">
                    <div class="similar__card-image">
                        <img src="img1/444%20(1).png" alt="Кресло ASTER" class="product__image">
                    </div>

                </div>

                <div class="similar__card">
                    <div class="similar__card-image">
                        <img src="img1/777%20(1).png" alt="Кресло GETSBY" class="product__image">
                    </div>

                </div>

                <div class="similar__card">
                    <div class="similar__card-image">
                        <img src="img1/888%20(1).png" alt="Кресло PASTEL" class="product__image">
                    </div>

                </div>
            </div>
        </section>
    </div>
</main>

<footer class="footer" id="footer">
    <div class="container footer__content">
        <div class="footer__col footer--logo">
            <div class="logo">AETERNA</div>
        </div>

        <div class="footer__col">
            <h5>ПОКУПАТЕЛЮ</h5>
            <ul>
                <li><a href="catalog.php">Каталог</a></li>
                <li><a href="услуги.php">Услуги</a></li>
            </ul>
        </div>

        <div class="footer__col">
            <h5>ПОМОЩЬ</h5>
            <ul>
                <li><a href="Доставка.php">Доставка и оплата</a></li>
                <li><a href="Гарантия.php">Гарантия и возврат</a></li>
                <li><a href="cite_mebel.php#faq">Ответы на вопросы</a></li>
                <li><a href="#footer">Контакты</a></li>
            </ul>
        </div>

        <div class="footer__col">
            <h5>КОНТАКТЫ</h5>
            <p>aeterna@mail.ru</p>
            <p>+7(912)999-12-23</p>
            <div class="social-icons">
                <span class="icon"><i class="fab fa-telegram"></i></span>
                <span class="icon"><i class="fab fa-instagram"></i></span>
                <span class="icon"><i class="fab fa-vk"></i></span>
            </div>
        </div>

        <div class="footer__col">
            <h5>ПРИНИМАЕМ К ОПЛАТЕ</h5>
            <div class="payment-icons">
                <span class="pay-icon"><i class="fab fa-cc-visa"></i></span>
                <span class="pay-icon"><i class="fab fa-cc-mastercard"></i></span>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>© 2025 AETERNA. Все права защищены.</p>
    </div>
</footer>


</body>
</html>