/* ===== RAMADAN DECOR ===== */
    .ramadan-svg-decor{
        position: fixed;
        top: 85px;
        left: 0;
        width: 100%;
        height: 200px;
        pointer-events: none;
        z-index: 100000;
        }

        /* Lanterns */
        .lantern{
        position: absolute;
        top: 0;
        width: 85px;
        transform-origin: top center;
        animation: swing 4s ease-in-out infinite;
        filter: drop-shadow(0 10px 22px rgba(244,168,53,.45));
        }

        .lantern.left{ left: 25px; }
        .lantern.right{ right: 25px; animation-delay:2s; }

        @keyframes swing{
        0%,100%{ transform: rotate(3deg); }
        50%{ transform: rotate(-3deg); }
        }

        @keyframes fall {
        0% {
            transform: translateY(-60px) scale(0.5);
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        70% {
            opacity: 1;
        }
        100% {
            transform: translateY(180px) scale(0.3);
            opacity: 0;
        }
        }

        @keyframes twinkle {
        0%, 100% {
            opacity: 0.4;
            transform: scale(0.9);
        }
        50% {
            opacity: 1;
            transform: scale(1.8);
        }
        }

        /* Responsive */
        @media(max-width:768px){
        .lantern{ width:60px; }
        }

        .ramadan-top-decor {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 180px;
        pointer-events: none;
        z-index: 10001;
        }

        .ramadan-top-decor svg {
        width: 100%;
        height: 100%;
        display: block;
        }