.mangalore-offer-popup {
    position: fixed;
    top: calc(50% - 50px);
    left: 16px;
    z-index: 1040;
    box-sizing: border-box;
    width: 180px;
    height: 100px;
    padding: 10px 12px;
    border: 1px solid #ffae53;
    border-radius: 12px;
    background: radial-gradient(circle at 100% 0, #ffffff24 0, #ffffff24 30%, transparent 31%), linear-gradient(125deg, #ff8619, #ed4900);
    box-shadow: 0 6px 24px #f5680055;
    color: #fff;
    font-family: Arial, sans-serif;
    transform-origin: bottom left;
    animation: mangalore-offer-enter 700ms cubic-bezier(.16, 1, .3, 1) both,
        mangalore-offer-float 5s ease-in-out 700ms 4;
}
.mangalore-offer-popup[hidden] { display: none; }
.mangalore-offer-label { display: block; font-size: 9px; font-weight: 700; letter-spacing: 1px; line-height: 12px; }
.mangalore-offer-price { display: block; margin: 3px 0 6px; color: #fff; font-size: 29px; font-weight: 800; letter-spacing: -1px; line-height: 32px; white-space: nowrap; text-shadow: 0 2px 3px #a9380026; }
.mangalore-offer-price small { font-size: 11px; font-weight: 700; letter-spacing: 0; }
.mangalore-offer-link { position: relative; overflow: hidden; isolation: isolate; display: block; width: fit-content; padding: 4px 12px; border-radius: 20px; background: #fff; color: #b53700; font-size: 10px; font-weight: 700; line-height: 16px; text-decoration: none; }
.mangalore-offer-link::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 25%, #ffb45670 48%, transparent 70%);
    transform: translateX(-150%);
    animation: mangalore-offer-shine 5s ease-in-out 1400ms 4;
}
.mangalore-offer-popup:hover,
.mangalore-offer-popup:focus-within,
.mangalore-offer-popup:hover .mangalore-offer-link::after,
.mangalore-offer-popup:focus-within .mangalore-offer-link::after { animation-play-state: paused; }
.mangalore-offer-link:hover { background: #fff5cc; color: #8e2b00; }
.mangalore-offer-close {
    position: absolute;
    top: -9px;
    right: -9px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #8e2b00;
    color: #fff;
    font: 18px/1 Arial, sans-serif;
    cursor: pointer;
}
.mangalore-offer-close:hover { background: #5f1d00; }
.mangalore-offer-popup :focus-visible { outline: 2px solid #132d60; outline-offset: 3px; }
#mangalore-bottom-contact { scroll-margin-top: 120px; }
@keyframes mangalore-offer-enter {
    0% { opacity: 0; transform: translateY(22px) scale(.9) rotate(-3deg); }
    65% { opacity: 1; transform: translateY(-3px) scale(1.02) rotate(.5deg); }
    100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
}
@keyframes mangalore-offer-float {
    0%, 100% { transform: translateY(0); box-shadow: 0 6px 24px #f5680055; }
    50% { transform: translateY(-4px); box-shadow: 0 10px 28px #f5680070; }
}
@keyframes mangalore-offer-shine {
    0%, 65% { transform: translateX(-150%); }
    90%, 100% { transform: translateX(150%); }
}
@media (prefers-reduced-motion: reduce) {
    .mangalore-offer-popup,
    .mangalore-offer-link::after { animation: none; }
}