/* ===== GOLD PROMO BANNER — "FREE PAPERS AND LIGHTER ON ALL PURCHASES" ===== */
.gold-banner {
    position: relative;
    width: 100%;
    padding: 11px 20px;
    text-align: center;
    overflow: hidden;
    z-index: 9998;
    background: linear-gradient(
        180deg,
        #6d4f0d 0%,
        #b8912b 12%,
        #f6e27a 38%,
        #fffbe6 50%,
        #f0d55f 62%,
        #b8912b 86%,
        #6d4f0d 100%
    );
    border-top: 1px solid rgba(255, 249, 214, 0.85);
    border-bottom: 2px solid #8a6a12;
    box-shadow: 0 2px 22px rgba(255, 199, 44, 0.45);
}

/* Moving specular highlight — the "shine" travelling across the metal */
.gold-banner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%;
    width: 45%;
    background: linear-gradient(
        100deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.75) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: goldShine 4.5s ease-in-out infinite;
    pointer-events: none;
}

@keyframes goldShine {
    0%   { left: -60%; }
    55%  { left: 120%; }
    100% { left: 120%; }
}

.gold-banner-inner {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.gold-banner-text {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #2b1d00;
    text-shadow: 0 1px 0 rgba(255, 253, 235, 0.65);
}

.gold-banner-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    background: #1a1200;
    color: #ffd84d;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(255, 216, 77, 0.35);
}

@media (max-width: 768px) {
    .gold-banner { padding: 9px 12px; }
    .gold-banner-inner { gap: 7px; }
    .gold-banner-text { font-size: 0.72rem; letter-spacing: 0.8px; }
    .gold-banner-tag { font-size: 0.52rem; padding: 2px 7px; }
}

@media (prefers-reduced-motion: reduce) {
    .gold-banner::before { animation: none; opacity: 0; }
}