/* ═══════════════════════════════════════════════════
   Промо-баннер — акция / подарок
═══════════════════════════════════════════════════ */
.promo-banner {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(214, 175, 107, 0.18), transparent 60%),
        radial-gradient(ellipse at 80% 50%, rgba(139, 75, 45, 0.12), transparent 60%),
        linear-gradient(135deg, #1e130c 0%, var(--surface-dark) 50%, #1a110c 100%);
    border-top: 1px solid rgba(214, 175, 107, 0.12);
    border-bottom: 1px solid rgba(214, 175, 107, 0.12);
    padding: 48px 0;
}

.promo-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent-soft), transparent);
    opacity: 0.5;
}

.promo-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent-soft), transparent);
    opacity: 0.5;
}

.promo-inner {
    display: flex;
    align-items: center;
    gap: 32px;
}

.promo-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(214, 175, 107, 0.15), rgba(214, 175, 107, 0.05));
    border: 1px solid rgba(214, 175, 107, 0.22);
    color: var(--accent-soft);
    animation: promoPulse 3s ease-in-out infinite;
}

@keyframes promoPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(214, 175, 107, 0.2); }
    50%      { box-shadow: 0 0 24px 6px rgba(214, 175, 107, 0.15); }
}

.promo-body {
    flex: 1;
    min-width: 0;
}

.promo-title {
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 2.6vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #f5e4c4;
    margin-bottom: 10px;
}

.promo-text {
    font-size: 0.95rem;
    line-height: 1.7;
    color: rgba(255, 244, 233, 0.72);
    max-width: 56ch;
    margin-bottom: 8px;
}

.promo-note {
    display: inline-block;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
    color: rgba(214, 175, 107, 0.7);
    font-style: italic;
}

.promo-cta {
    flex-shrink: 0;
    white-space: nowrap;
}