/*
 * Campanha: Winter Sale
 * Skin: gelo neon, partículas frias e vitrines congeladas.
 */
body.campaign-theme-winter-sale {
    --event-a: #9ff7ff;
    --event-b: #6b8cff;
    --event-c: #ffffff;
    background-color: #020711;
    background-image:
        radial-gradient(circle at 18% 18%, rgba(159, 247, 255, 0.22), transparent 32%),
        radial-gradient(circle at 78% 12%, rgba(107, 140, 255, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(3, 10, 24, 0.92), rgba(2, 4, 10, 0.98)),
        url('../../assets/img/background.jpeg');
}

body.campaign-theme-winter-sale::before {
    background:
        linear-gradient(180deg, rgba(2, 8, 18, 0.72), rgba(1, 5, 12, 0.92)),
        repeating-linear-gradient(135deg, rgba(159, 247, 255, 0.05) 0 1px, transparent 1px 18px);
}

body.campaign-theme-winter-sale::after {
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.8) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(159, 247, 255, 0.65) 0 1px, transparent 2px);
    background-size: 110px 110px, 170px 170px;
    animation: winter-drift 18s linear infinite;
    opacity: 0.42;
}

@keyframes winter-drift {
    from { transform: translate3d(0, -40px, 0); }
    to { transform: translate3d(-45px, 80px, 0); }
}

body.campaign-theme-winter-sale .navbar,
body.campaign-theme-winter-sale .cyber-footer {
    border-color: rgba(159, 247, 255, 0.75);
    box-shadow: 0 0 34px rgba(159, 247, 255, 0.16), inset 0 0 24px rgba(107, 140, 255, 0.12);
}

body.campaign-theme-winter-sale .brand-logo-container {
    box-shadow: 0 0 45px rgba(159, 247, 255, 0.72), 0 0 90px rgba(107, 140, 255, 0.25);
}

body.campaign-theme-winter-sale .smart-config-banner,
body.campaign-theme-winter-sale .promo-flash-container,
body.campaign-theme-winter-sale .category-shelf,
body.campaign-theme-winter-sale .panel {
    border-color: rgba(159, 247, 255, 0.62) !important;
    background: linear-gradient(135deg, rgba(6, 17, 35, 0.88), rgba(3, 8, 20, 0.72));
    box-shadow: 0 0 35px rgba(159, 247, 255, 0.16), inset 0 0 24px rgba(255, 255, 255, 0.04);
}

body.campaign-theme-winter-sale .shelf-header,
body.campaign-theme-winter-sale .product-footer {
    border-color: rgba(159, 247, 255, 0.42);
}

body.campaign-theme-winter-sale .banner-badge,
body.campaign-theme-winter-sale .promo-badge,
body.campaign-theme-winter-sale .btn-mega-setup,
body.campaign-theme-winter-sale .btn-view:hover,
body.campaign-theme-winter-sale .product-card:hover .btn-view {
    background: linear-gradient(90deg, var(--event-a), #eaffff);
    color: #02111a !important;
    box-shadow: 0 0 22px rgba(159, 247, 255, 0.62);
}

body.campaign-theme-winter-sale .shelf-title,
body.campaign-theme-winter-sale .product-cat,
body.campaign-theme-winter-sale .sidebar-title,
body.campaign-theme-winter-sale .box-title {
    color: var(--event-a) !important;
    text-shadow: 0 0 14px rgba(159, 247, 255, 0.68);
}

body.campaign-theme-winter-sale .product-card:hover,
body.campaign-theme-winter-sale .option-card:hover {
    border-color: var(--event-a);
    box-shadow: 0 18px 38px rgba(159, 247, 255, 0.2);
}

@media (prefers-reduced-motion: reduce) {
    body.campaign-theme-winter-sale::after { animation: none; }
}