#dwFest{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1000}

/* toran host (jab navbar selector na diya ho, page ke top par lagta hai) */
.dw-host{position:absolute;top:0;left:0;width:100%;height:0;z-index:1000;pointer-events:none}

/* genda-phool toran + jhalar */
.dw-toran{position:absolute;left:0;top:calc(100% + var(--dw-toran-y,0px));width:100%;height:0;pointer-events:none;transition:opacity .3s ease;z-index:9}
.dw-toran--top{top:var(--dw-toran-y,0px)}
.dw-toran svg{position:absolute;left:0;top:-2px;overflow:visible;z-index:9}

/* jhalar ki ladiyon ka sway */
.dw-sw{transform-box:fill-box;transform-origin:50% 0;animation:dwSway 3.2s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes dwSway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}

/* ===== MOBILE: jhalar responsive ===== */
@media (max-width:1220px){
    /* toran ka SVG mobile me poori width le, aur jhalar chhota ho */
    .dw-toran svg{
        width:100% !important;
        height:auto !important;
    }
    /* jhalar ki ladiyan thodi patli aur halki */
    .dw-sw line{stroke-width:1}
}

/* chhoti screen (<=480px) par aur chhota jhalar */
@media (max-width:480px){
    .dw-toran svg{
        width:80% !important;
        height:auto !important;
    }
}

/* jinhone "reduce motion" on rakha hai unke liye animation band */
@media (prefers-reduced-motion:reduce){
    .dw-sw{animation:none}
}