/* Realtime rebate prompt v2 — visual override only; claim/close logic stays native. */
.fs_img[data-v-dddd026a] {
    position: fixed;
    left: 3%;
    bottom: 2.06rem;
    z-index: 120;
    width: 94%;
    height: clamp(52px, 1.46rem, 73px);
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: clamp(26px, .73rem, 37px);
    background:
        radial-gradient(circle at 13% 0%, rgba(246, 205, 107, .20), transparent 36%),
        linear-gradient(112deg, rgba(40, 57, 94, .98), rgba(21, 32, 57, .98) 54%, rgba(31, 44, 74, .98)) padding-box,
        linear-gradient(110deg, #8d6a27 0%, #f8dc8b 28%, #b68125 52%, #ffe8a4 76%, #8d6a27 100%) border-box;
    background-size: auto, auto, 220% 100%;
    box-shadow:
        0 .20rem .56rem rgba(4, 9, 23, .46),
        0 0 .34rem rgba(236, 190, 82, .18),
        inset 0 1px 0 rgba(255, 255, 255, .07),
        inset 0 -1px 0 rgba(0, 0, 0, .20);
    isolation: isolate;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    animation: bd-rebate-enter .62s cubic-bezier(.18, .89, .32, 1.28) both,
               bd-rebate-breathe 3.2s ease-in-out .7s infinite,
               bd-rebate-borderflow 6s linear .7s infinite;
}

/* Animated coin/rebate emblem, drawn in CSS to avoid an extra image request. */
.fs_img[data-v-dddd026a]::before {
    content: "↻";
    position: absolute;
    left: .16rem;
    top: 50%;
    z-index: 3;
    display: grid;
    place-items: center;
    width: clamp(40px, 1.08rem, 54px);
    height: clamp(40px, 1.08rem, 54px);
    border: 1px solid rgba(255, 234, 167, .72);
    border-radius: 50%;
    color: #603b08;
    font-size: clamp(22px, .56rem, 28px);
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
    background:
        radial-gradient(circle at 34% 27%, #fff4bc 0 7%, transparent 8%),
        radial-gradient(circle at 50% 42%, #ffe58f 0%, #efbe50 48%, #b87817 78%, #75500e 100%);
    box-shadow:
        0 0 0 .07rem rgba(222, 165, 50, .14),
        0 .09rem .18rem rgba(0, 0, 0, .34),
        0 0 .28rem rgba(247, 206, 104, .42),
        inset 0 .04rem .08rem rgba(255, 255, 255, .72),
        inset 0 -.06rem .10rem rgba(101, 57, 5, .30);
    transform: translateY(-50%);
    pointer-events: none;
    animation: bd-rebate-coin 2.8s ease-in-out .45s infinite;
}

/* Soft travelling highlight; pointer events remain on the native link. */
.fs_img[data-v-dddd026a]::after {
    content: "";
    position: absolute;
    top: -70%;
    bottom: -70%;
    left: -34%;
    z-index: 1;
    width: 22%;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 238, 175, .27), transparent);
    transform: skewX(-18deg);
    animation: bd-rebate-sheen 4.8s ease-in-out 1.25s infinite;
}

.fs_img .fs_txt[data-v-dddd026a] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 clamp(46px, 1.02rem, 55px) 0 clamp(54px, 1.34rem, 70px);
    color: #eef2fb;
    font-size: clamp(13px, .32rem, 16px);
    font-weight: 600;
    letter-spacing: .012rem;
    text-decoration: none;
    text-shadow: 0 .02rem .05rem rgba(0, 0, 0, .42);
    -webkit-tap-highlight-color: transparent;
}

.fs_img .fs_txt[data-v-dddd026a] span {
    display: inline-block;
    margin: 0 .08rem;
    color: #ffd875 !important;
    font-size: clamp(17px, .43rem, 22px);
    font-weight: 900;
    letter-spacing: .018rem;
    text-shadow:
        0 0 .08rem rgba(255, 215, 112, .78),
        0 0 .24rem rgba(236, 179, 52, .46);
    transform-origin: center;
    animation: bd-rebate-amount 2.25s ease-in-out .75s infinite;
}

.fs_img .fs_close[data-v-dddd026a] {
    position: absolute;
    top: 50%;
    right: .16rem;
    z-index: 5;
    width: clamp(30px, .70rem, 36px);
    height: clamp(30px, .70rem, 36px);
    border: 1px solid rgba(240, 216, 151, .20);
    border-radius: 50%;
    background: rgba(7, 14, 29, .44);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    transform: translateY(-50%);
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    -webkit-tap-highlight-color: transparent;
}

.fs_img .fs_close[data-v-dddd026a]::before,
.fs_img .fs_close[data-v-dddd026a]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: clamp(13px, .30rem, 16px);
    height: 2px;
    border-radius: .04rem;
    background: #d7dfef;
    box-shadow: 0 0 .08rem rgba(235, 214, 157, .30);
}

.fs_img .fs_close[data-v-dddd026a]::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.fs_img .fs_close[data-v-dddd026a]::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fs_img .fs_close[data-v-dddd026a]:active {
    border-color: rgba(245, 211, 123, .52);
    background: rgba(101, 73, 21, .50);
    transform: translateY(-50%) scale(.90);
}

@keyframes bd-rebate-enter {
    0% { opacity: 0; transform: translate3d(0, .55rem, 0) scale(.92); filter: blur(.08rem); }
    70% { opacity: 1; transform: translate3d(0, -.035rem, 0) scale(1.012); filter: blur(0); }
    100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes bd-rebate-breathe {
    0%, 100% { box-shadow: 0 .20rem .56rem rgba(4, 9, 23, .46), 0 0 .24rem rgba(236, 190, 82, .12), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.20); }
    50% { box-shadow: 0 .24rem .62rem rgba(4, 9, 23, .50), 0 0 .42rem rgba(236, 190, 82, .30), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.20); }
}

@keyframes bd-rebate-borderflow {
    0% { background-position: center, center, 0% 50%; }
    100% { background-position: center, center, 220% 50%; }
}

@keyframes bd-rebate-coin {
    0%, 100% { transform: translateY(-50%) rotate(-4deg) scale(1); }
    50% { transform: translateY(-58%) rotate(5deg) scale(1.045); }
}

@keyframes bd-rebate-sheen {
    0%, 16% { left: -34%; opacity: 0; }
    24% { opacity: .9; }
    52% { left: 116%; opacity: 0; }
    100% { left: 116%; opacity: 0; }
}

@keyframes bd-rebate-amount {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    48% { transform: scale(1.055); filter: brightness(1.18); }
    56% { transform: scale(1.02); filter: brightness(1.06); }
}

@media (max-width: 340px) {
    .fs_img .fs_txt[data-v-dddd026a] { padding-left: 1.25rem; padding-right: .92rem; font-size: .285rem; }
    .fs_img .fs_txt[data-v-dddd026a] span { font-size: .37rem; }
}

@media (prefers-reduced-motion: reduce) {
    .fs_img[data-v-dddd026a],
    .fs_img[data-v-dddd026a]::before,
    .fs_img[data-v-dddd026a]::after,
    .fs_img .fs_txt[data-v-dddd026a] span {
        animation: none !important;
    }
}
