
.spnm-merchant{--ink:#29254b;--muted:#687083;--gold:#c9961d;--line:#e6e7ed;--navy:#302d55;font-family:"Kanit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1120px;margin:2rem auto}
.spnm-merchant *{box-sizing:border-box}.spnm-merchant-hero{padding:2rem;border:1px solid #ddd6fe;border-radius:24px;background:linear-gradient(135deg,#f7f4ff,#fff 55%,#fff6df);box-shadow:0 16px 42px rgba(48,45,85,.10);margin-bottom:1.3rem}.spnm-merchant-hero>span{display:inline-block;padding:.4rem .7rem;border-radius:999px;background:#fff1c5;color:#785607;font-weight:800}.spnm-merchant-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:.7rem 0}.spnm-merchant-hero p{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:800px}
.spnm-merchant-auth{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spnm-merchant-card,.spnm-merchant-section{padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(35,35,55,.06)}.spnm-merchant label{display:grid;gap:.35rem;font-weight:700;margin:.8rem 0}.spnm-merchant input,.spnm-merchant select,.spnm-merchant textarea{width:100%;min-height:50px;border:1px solid #cfd4df;border-radius:12px;padding:.75rem .9rem;font:500 1rem "Kanit",sans-serif;color:#202438;background:#fff}.spnm-merchant textarea{min-height:90px}.spnm-merchant button{min-height:52px;border:0;border-radius:12px;padding:.8rem 1.1rem;background:var(--navy);color:#fff;font:800 1rem "Kanit",sans-serif;cursor:pointer}.spnm-merchant small{display:block;margin-top:.7rem;color:var(--muted);line-height:1.5}.spnm-merchant__notice{padding:1rem 1.2rem;border-radius:14px;background:#eaf8ef;color:#236436;font-weight:700;margin-bottom:1rem}
.spnm-merchant-state{text-align:center;padding:3rem 1.5rem;border:1px solid var(--line);border-radius:24px;background:#fff}.spnm-merchant-state__icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:#eaf8ef;color:#26733c;font-size:2rem;font-weight:900}
.spnm-merchant-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.spnm-merchant-top span,.spnm-merchant-section__head span,.spnm-merchant-plan span{color:var(--muted);font-size:.9rem}.spnm-merchant-top h1{margin:.15rem 0;font-size:2rem}.spnm-merchant-logout{padding:.65rem .9rem;border:1px solid var(--line);border-radius:10px;text-decoration:none!important;color:var(--ink)!important}
.spnm-merchant-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.spnm-merchant-kpis>div{padding:1.15rem;border:1px solid var(--line);border-radius:16px;background:#fff}.spnm-merchant-kpis .is-highlight{border-color:#d7c081;background:#fffaf0}.spnm-merchant-kpis span{display:block;color:var(--muted);font-size:.9rem}.spnm-merchant-kpis strong{display:block;font-size:2rem;line-height:1.2;margin:.25rem 0}.spnm-merchant-kpis small{margin:0}
.spnm-merchant-plan{display:flex;gap:2rem;padding:1rem 1.2rem;border-radius:16px;background:#302d55;color:#fff;margin-bottom:1rem}.spnm-merchant-plan span{color:#d8d5ec;display:block}.spnm-merchant-plan strong{font-size:1.08rem}
.spnm-merchant-section{margin:1rem 0}.spnm-merchant-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.spnm-merchant-section__head h2{margin:.15rem 0;font-size:1.5rem}.spnm-merchant-section__head>b{padding:.4rem .65rem;border-radius:999px;background:#f1effb}
.spnm-request-list{display:grid;gap:.8rem}.spnm-request-card{padding:1.1rem;border:1px solid #e2e4ea;border-radius:16px;background:#fff}.spnm-request-card:not(.is-accepted){border-color:#d9c17d;background:#fffdf6}.spnm-request-card__top{display:flex;justify-content:space-between;gap:1rem}.spnm-request-card__top span{font-weight:800;color:#865e07}.spnm-request-card__top time{color:var(--muted);font-size:.9rem}.spnm-request-card h3{font-size:1.3rem;margin:.45rem 0}.spnm-request-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0}.spnm-request-meta span{padding:.42rem .6rem;border-radius:9px;background:#f5f6f8;color:#596172}.spnm-request-contact{padding:.85rem;margin:.8rem 0;border-radius:12px;background:#eaf8ef}.spnm-request-contact span{display:block;color:#4d6855;font-size:.85rem}.spnm-request-contact strong{font-size:1.05rem}.spnm-offer-form{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line)}.spnm-empty{padding:1.5rem;text-align:center;border:1px dashed #cfd3dc;border-radius:14px;color:var(--muted)}
.spnm-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
@media(max-width:760px){.spnm-merchant{margin:1rem 0}.spnm-merchant-hero{padding:1.3rem;border-radius:18px}.spnm-merchant-auth{grid-template-columns:1fr}.spnm-merchant-kpis{grid-template-columns:1fr 1fr}.spnm-merchant-top h1{font-size:1.55rem}.spnm-merchant-plan{display:grid;gap:.65rem}.spnm-profile-grid{grid-template-columns:1fr}.spnm-merchant-section{padding:1rem}.spnm-request-meta{display:grid;grid-template-columns:1fr 1fr}.spnm-merchant button{width:100%}}

/* v1.6.1 Claim UX */
.spnm-merchant-single{max-width:620px;margin:0 auto}
.spnm-merchant-single .spnm-merchant-card{padding:clamp(1.25rem,3vw,2rem)}
.spnm-merchant-card__eyebrow{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:#fff1c5;color:#765308;font-size:15px!important;font-weight:800!important}
.spnm-merchant-login-card>p{font-size:16px!important;line-height:1.65!important;color:var(--muted)}
.spnm-merchant .spnm-merchant-card h2,.spnm-merchant .spnm-merchant-state h2{font-size:clamp(1.7rem,3vw,2.15rem)!important;line-height:1.3!important}
.spnm-merchant .spnm-merchant-card label{font-size:16px!important;line-height:1.45!important}
.spnm-merchant .spnm-merchant-card input,.spnm-merchant .spnm-merchant-card select{font-size:17px!important}
.spnm-merchant .spnm-merchant-card button,.spnm-merchant .spnm-merchant-card button span{font-family:"Kanit",sans-serif!important;font-size:18px!important;font-weight:800!important;line-height:1.3!important;color:#fff!important}
.spnm-merchant .spnm-merchant-card button{width:100%;min-height:58px!important;margin-top:.55rem}
.spnm-forgot{display:inline-block;margin-top:.8rem;font-size:15px!important;font-weight:700!important}
.spnm-merchant-claim-help{display:grid;gap:.25rem;margin-top:1rem;padding:1rem 1.1rem;border:1px solid #e0d9ff;border-radius:14px;background:#f8f6ff}
.spnm-merchant-claim-help strong{font-size:17px!important}.spnm-merchant-claim-help span{font-size:15px!important;line-height:1.55!important;color:#5e6575}
.spnm-claim-shop{display:grid;gap:.2rem;padding:1rem;margin-bottom:1rem;border-radius:14px;background:#f4f1ff;border:1px solid #ded6ff}.spnm-claim-shop span{font-size:14px!important;color:#6b7180}.spnm-claim-shop strong{font-size:20px!important}
.spnm-primary-link{display:inline-flex;padding:.8rem 1rem;border-radius:11px;background:#302d55;color:#fff!important;text-decoration:none!important;font-weight:800!important}
@media(max-width:760px){.spnm-merchant-single{max-width:none}.spnm-merchant .spnm-merchant-card button,.spnm-merchant .spnm-merchant-card button span{font-size:17px!important}}

/* v1.6.2 Proof of Value */
.spnm-proof-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0 16px;padding:24px;border:1px solid #ded7ff;border-radius:20px;background:linear-gradient(135deg,#f8f6ff,#fff8e8);box-shadow:0 14px 38px rgba(48,45,85,.08)}
.spnm-proof-hero__eyebrow{font-size:14px!important;font-weight:800!important;color:#8a6508!important}
.spnm-proof-hero h2{margin:6px 0!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.25!important;color:#302d55!important}
.spnm-proof-hero p{margin:0!important;font-size:16px!important;line-height:1.65!important;color:#62697a!important}
.spnm-proof-score{flex:0 0 150px;text-align:center;padding:18px;border-radius:18px;background:#302d55;color:#fff}
.spnm-proof-score strong{display:block;font-size:44px!important;line-height:1!important;color:#fff!important}.spnm-proof-score span{display:block;margin-top:8px;font-size:14px!important;line-height:1.4!important;color:#fff!important}
.spnm-proof-kpis>div small{display:block;margin-top:5px;font-size:13px!important;color:#747b8a!important}
.spnm-proof-funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:16px 0 22px;padding:16px;border:1px solid #e5e7ee;border-radius:16px;background:#fff}
.spnm-proof-funnel div{padding:12px;text-align:center;border-radius:12px;background:#f7f7fa}.spnm-proof-funnel span{display:block;font-size:13px!important;color:#747b8a!important}.spnm-proof-funnel b{font-size:24px!important;color:#302d55!important}.spnm-proof-funnel i{font-style:normal;color:#a0a5b1}.spnm-proof-funnel .is-success{background:#eefaf1}
.spnm-trial-box{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0;padding:20px 22px;border:2px solid #e1c25f;border-radius:18px;background:#fffaf0}.spnm-trial-box span{font-size:14px!important;font-weight:800!important;color:#84620c!important}.spnm-trial-box h3{margin:3px 0!important;font-size:24px!important;color:#302d55!important}.spnm-trial-box p{margin:0!important;font-size:15px!important;line-height:1.6!important}.spnm-trial-badge{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#302d55;color:#fff;font-size:15px!important;font-weight:800!important}
.spnm-request-locked{display:grid;gap:5px;margin-top:12px;padding:14px;border:1px dashed #c9c2e8;border-radius:12px;background:#f9f8ff}.spnm-request-locked strong{font-size:16px!important}.spnm-request-locked span{font-size:14px!important;color:#707686!important}.spnm-request-locked a{margin-top:5px;font-size:15px!important;font-weight:800!important;color:#302d55!important}
.spnm-outcome-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #ececf1}.spnm-outcome-form span{flex:1 0 100%;font-size:15px!important;font-weight:800!important}.spnm-outcome-form button{width:auto!important;min-height:42px!important;padding:9px 12px!important;font-size:14px!important}.spnm-outcome-form button.is-secondary{background:#fff!important;color:#302d55!important;border:1px solid #cfd2dc!important}
.spnm-upgrade{margin:26px 0;padding:24px;border-radius:20px;background:#29264d;color:#fff}.spnm-upgrade__head span{font-size:14px!important;font-weight:800!important;color:#f3cf68!important}.spnm-upgrade__head h2{margin:5px 0!important;font-size:30px!important;color:#fff!important}.spnm-upgrade__head p{font-size:15px!important;color:#e6e4f2!important}.spnm-upgrade__plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.spnm-upgrade__plans article{padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.07)}.spnm-upgrade__plans article.is-featured{background:#fff;color:#302d55}.spnm-upgrade__plans article>span{font-size:13px!important;font-weight:700!important}.spnm-upgrade__plans h3{margin:4px 0!important;font-size:22px!important;color:inherit!important}.spnm-upgrade__plans strong{display:block;font-size:30px!important;color:inherit!important}.spnm-upgrade__plans small{font-size:13px!important}.spnm-upgrade__plans p{font-size:14px!important;line-height:1.55!important;color:inherit!important}.spnm-upgrade__note{margin:16px 0 0!important;font-size:13px!important;color:#d8d5e8!important}
@media(max-width:760px){.spnm-proof-hero{align-items:stretch;flex-direction:column}.spnm-proof-score{flex:auto}.spnm-proof-funnel{grid-template-columns:1fr 1fr;gap:8px}.spnm-proof-funnel i{display:none}.spnm-trial-box{align-items:flex-start;flex-direction:column}.spnm-upgrade{padding:18px}.spnm-upgrade__plans{grid-template-columns:1fr}.spnm-upgrade__head h2{font-size:25px!important}}

/* v1.7.0 Merchant Onboarding */
.spnm-onboard-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.spnm-onboard-choice{display:grid;gap:6px;padding:22px;border:2px solid #e3e0ef;border-radius:18px;background:#fff;text-decoration:none!important;box-shadow:0 10px 30px rgba(48,45,85,.06);transition:.2s ease}
.spnm-onboard-choice:hover{transform:translateY(-2px);border-color:#9c8cff;box-shadow:0 15px 36px rgba(48,45,85,.12)}
.spnm-onboard-choice.is-new{border-color:#e3c15b;background:linear-gradient(135deg,#fff,#fff8e4)}
.spnm-onboard-choice span{font-size:14px!important;font-weight:800!important;color:#7a6b3a!important}.spnm-onboard-choice strong{font-size:24px!important;line-height:1.3!important;color:#302d55!important}.spnm-onboard-choice small{font-size:15px!important;line-height:1.55!important;color:#697080!important}
.spnm-login-under{margin-top:18px}.spnm-onboard-back{display:inline-flex;margin:0 0 12px;font-size:16px!important;font-weight:800!important;color:#302d55!important;text-decoration:none!important}
.spnm-onboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.spnm-onboard-grid .is-wide{grid-column:1/-1}
.spnm-form-divider{display:flex;align-items:center;gap:12px;margin:24px 0 14px}.spnm-form-divider:before,.spnm-form-divider:after{content:"";height:1px;flex:1;background:#e1e3e9}.spnm-form-divider span{font-size:15px!important;font-weight:800!important;color:#302d55!important}
.spnm-onboard-consent{display:flex!important;align-items:flex-start;gap:10px;margin:18px 0;padding:13px;border:1px solid #e1e3e9;border-radius:12px;background:#fafafa}.spnm-onboard-consent input{width:20px!important;height:20px!important;min-height:0!important;flex:0 0 auto;margin-top:2px}.spnm-onboard-consent span{font-size:14px!important;line-height:1.55!important}
.spnm-shop-finder{display:grid;gap:9px;max-height:480px;overflow:auto}.spnm-shop-finder>a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:13px 14px;border:1px solid #e2e4ea;border-radius:12px;text-decoration:none!important}.spnm-shop-finder>a strong{font-size:16px!important;color:#302d55!important}.spnm-shop-finder>a span{font-size:13px!important;color:#777e8d!important}.spnm-shop-finder>a b{grid-column:2;grid-row:1/3;align-self:center;font-size:14px!important;color:#302d55!important}
@media(max-width:720px){.spnm-onboard-choices,.spnm-onboard-grid{grid-template-columns:1fr}.spnm-onboard-grid .is-wide{grid-column:auto}.spnm-onboard-choice strong{font-size:21px!important}.spnm-shop-finder>a{grid-template-columns:1fr}.spnm-shop-finder>a b{grid-column:1;grid-row:auto;margin-top:5px}}

/* v2.2 Merchant & Money */
.spnm-v22-statusbar{display:grid;grid-template-columns:1fr 1.35fr;gap:16px;margin:18px 0}.spnm-v22-verified,.spnm-v22-availability{border:1px solid #e6e1ef;border-radius:18px;padding:18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.spnm-v22-verified div,.spnm-v22-availability div{display:grid;gap:4px}.spnm-v22-verified strong,.spnm-v22-availability strong{font-size:18px}.spnm-v22-verified span,.spnm-v22-availability span{font-size:14px;color:#6e687b}.spnm-v22-verified.is-verified{border-color:#b8dfc8;background:#f4fff8}.spnm-v22-availability.is-on{border-color:#b8dfc8;background:#f4fff8}.spnm-v22-availability button,.spnm-upgrade__plans article form button{min-height:46px;border:0;border-radius:12px;padding:10px 16px;background:#292141;color:#fff;font-weight:800;cursor:pointer}.spnm-upgrade__plans article form{margin-top:14px}.spnm-upgrade__plans article form button{width:100%}@media(max-width:760px){.spnm-v22-statusbar{grid-template-columns:1fr}.spnm-v22-availability{align-items:stretch;flex-direction:column}.spnm-v22-availability button{width:100%;min-height:52px}}

/* ─── v2.3.6 Merchant Onboarding & Empty States ─── */
.spnm-onboarding-card {
    margin: 20px 0 24px;
    padding: 24px;
    border: 1px solid #ddd7f5;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(48, 45, 85, .06);
}

.spnm-onboarding-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f5;
}

.spnm-onboarding-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    background: #fff4d1;
    color: #825e07;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.spnm-onboarding-header__content h2 {
    margin: 6px 0 4px !important;
    font-size: clamp(20px, 2.5vw, 26px) !important;
    color: #302d55 !important;
    line-height: 1.3 !important;
}

.spnm-onboarding-header__content p {
    margin: 0 !important;
    font-size: 15px !important;
    color: #636b7b !important;
    line-height: 1.5 !important;
}

.spnm-onboarding-meter {
    flex: 0 0 260px;
    background: #f8f7fc;
    border: 1px solid #e7e4f3;
    border-radius: 16px;
    padding: 16px;
}

.spnm-onboarding-meter__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    color: #62697b;
}

.spnm-onboarding-meter__head strong {
    color: #302d55;
    font-weight: 800;
}

.spnm-onboarding-meter__bar {
    height: 10px;
    background: #e7e6ee;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 8px;
}

.spnm-onboarding-meter__fill {
    height: 100%;
    background: linear-gradient(90deg, #f59e0b, #10b981);
    border-radius: 999px;
    transition: width .4s ease;
}

.spnm-onboarding-meter__status {
    display: block;
    font-size: 12px;
    color: #7b8293;
}

.spnm-onboarding-meter__status.is-complete {
    color: #15803d;
    font-weight: 800;
}

.spnm-onboarding-steps {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.spnm-onboarding-step {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border: 1px solid #e8e9ee;
    border-radius: 14px;
    background: #fafafc;
    transition: all .2s ease;
}

.spnm-onboarding-step:hover {
    border-color: #cfc7f4;
    background: #fff;
    box-shadow: 0 4px 14px rgba(48, 45, 85, .04);
}

.spnm-onboarding-step.is-done {
    background: #f5fcf7;
    border-color: #ccebd5;
}

.spnm-onboarding-step__check {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e8e9ef;
    color: #656c7d;
    font-weight: 800;
    font-size: 15px;
}

.spnm-onboarding-step.is-done .spnm-onboarding-step__check {
    background: #22c55e;
    color: #ffffff;
}

.spnm-onboarding-step__body {
    flex: 1 1 auto;
}

.spnm-onboarding-step__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.spnm-onboarding-step__title strong {
    font-size: 16px !important;
    color: #302d55 !important;
}

.spnm-step-badge {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.spnm-step-badge.is-done {
    background: #dcfce7;
    color: #15803d;
}

.spnm-step-badge.is-pending {
    background: #fef3c7;
    color: #92400e;
}

.spnm-onboarding-step__body p {
    margin: 0 !important;
    font-size: 14px !important;
    color: #6a7182 !important;
    line-height: 1.45 !important;
}

.spnm-onboarding-step__btn {
    flex: 0 0 auto;
    padding: 8px 14px;
    border-radius: 10px;
    background: #302d55;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    transition: background .2s ease;
    white-space: nowrap;
}

.spnm-onboarding-step__btn:hover {
    background: #464177;
}

/* ─── New Shop Welcome Notice ─── */
.spnm-new-shop-welcome {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 18px 0;
    padding: 16px 20px;
    border: 1px solid #c9d8fb;
    border-radius: 16px;
    background: linear-gradient(135deg, #eef4ff, #f8f6ff);
    box-shadow: 0 6px 20px rgba(59, 130, 246, .05);
}

.spnm-new-shop-welcome__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #ffffff;
    display: grid;
    place-items: center;
    font-size: 20px;
    box-shadow: 0 4px 10px rgba(48, 45, 85, .08);
}

.spnm-new-shop-welcome__body strong {
    display: block;
    font-size: 16px !important;
    color: #1e3a8a !important;
    margin-bottom: 3px;
}

.spnm-new-shop-welcome__body p {
    margin: 0 !important;
    font-size: 14px !important;
    color: #3b455b !important;
    line-height: 1.55 !important;
}

/* ─── Enhanced Empty State for Customer Requests ─── */
.spnm-empty-requests {
    padding: 32px 24px;
    text-align: center;
    border: 2px dashed #dedaf0;
    border-radius: 18px;
    background: #faf9fd;
}

.spnm-empty-requests__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #ede9fe;
    font-size: 26px;
}

.spnm-empty-requests h3 {
    margin: 0 0 6px !important;
    font-size: 20px !important;
    color: #302d55 !important;
}

.spnm-empty-requests p {
    max-width: 580px;
    margin: 0 auto 18px !important;
    font-size: 15px !important;
    color: #646b7a !important;
    line-height: 1.6 !important;
}

.spnm-empty-requests__tips {
    max-width: 520px;
    margin: 0 auto;
    padding: 16px 20px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e5e2f2;
    text-align: left;
}

.spnm-empty-requests__tips strong {
    display: block;
    margin-bottom: 8px;
    font-size: 14px !important;
    color: #855f07 !important;
}

.spnm-empty-requests__tips ul {
    margin: 0 !important;
    padding-left: 20px !important;
    font-size: 13.5px !important;
    color: #4b5262 !important;
    line-height: 1.65 !important;
}

.spnm-empty-requests__tips li {
    margin-bottom: 5px;
}

.spnm-empty-requests__tips a {
    color: #4338ca !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

@media (max-width: 760px) {
    .spnm-onboarding-header {
        flex-direction: column;
        align-items: stretch;
    }
    .spnm-onboarding-meter {
        flex: auto;
    }
    .spnm-onboarding-step {
        flex-wrap: wrap;
    }
    .spnm-onboarding-step__btn {
        width: 100%;
        text-align: center;
        margin-top: 6px;
    }
}

/* ─── Toast Notifications & AJAX Loading Spinners ─── */
.spnm-toast-container {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 360px;
    max-width: calc(100vw - 32px);
    pointer-events: none;
}

.spnm-toast {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 12px 36px rgba(48, 45, 85, .15), 0 2px 6px rgba(0, 0, 0, .06);
    border-left: 5px solid #10b981;
    opacity: 0;
    transform: translateX(30px);
    transition: all .25s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: auto;
    font-family: "Kanit", -apple-system, sans-serif;
}

.spnm-toast.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.spnm-toast.is-hiding {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
}

.spnm-toast--error {
    border-left-color: #ef4444;
}

.spnm-toast__icon {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #10b981;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 900;
}

.spnm-toast--error .spnm-toast__icon {
    background: #ef4444;
}

.spnm-toast__msg {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.45;
}

.spnm-toast__close {
    flex: 0 0 auto;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #94a3b8 !important;
    cursor: pointer;
}

.spnm-toast__close:hover {
    color: #475569 !important;
}

/* ─── Button Loading Spinner ─── */
.spnm-btn-spinner {
    display: none;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spnm-spin 0.6s linear infinite;
    margin-right: 7px;
    vertical-align: middle;
}

button.is-loading .spnm-btn-spinner {
    display: inline-block;
}

button.is-loading {
    opacity: 0.8 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

@keyframes spnm-spin {
    to {
        transform: rotate(360deg);
    }
}

.spnm-outcome-form button.is-active {
    background: #15803d !important;
    color: #ffffff !important;
    border-color: #15803d !important;
}

@media (max-width: 600px) {
    .spnm-toast-container {
        top: auto;
        bottom: 20px;
        right: 16px;
        left: 16px;
        width: auto;
    }
    .spnm-toast {
        transform: translateY(30px);
    }
    .spnm-toast.is-visible {
        transform: translateY(0);
    }
}

/* ═══════════════════════════════════════════════════
   MERCHANT PORTAL v3.0 — GOLD + WHITE THEME OVERRIDES
   ═══════════════════════════════════════════════════ */
.spnm-merchant {
    --ink: #1A1714 !important;
    --navy: #1A1714 !important;
    --gold: #C9941A !important;
    --line: #EDE8DD !important;
    --muted: #8C8275 !important;
}

.spnm-merchant-hero {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFFFFF 50%, #FFF8E7 100%) !important;
    border-color: #EDE8DD !important;
    box-shadow: 0 12px 35px rgba(201, 148, 26, .08) !important;
}

.spnm-merchant-hero > span {
    background: #FFF8E7 !important;
    color: #8A6410 !important;
    border: 1px solid #F0D77A !important;
}

.spnm-merchant button,
.spnm-merchant .spnm-merchant-card button,
.spnm-primary-link {
    background: linear-gradient(135deg, #C9941A 0%, #A8760C 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(201, 148, 26, .28) !important;
    transition: all .2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.spnm-merchant button:hover,
.spnm-merchant .spnm-merchant-card button:hover,
.spnm-primary-link:hover {
    background: linear-gradient(135deg, #DEAA26 0%, #B8860B 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(201, 148, 26, .4) !important;
    color: #FFFFFF !important;
}

.spnm-merchant-plan {
    background: linear-gradient(135deg, #1A1714 0%, #2A241E 100%) !important;
    border: 1px solid rgba(201, 148, 26, .2) !important;
}

.spnm-trial-badge,
.spnm-proof-score {
    background: #1A1714 !important;
    border: 1px solid rgba(201, 148, 26, .3) !important;
}

.spnm-merchant-kpis .is-highlight {
    border-color: #F0D77A !important;
    background: #FFFDF8 !important;
}

.spnm-proof-hero {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF8E7 100%) !important;
    border-color: #EDE8DD !important;
}

/* ═══════════════════════════════════════════════════
   B2B SALES LANDING PAGE (v3.3.4)
   ═══════════════════════════════════════════════════ */
.spnm-merchant-sales-landing {
    padding: 0.5rem 0 2rem;
}

/* Sales Hero */
.spnm-sales-hero {
    text-align: center;
    padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem);
    border: 1px solid #EDE8DD;
    border-radius: 24px;
    background: linear-gradient(135deg, #FFFDF8 0%, #FFFFFF 50%, #FFF8E7 100%);
    box-shadow: 0 16px 42px rgba(201, 148, 26, 0.08);
    margin-bottom: 2rem;
}

.spnm-sales-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #FFF4D6;
    color: #8A6410;
    font-size: 13px !important;
    font-weight: 800 !important;
    border: 1px solid #F0D77A;
    margin-bottom: 1rem;
}

.spnm-sales-hero h1 {
    font-size: clamp(1.85rem, 4vw, 2.85rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #1A1714 !important;
    margin: 0.5rem 0 1rem !important;
}

.spnm-sales-hero__sub {
    font-size: clamp(1rem, 2vw, 1.15rem) !important;
    line-height: 1.7 !important;
    color: #6E675E !important;
    max-width: 760px;
    margin: 0 auto 1.8rem !important;
}

.spnm-sales-hero__sub strong {
    color: #1A1714 !important;
}

.spnm-sales-hero__actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 1.8rem;
}

.spnm-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 54px;
    padding: 0.85rem 1.8rem;
    border-radius: 14px;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.spnm-cta-primary {
    background: linear-gradient(135deg, #C9941A 0%, #A8760C 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 20px rgba(201, 148, 26, 0.35) !important;
    border: none;
}

.spnm-cta-primary:hover {
    background: linear-gradient(135deg, #DEAA26 0%, #B8860B 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(201, 148, 26, 0.45) !important;
    color: #FFFFFF !important;
}

.spnm-cta-secondary {
    background: #FFFFFF !important;
    color: #8A6410 !important;
    border: 1.5px solid #E5C370 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.spnm-cta-secondary:hover {
    background: #FFFDF7 !important;
    border-color: #C9941A !important;
    transform: translateY(-2px);
    color: #704F05 !important;
}

.spnm-sales-trust-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 1.2rem;
    border-top: 1px solid #EDE8DD;
}

.spnm-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #554F47 !important;
}

/* Sales Sections */
.spnm-sales-section {
    margin: 3rem 0;
}

.spnm-section-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 2rem;
}

.spnm-section-eyebrow {
    display: inline-block;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px;
    color: #C9941A !important;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.spnm-section-header h2 {
    font-size: clamp(1.6rem, 3.2vw, 2.3rem) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #1A1714 !important;
    margin: 0 0 8px !important;
}

.spnm-section-header p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #746D63 !important;
    margin: 0 !important;
}

/* 3 Value Pillars */
.spnm-sales-pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.spnm-pillar-card {
    position: relative;
    padding: 26px 22px;
    border: 1px solid #EDE8DD;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 10px 28px rgba(35, 35, 55, 0.05);
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.spnm-pillar-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(48, 45, 85, 0.09);
}

.spnm-pillar-card.is-highlight {
    border: 2px solid #C9941A;
    background: linear-gradient(180deg, #FFFDF8 0%, #FFFFFF 100%);
    box-shadow: 0 14px 38px rgba(201, 148, 26, 0.12);
}

.spnm-pillar-badge {
    position: absolute;
    top: -12px;
    right: 20px;
    padding: 3px 12px;
    border-radius: 999px;
    background: #C9941A;
    color: #FFFFFF;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 10px rgba(201, 148, 26, 0.3);
}

.spnm-pillar-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #FFF8E7;
    color: #C9941A;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border: 1px solid #F0D77A;
}

.spnm-pillar-card h3 {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #1A1714 !important;
    margin: 0 0 10px !important;
    line-height: 1.35 !important;
}

.spnm-pillar-card p {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #6E675E !important;
    margin: 0 0 16px !important;
    flex: 1;
}

.spnm-pillar-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px dashed #EDE8DD;
    padding-top: 14px;
}

.spnm-pillar-bullets li {
    position: relative;
    padding-left: 18px;
    font-size: 13.5px !important;
    color: #4A443D !important;
    margin-bottom: 6px;
    line-height: 1.45 !important;
}

.spnm-pillar-bullets li::before {
    content: "•";
    color: #C9941A;
    font-size: 18px;
    position: absolute;
    left: 4px;
    top: -2px;
}

/* Comparison Table */
.spnm-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
    border: 1px solid #EDE8DD;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.spnm-compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
}

.spnm-compare-table th,
.spnm-compare-table td {
    padding: 16px 20px;
    text-align: left;
    border-bottom: 1px solid #F0ECE3;
    vertical-align: middle;
}

.spnm-compare-table thead th {
    background: #FAF7F2;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1A1714;
}

.spnm-compare-table th.col-feature {
    width: 44%;
}

.spnm-compare-table th.col-free {
    width: 26%;
}

.spnm-compare-table th.col-partner {
    width: 30%;
    background: #FFF9ED;
    border-left: 2px solid #E5C370;
    border-right: 2px solid #E5C370;
    color: #8A6410;
}

.spnm-compare-table td:nth-child(3) {
    background: #FFFDF9;
    border-left: 2px solid #E5C370;
    border-right: 2px solid #E5C370;
}

.spnm-compare-table td strong {
    display: block;
    font-size: 15px !important;
    color: #1A1714;
}

.spnm-compare-table td small {
    display: block;
    font-size: 13px !important;
    color: #8C8275;
    margin-top: 2px;
}

.tag-recommended {
    display: inline-block;
    background: #C9941A;
    color: #FFFFFF;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 2px 8px;
    border-radius: 6px;
    margin-bottom: 4px;
}

.check-yes {
    color: #236436;
    font-weight: 800 !important;
    font-size: 14.5px !important;
}

.badge-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #EEF8F1;
    color: #236436;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.badge-status.is-gold {
    background: #FFF4D6;
    color: #8A6410;
    border: 1px solid #F0D77A;
}

.highlight-gold {
    color: #A8760C;
    font-weight: 800 !important;
    font-size: 14.5px !important;
}

.text-limit {
    color: #746D63;
    font-size: 13.5px !important;
}

/* ROI Card */
.spnm-roi-card {
    display: flex;
    gap: 24px;
    align-items: center;
    padding: clamp(1.5rem, 3vw, 2.2rem);
    border-radius: 22px;
    background: linear-gradient(135deg, #1A1714 0%, #2A231A 100%);
    border: 1.5px solid rgba(201, 148, 26, 0.45);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
    color: #FFFFFF;
}

.spnm-roi-icon {
    flex: 0 0 64px;
    height: 64px;
    border-radius: 18px;
    background: rgba(201, 148, 26, 0.18);
    border: 1px solid rgba(201, 148, 26, 0.35);
    color: #E5C370;
    display: grid;
    place-items: center;
}

.spnm-roi-content {
    flex: 1;
}

.spnm-roi-badge {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 999px;
    background: #C9941A;
    color: #FFFFFF;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-bottom: 8px;
}

.spnm-roi-content h3 {
    margin: 0 0 8px !important;
    font-size: clamp(1.25rem, 2.5vw, 1.6rem) !important;
    font-weight: 800 !important;
    color: #FFFDF8 !important;
    line-height: 1.3 !important;
}

.spnm-roi-content p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #D6CEC3 !important;
}

.spnm-roi-content strong {
    color: #F8D98C !important;
}

/* Choices Card Polish */
.spnm-choice-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: #F1ECE3;
    color: #5A5348;
    font-size: 13px !important;
    font-weight: 800 !important;
    width: fit-content;
}

.spnm-choice-badge.is-gold {
    background: #FFF4D6;
    color: #8A6410;
    border: 1px solid #F0D77A;
}

.spnm-choice-link {
    margin-top: 10px;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #C9941A !important;
}

/* FAQ Accordion */
.spnm-faq-list {
    display: grid;
    gap: 12px;
    max-width: 820px;
    margin: 0 auto;
}

.spnm-faq-item {
    border: 1px solid #EDE8DD;
    border-radius: 14px;
    background: #FFFFFF;
    overflow: hidden;
    transition: all 0.2s ease;
}

.spnm-faq-item summary {
    padding: 16px 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1A1714 !important;
    list-style: none;
    outline: none;
}

.spnm-faq-item summary::-webkit-details-marker {
    display: none;
}

.spnm-faq-item summary svg {
    color: #C9941A;
    transition: transform 0.2s ease;
    flex: 0 0 20px;
}

.spnm-faq-item[open] summary svg {
    transform: rotate(180deg);
}

.spnm-faq-answer {
    padding: 0 20px 18px;
    border-top: 1px solid #FAF7F2;
    margin-top: 4px;
    padding-top: 12px;
}

.spnm-faq-answer p {
    margin: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #696257 !important;
}

/* ═══════════════════════════════════════════════════
   CLAIM SHOP BENEFITS CARD (v3.3.4)
   ═══════════════════════════════════════════════════ */
.spnm-claim-benefits-card {
    margin-bottom: 20px;
    padding: 20px 22px;
    border-radius: 18px;
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF9EC 100%);
    border: 1.5px solid #F0D77A;
    box-shadow: 0 10px 26px rgba(201, 148, 26, 0.08);
}

.spnm-claim-benefits-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: #C9941A;
    color: #FFFFFF;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-bottom: 14px;
}

.spnm-claim-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.spnm-claim-benefits-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.spnm-cb-icon {
    flex: 0 0 24px;
    height: 24px;
    border-radius: 50%;
    background: #FFF3D6;
    display: grid;
    place-items: center;
    margin-top: 2px;
    border: 1px solid #F0D77A;
}

.spnm-claim-benefits-list strong {
    display: block;
    font-size: 15px !important;
    color: #1A1714 !important;
    line-height: 1.35 !important;
}

.spnm-claim-benefits-list small {
    display: block;
    font-size: 13px !important;
    color: #6E675E !important;
    margin-top: 2px !important;
    line-height: 1.45 !important;
}

/* ═══════════════════════════════════════════════════
   DASHBOARD UPGRADE SECTION ENHANCEMENT (v3.3.4)
   ═══════════════════════════════════════════════════ */
.spnm-upgrade-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(201, 148, 26, 0.25);
    border: 1px solid #C9941A;
    color: #F8D98C;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-bottom: 10px;
}

.spnm-upgrade-benefits-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 18px 0 22px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
}

.spnm-ubb-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #F3EFEA !important;
}

.spnm-plan-category {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #D7A738 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* ═══════════════════════════════════════════════════
   SHOP FINDER POLISH
   ═══════════════════════════════════════════════════ */
.spnm-finder-hero {
    position: relative;
}

.spnm-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #8A6410 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-bottom: 12px;
}

.spnm-back-link:hover {
    color: #5B4004 !important;
    text-decoration: underline !important;
}

.spnm-badge-gold {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: #FFF4D6;
    color: #8A6410;
    font-size: 12px !important;
    font-weight: 800 !important;
    border: 1px solid #F0D77A;
    margin-bottom: 6px;
}

.spnm-finder-search-box {
    margin-bottom: 14px;
}

.spnm-finder-search-box input {
    width: 100%;
    min-height: 52px;
    padding: 12px 18px;
    border-radius: 14px;
    border: 1.5px solid #E5C370 !important;
    font-size: 16px !important;
    background: #FFFEFC !important;
    color: #1A1714 !important;
}

.spnm-finder-search-box input:focus {
    border-color: #C9941A !important;
    box-shadow: 0 0 0 3px rgba(201, 148, 26, 0.15) !important;
    outline: none !important;
}

.spnm-shop-finder-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #EDE8DD;
    border-radius: 14px;
    text-decoration: none !important;
    background: #FFFFFF;
    transition: all 0.15s ease;
}

.spnm-shop-finder-item:hover {
    border-color: #C9941A;
    background: #FFFDF8;
    transform: translateX(3px);
    box-shadow: 0 6px 18px rgba(201, 148, 26, 0.08);
}

.spnm-shop-finder-info strong {
    display: block;
    font-size: 16px !important;
    color: #1A1714 !important;
}

.spnm-shop-finder-info span {
    display: block;
    font-size: 13px !important;
    color: #7D756A !important;
    margin-top: 2px;
}

.spnm-claim-cta {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #C9941A !important;
    white-space: nowrap;
}

.spnm-finder-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #EDE8DD;
    font-size: 14px !important;
    color: #746D63;
}

.spnm-btn-sub {
    font-weight: 800 !important;
    color: #C9941A !important;
    text-decoration: none !important;
}

.spnm-btn-sub:hover {
    text-decoration: underline !important;
}

/* Mobile Responsiveness */
@media (max-width: 860px) {
    .spnm-sales-pillars {
        grid-template-columns: 1fr;
    }
    .spnm-upgrade-benefits-bar {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
}

@media (max-width: 640px) {
    .spnm-sales-hero__actions {
        flex-direction: column;
    }
    .spnm-cta-btn {
        width: 100%;
    }
    .spnm-roi-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .spnm-upgrade-benefits-bar {
        grid-template-columns: 1fr;
    }
    .spnm-sales-trust-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .spnm-finder-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

