/* ============================================================
   BESTAMAQ — редизайн: тёмные стеклянные панели
   с золотисто-зелёной светящейся рамкой (стиль плашки «КОНТАКТЫ»)
   Подключать ПОСЛЕ style.css:
   <link rel="stylesheet" href="redesign.css">
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Caveat:wght@600;700&display=swap');

:root {
    --bq-gold:        #f3c664;
    --bq-gold-light:  #ffe9b8;
    --bq-green:       #6fb43f;   /* зелёный луга */
    --bq-green-deep:  #4a7c2f;
    --bq-green-glow:  rgba(150, 210, 90, 0.55);
    --bq-glow:        rgba(255, 214, 130, 0.55);
    --bq-plate:       rgba(24, 16, 8, 0.68);   /* тёмное стекло панелей */
    --bq-plate-2:     rgba(36, 24, 10, 0.60);
    --bq-brown:       #3a2413;
    --bq-red:         #8e1f1f;   /* только для рукописного акцента */
    --bq-cream:       #fff6e6;

    --panel: var(--bq-plate);
    --teal: var(--bq-green-deep);
    --accent-brown: var(--bq-gold);
    --accent-on-panel: var(--bq-gold-light);
    --muted: #d8c49a;
    --text-strong-on-photo: var(--bq-cream);
}

body { font-family: 'Nunito Sans', sans-serif; }

h1, h2, h3, h4,
.section-title,
.brand-mark,
.btn, .cart-order-btn,
.hit-badge, .hit-showcase-badge,
.product-name,
.nav-link {
    font-family: 'Oswald', 'Montserrat', sans-serif !important;
    letter-spacing: 0.03em;
}

.script-accent {
    font-family: 'Caveat', cursive;
    color: #ff8f8f;
    font-size: 1.35em;
    text-transform: none;
    letter-spacing: 0;
}

/* ============================================================
   ЖИВОЕ ЗОЛОТИСТО-ЗЕЛЁНОЕ СВЕЧЕНИЕ
   ============================================================ */
@keyframes bqGlowPulse {
    0%, 100% {
        box-shadow:
            0 0 6px rgba(255, 240, 200, 0.85),
            0 0 16px rgba(255, 214, 130, 0.45),
            0 0 34px rgba(150, 210, 90, 0.30),
            inset 0 0 16px rgba(255, 230, 170, 0.10);
    }
    50% {
        box-shadow:
            0 0 10px rgba(255, 245, 215, 1),
            0 0 24px rgba(230, 220, 120, 0.75),
            0 0 52px rgba(150, 210, 90, 0.55),
            inset 0 0 20px rgba(255, 230, 170, 0.16);
    }
}

/* ============================================================
   ФИРМЕННАЯ ПАНЕЛЬ — тёмное стекло, как плашка «КОНТАКТЫ»
   ============================================================ */
.product-card,
.trust-card,
.delivery-card,
.recipe-card,
.text-review-card,
.contact-card,
#faq details,
.hit-showcase-card,
.factory-inner,
.cart-modal,
.text-plate,
.hero-copy h1 {
    background: linear-gradient(160deg, var(--bq-plate-2), var(--bq-plate)) !important;
    border: 2px solid #fff5d7 !important;
    border-radius: 26px !important;
    color: var(--bq-cream) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    animation: bqGlowPulse 3.6s ease-in-out infinite;
}
.product-card:nth-child(2n) { animation-delay: 1.2s; }
.product-card:nth-child(3n) { animation-delay: 2.4s; }

.product-card:hover,
.recipe-card:hover,
.contact-card:hover {
    box-shadow:
        0 0 12px rgba(255, 245, 215, 1),
        0 0 30px rgba(230, 220, 120, 0.9),
        0 0 60px rgba(150, 210, 90, 0.65),
        inset 0 0 22px rgba(255, 230, 170, 0.18) !important;
    animation: none;
    transition: box-shadow 0.25s ease;
}

/* Заголовок в hero и плашки на фото */
.hero-copy h1 {
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    line-height: 1.3;
    padding: 20px 28px !important;
    display: inline-block;
}
.text-plate {
    padding: 14px 24px !important;
    border-radius: 18px !important;
    display: inline-block;
}

/* Все заголовки секций — как «КОНТАКТЫ»: тёмная плашка + золотая черта */
.section-title {
    background: var(--bq-plate);
    border: 2px solid #fff5d7;
    border-radius: 18px;
    display: inline-block;
    padding: 10px 28px 14px;
    text-transform: uppercase;
    color: var(--bq-cream) !important;
    animation: bqGlowPulse 4.2s ease-in-out infinite;
    position: relative;
}
.section-title::after {
    content: '';
    display: block;
    width: 84px;
    height: 3px;
    margin: 10px auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, transparent, var(--bq-gold), var(--bq-green), transparent);
    box-shadow: 0 0 12px var(--bq-glow);
}
section > .container { text-align: center; }
section > .container > *:not(.section-title) { text-align: initial; }

/* ============================================================
   ШАПКА И ВЕРХНЯЯ ПЛАШКА
   ============================================================ */
.top-sales-banner {
    background: linear-gradient(90deg, #17240a, #33430f, #17240a) !important;
    color: var(--bq-gold-light) !important;
    border-bottom: 1px solid var(--bq-green);
    box-shadow: 0 2px 14px rgba(150, 210, 90, 0.3);
}
.top-sales-banner b { color: var(--bq-gold); }

.site-header {
    background: rgba(22, 15, 7, 0.88) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1.5px solid rgba(255, 233, 184, 0.6) !important;
    box-shadow: 0 2px 18px rgba(210, 215, 110, 0.3) !important;
}
.brand-mark {
    color: var(--bq-gold-light) !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    text-shadow: 0 0 14px var(--bq-glow);
}
.nav-link { color: var(--bq-cream) !important; text-transform: uppercase; font-size: 13px; }
.nav-link:hover, .nav-link.active { color: var(--bq-gold) !important; }

.lang-switch a { color: var(--bq-cream) !important; }
.lang-switch a.active {
    color: #fff !important;
    background: var(--bq-green-deep) !important;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(150, 210, 90, 0.65);
}

/* ============================================================
   КНОПКИ — зелёные с золотым ободком
   ============================================================ */
.btn, .cart-order-btn {
    background: linear-gradient(180deg, #7cc44a, var(--bq-green-deep)) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 233, 184, 0.85) !important;
    border-radius: 999px !important;
    text-transform: uppercase;
    animation: bqGlowPulse 3s ease-in-out infinite;
    transition: transform 0.15s ease;
}
.btn:hover, .cart-order-btn:hover { transform: translateY(-1px); }

.ghost-btn {
    border: 1.5px solid var(--bq-gold) !important;
    color: var(--bq-gold-light) !important;
    border-radius: 999px !important;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    background: rgba(24, 16, 8, 0.5) !important;
}
.ghost-btn:hover {
    background: rgba(111, 180, 63, 0.35) !important;
    box-shadow: 0 0 14px var(--bq-green-glow);
}

/* ============================================================
   КАРТОЧКИ ТОВАРОВ
   ============================================================ */
.product-name { color: var(--bq-gold-light) !important; text-transform: uppercase; font-size: 16px; }
.product-meta span { color: var(--bq-cream); }
.product-meta strong { color: #9fd65e !important; font-size: 1.15em; }
.product-card-counter { color: #d8c49a; }
.product-card-counter span { color: #9fd65e; font-weight: 800; }
.product-image img { border-radius: 14px; }

.hit-badge {
    background: linear-gradient(180deg, #ffdf96, #c99a2e) !important;
    color: #3a2413 !important;
    border: 1px solid #fff3d0 !important;
    border-radius: 999px !important;
    box-shadow: 0 0 16px var(--bq-glow) !important;
    text-transform: uppercase;
}
.hit-badge.season-badge { background: linear-gradient(180deg, #7cc44a, var(--bq-green-deep)) !important; color: #fff !important; }

/* ============================================================
   ТЕКСТ ВНУТРИ ТЁМНЫХ ПАНЕЛЕЙ — светлый и читаемый
   ============================================================ */
.delivery-card .delivery-card-title { color: var(--bq-gold-light) !important; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .03em; }
.delivery-card .delivery-card-text { color: var(--bq-cream) !important; font-weight: 600; }
.trust-card span { color: var(--bq-cream); font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.04em; }
.recipe-card h3 { color: var(--bq-gold-light) !important; }
.recipe-card .recipe-concept { color: #b9e08a !important; font-weight: 700; }
.recipe-card .recipe-steps li { color: var(--bq-cream) !important; }
.text-review-card p { color: var(--bq-cream) !important; }
.text-review-card .text-review-author { color: var(--bq-gold) !important; }
#faq details summary { color: var(--bq-gold-light) !important; font-weight: 700; }
#faq details p { color: var(--bq-cream) !important; }
.factory-story h2 { color: var(--bq-gold-light) !important; }
.factory-story p { color: var(--bq-cream) !important; font-weight: 600; }
.factory-stats > div strong { color: #9fd65e !important; }
.factory-stats > div span { color: var(--bq-cream) !important; }
.factory-story { background: transparent !important; }
.factory-inner { padding: 28px !important; }
.catalog-lead { color: var(--bq-cream) !important; }
.reviews-video-caption, .reviews-more-link a { color: var(--bq-cream) !important; text-shadow: 0 1px 5px rgba(0,0,0,.7); }

/* ============================================================
   КОНТАКТЫ — на фоне картины
   ============================================================ */
.contacts-section { background: transparent !important; }
.contacts-section-inner { background: transparent !important; border: none !important; box-shadow: none !important; }
.contacts-section p { color: var(--bq-cream) !important; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.7); font-weight: 600; }
.contact-card h4 { color: var(--bq-gold) !important; text-transform: uppercase; font-family: 'Oswald', sans-serif; }
.contact-card a { color: var(--bq-cream) !important; font-weight: 700; }
.contact-card a:hover { color: #b9e08a !important; }
.footer-credits p { color: var(--bq-cream) !important; text-shadow: 0 1px 5px rgba(0,0,0,.7); }

/* ============================================================
   КОРЗИНА И ФОРМЫ
   ============================================================ */
.floating-cart {
    background: linear-gradient(180deg, #7cc44a, var(--bq-green-deep)) !important;
    border: 1.5px solid var(--bq-gold-light) !important;
    border-radius: 999px !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff !important;
    animation: bqGlowPulse 3s ease-in-out infinite;
}
.cart-modal-title { color: var(--bq-gold-light) !important; text-transform: uppercase; }
.cart-modal { padding: 24px !important; }
.cart-items-list li, .cart-total-block { color: var(--bq-cream) !important; }

.cart-input {
    background: rgba(255, 250, 240, 0.94) !important;
    border: 1.5px solid rgba(201, 154, 46, 0.5) !important;
    border-radius: 12px !important;
    color: var(--bq-brown) !important;
}
.cart-input:focus {
    border-color: var(--bq-green) !important;
    box-shadow: 0 0 12px var(--bq-green-glow) !important;
    outline: none;
}
.payment-method-label { color: var(--bq-cream) !important; }
.payment-option {
    border: 1.5px solid rgba(255, 233, 184, 0.5) !important;
    border-radius: 12px !important;
    background: rgba(255, 250, 240, 0.12) !important;
    color: var(--bq-cream) !important;
}
.payment-option.active {
    border-color: var(--bq-green) !important;
    box-shadow: 0 0 12px var(--bq-green-glow) !important;
}
#cart-form-error { color: #ffb37a !important; }
.cart-modal-close { color: var(--bq-cream) !important; }

/* ============================================================
   НОЧНАЯ ТЕМА — панели те же, фон и так по графику
   ============================================================ */
body.dark, body.dark-theme, body.night,
html.dark body, [data-theme="dark"] body {
    --text-strong-on-photo: var(--bq-cream);
}

/* ============================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ
   ============================================================ */
@media (max-width: 640px) {
    .text-plate { padding: 12px 16px !important; border-radius: 14px !important; }
    .hero-copy h1 { font-size: clamp(20px, 6vw, 28px) !important; padding: 14px 18px !important; }
    .section-title { font-size: clamp(18px, 5.5vw, 24px); padding: 8px 18px 12px; }
    .product-card, .recipe-card, .delivery-card, .trust-card { border-radius: 20px !important; }
}

@media (hover: none) and (pointer: coarse) {
    .product-card, .trust-card, .delivery-card, .recipe-card,
    .text-review-card, .contact-card, #faq details,
    .text-plate, .hero-copy h1, .site-header, .cart-modal, .factory-inner {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; }
}