body.halloween .header .logo-icon {
    position: relative;
}
body.halloween .header .logo-icon::after {
    content: "🎃";
    position: absolute;
    right: -11px;
    top: 0;
    font-size: 15px;
    line-height: 1;
    transform: rotate(12deg);
    filter: hue-rotate(200deg) saturate(1.3) brightness(1.15)
    drop-shadow(0 0 5px rgba(102, 192, 244, 0.55));
    pointer-events: none;
}
body.halloween .footer .logo-icon {
    position: relative;
}
body.halloween .footer .logo-icon::after {
    content: "🎃";
    position: absolute;
    right: -7px;
    top: -4px;
    font-size: 12px;
    line-height: 1;
    transform: rotate(-8deg);
    filter: hue-rotate(200deg) saturate(1.3) brightness(1.15)
    drop-shadow(0 0 4px rgba(102, 192, 244, 0.5));
    pointer-events: none;
}

body.halloween .header::before,
body.halloween .header-wrapper::before,
body.halloween .header-wrapper::after,
body.halloween .header .container::before,
body.halloween .header .container::after,
body.halloween nav.header-content::before,
body.halloween nav.header-content::after {
    content: "🕸️";
    position: absolute;
    line-height: 1;
    pointer-events: none;
    filter: hue-rotate(180deg) saturate(1.4) brightness(1.3);
    z-index: 1;
}
body.halloween .header::before {
    top: 2px;
    left: 18%;
    opacity: 0.2;
    transform: rotate(-35deg);
    font-size: 16px;
}
body.halloween .header-wrapper::before {
    top: 2px;
    right: 20%;
    opacity: 0.18;
    transform: rotate(70deg);
    font-size: 11px;
}
body.halloween nav.header-content::before {
    top: 2px;
    left: 55%;
    opacity: 0.15;
    transform: rotate(10deg);
    font-size: 15px;
}
body.halloween .header .container::after {
    top: 2px;
    left: 4%;
    opacity: 0.22;
    transform: rotate(-10deg);
    font-size: 12px;
}
body.halloween .header-wrapper::after {
    bottom: 2px;
    left: 12%;
    opacity: 0.17;
    transform: rotate(35deg);
    font-size: 17px;
}
body.halloween nav.header-content::after {
    bottom: 2px;
    right: 45%;
    opacity: 0.14;
    transform: rotate(-55deg);
    font-size: 10px;
}
body.halloween .header .container::before {
    bottom: 2px;
    right: 10%;
    opacity: 0.19;
    transform: rotate(80deg);
    font-size: 14px;
}

body.halloween .footer::after,
body.halloween .footer .container::before,
body.halloween .footer .container::after,
body.halloween .footer-bottom::before,
body.halloween .footer-bottom::after {
    content: "🕸️";
    position: absolute;
    line-height: 1;
    pointer-events: none;
    filter: hue-rotate(180deg) saturate(1.4) brightness(1.3);
    z-index: 1;
}
body.halloween .footer::after {
    top: 3px;
    left: 12%;
    opacity: 0.18;
    transform: rotate(30deg);
    font-size: 16px;
}
body.halloween .footer .container::before {
    top: 3px;
    right: 12%;
    opacity: 0.2;
    transform: rotate(-30deg);
    font-size: 12px;
}
body.halloween .footer .container::after {
    top: 40%;
    left: 6px;
    opacity: 0.13;
    transform: rotate(-60deg);
    font-size: 17px;
}
body.halloween .footer-bottom::before {
    left: 20%;
    bottom: 8px;
    opacity: 0.22;
    transform: rotate(45deg);
    font-size: 11px;
}
body.halloween .footer-bottom::after {
    right: 20%;
    bottom: 8px;
    opacity: 0.22;
    transform: rotate(-90deg);
    font-size: 15px;
}

body.halloween .footer-content {
    position: relative;
}
body.halloween .footer-content::before,
body.halloween .footer-content::after,
body.halloween .footer-section::before,
body.halloween .footer-section::after {
    content: "🕸️";
    position: absolute;
    line-height: 1;
    pointer-events: none;
    filter: hue-rotate(180deg) saturate(1.4) brightness(1.3);
    z-index: 1;
}
body.halloween .footer-content::before {
    top: 35%;
    left: 2px;
    font-size: 14px;
    opacity: 0.11;
    transform: rotate(55deg);
}
body.halloween .footer-content::after {
    top: 65%;
    right: 2px;
    font-size: 17px;
    opacity: 0.11;
    transform: rotate(-45deg);
}

body.halloween .footer-section {
    position: relative;
}
body.halloween .footer-section:nth-child(1)::before {
    top: 30%;
    left: 0;
    font-size: 13px;
    opacity: 0.13;
    transform: rotate(-20deg);
}
body.halloween .footer-section:nth-child(2)::before {
    top: 40%;
    left: 0;
    font-size: 16px;
    opacity: 0.15;
    transform: rotate(25deg);
}
body.halloween .footer-section:nth-child(3)::before {
    top: 30%;
    left: 0;
    font-size: 11px;
    opacity: 0.12;
    transform: rotate(-35deg);
}
body.halloween .footer-section:nth-child(4)::before {
    top: 40%;
    left: 0;
    font-size: 15px;
    opacity: 0.14;
    transform: rotate(15deg);
}
body.halloween .footer-section:nth-child(1)::after {
    top: 60%;
    right: 0;
    font-size: 15px;
    opacity: 0.12;
    transform: rotate(-65deg);
}
body.halloween .footer-section:nth-child(2)::after {
    top: 70%;
    right: 0;
    font-size: 11px;
    opacity: 0.12;
    transform: rotate(40deg);
}
body.halloween .footer-section:nth-child(3)::after {
    top: 55%;
    right: 0;
    font-size: 16px;
    opacity: 0.11;
    transform: rotate(-20deg);
}
body.halloween .footer-section:nth-child(4)::after {
    top: 65%;
    right: 0;
    font-size: 13px;
    opacity: 0.12;
    transform: rotate(85deg);
}

@media (max-width: 768px) {
    body.halloween .header::before,
    body.halloween .header-wrapper::before,
    body.halloween .header-wrapper::after,
    body.halloween .header .container::before,
    body.halloween .header .container::after,
    body.halloween nav.header-content::before,
    body.halloween nav.header-content::after {
        font-size: 8px;
    }
    body.halloween .footer-content::before,
    body.halloween .footer-content::after,
    body.halloween .footer-section::before,
    body.halloween .footer-section::after {
        font-size: 9px;
    }
    body.halloween .header .logo-icon::after {
        right: -8px;
        top: -2px;
        font-size: 10px;
    }
}
@media (max-width: 1410px) {
    body.halloween .footer .container::after {
        display: none;
    }
}