/* Smart Popup – Public v2 */
.sp-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}
.sp-overlay.sp-visible { display: flex; }

.sp-popup {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 24px 80px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.10);
    opacity: 0;
    will-change: transform, opacity;
}
.sp-popup.sp-anim-fadeInUp    { animation: sp-fadeInUp    .45s cubic-bezier(.22,1,.36,1) forwards; }
.sp-popup.sp-anim-fadeIn      { animation: sp-fadeIn      .4s ease forwards; }
.sp-popup.sp-anim-zoomIn      { animation: sp-zoomIn      .4s cubic-bezier(.22,1,.36,1) forwards; }
.sp-popup.sp-anim-slideInDown { animation: sp-slideInDown .45s cubic-bezier(.22,1,.36,1) forwards; }

@keyframes sp-fadeInUp    { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:translateY(0)} }
@keyframes sp-fadeIn      { from{opacity:0} to{opacity:1} }
@keyframes sp-zoomIn      { from{opacity:0;transform:scale(.88)} to{opacity:1;transform:scale(1)} }
@keyframes sp-slideInDown { from{opacity:0;transform:translateY(-40px)} to{opacity:1;transform:translateY(0)} }

.sp-close {
    position: absolute; top: 14px; right: 14px;
    background: none; border: none; cursor: pointer;
    padding: 4px; line-height: 0;
    transition: opacity .2s, transform .2s; z-index: 2;
}
.sp-close:hover { opacity: .7; transform: scale(1.15); }

.sp-img-wrap { width: 100%; margin-bottom: 18px; line-height: 0; }
.sp-img-wrap img { width: 100%; border-radius: 8px; display: block; }

.sp-title { margin: 0 0 12px; font-weight: 700; line-height: 1.25; padding-right: 28px; font-family: inherit; }
.sp-body  { margin: 0 0 22px; line-height: 1.65; font-family: inherit; }
.sp-btn-wrap { text-align: center; }
.sp-btn {
    display: inline-block; padding: 13px 32px;
    font-size: 15px; font-weight: 600; text-decoration: none;
    transition: filter .2s, transform .15s; font-family: inherit;
}
.sp-btn:hover  { filter: brightness(1.1); transform: translateY(-1px); }
.sp-btn:active { transform: translateY(0); }

@media (max-width: 480px) {
    .sp-overlay { padding: 12px; }
    .sp-popup   { padding: 28px 20px !important; }
    .sp-title   { font-size: 20px !important; }
    .sp-body    { font-size: 14px !important; }
}

/* v3.1 Spin Wheel */
.sp-wheel-popup {
    text-align: center;
    overflow: hidden;
}
.sp-wheel-head { margin-bottom: 10px; }
.sp-wheel-title {
    padding-right: 28px;
    margin-bottom: 6px !important;
}
.sp-wheel-subtitle {
    margin: 0 0 16px;
    line-height: 1.45;
}
.sp-wheel-stage {
    position: relative;
    width: min(300px, 82vw);
    height: min(300px, 82vw);
    margin: 6px auto 18px;
}
.sp-wheel-pointer {
    position: absolute;
    left: 50%;
    top: -1px;
    transform: translateX(-50%);
    z-index: 4;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 34px solid #f59e0b;
    filter: drop-shadow(0 4px 5px rgba(0,0,0,.25));
}
.sp-wheel-disc {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 9px solid rgba(255,255,255,.95);
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.35), 0 18px 45px rgba(87,60,160,.24);
    transition: transform 3.8s cubic-bezier(.12,.78,.18,1);
    transform: rotate(0deg);
    overflow: hidden;
}
.sp-wheel-disc::after {
    content: '';
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.35);
    pointer-events: none;
}
.sp-wheel-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    z-index: 3;
}
.sp-wheel-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 0 0;
    width: 100px;
    margin-top: -7px;
    margin-left: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
    text-shadow: 0 2px 4px rgba(0,0,0,.35);
    text-align: left;
    z-index: 2;
}
.sp-wheel-spin {
    border: 0;
    cursor: pointer;
    padding: 13px 32px;
    font-size: 15px;
    font-weight: 800;
    min-width: 140px;
    transition: filter .2s, transform .15s, opacity .2s;
    font-family: inherit;
}
.sp-wheel-spin:hover { filter: brightness(1.06); transform: translateY(-1px); }
.sp-wheel-spin:disabled { opacity: .6; cursor: wait; transform: none; }
.sp-wheel-result {
    min-height: 26px;
    margin-top: 14px;
    font-size: 14px;
    color: #555;
}
.sp-wheel-result.is-done {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    padding: 12px;
    border-radius: 14px;
}
.sp-wheel-result.is-error {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #be123c;
    padding: 12px;
    border-radius: 14px;
}
.sp-wheel-result strong,
.sp-wheel-result small,
.sp-wheel-coupon {
    display: block;
}
.sp-wheel-result strong { font-size: 18px; margin-bottom: 4px; }
.sp-wheel-coupon {
    margin: 8px auto;
    background: #fff;
    color: #111827;
    border: 1px dashed #16a34a;
    border-radius: 10px;
    padding: 8px 10px;
    width: fit-content;
}
@media (max-width: 480px) {
    .sp-wheel-stage { width: min(260px, 80vw); height: min(260px, 80vw); }
    .sp-wheel-label { width: 82px; font-size: 10px; }
    .sp-wheel-center { width: 54px; height: 54px; font-size: 23px; }
}


/* ===== Smart Popup Wheel Design Refresh v3.1.1 ===== */
.sp-wheel-overlay {
    backdrop-filter: blur(6px);
}
.sp-wheel-popup {
    position: relative;
    padding: 28px 28px 26px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fcfbff 100%) !important;
    border: 1px solid rgba(139, 92, 246, .10);
    box-shadow: 0 24px 70px rgba(20, 20, 43, .16), 0 10px 30px rgba(109, 40, 217, .10);
    overflow: hidden;
}
.sp-wheel-popup::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 180px;
    background: radial-gradient(circle at top left, rgba(96,165,250,.22), transparent 45%),
                radial-gradient(circle at top right, rgba(192,132,252,.22), transparent 40%),
                linear-gradient(180deg, rgba(124,58,237,.10), rgba(255,255,255,0));
    pointer-events: none;
}
.sp-wheel-popup .sp-close {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: rgba(17,24,39,.06);
    color: #374151 !important;
    right: 14px;
    top: 14px;
    transition: transform .18s ease, background .18s ease;
}
.sp-wheel-popup .sp-close:hover {
    background: rgba(17,24,39,.10);
    transform: rotate(90deg);
}
.sp-wheel-head {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 16px;
}
.sp-wheel-head::before {
    content: '🎁 Endirim Kuponu';
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(245,158,11,.14), rgba(249,115,22,.14));
    color: #b45309;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2px;
    margin-bottom: 12px;
}
.sp-wheel-title {
    font-size: clamp(28px, 4.5vw, 38px);
    line-height: 1.08;
    font-weight: 900;
    margin: 0;
    color: #111827 !important;
}
.sp-wheel-subtitle {
    margin: 10px auto 0;
    max-width: 450px;
    font-size: 16px;
    line-height: 1.55;
    color: #6b7280 !important;
}
.sp-wheel-stage {
    width: min(420px, 82vw);
    height: min(420px, 82vw);
    margin: 22px auto 18px;
    filter: drop-shadow(0 16px 30px rgba(91, 33, 182, .14));
}
.sp-wheel-stage::before {
    content: '';
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.65), rgba(255,255,255,0) 45%);
    pointer-events: none;
    z-index: 1;
}
.sp-wheel-pointer {
    top: -4px;
    border-left-width: 19px;
    border-right-width: 19px;
    border-top-width: 38px;
    filter: drop-shadow(0 8px 10px rgba(245, 158, 11, .35));
}
.sp-wheel-disc {
    border: 12px solid rgba(255,255,255,.96);
    box-shadow: inset 0 0 0 6px rgba(255,255,255,.18), 0 22px 46px rgba(109, 40, 217, .22);
}
.sp-wheel-disc::after {
    inset: 26px;
    border: 2px solid rgba(255,255,255,.28);
}
.sp-wheel-center {
    width: 84px;
    height: 84px;
    background: linear-gradient(135deg, #fff7ed, #ffffff 55%, #fdf2f8);
    border: 7px solid #fff;
    box-shadow: 0 10px 28px rgba(17, 24, 39, .18);
    font-size: 34px;
}
.sp-wheel-label {
    width: 120px;
    margin-left: 12px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.16;
    text-align: center;
    letter-spacing: .1px;
    text-shadow: 0 2px 6px rgba(0,0,0,.32);
}
.sp-wheel-spin {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 15px 34px;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
    color: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 26px rgba(109, 40, 217, .25);
    font-size: 16px;
    letter-spacing: .2px;
}
.sp-wheel-spin::before {
    content: '✨';
    margin-right: 8px;
}
.sp-wheel-spin:hover {
    filter: brightness(1.03);
    transform: translateY(-2px);
    box-shadow: 0 18px 30px rgba(109, 40, 217, .30);
}
.sp-wheel-result {
    margin-top: 18px;
    min-height: 32px;
    text-align: center;
}
.sp-wheel-result.is-done,
.sp-wheel-result.is-error {
    padding: 18px 18px 16px;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(15,23,42,.06);
}
.sp-wheel-result.is-done {
    background: linear-gradient(180deg, #f0fdf4, #ecfdf5);
    border-color: #86efac;
}
.sp-wheel-result.is-error {
    background: linear-gradient(180deg, #fff1f2, #fff7f8);
}
.sp-wheel-result strong {
    font-size: 31px;
    line-height: 1.1;
    font-weight: 900;
    color: #166534;
    margin-bottom: 10px;
}
.sp-wheel-result small {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #14532d;
}
.sp-wheel-coupon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    background: #fff;
    padding: 11px 16px;
    border: 1px dashed #22c55e;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 700;
    color: #111827;
}
.sp-wheel-coupon::before {
    content: '🏷️';
}
@media (max-width: 640px) {
    .sp-wheel-popup { padding: 22px 16px 20px !important; }
    .sp-wheel-title { font-size: 28px; }
    .sp-wheel-subtitle { font-size: 14px; }
    .sp-wheel-stage { width: min(320px, 84vw); height: min(320px, 84vw); }
    .sp-wheel-label { width: 94px; font-size: 11px; margin-left: 10px; }
    .sp-wheel-center { width: 68px; height: 68px; font-size: 28px; }
    .sp-wheel-result strong { font-size: 26px; }
}


/* ===== Smart Popup Wheel Premium Blue v3.2.0 ===== */
.sp-wheel-overlay {
    backdrop-filter: blur(7px);
}
.sp-wheel-popup {
    position: relative;
    overflow: hidden;
    padding: 32px 24px 24px !important;
    background:
        radial-gradient(circle at top right, rgba(0,103,237,.14), transparent 25%),
        radial-gradient(circle at top left, rgba(0,103,237,.10), transparent 18%),
        linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
    border: 2px solid #ffffff;
    box-shadow: 0 28px 70px rgba(0, 71, 163, .18), 0 10px 24px rgba(15, 23, 42, .08);
}
.sp-wheel-popup::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 0 100%, rgba(0,103,237,.08), transparent 22%),
      radial-gradient(circle at 100% 0, rgba(0,103,237,.10), transparent 18%);
}
.sp-wheel-burst {
    position: absolute;
    left: 20px;
    top: 18px;
    z-index: 3;
    width: 124px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    line-height: 1.05;
    font-weight: 900;
    color: #0f172a;
    background: #fff;
    border: 3px solid #0f172a;
    clip-path: polygon(50% 0%, 61% 11%, 75% 3%, 80% 18%, 95% 15%, 90% 30%, 100% 40%, 89% 50%, 97% 63%, 82% 66%, 84% 81%, 69% 77%, 64% 94%, 50% 84%, 36% 94%, 31% 77%, 16% 81%, 18% 66%, 3% 63%, 11% 50%, 0% 40%, 10% 30%, 5% 15%, 20% 18%, 25% 3%, 39% 11%);
    box-shadow: 0 8px 22px rgba(15,23,42,.12);
    transform: rotate(-7deg);
}
.sp-wheel-head {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 18px;
}
.sp-wheel-title {
    margin: 0;
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.08;
    font-weight: 900;
    color: #0067ed !important;
}
.sp-wheel-subtitle {
    margin: 10px auto 0;
    max-width: 420px;
    font-size: 16px;
    line-height: 1.55;
    color: #64748b !important;
}
.sp-wheel-stage {
    width: min(430px, 82vw);
    height: min(430px, 82vw);
    margin: 20px auto 18px;
    filter: drop-shadow(0 16px 30px rgba(0,103,237,.18));
}
.sp-wheel-stage::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255,255,255,.18), transparent 55%);
    pointer-events: none;
    z-index: 1;
}
.sp-wheel-pointer {
    top: -3px;
    z-index: 5;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 34px solid #ffffff;
    filter: none;
}
.sp-wheel-pointer span {
    position: absolute;
    left: -11px;
    top: -42px;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    background: #ef4444;
    border: 5px solid #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.16);
}
.sp-wheel-disc {
    border: 14px solid #eceff5;
    box-shadow: inset 0 0 0 5px #ffffff, 0 18px 34px rgba(0,103,237,.18);
}
.sp-wheel-disc::before {
    content: '';
    position: absolute;
    inset: -11px;
    border-radius: 50%;
    border: 2px solid rgba(15,23,42,.18);
    z-index: 0;
}
.sp-wheel-disc::after {
    content: '';
    position: absolute;
    inset: 20px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.45);
    z-index: 0;
}
.sp-wheel-label {
    left: 50%;
    top: 50%;
    transform-origin: 0 0;
    width: 118px;
    margin: 0;
    z-index: 2;
}
.sp-wheel-label-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100px;
    transform: rotate(90deg);
    text-align: center;
}
.sp-wheel-segment-icon {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 12px;
    background: rgba(255,255,255,.95);
    padding: 4px;
    box-shadow: 0 4px 12px rgba(15,23,42,.18);
}
.sp-wheel-label-text {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    text-shadow: 0 2px 8px rgba(0,0,0,.25);
    letter-spacing: .1px;
}
.sp-wheel-center {
    width: 86px;
    height: 86px;
    background: linear-gradient(145deg, #ffffff, #eef6ff);
    border: 8px solid #ffffff;
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
    z-index: 4;
}
.sp-wheel-center span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 34px;
    color: #0067ed;
}
.sp-wheel-spin {
    min-width: 170px;
    padding: 14px 34px;
    background: linear-gradient(180deg, #0b7aff, #0067ed) !important;
    color: #fff !important;
    border: 0;
    border-radius: 14px !important;
    box-shadow: 0 14px 28px rgba(0,103,237,.26);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .3px;
}
.sp-wheel-spin:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
}
.sp-wheel-result {
    margin-top: 18px;
    min-height: 30px;
    text-align: center;
}
.sp-wheel-result.is-done,
.sp-wheel-result.is-error {
    padding: 18px 18px 16px;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(2, 32, 71, .06);
}
.sp-wheel-result.is-done {
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
    border: 1px solid rgba(0,103,237,.18);
    color: #0f172a;
}
.sp-wheel-result strong {
    display: block;
    font-size: 30px;
    line-height: 1.08;
    color: #0067ed;
    margin-bottom: 8px;
    font-weight: 900;
}
.sp-wheel-result small {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #475569;
}
.sp-wheel-coupon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    background: #fff;
    border: 1px dashed #0067ed;
    color: #0f172a;
    border-radius: 14px;
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 800;
}
.sp-wheel-result-media {
    margin-bottom: 12px;
}
.sp-wheel-result-media img {
    width: 82px;
    height: 82px;
    object-fit: cover;
    border-radius: 20px;
    padding: 6px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(0,103,237,.16);
}
@media (max-width: 640px) {
    .sp-wheel-popup { padding: 24px 14px 18px !important; }
    .sp-wheel-burst { left: 12px; top: 12px; width: 94px; height: 72px; font-size: 14px; }
    .sp-wheel-title { font-size: 26px; }
    .sp-wheel-subtitle { font-size: 14px; max-width: 270px; }
    .sp-wheel-stage { width: min(320px, 84vw); height: min(320px, 84vw); }
    .sp-wheel-label { width: 82px; }
    .sp-wheel-label-inner { width: 72px; gap: 5px; }
    .sp-wheel-segment-icon { width: 24px; height: 24px; border-radius: 8px; }
    .sp-wheel-label-text { font-size: 10px; }
    .sp-wheel-center { width: 68px; height: 68px; }
    .sp-wheel-result strong { font-size: 24px; }
}


/* ===== Smart Popup Wheel Layout Refresh v3.2.1 ===== */
.sp-wheel-popup {
    width: min(96vw, 940px) !important;
    max-width: 940px !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 430px) minmax(280px, 1fr);
    grid-template-areas:
        "burst head"
        "stage head"
        "stage action"
        "stage result";
    align-items: center;
    column-gap: 34px;
    row-gap: 14px;
    padding: 26px 24px 24px !important;
}
.sp-wheel-burst {
    grid-area: burst;
    position: static;
    margin: 6px 0 0 6px;
    width: 108px;
    height: 80px;
    font-size: 17px;
}
.sp-wheel-head {
    grid-area: head;
    text-align: left;
    margin: 0;
    padding-top: 14px;
    padding-right: 34px;
}
.sp-wheel-head::before {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 14px;
}
.sp-wheel-title {
    font-size: clamp(36px, 4vw, 54px);
    margin: 0;
}
.sp-wheel-subtitle {
    max-width: 420px;
    margin: 10px 0 0;
    font-size: 20px;
    line-height: 1.45;
}
.sp-wheel-stage {
    grid-area: stage;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    margin: 0 auto;
}
.sp-wheel-disc {
    transition: transform 4.7s cubic-bezier(.08,.92,.16,1) !important;
    will-change: transform;
}
.sp-wheel-stage.is-spinning .sp-wheel-disc {
    filter: saturate(1.08) brightness(1.02);
}
.sp-wheel-stage.is-spinning .sp-wheel-pointer span {
    animation: spWheelPointerTick .16s linear infinite;
}
@keyframes spWheelPointerTick {
    0%,100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(2px) scale(.96); }
}
.sp-wheel-label-text {
    display: none !important;
}
.sp-wheel-label {
    width: 84px;
}
.sp-wheel-label-inner {
    width: 58px;
    gap: 0;
}
.sp-wheel-segment-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    padding: 3px;
}
.sp-wheel-center {
    width: 92px;
    height: 92px;
}
.sp-wheel-spin {
    grid-area: action;
    justify-self: start;
    min-width: 200px;
    padding: 16px 32px;
    font-size: 18px;
}
.sp-wheel-spin.is-spinning {
    filter: brightness(1.03);
    box-shadow: 0 18px 36px rgba(0,103,237,.3);
}
.sp-wheel-result {
    grid-area: result;
    width: 100%;
    margin-top: 0;
    text-align: left;
    min-height: 96px;
}
.sp-wheel-result.is-loading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 18px 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f7fbff, #ffffff);
    border: 1px solid rgba(0,103,237,.14);
}
.sp-wheel-result.is-loading small {
    margin: 0;
    font-size: 15px;
    color: #4b5563;
}
.sp-wheel-loading-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0067ed;
    box-shadow: 24px 0 0 rgba(0,103,237,.45), 48px 0 0 rgba(0,103,237,.18);
    animation: spWheelLoading 1.1s infinite ease-in-out;
    margin-right: 52px;
}
@keyframes spWheelLoading {
    0%,100% { transform: translateX(0); opacity: .85; }
    50% { transform: translateX(8px); opacity: 1; }
}
.sp-wheel-result.is-done,
.sp-wheel-result.is-error {
    padding: 22px 22px 18px;
}
.sp-wheel-result strong {
    font-size: 38px;
    margin-bottom: 10px;
}
.sp-wheel-result small {
    font-size: 15px;
}
.sp-wheel-result-media img {
    width: 88px;
    height: 88px;
}
.sp-wheel-coupon {
    margin-top: 6px;
}
@media (max-width: 880px) {
    .sp-wheel-popup {
        width: min(96vw, 680px) !important;
        max-width: 680px !important;
        grid-template-columns: 1fr;
        grid-template-areas:
            "head"
            "stage"
            "action"
            "result";
        row-gap: 16px;
        padding: 20px 16px 18px !important;
    }
    .sp-wheel-burst {
        display: none;
    }
    .sp-wheel-head {
        text-align: center;
        padding-top: 6px;
        padding-right: 0;
    }
    .sp-wheel-head::before {
        margin-left: auto;
        margin-right: auto;
    }
    .sp-wheel-title {
        font-size: clamp(30px, 7vw, 42px);
    }
    .sp-wheel-subtitle {
        margin: 10px auto 0;
        max-width: 320px;
        font-size: 16px;
    }
    .sp-wheel-stage {
        width: min(340px, 82vw);
        height: min(340px, 82vw);
    }
    .sp-wheel-spin {
        justify-self: center;
        min-width: 190px;
        font-size: 16px;
        padding: 14px 28px;
    }
    .sp-wheel-result {
        text-align: center;
        min-height: 0;
    }
    .sp-wheel-result.is-loading {
        justify-content: center;
    }
    .sp-wheel-result strong {
        font-size: 30px;
    }
}
@media (max-width: 520px) {
    .sp-wheel-popup {
        width: min(95vw, 95vw) !important;
        padding: 18px 12px 14px !important;
        border-radius: 20px !important;
    }
    .sp-wheel-popup .sp-close {
        width: 36px;
        height: 36px;
        right: 10px;
        top: 10px;
    }
    .sp-wheel-head::before {
        font-size: 11px;
        padding: 7px 12px;
        margin-bottom: 10px;
    }
    .sp-wheel-title {
        font-size: 28px;
        line-height: 1.1;
        padding: 0 22px;
    }
    .sp-wheel-subtitle {
        font-size: 14px;
        line-height: 1.45;
        max-width: 270px;
    }
    .sp-wheel-stage {
        width: min(292px, 83vw);
        height: min(292px, 83vw);
    }
    .sp-wheel-label {
        width: 58px;
    }
    .sp-wheel-label-inner {
        width: 42px;
    }
    .sp-wheel-segment-icon {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        padding: 2px;
    }
    .sp-wheel-center {
        width: 74px;
        height: 74px;
    }
    .sp-wheel-center span {
        font-size: 28px;
    }
    .sp-wheel-spin {
        min-width: 168px;
        font-size: 15px;
        padding: 13px 24px;
        border-radius: 12px !important;
    }
    .sp-wheel-result.is-done,
    .sp-wheel-result.is-error,
    .sp-wheel-result.is-loading {
        padding: 16px 14px 14px;
        border-radius: 16px;
    }
    .sp-wheel-result strong {
        font-size: 25px;
    }
    .sp-wheel-coupon {
        font-size: 14px;
        padding: 10px 12px;
        border-radius: 12px;
    }
    .sp-wheel-result small {
        font-size: 13px;
        line-height: 1.45;
    }
    .sp-wheel-result-media img {
        width: 70px;
        height: 70px;
        border-radius: 16px;
    }
}

/* ===== Smart Popup v3.4 Wheel polish ===== */
.sp-wheel-label-text{display:block!important}.sp-wheel-layout-compact .sp-wheel-popup{display:block!important;width:min(96vw,640px)!important;max-width:640px!important;text-align:center}.sp-wheel-layout-compact .sp-wheel-burst{position:relative;display:inline-flex;left:auto;top:auto;margin:0 auto 12px;width:auto;height:auto;clip-path:none;border:0;border-radius:999px;padding:8px 14px;background:#eaf4ff;color:#0067ed;font-size:12px;line-height:1.2;transform:none}.sp-wheel-layout-compact .sp-wheel-head{text-align:center;padding-right:0}.sp-wheel-layout-compact .sp-wheel-subtitle{margin-left:auto;margin-right:auto}.sp-wheel-layout-compact .sp-wheel-stage{width:min(390px,82vw);height:min(390px,82vw);margin:18px auto}.sp-wheel-layout-compact .sp-wheel-spin{justify-self:center}.sp-wheel-layout-compact .sp-wheel-result{text-align:center;min-height:0}.sp-wheel-burst{white-space:normal}.sp-wheel-stage:hover .sp-wheel-disc{filter:saturate(1.08)}.sp-wheel-center{transition:transform .2s ease}.sp-wheel-stage:hover .sp-wheel-center{transform:translate(-50%,-50%) scale(1.03)}@media(max-width:520px){.sp-wheel-label-text{display:none!important}.sp-wheel-layout-compact .sp-wheel-stage{width:min(300px,83vw);height:min(300px,83vw)}}

/* ===== Smart Popup v3.4.1 Real Prize Wheel redesign ===== */
.sp-wheel-popup{
    background:
        radial-gradient(circle at 0 100%, rgba(59,130,246,.10), transparent 24%),
        radial-gradient(circle at 100% 0, rgba(239,68,68,.10), transparent 22%),
        linear-gradient(135deg,#ffffff 0%,#f8fbff 100%) !important;
    border:1px solid rgba(255,255,255,.86)!important;
    box-shadow:0 34px 90px rgba(15,23,42,.30),0 0 0 1px rgba(148,163,184,.18)!important;
}
.sp-wheel-stage{
    position:relative!important;
    filter:drop-shadow(0 22px 30px rgba(15,23,42,.22))!important;
}
.sp-wheel-stage:after{
    content:""!important;
    position:absolute!important;
    inset:5.6%!important;
    border-radius:50%!important;
    pointer-events:none!important;
    z-index:4!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), inset 0 0 0 15px rgba(255,255,255,.10)!important;
}
.sp-wheel-disc{
    overflow:hidden!important;
    border:18px solid #ef1b2d!important;
    box-shadow:
        0 0 0 7px #ff4d2e,
        0 0 0 12px #b91c1c,
        inset 0 0 0 3px rgba(255,255,255,.78),
        inset 0 0 34px rgba(0,0,0,.18),
        0 24px 42px rgba(15,23,42,.22)!important;
}
.sp-wheel-disc:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:50%!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
        repeating-conic-gradient(from 0deg, rgba(255,255,255,.70) 0deg 1.3deg, transparent 1.3deg 45deg),
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.22), transparent 27%),
        radial-gradient(circle at center, transparent 0 33%, rgba(255,255,255,.42) 33.4% 34.2%, transparent 35% 100%)!important;
}
.sp-wheel-disc:after{
    content:""!important;
    position:absolute!important;
    inset:-13px!important;
    border-radius:50%!important;
    z-index:5!important;
    pointer-events:none!important;
    background:
        radial-gradient(circle at 50% 2%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 85% 15%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 98% 50%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 85% 85%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 50% 98%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 15% 85%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 2% 50%, #ffd54a 0 5px, transparent 6px),
        radial-gradient(circle at 15% 15%, #ffd54a 0 5px, transparent 6px)!important;
}
.sp-wheel-pointer{
    top:-22px!important;
    z-index:20!important;
    width:0!important;
    height:0!important;
    border-left:22px solid transparent!important;
    border-right:22px solid transparent!important;
    border-top:0!important;
    border-bottom:42px solid #ffffff!important;
    filter:drop-shadow(0 5px 8px rgba(15,23,42,.25))!important;
}
.sp-wheel-pointer span{
    left:-13px!important;
    top:-18px!important;
    width:26px!important;
    height:26px!important;
    background:linear-gradient(180deg,#ff4b4b,#dc2626)!important;
    border:5px solid #fff!important;
}
.sp-wheel-label{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:50%!important;
    height:0!important;
    z-index:3!important;
    transform:rotate(var(--sp-angle))!important;
    transform-origin:0 0!important;
    pointer-events:none!important;
    margin:0!important;
}
.sp-wheel-label-inner{
    position:absolute!important;
    left:62%!important;
    top:0!important;
    width:92px!important;
    min-height:44px!important;
    transform:translate(-50%,-50%) rotate(90deg)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
}
.sp-wheel-label-text{
    display:block!important;
    max-width:92px!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.06!important;
    font-weight:900!important;
    text-shadow:0 2px 8px rgba(0,0,0,.38)!important;
    letter-spacing:.2px!important;
}
.sp-wheel-label:nth-child(odd) .sp-wheel-label-text,
.sp-wheel-label-text:only-child{color:#ffffff!important;}
.sp-wheel-segment-icon{
    width:30px!important;
    height:30px!important;
    padding:3px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 4px 10px rgba(15,23,42,.20)!important;
}
.sp-wheel-center{
    z-index:30!important;
    width:92px!important;
    height:92px!important;
    border:8px solid #f8c34a!important;
    background:radial-gradient(circle at 32% 28%,#fff3b0 0,#f59e0b 34%,#b45309 68%,#78350f 100%)!important;
    box-shadow:inset 0 3px 8px rgba(255,255,255,.42),inset 0 -7px 12px rgba(120,53,15,.28),0 12px 24px rgba(15,23,42,.26)!important;
}
.sp-wheel-center span{font-size:36px!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.25)!important;}
.sp-wheel-title{font-weight:900!important;letter-spacing:-1.1px!important;}
.sp-wheel-spin{font-weight:900!important;text-transform:uppercase!important;box-shadow:0 15px 28px rgba(0,103,237,.25)!important;}
@media(max-width:880px){
    .sp-wheel-disc{border-width:15px!important;box-shadow:0 0 0 5px #ff4d2e,0 0 0 9px #b91c1c,inset 0 0 0 3px rgba(255,255,255,.78),inset 0 0 26px rgba(0,0,0,.16),0 18px 34px rgba(15,23,42,.20)!important;}
    .sp-wheel-label-inner{left:60%!important;width:78px!important;}
    .sp-wheel-label-text{font-size:11px!important;max-width:78px!important;}
    .sp-wheel-center{width:78px!important;height:78px!important;}
    .sp-wheel-center span{font-size:30px!important;}
}
@media(max-width:520px){
    .sp-wheel-label-text{display:none!important;}
    .sp-wheel-segment-icon{width:25px!important;height:25px!important;}
    .sp-wheel-pointer{top:-18px!important;border-left-width:18px!important;border-right-width:18px!important;border-bottom-width:35px!important;}
    .sp-wheel-pointer span{width:22px!important;height:22px!important;left:-11px!important;top:-15px!important;}
}

/* Smart Popup v3.5 accessibility polish */
.sp-popup:focus{outline:none}.sp-popup:focus-visible{box-shadow:0 0 0 4px rgba(91,79,245,.22),0 24px 70px rgba(0,0,0,.24)}
@media (prefers-reduced-motion: reduce){.sp-popup,.sp-wheel-disc,.sp-wheel-stage,.sp-overlay{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sp-wheel-disc{transition-duration:.01ms!important}}

/* Smart Popup v3.5.1 roulette UX polish: coupon copy + tiny celebration */
.sp-wheel-copy{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:10px 0 0;
    padding:10px 14px;
    border:0;
    border-radius:12px;
    background:#0f172a;
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:transform .16s ease, filter .16s ease, background .16s ease;
}
.sp-wheel-copy:hover{transform:translateY(-1px);filter:brightness(1.06)}
.sp-wheel-copy.is-copied{background:#16a34a}
.sp-wheel-confetti{
    position:absolute;
    left:50%;
    top:50%;
    width:1px;
    height:1px;
    pointer-events:none;
    z-index:50;
}
.sp-wheel-confetti i{
    position:absolute;
    width:8px;
    height:14px;
    border-radius:3px;
    background:#0067ed;
    animation:spWheelConfetti 1.25s cubic-bezier(.2,.7,.18,1) forwards;
    animation-delay:var(--d);
}
.sp-wheel-confetti i:nth-child(3n){background:#ef4444}
.sp-wheel-confetti i:nth-child(3n+1){background:#f59e0b}
.sp-wheel-confetti i:nth-child(3n+2){background:#22c55e}
@keyframes spWheelConfetti{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0deg)}
    12%{opacity:1}
    100%{opacity:0;transform:translate(calc(-50% + var(--x)), 150px) scale(1) rotate(var(--r))}
}


/* Smart Popup v3.5.2 – final wheel UI overrides */
.sp-wheel-theme-gold{--sp-wheel-panel:#fffaf0;--sp-wheel-ring1:#d88a06;--sp-wheel-ring2:#f2b53d;--sp-wheel-ring3:#a63a08;--sp-wheel-accent:#fff3cf;--sp-wheel-accent-text:#92400e;--sp-wheel-glow:rgba(217,138,6,.24)}
.sp-wheel-theme-ocean{--sp-wheel-panel:#f5fbff;--sp-wheel-ring1:#2563eb;--sp-wheel-ring2:#7dd3fc;--sp-wheel-ring3:#1d4ed8;--sp-wheel-accent:#eff6ff;--sp-wheel-accent-text:#1d4ed8;--sp-wheel-glow:rgba(37,99,235,.22)}
.sp-wheel-theme-neon{--sp-wheel-panel:#111827;--sp-wheel-ring1:#7c3aed;--sp-wheel-ring2:#22d3ee;--sp-wheel-ring3:#312e81;--sp-wheel-accent:#0f172a;--sp-wheel-accent-text:#f8fafc;--sp-wheel-glow:rgba(34,211,238,.20)}
.sp-wheel-popup{overflow:visible!important;backdrop-filter:blur(6px)}
.sp-wheel-popup::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 20%,transparent 80%,rgba(255,255,255,.08));opacity:.7}
.sp-wheel-popup.sp-wheel-theme-gold,.sp-wheel-popup.sp-wheel-theme-ocean,.sp-wheel-popup.sp-wheel-theme-neon{background:var(--sp-wheel-panel)!important;box-shadow:0 26px 80px rgba(15,23,42,.28),0 6px 18px rgba(15,23,42,.10)}
.sp-wheel-shell{position:relative;display:grid;grid-template-columns:minmax(280px,430px) minmax(260px,1fr);align-items:center;gap:30px;z-index:1}
.sp-wheel-layout-compact .sp-wheel-shell{grid-template-columns:1fr}
.sp-wheel-visual,.sp-wheel-content{position:relative;z-index:1}
.sp-wheel-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}
.sp-wheel-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;text-align:left}
.sp-wheel-layout-compact .sp-wheel-content{align-items:center;text-align:center}
.sp-wheel-burst{position:relative!important;left:auto!important;top:auto!important;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:40px;padding:9px 14px;border-radius:999px;clip-path:none!important;background:var(--sp-wheel-accent)!important;color:var(--sp-wheel-accent-text)!important;border:1px solid rgba(255,255,255,.28);font-weight:800;letter-spacing:.01em;line-height:1.2;box-shadow:0 12px 24px rgba(15,23,42,.08);transform:none!important;margin:0 0 14px}
.sp-wheel-layout-compact .sp-wheel-burst{align-self:center}
.sp-wheel-head{margin:0!important;text-align:inherit}
.sp-wheel-title{padding-right:24px;margin:0 0 8px!important;font-size:clamp(28px,3vw,44px);line-height:1.04;font-weight:900;letter-spacing:-.02em}
.sp-wheel-subtitle{margin:0!important;max-width:460px;font-size:clamp(14px,1.4vw,17px);line-height:1.6;opacity:.92}
.sp-wheel-stage{position:relative;width:min(410px,78vw)!important;height:min(410px,78vw)!important;margin:0 auto!important;filter:drop-shadow(0 24px 32px var(--sp-wheel-glow))}
.sp-wheel-stage::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.18), transparent 62%);z-index:0}
.sp-wheel-disc{position:relative;overflow:hidden!important;border:16px solid var(--sp-wheel-ring1)!important;box-shadow:0 0 0 6px var(--sp-wheel-ring2),0 0 0 12px var(--sp-wheel-ring3),inset 0 0 0 3px rgba(255,255,255,.75),inset 0 0 30px rgba(0,0,0,.18),0 20px 36px rgba(15,23,42,.20)!important}
.sp-wheel-disc::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:1;pointer-events:none;background:repeating-conic-gradient(from 0deg, rgba(255,255,255,.62) 0deg 1.2deg, transparent 1.2deg 45deg),radial-gradient(circle at 34% 28%, rgba(255,255,255,.20), transparent 26%),radial-gradient(circle at center, transparent 0 32.5%, rgba(255,255,255,.45) 32.7% 33.5%, transparent 34% 100%)}
.sp-wheel-disc::after{content:"";position:absolute;inset:-11px;border-radius:50%;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 2%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 85% 15%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 98% 50%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 85% 85%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 50% 98%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 15% 85%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 2% 50%, #ffd54a 0 4px, transparent 5px),radial-gradient(circle at 15% 15%, #ffd54a 0 4px, transparent 5px)}
.sp-wheel-theme-neon .sp-wheel-disc::after{background:radial-gradient(circle at 50% 2%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 85% 15%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 98% 50%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 85% 85%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 50% 98%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 15% 85%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 2% 50%, #67e8f9 0 4px, transparent 5px),radial-gradient(circle at 15% 15%, #67e8f9 0 4px, transparent 5px)}
.sp-wheel-pointer{top:-20px!important;left:50%!important;transform:translateX(-50%)!important;border-left:20px solid transparent!important;border-right:20px solid transparent!important;border-top:0!important;border-bottom:39px solid #fff!important;filter:drop-shadow(0 5px 8px rgba(15,23,42,.24))!important}
.sp-wheel-pointer span{left:-12px!important;top:-17px!important;width:24px!important;height:24px!important;background:linear-gradient(180deg,#ff4b4b,#dc2626)!important;border:5px solid #fff!important;box-shadow:0 4px 10px rgba(15,23,42,.18)}
.sp-wheel-label{position:absolute!important;left:50%!important;top:50%!important;width:50%!important;height:0!important;z-index:3!important;transform:rotate(var(--sp-angle))!important;transform-origin:0 0!important;pointer-events:none!important}
.sp-wheel-label-inner{position:absolute!important;left:62%!important;top:0!important;width:88px!important;min-height:42px!important;transform:translate(-50%,-50%) rotate(90deg)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important}
.sp-wheel-segment-icon{width:32px!important;height:32px!important;border-radius:10px!important;padding:3px!important;background:#fff!important;box-shadow:0 4px 10px rgba(15,23,42,.20)!important;object-fit:cover!important}
.sp-wheel-label-text{display:block!important;max-width:88px;color:#fff!important;font-size:12px!important;line-height:1.06!important;font-weight:900!important;text-shadow:0 2px 8px rgba(0,0,0,.38)!important}
.sp-wheel-center{z-index:30!important;width:86px!important;height:86px!important;border:7px solid #f8c34a!important;background:radial-gradient(circle at 32% 28%,#fff3b0 0,#f59e0b 34%,#b45309 68%,#78350f 100%)!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.25)!important;box-shadow:inset 0 3px 8px rgba(255,255,255,.42),inset 0 -7px 12px rgba(120,53,15,.28),0 12px 24px rgba(15,23,42,.26)!important}
.sp-wheel-theme-ocean .sp-wheel-center{border-color:#bfdbfe!important;background:radial-gradient(circle at 30% 25%,#eff6ff 0,#60a5fa 35%,#2563eb 70%,#1e3a8a 100%)!important}
.sp-wheel-theme-neon .sp-wheel-center{border-color:#67e8f9!important;background:radial-gradient(circle at 30% 25%,#a5f3fc 0,#22d3ee 35%,#7c3aed 68%,#312e81 100%)!important}
.sp-wheel-spin{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px!important;font-size:15px;font-weight:800;letter-spacing:.01em;box-shadow:0 14px 30px rgba(15,23,42,.14)}
.sp-wheel-result{width:100%!important;max-width:360px;min-height:94px!important;margin:0!important;border:1px solid #dbeafe!important;background:rgba(255,255,255,.72)!important;border-radius:18px!important;backdrop-filter:blur(10px)!important;box-shadow:none!important;padding:14px 16px!important}
.sp-wheel-theme-neon .sp-wheel-result{background:rgba(15,23,42,.78)!important;border-color:rgba(103,232,249,.22)!important}
.sp-wheel-result.is-loading,.sp-wheel-result.is-done,.sp-wheel-result.is-error{text-align:left!important}
.sp-wheel-layout-compact .sp-wheel-result.is-loading,.sp-wheel-layout-compact .sp-wheel-result.is-done,.sp-wheel-layout-compact .sp-wheel-result.is-error{text-align:center!important}
.sp-wheel-result strong{font-size:22px!important;line-height:1.1}
.sp-wheel-result small{display:block!important;margin-top:4px;line-height:1.5}
.sp-wheel-result-media img{width:58px!important;height:58px!important;border-radius:14px;object-fit:cover;box-shadow:0 6px 18px rgba(15,23,42,.14)}
.sp-wheel-copy{margin-top:10px}
@media(max-width:900px){.sp-wheel-popup{padding:24px 18px!important}.sp-wheel-shell{grid-template-columns:1fr;gap:18px}.sp-wheel-content{align-items:center;text-align:center}.sp-wheel-burst{align-self:center}.sp-wheel-stage{width:min(360px,82vw)!important;height:min(360px,82vw)!important}.sp-wheel-result,.sp-wheel-result.is-loading,.sp-wheel-result.is-done,.sp-wheel-result.is-error{text-align:center!important}}
@media(max-width:520px){.sp-wheel-popup{padding:18px 14px!important;border-radius:24px!important}.sp-wheel-popup .sp-close{top:10px;right:10px}.sp-wheel-title{font-size:28px!important;padding-right:20px}.sp-wheel-burst{font-size:12px;min-height:36px;padding:8px 12px}.sp-wheel-stage{width:min(300px,84vw)!important;height:min(300px,84vw)!important}.sp-wheel-label-text{display:none!important}.sp-wheel-segment-icon{width:28px!important;height:28px!important}.sp-wheel-center{width:74px!important;height:74px!important;font-size:28px!important}.sp-wheel-result{min-height:0!important;padding:12px 14px!important}.sp-wheel-result strong{font-size:20px!important}}


/* Smart Popup v3.5.3 – wheel layout rebalance */
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup{width:min(1100px,calc(100vw - 28px))!important;padding:34px 34px 28px!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-shell{display:grid!important;grid-template-columns:minmax(320px,460px) minmax(280px,420px)!important;align-items:center!important;justify-content:space-between!important;gap:44px!important;max-width:100%!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-shell{grid-template-columns:1fr!important;gap:18px!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-visual{width:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-content{width:100%;max-width:420px;min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;gap:16px!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-content{align-items:center!important;text-align:center!important;max-width:520px;margin:0 auto}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-head{width:100%;margin:0!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-title{font-size:clamp(38px,4.3vw,66px)!important;line-height:0.96!important;letter-spacing:-0.035em!important;word-break:normal!important;overflow-wrap:anywhere!important;max-width:8ch;margin:0 0 10px!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-title{max-width:none!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-subtitle{font-size:clamp(15px,1.45vw,18px)!important;line-height:1.58!important;max-width:420px!important;margin:0!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-burst{align-self:flex-start!important;margin:0 0 16px!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-burst{align-self:center!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-stage{width:min(500px,44vw)!important;height:min(500px,44vw)!important;max-width:100%!important;flex:0 0 auto}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-spin{width:min(260px,100%);justify-content:center!important;align-self:flex-start!important;margin-top:2px!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-spin{align-self:center!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result{width:100%!important;max-width:330px!important;align-self:flex-start!important;min-height:110px!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-result{align-self:center!important;max-width:420px!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result.is-loading,
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result.is-done,
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result.is-error{text-align:left!important}
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-result.is-loading,
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-result.is-done,
.sp-overlay.sp-wheel-overlay.sp-wheel-layout-compact .sp-popup.sp-wheel-popup .sp-wheel-result.is-error{text-align:center!important}
@media(max-width:980px){.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup{width:min(760px,calc(100vw - 24px))!important;padding:24px 18px 22px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-shell{grid-template-columns:1fr!important;gap:18px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-content{align-items:center!important;text-align:center!important;max-width:520px;margin:0 auto}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-title{max-width:none!important;font-size:clamp(30px,7vw,52px)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-burst{align-self:center!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-spin,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result{align-self:center!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-stage{width:min(420px,82vw)!important;height:min(420px,82vw)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result.is-loading,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result.is-done,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result.is-error{text-align:center!important;max-width:420px!important}}
@media(max-width:520px){.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup{width:min(100vw - 12px,100vw - 12px)!important;padding:18px 12px 18px!important;border-radius:22px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-stage{width:min(320px,86vw)!important;height:min(320px,86vw)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-title{font-size:clamp(28px,10vw,40px)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-subtitle{font-size:15px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup .sp-wheel-result{min-height:0!important}}


/* Smart Popup v3.5.4 – exact style pass */
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold{background:#f6f1e8!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(0,0,0,.28),0 10px 24px rgba(0,0,0,.10)!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-close{top:14px!important;right:14px!important;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.06)}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-shell{grid-template-columns:minmax(360px,560px) minmax(320px,1fr)!important;gap:32px 30px!important;align-items:center!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-visual{align-items:flex-start!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-burst{width:126px;min-height:126px;padding:14px 14px!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;gap:6px;align-items:center!important;justify-content:center!important;background:#efe1b4!important;color:#9a4d12!important;box-shadow:none!important;font-size:18px!important;font-weight:900!important;line-height:1.05!important;margin:0 0 10px 0!important;border:none!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-burst::before{content:"🎁";display:block;font-size:28px;line-height:1}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#edd9bf;color:#c06a17;font-weight:800;font-size:15px;line-height:1;margin-bottom:8px}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-kicker::before{content:"🎁";font-size:17px;line-height:1}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-title{max-width:6.7ch!important;font-size:clamp(48px,5vw,72px)!important;line-height:.9!important;letter-spacing:-.05em!important;color:#1667f2!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-subtitle{max-width:360px!important;color:#6b7b97!important;font-size:18px!important;line-height:1.6!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-content{max-width:420px!important;padding-top:12px}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-stage{width:min(540px,46vw)!important;height:min(540px,46vw)!important;filter:drop-shadow(0 34px 36px rgba(0,0,0,.18))!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-stage::before{inset:-24px!important;background:radial-gradient(circle, rgba(255,255,255,.14), transparent 64%)!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-disc{border:14px solid #cb6a0a!important;box-shadow:0 0 0 10px #e9a100,0 0 0 18px #b14a06,inset 0 0 0 4px rgba(255,255,255,.55),inset 0 -18px 28px rgba(0,0,0,.15),0 22px 34px rgba(0,0,0,.18)!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-disc::after{display:none!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-pointer{top:50%!important;left:auto!important;right:-40px!important;transform:translateY(-50%) rotate(-90deg)!important;border-left:22px solid transparent!important;border-right:22px solid transparent!important;border-bottom:42px solid #f5f5f5!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-pointer span{top:-16px!important;left:-13px!important;width:26px!important;height:26px!important;background:linear-gradient(180deg,#ff5454,#de2f2f)!important;border:5px solid #fff!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-label{width:50%!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-label-inner{left:58%!important;width:96px!important;gap:7px!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-label-text{font-size:11px!important;max-width:96px!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-segment-icon{width:34px!important;height:34px!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-center{width:102px!important;height:102px!important;border:9px solid #ffcb49!important;background:radial-gradient(circle at 34% 26%,#fff4ba 0,#f1ab15 34%,#c16a09 68%,#8b4500 100%)!important;box-shadow:inset 0 5px 10px rgba(255,255,255,.4),inset 0 -10px 16px rgba(0,0,0,.18),0 10px 20px rgba(0,0,0,.18)!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-center span{font-size:42px;line-height:1}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-spin{min-height:54px!important;padding:0 30px!important;border-radius:17px!important;background:linear-gradient(180deg,#1d7df8,#1160ee)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 14px 30px rgba(17,96,238,.24)!important;border:none!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-spin::before{content:"✨";margin-right:10px}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result{max-width:350px!important;min-height:116px!important;border-radius:24px!important;border:1px solid rgba(166,198,240,.7)!important;background:linear-gradient(90deg, rgba(184,207,240,.85) 0%, rgba(237,209,158,.55) 32%, rgba(255,255,255,.8) 68%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result strong{font-size:24px!important;color:#113f8b!important}
.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result small{color:#5c6b85!important}
@media(max-width:980px){.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-shell{grid-template-columns:1fr!important;gap:12px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-visual,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-content{align-items:center!important;text-align:center!important;max-width:520px!important;margin:0 auto}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-title{max-width:none!important;font-size:clamp(40px,9vw,62px)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-burst{width:106px;height:106px;min-height:106px;margin-bottom:2px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-stage{width:min(460px,84vw)!important;height:min(460px,84vw)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-kicker,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-spin,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result{align-self:center!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result.is-loading,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result.is-done,.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-result.is-error{text-align:center!important}}
@media(max-width:520px){.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold{padding:16px 10px 18px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-burst{width:92px;height:92px;min-height:92px;font-size:15px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-stage{width:min(330px,88vw)!important;height:min(330px,88vw)!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-pointer{right:-28px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-label-text{display:none!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-center{width:84px!important;height:84px!important}.sp-overlay.sp-wheel-overlay .sp-popup.sp-wheel-popup.sp-wheel-theme-gold .sp-wheel-center span{font-size:32px}}


/* Smart Popup v3.5.5 – premium polish */
.sp-wheel-theme-gold,.sp-wheel-theme-ocean,.sp-wheel-theme-neon{--sp-wheel-shine:rgba(255,255,255,.32)}
.sp-wheel-popup .sp-wheel-stage{transform:translateZ(0)}
.sp-wheel-popup .sp-wheel-stage:not(.is-spinning) .sp-wheel-disc{animation:spWheelIdleFloat 4.8s ease-in-out infinite}
.sp-wheel-popup .sp-wheel-burst{position:relative;overflow:hidden}
.sp-wheel-popup .sp-wheel-burst::after{content:"";position:absolute;inset:-40% -65%;background:linear-gradient(115deg,transparent 35%,var(--sp-wheel-shine) 50%,transparent 65%);transform:translateX(-55%) rotate(12deg);animation:spWheelShine 4.2s ease-in-out infinite;pointer-events:none}
.sp-wheel-popup .sp-wheel-kicker{position:relative;overflow:hidden}
.sp-wheel-popup .sp-wheel-kicker::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.25) 50%,transparent 75%);transform:translateX(-130%);animation:spWheelShineWide 5s ease-in-out infinite;pointer-events:none}
.sp-wheel-popup .sp-wheel-center{animation:spWheelCenterPulse 2.6s ease-in-out infinite}
.sp-wheel-popup .sp-wheel-spin{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.sp-wheel-popup .sp-wheel-spin::after{content:"";position:absolute;inset:-2px;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.32) 50%,transparent 62%);transform:translateX(-135%);transition:transform .55s ease;pointer-events:none}
.sp-wheel-popup .sp-wheel-spin:hover{transform:translateY(-2px);filter:brightness(1.03)}
.sp-wheel-popup .sp-wheel-spin:hover::after{transform:translateX(135%)}
.sp-wheel-popup .sp-wheel-result{position:relative;overflow:hidden}
.sp-wheel-popup .sp-wheel-result::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%, rgba(255,255,255,.3), transparent 34%);pointer-events:none}
.sp-wheel-popup .sp-wheel-result::after{content:"";position:absolute;inset:auto -10% -55% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);pointer-events:none}
.sp-wheel-theme-gold .sp-wheel-stage::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle, rgba(255,211,73,.16), transparent 62%);filter:blur(8px);z-index:0;pointer-events:none}
.sp-wheel-theme-ocean .sp-wheel-stage::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle, rgba(96,165,250,.18), transparent 62%);filter:blur(8px);z-index:0;pointer-events:none}
.sp-wheel-theme-neon .sp-wheel-stage::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle, rgba(34,211,238,.16), transparent 62%);filter:blur(10px);z-index:0;pointer-events:none}
@keyframes spWheelIdleFloat{0%,100%{transform:rotate(var(--sp-wheel-rest,0deg)) translateY(0)}50%{transform:rotate(var(--sp-wheel-rest,0deg)) translateY(-5px)}}
@keyframes spWheelShine{0%,18%,100%{transform:translateX(-60%) rotate(12deg)}28%,40%{transform:translateX(65%) rotate(12deg)}}
@keyframes spWheelShineWide{0%,20%,100%{transform:translateX(-130%)}35%,46%{transform:translateX(130%)}}
@keyframes spWheelCenterPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}}
@media (prefers-reduced-motion: reduce){.sp-wheel-popup .sp-wheel-stage:not(.is-spinning) .sp-wheel-disc,.sp-wheel-popup .sp-wheel-burst::after,.sp-wheel-popup .sp-wheel-kicker::after,.sp-wheel-popup .sp-wheel-center{animation:none!important}.sp-wheel-popup .sp-wheel-spin::after{display:none}}


/* Smart Popup v3.6.0 – mystery boxes */
.sp-box-popup{overflow:visible!important}
.sp-box-shell{display:grid;grid-template-columns:minmax(320px,470px) minmax(280px,420px);align-items:center;gap:36px}
.sp-wheel-layout-compact .sp-box-shell{grid-template-columns:1fr}
.sp-box-visual,.sp-box-content{position:relative;z-index:1}
.sp-box-visual{display:flex;flex-direction:column;align-items:flex-start}
.sp-wheel-layout-compact .sp-box-visual,.sp-wheel-layout-compact .sp-box-content{align-items:center;text-align:center}
.sp-box-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sp-wheel-theme-gold.sp-box-popup{background:#f7f1e6!important}
.sp-wheel-theme-ocean.sp-box-popup{background:#eef5ff!important}
.sp-wheel-theme-neon.sp-box-popup{background:#121827!important}
.sp-wheel-theme-neon.sp-box-popup .sp-wheel-title,.sp-wheel-theme-neon.sp-box-popup .sp-wheel-subtitle,.sp-wheel-theme-neon.sp-box-popup .sp-wheel-result small,.sp-wheel-theme-neon.sp-box-popup .sp-mb-prize-chip b{color:#eef2ff!important}
.sp-wheel-theme-neon.sp-box-popup .sp-wheel-kicker,.sp-wheel-theme-neon.sp-box-popup .sp-mb-helper,.sp-wheel-theme-neon.sp-box-popup .sp-mb-prize-chip,.sp-wheel-theme-neon.sp-box-popup .sp-wheel-result{background:#1f2740!important;border-color:#334155!important;color:#eef2ff!important}
.sp-wheel-theme-neon.sp-box-popup .sp-wheel-result strong{color:#fff!important}
.sp-wheel-burst{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.sp-box-popup .sp-wheel-burst{width:120px;min-height:120px;padding:14px;border-radius:50%;font-size:18px;font-weight:900;line-height:1.08;margin:0 0 14px}
.sp-box-popup .sp-wheel-burst::before{content:'🎁';display:block;font-size:28px;line-height:1;position:absolute;top:18px;left:50%;transform:translateX(-50%)}
.sp-wheel-theme-gold.sp-box-popup .sp-wheel-burst{background:#efe1b4!important;color:#9a4d12!important}
.sp-wheel-theme-ocean.sp-box-popup .sp-wheel-burst{background:#dbeafe!important;color:#1d4ed8!important}
.sp-wheel-theme-neon.sp-box-popup .sp-wheel-burst{background:#1f2740!important;color:#67e8f9!important}
.sp-box-popup .sp-mb-helper,.sp-box-popup .sp-wheel-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px;line-height:1;border:1px solid rgba(255,255,255,.45)}
.sp-box-popup .sp-wheel-kicker::before{content:'🎁'}
.sp-wheel-theme-gold.sp-box-popup .sp-mb-helper,.sp-wheel-theme-gold.sp-box-popup .sp-wheel-kicker{background:#edd9bf;color:#c06a17}
.sp-wheel-theme-ocean.sp-box-popup .sp-mb-helper,.sp-wheel-theme-ocean.sp-box-popup .sp-wheel-kicker{background:#dbeafe;color:#1d4ed8}
.sp-box-popup .sp-wheel-title{font-size:clamp(34px,4.6vw,60px)!important;line-height:.96!important;letter-spacing:-.04em!important;max-width:8ch!important;margin:0!important}
.sp-box-popup .sp-wheel-subtitle{margin:0!important;max-width:420px;font-size:17px;line-height:1.58;opacity:.94}
.sp-mb-stage{width:100%;max-width:460px}
.sp-mb-grid{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:18px;width:100%;margin-top:14px}
.sp-mb-box{position:relative;height:150px;border:none;background:none;cursor:pointer;transition:transform .22s ease,filter .22s ease;outline:none;padding:0}
.sp-mb-box:hover{transform:translateY(-4px)}
.sp-mb-box:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 3px rgba(37,99,235,.26);border-radius:18px}
.sp-mb-box.is-dimmed{opacity:.66;filter:saturate(.8)}
.sp-mb-box.is-picked{animation:spMbBounce .5s ease}
.sp-mb-box.is-opened{transform:translateY(-2px)}
.sp-mb-box-glow{position:absolute;inset:auto 10px 2px;display:block;height:20px;border-radius:50%;background:radial-gradient(circle, rgba(0,0,0,.18), transparent 70%);filter:blur(8px)}
.sp-mb-box-body,.sp-mb-box-lid,.sp-mb-box-ribbon-v,.sp-mb-box-ribbon-h,.sp-mb-box-bow,.sp-mb-box-icon{position:absolute;left:50%;transform:translateX(-50%)}
.sp-mb-box-body{bottom:12px;width:78%;height:60%;border-radius:16px;background:linear-gradient(180deg,#f5b731,#d17806);box-shadow:0 14px 24px rgba(0,0,0,.14),inset 0 3px 8px rgba(255,255,255,.26)}
.sp-mb-box-lid{bottom:58%;width:88%;height:24%;border-radius:16px;background:linear-gradient(180deg,#ffd361,#e3900b);box-shadow:0 8px 14px rgba(0,0,0,.12)}
.sp-mb-box-ribbon-v{bottom:12px;width:14%;height:74%;border-radius:12px;background:linear-gradient(180deg,#2563eb,#1d4ed8);z-index:2}
.sp-mb-box-ribbon-h{bottom:52%;width:88%;height:14%;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#2563eb);z-index:3}
.sp-mb-box-bow{bottom:74%;width:26px;height:20px;background:#2563eb;border-radius:100% 0 100% 0;z-index:4}
.sp-mb-box-bow.left{margin-left:-15px;transform:translateX(-50%) rotate(-22deg)}
.sp-mb-box-bow.right{margin-left:15px;transform:translateX(-50%) scaleX(-1) rotate(-22deg)}
.sp-mb-box-icon{bottom:30%;z-index:4;font-size:28px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.sp-wheel-theme-ocean .sp-mb-box-body{background:linear-gradient(180deg,#60a5fa,#2563eb)}
.sp-wheel-theme-ocean .sp-mb-box-lid{background:linear-gradient(180deg,#93c5fd,#3b82f6)}
.sp-wheel-theme-ocean .sp-mb-box-ribbon-v,.sp-wheel-theme-ocean .sp-mb-box-ribbon-h,.sp-wheel-theme-ocean .sp-mb-box-bow{background:linear-gradient(180deg,#f8fafc,#dbeafe)}
.sp-wheel-theme-neon .sp-mb-box-body{background:linear-gradient(180deg,#312e81,#7c3aed)}
.sp-wheel-theme-neon .sp-mb-box-lid{background:linear-gradient(180deg,#4338ca,#8b5cf6)}
.sp-wheel-theme-neon .sp-mb-box-ribbon-v,.sp-wheel-theme-neon .sp-mb-box-ribbon-h,.sp-wheel-theme-neon .sp-mb-box-bow{background:linear-gradient(180deg,#22d3ee,#67e8f9)}
.sp-mb-box.is-opened .sp-mb-box-lid{transform:translateX(-50%) translateY(-18px) rotate(-10deg)}
.sp-mb-box.is-opened .sp-mb-box-body,.sp-mb-box.is-opened .sp-mb-box-ribbon-v,.sp-mb-box.is-opened .sp-mb-box-ribbon-h,.sp-mb-box.is-opened .sp-mb-box-bow,.sp-mb-box.is-opened .sp-mb-box-icon{opacity:0}
.sp-mb-box-reveal{position:absolute;inset:8px 6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.8));box-shadow:0 14px 24px rgba(0,0,0,.12);padding:8px;z-index:6}
.sp-wheel-theme-neon .sp-mb-box-reveal{background:linear-gradient(180deg,rgba(31,39,64,.96),rgba(18,24,39,.88));color:#fff}
.sp-mb-box-reveal img{width:48px;height:48px;object-fit:cover;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.14)}
.sp-mb-box-reveal b{font-size:12px;line-height:1.25;text-align:center;color:#0f172a}
.sp-wheel-theme-neon .sp-mb-box-reveal b{color:#fff}
.sp-mb-box-emoji{font-size:32px;line-height:1}
.sp-mb-prize-strip{display:flex;flex-wrap:wrap;gap:10px;max-width:440px}
.sp-mb-prize-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(191,219,254,.9);box-shadow:0 6px 14px rgba(15,23,42,.06)}
.sp-mb-prize-chip img{width:24px;height:24px;border-radius:8px;object-fit:cover}
.sp-mb-prize-chip b{font-size:12px;line-height:1.2;color:#1e3a8a}
.sp-box-popup .sp-wheel-result{max-width:360px!important;min-height:110px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(191,219,254,.85)!important;border-radius:22px!important}
.sp-box-popup .sp-wheel-result strong{font-size:22px!important}
.sp-box-popup .sp-wheel-result.is-loading,.sp-box-popup .sp-wheel-result.is-done,.sp-box-popup .sp-wheel-result.is-error{text-align:left!important}
@keyframes spMbBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-10px)}60%{transform:translateY(-2px)}}
@media(max-width:980px){.sp-box-shell{grid-template-columns:1fr!important;gap:20px}.sp-box-visual,.sp-box-content{align-items:center!important;text-align:center!important}.sp-box-popup .sp-wheel-title{max-width:none!important}.sp-mb-grid{max-width:420px}.sp-box-popup .sp-wheel-result,.sp-box-popup .sp-wheel-result.is-loading,.sp-box-popup .sp-wheel-result.is-done,.sp-box-popup .sp-wheel-result.is-error{text-align:center!important;max-width:420px!important}}
@media(max-width:560px){.sp-box-popup .sp-wheel-burst{width:96px;min-height:96px;font-size:15px}.sp-box-popup .sp-wheel-burst::before{font-size:24px;top:12px}.sp-mb-grid{grid-template-columns:repeat(2,minmax(110px,1fr));gap:14px}.sp-mb-box{height:134px}.sp-box-popup .sp-wheel-title{font-size:30px!important}.sp-box-popup .sp-wheel-subtitle{font-size:15px}.sp-mb-prize-strip{justify-content:center}}