#popup .panel-left.diwali-offer-panel {
    --offer-festive: #e14b9b;
    --offer-gold: #f6c85f;
    min-width: 0;
    min-height: 620px;
    padding: 0;
    color: #f5f8ff;
    background:
        radial-gradient(circle at 8% 10%, rgba(37, 99, 235, .28), transparent 30%),
        radial-gradient(circle at 95% 88%, rgba(225, 75, 155, .2), transparent 34%),
        linear-gradient(145deg, #07182d 0%, #0b2948 56%, #07182d 100%);
    isolation: isolate;
    border-right: 3px solid var(--offer-festive);
}

#popup .panel-left.diwali-offer-panel::before {
    background:
        linear-gradient(135deg, transparent 0 47%, rgba(255,255,255,.025) 48% 49%, transparent 50%) 0 0/24px 24px,
        linear-gradient(180deg, transparent, rgba(1, 11, 25, .28));
}

#popup .diwali-offer-carousel,
#popup .diwali-offer-track,
#popup .diwali-offer-slide { height: 100%; }

#popup .diwali-offer-carousel { position: relative; width: 100%; min-height: 620px; overflow: hidden; }
#popup .diwali-offer-track { position: relative; min-height: 620px; }

#popup .diwali-offer-slide {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: 44px 36px 78px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(34px);
    transition: opacity .55s ease, transform .55s ease, visibility .55s;
}

#popup .diwali-offer-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

#popup .diwali-offer-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
#popup .diwali-offer-topline span { color: #8bb9ff; font: 600 10px/1.4 'Inter', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
#popup .diwali-offer-topline span::before { content: ''; display: inline-block; width: 18px; height: 2px; margin: 0 8px 3px 0; background: var(--offer-gold); box-shadow: 0 0 8px rgba(246, 200, 95, .45); }
#popup .diwali-offer-topline b { padding: 5px 10px; border: 1px solid rgba(225, 75, 155, .55); border-radius: 99px; color: #ffd5ed; background: rgba(225, 75, 155, .12); font: 600 9px/1.3 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; }

#popup .diwali-offer-slide h2 { margin: 0; color: #fff; font: 600 clamp(23px, 2.2vw, 30px)/1.17 'Poppins', sans-serif; letter-spacing: -.035em; }
#popup .diwali-offer-slide h2 em { display: block; color: var(--offer-gold); font-style: normal; text-shadow: 0 0 16px rgba(246, 200, 95, .18); }
#popup .diwali-offer-subtitle { margin: 12px 0 0; color: #bcd5f7; font: 600 16px/1.45 'Poppins', sans-serif; }
#popup .diwali-offer-subtitle span { color: var(--offer-gold); }
#popup .diwali-offer-date { margin: 18px 0 0; padding: 10px 12px; border-left: 3px solid var(--offer-festive); border-radius: 0 7px 7px 0; color: #dce9fa; background: rgba(225, 75, 155, .09); font: 500 11px/1.55 'Inter', sans-serif; text-transform: uppercase; letter-spacing: .04em; }
#popup .diwali-offer-date strong { color: var(--offer-gold); font-weight: 700; }
#popup .diwali-offer-intro { margin: 16px 0 0; color: #c8d7ea; font: 400 12px/1.65 'Inter', sans-serif; }

#popup .diwali-offer-list { display: grid; gap: 11px; margin: 18px 0 0; padding: 0; list-style: none; }
#popup .diwali-offer-list li { position: relative; padding-left: 25px; color: #f5f8ff; font: 500 12px/1.48 'Inter', sans-serif; }
#popup .diwali-offer-list li::before { content: '\2713'; position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; color: #fff; background: #2563eb; font-size: 10px; font-weight: 800; box-shadow: 0 0 0 3px rgba(37, 99, 235, .17); }
#popup .diwali-offer-list--chatbot { gap: 16px; margin-top: 27px; }
#popup .diwali-offer-models { margin: auto 0 0; color: #91b9ed; font: 600 10px/1.5 'Inter', sans-serif; letter-spacing: .06em; text-transform: uppercase; }
#popup .diwali-offer-models i { display: inline-block; width: 3px; height: 3px; margin: 0 6px 2px; border-radius: 50%; background: var(--offer-festive); }

#popup .diwali-offer-controls { position: absolute; right: 30px; bottom: 24px; left: 30px; display: flex; align-items: center; justify-content: space-between; z-index: 3; }
#popup .diwali-offer-arrow { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(139, 185, 255, .38); border-radius: 50%; color: #d7e7ff; background: rgba(37, 99, 235, .12); cursor: pointer; transition: background .2s, border-color .2s, transform .2s; }
#popup .diwali-offer-arrow:hover { border-color: var(--offer-festive); background: rgba(225, 75, 155, .14); transform: translateY(-1px); }
#popup .diwali-offer-arrow:focus-visible,
#popup .diwali-offer-dots button:focus-visible { outline: 2px solid var(--offer-festive); outline-offset: 3px; }
#popup .diwali-offer-dots { display: flex; align-items: center; gap: 8px; }
#popup .diwali-offer-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.35); cursor: pointer; transition: width .25s, background .25s; }
#popup .diwali-offer-dots button.is-active { width: 27px; background: linear-gradient(90deg, var(--offer-festive), var(--offer-gold)); }

#popup .diwali-offer-sparkles { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
#popup .diwali-offer-sparkles i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--offer-gold); box-shadow: 0 0 8px rgba(246, 200, 95, .8); animation: diwaliOfferSparkle 2.4s ease-in-out infinite; }
#popup .diwali-offer-sparkles i:nth-child(even) { background: #f18bc2; box-shadow: 0 0 9px rgba(225, 75, 155, .75); }
#popup .diwali-offer-sparkles i:nth-child(1) { top: 8%; left: 7%; }
#popup .diwali-offer-sparkles i:nth-child(2) { top: 16%; right: 8%; animation-delay: -.7s; }
#popup .diwali-offer-sparkles i:nth-child(3) { top: 52%; right: 5%; animation-delay: -1.3s; }
#popup .diwali-offer-sparkles i:nth-child(4) { bottom: 16%; left: 7%; animation-delay: -1.8s; }
#popup .diwali-offer-sparkles i:nth-child(5) { bottom: 7%; right: 18%; animation-delay: -.4s; }
@keyframes diwaliOfferSparkle { 50% { opacity: .25; transform: scale(.55); } }

@media (max-width: 991px) {
    #popup .row { flex-direction: column; min-height: auto; }
    #popup .popup_wrappper { max-width: 620px; max-height: 94vh; overflow-y: auto; }
    #popup .panel-left.diwali-offer-panel {
        display: block;
        flex: none;
        width: 100%;
        min-height: 500px;
        border-right: 0;
        border-bottom: 3px solid var(--offer-festive);
    }
    #popup .diwali-offer-carousel,
    #popup .diwali-offer-track { min-height: 500px; }
    #popup .diwali-offer-slide { padding: 35px 38px 72px; }
    #popup .panel-right { padding: 36px 38px; }
}

@media (max-width: 600px) {
    #popup.popup-overlay { padding: 10px; align-items: flex-start; }
    #popup .popup_wrappper { width: 100%; max-height: calc(100dvh - 20px); border-radius: 13px; }
    #popup .panel-left.diwali-offer-panel,
    #popup .diwali-offer-carousel,
    #popup .diwali-offer-track { min-height: 510px; }
    #popup .diwali-offer-slide { padding: 30px 23px 70px; }
    #popup .diwali-offer-topline { padding-right: 34px; margin-bottom: 17px; }
    #popup .diwali-offer-topline b { padding: 4px 8px; font-size: 8px; }
    #popup .diwali-offer-slide h2 { font-size: clamp(21px, 6.5vw, 25px); }
    #popup .diwali-offer-subtitle { margin-top: 9px; font-size: 14px; }
    #popup .diwali-offer-date { margin-top: 14px; padding: 8px 10px; font-size: 9.5px; }
    #popup .diwali-offer-intro { margin-top: 12px; font-size: 11px; }
    #popup .diwali-offer-list { gap: 8px; margin-top: 13px; }
    #popup .diwali-offer-list li { padding-left: 23px; font-size: 11px; line-height: 1.42; }
    #popup .diwali-offer-list li::before { width: 16px; height: 16px; }
    #popup .diwali-offer-list--chatbot { gap: 14px; margin-top: 22px; }
    #popup .diwali-offer-controls { right: 22px; bottom: 19px; left: 22px; }
    #popup .diwali-offer-arrow { width: 32px; height: 32px; }
    #popup .panel-right { padding: 32px 20px; }
}

@media (max-width: 380px) {
    #popup .panel-left.diwali-offer-panel,
    #popup .diwali-offer-carousel,
    #popup .diwali-offer-track { min-height: 535px; }
    #popup .diwali-offer-slide { padding-right: 19px; padding-left: 19px; }
}

@media (prefers-reduced-motion: reduce) {
    #popup .diwali-offer-slide { transition: none; }
    #popup .diwali-offer-sparkles i { animation: none; }
}