/* SONGSHOVE V8.5.0 — Controls Foundation Pass 12: exact-value shared action padding/heights; no visual/layout/function change. Coded: 2026-09-17 */
/* SONGSHOVE V8.5.0 — Controls Foundation Pass 10: shared proven control transition ownership only; computed behavior preserved. Coded: 2026-09-17 */
/* SONGSHOVE V8.5.0 — Buttons / Forms / Common Controls Foundation Pass 8: shared interactive pointer-cursor ownership; behavior remains exactly pointer. Coded: 2026-09-17 */
/* Card Foundation Grouping Pass 22: shared pill/capsule radius ownership; rendered radius remains 999px. Coded: 2026-09-17 */

/* SongShove shared card foundation ownership.
 * Exact existing surface/border values now use shared tokens so future card design can be controlled centrally.
 * No visual values, layout, spacing, or functionality changed in this pass.
 * Coded: 2026-09-17
 */
/* SONGSHOVE V8.5.0 — Typography Color + Weight Grouping Pass 3
 * Final repeated normal text/status color ownership cleanup at identical rendered values.
 * No layout, spacing, responsive, icon, background, border, gradient or functional behavior changes.
 * Coded: 2026-09-17
 */
/* Typography color + weight grouping Pass 2: repeated customer-facing text/status colors and 950 weight now use shared exact-value controls. Coded: 2026-09-17 */
/* SONGSHOVE V8.5.0 — Typography Color + Weight Grouping Pass 1
 * Routes common text colors and font weights through shared SongShove tokens without changing layout or functionality.
 * Coded: 2026-09-17
 */
/* SONGSHOVE V8.5.0 — Typography Grouping Pass 9
 * Routes only traced text-role sizes through shared tokens at identical computed sizes.
 * No layout, function, icon, placeholder, responsive clamp() or rendered font-size change is made.
 * Coded: 2026-09-17
 */
/* SONGSHOVE V8.5.0 — Typography Grouping Pass 5
 * Routes remaining common customer-facing font sizes through exact-value shared tokens.
 * No rendered font-size values are changed in this pass.
 * Coded: 2026-09-17
 */
/*
 * SongShove Typography Grouping Pass 2
 * Reuses existing shared typography tokens at their exact current pixel values.
 * No visual font-size normalization is performed in this pass.
 * Coded: 2026-09-16
 */

/* SongShove pricing starter page. Keep pricing-page-specific styles isolated here. */
/* SONGSHOVE DESIGN CLEANUP — Pricing outer shell now consumes the shared site-wide width tokens; internal Pricing content caps remain local. Coded: 2026-09-16 */
.songshove-pricing-page .ss-pricing {
    width: calc(100% - (var(--ss-content-gutter) * 2));
    max-width: var(--ss-content-max);
    margin: 0 auto;
    padding: 72px 0 84px;
    color: var(--ss-text-deep);
}

.songshove-pricing-page .ss-pricing__intro {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.songshove-pricing-page .ss-pricing__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--ss-blue-bright);
    font-size: var(--ss-type-compact);
    font-weight: var(--ss-weight-bold);
    letter-spacing: .12em;
}

.songshove-pricing-page .ss-pricing__intro h1 {
    margin: 0 0 14px;
    color: var(--ss-text-navy);
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.02;
}

.songshove-pricing-page .ss-pricing__intro p {
    margin: 0;
    font-size: var(--ss-type-card);
    line-height: 1.6;
}

.songshove-pricing-page .ss-pricing__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.songshove-pricing-page .ss-pricing__card {
    min-width: 0;
    padding: 28px;
    border-radius: 24px;
    background: #08172f;
    color: var(--ss-text-inverse);
    box-shadow: 0 18px 48px rgba(8, 23, 47, .14);
}

.songshove-pricing-page .ss-pricing__type {
    display: block;
    margin-bottom: 10px;
    color: #50dcff;
    font-size: var(--ss-type-body);
    font-weight: var(--ss-weight-bold);
    letter-spacing: .09em;
}

.songshove-pricing-page .ss-pricing__card h2 {
    margin: 0 0 16px;
    color: var(--ss-text-inverse);
    font-size: var(--ss-type-pricing-card-title);
    line-height: 1.1;
}

.songshove-pricing-page .ss-pricing__price {
    margin-bottom: 16px;
    color: var(--ss-text-inverse);
    font-size: var(--ss-type-pricing-price);
    font-weight: var(--ss-weight-heavy);
}

.songshove-pricing-page .ss-pricing__price del {
    margin-right: 8px;
    opacity: .62;
}

.songshove-pricing-page .ss-pricing__price ins {
    text-decoration: none;
}

.songshove-pricing-page .ss-pricing__card p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: var(--ss-type-emphasis);
    line-height: 1.55;
}

/* SONGSHOVE DESIGN CLEANUP — Pricing smaller-screen outer shell already uses the shared mobile gutter token; breakpoint/component behavior is intentionally unchanged in this pass. Coded: 2026-09-16 */
@media (max-width: 899px) {
    .songshove-pricing-page .ss-pricing {
        width: calc(100% - (var(--ss-content-gutter-mobile) * 2));
        padding: 46px 0 58px;
    }

    .songshove-pricing-page .ss-pricing__grid {
        grid-template-columns: 1fr;
    }

    .songshove-pricing-page .ss-pricing__intro h1 {
        font-size: clamp(32px, 10vw, 46px);
    }
}

/* V6.3 pricing desktop: compact top spacing, hide native title, and card image slots. */
@media (min-width: 900px) {
    .songshove-pricing-page .wp-block-post-title,
    .songshove-pricing-page .entry-title {
        display: none !important;
    }

    .songshove-pricing-page .entry-content,
    .songshove-pricing-page .wp-block-post-content {
        margin-top: 0 !important;
    }

    .songshove-pricing-page .ss-pricing {
        padding-top: 12px !important;
    }

    .songshove-pricing-page .ss-pricing__image {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 16 / 10;
        margin: 0 0 20px;
        overflow: hidden;
        border: 1px solid rgba(91, 227, 255, .18);
        border-radius: 18px;
        background: rgba(255, 255, 255, .06);
    }

    .songshove-pricing-page .ss-pricing__image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .songshove-pricing-page .ss-pricing__image span {
        color: rgba(255, 255, 255, .42);
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-bold);
        letter-spacing: .12em;
    }
}

/* Mobile pricing is not being redesigned in this pass. */
@media (max-width: 899px) {
    .songshove-pricing-page .ss-pricing__image {
        display: none;
    }
}

/* V6.3 pricing desktop: comparison buttons, feature tables and value animation. */
@media (min-width: 900px) {
    .songshove-pricing-page main:has(.ss-pricing),
    .songshove-pricing-page .wp-block-post-content:has(.ss-pricing),
    .songshove-pricing-page .entry-content:has(.ss-pricing) {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .songshove-pricing-page .ss-pricing {
        padding-top: 15px !important;
    }

    .songshove-pricing-page .ss-pricing__intro {
        margin-top: 0 !important;
    }

    .songshove-pricing-page .ss-pricing__eyebrow {
        margin-top: 0 !important;
    }

    .songshove-pricing-page .ss-pricing__card {
        display: flex;
        flex-direction: column;
    }

    .songshove-pricing-page .ss-pricing__card > p {
        margin-bottom: 22px;
    }

    .songshove-pricing-page .ss-pricing__compare-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 44px;
        margin-top: auto;
        padding: 11px 14px;
        border: 1px solid rgba(80, 220, 255, .34);
        border-radius: 12px;
        background: linear-gradient(90deg, rgba(32, 216, 255, .12), rgba(120, 92, 255, .16), rgba(242, 69, 199, .12));
        color: var(--ss-text-inverse) !important;
        box-sizing: border-box;
        font-size: var(--ss-type-body);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .055em;
        line-height: 1.2;
        text-align: center;
        text-decoration: none !important;
        transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .songshove-pricing-page .ss-pricing__compare-button:hover,
    .songshove-pricing-page .ss-pricing__compare-button:focus-visible {
        transform: translateY(-2px);
        border-color: rgba(80, 220, 255, .72);
        box-shadow: 0 10px 26px rgba(52, 125, 255, .22);
    }

    .songshove-pricing-page .ss-pricing__value-animation {
        width: min(620px, 100%);
        margin: 26px auto 0;
        padding: 18px 24px 15px;
        overflow: hidden;
        border: 1px solid rgba(52, 125, 255, .16);
        border-radius: 22px;
        background: #08172f;
        box-shadow: 0 18px 44px rgba(8, 23, 47, .14);
    }

    .songshove-pricing-page .ss-pricing__value-rail {
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
        min-height: 52px;
    }

    .songshove-pricing-page .ss-pricing__value-rail::before {
        content: "";
        position: absolute;
        left: 7%;
        right: 7%;
        top: 50%;
        height: 3px;
        border-radius: var(--ss-radius-pill);
        background: rgba(255,255,255,.1);
        transform: translateY(-50%);
    }

    .songshove-pricing-page .ss-pricing__value-beam {
        position: absolute;
        top: 50%;
        left: 5%;
        width: 24%;
        height: 4px;
        border-radius: var(--ss-radius-pill);
        background: linear-gradient(90deg, transparent, #20d8ff, #785cff, #f245c7, transparent);
        filter: drop-shadow(0 0 8px rgba(80,220,255,.8));
        transform: translateY(-50%);
        animation: ssPricingBeam 3.1s ease-in-out infinite;
    }

    .songshove-pricing-page .ss-pricing__value-node {
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: center;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(91,227,255,.34);
        border-radius: 50%;
        background: #0d2144;
        color: var(--ss-text-inverse);
        box-shadow: 0 0 0 5px rgba(52,125,255,.07), 0 0 22px rgba(52,125,255,.22);
        font-size: var(--ss-type-medium);
        font-weight: var(--ss-weight-heavy);
        animation: ssPricingNodePulse 3.1s ease-in-out infinite;
    }

    .songshove-pricing-page .ss-pricing__value-node.is-two { animation-delay: .28s; }
    .songshove-pricing-page .ss-pricing__value-node.is-three { animation-delay: .56s; }
    .songshove-pricing-page .ss-pricing__value-node.is-four { animation-delay: .84s; }

    .songshove-pricing-page .ss-pricing__value-labels {
        display: flex;
        justify-content: space-between;
        margin-top: 6px;
        color: rgba(255,255,255,.62);
        font-size: var(--ss-type-label);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .14em;
    }

    .songshove-pricing-page .ss-pricing__comparisons {
        display: grid;
        gap: 34px;
        margin-top: 74px;
    }

    .songshove-pricing-page .ss-pricing__comparison {
        scroll-margin-top: 110px;
        padding: 34px;
        border: 1px solid rgba(8, 23, 47, .09);
        border-radius: 28px;
        background: var(--ss-surface-white);
        box-shadow: 0 20px 54px rgba(8, 23, 47, .09);
    }

    .songshove-pricing-page .ss-pricing__comparison-heading {
        margin-bottom: 22px;
    }

    .songshove-pricing-page .ss-pricing__comparison-heading > span {
        display: inline-block;
        margin-bottom: 8px;
        color: var(--ss-blue-bright);
        font-size: var(--ss-type-body);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .12em;
    }

    .songshove-pricing-page .ss-pricing__comparison-heading h2 {
        margin: 0 0 9px;
        color: var(--ss-text-navy);
        font-size: var(--ss-type-pricing-price);
        line-height: 1.12;
    }

    .songshove-pricing-page .ss-pricing__comparison-heading p {
        max-width: 900px;
        margin: 0;
        color: #53627b;
        font-size: var(--ss-type-emphasis);
        line-height: 1.55;
    }

    .songshove-pricing-page .ss-pricing__table-wrap {
        overflow: hidden;
        border: 1px solid #e7eef8;
        border-radius: 18px;
    }

    .songshove-pricing-page .ss-pricing__table {
        width: 100%;
        margin: 0;
        border: 0;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .songshove-pricing-page .ss-pricing__table th,
    .songshove-pricing-page .ss-pricing__table td {
        padding: 14px 18px;
        border: 0;
        border-bottom: 1px solid #eaf0f8;
        color: #20304d;
        font-size: var(--ss-type-medium);
        line-height: 1.42;
        text-align: left;
        vertical-align: middle;
    }

    .songshove-pricing-page .ss-pricing__table th {
        background: #08172f;
        color: var(--ss-text-inverse);
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .035em;
    }

    .songshove-pricing-page .ss-pricing__table th:first-child,
    .songshove-pricing-page .ss-pricing__table td:first-child {
        width: 38%;
        font-weight: var(--ss-weight-bold);
    }

    .songshove-pricing-page .ss-pricing__table tbody tr:nth-child(even) td {
        background: var(--ss-soft);
    }

    .songshove-pricing-page .ss-pricing__table tbody tr:last-child td {
        border-bottom: 0;
    }

    .songshove-pricing-page .ss-pricing__comparison-note {
        margin: -8px 0 0;
        color: #75839a;
        font-size: var(--ss-type-support);
        line-height: 1.5;
        text-align: center;
    }

    @keyframes ssPricingBeam {
        0% { left: 4%; opacity: .15; }
        18% { opacity: 1; }
        50% { opacity: 1; }
        82% { opacity: 1; }
        100% { left: 72%; opacity: .15; }
    }

    @keyframes ssPricingNodePulse {
        0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 0 0 5px rgba(52,125,255,.07), 0 0 22px rgba(52,125,255,.2); }
        50% { transform: translateY(-4px) scale(1.08); box-shadow: 0 0 0 8px rgba(32,216,255,.08), 0 0 28px rgba(120,92,255,.38); }
    }
}

/* Desktop comparison work only. Keep mobile pricing unchanged for now. */
@media (max-width: 899px) {
    .songshove-pricing-page .ss-pricing__compare-button,
    .songshove-pricing-page .ss-pricing__value-animation,
    .songshove-pricing-page .ss-pricing__comparisons {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .songshove-pricing-page .ss-pricing__value-beam,
    .songshove-pricing-page .ss-pricing__value-node {
        animation: none !important;
    }
}

/* V6.3 pricing desktop tabbed product/comparison view. Mobile pricing remains unchanged. */
.songshove-pricing-page .ss-pricing__desktop-tabs {
    display: none;
}

@media (min-width: 900px) {
    .songshove-pricing-page .ss-pricing__intro {
        margin-bottom: 24px;
    }

    .songshove-pricing-page .ss-pricing__grid {
        display: none !important;
    }

    .songshove-pricing-page .ss-pricing__desktop-tabs {
        display: block;
        overflow: hidden;
        border: 1px solid rgba(91, 227, 255, .18);
        border-radius: 28px;
        background: #08172f;
        color: var(--ss-text-inverse);
        box-shadow: 0 24px 64px rgba(8, 23, 47, .18);
    }

    .songshove-pricing-page .ss-pricing__tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        background: #07142d;
    }

    .songshove-pricing-page .ss-pricing__tab {
        position: relative;
        min-height: 68px;
        margin: 0;
        padding: 16px 14px;
        border: 0;
        border-right: 1px solid rgba(255, 255, 255, .08);
        border-radius: 0;
        background: transparent;
        color: rgba(255, 255, 255, .66);
        box-shadow: none;
        cursor: var(--ss-interactive-cursor);
        font: inherit;
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .055em;
        line-height: 1.25;
        text-align: center;
        transition: color .2s ease, background .2s ease;
    }

    .songshove-pricing-page .ss-pricing__tab:last-child {
        border-right: 0;
    }

    .songshove-pricing-page .ss-pricing__tab::after {
        content: "";
        position: absolute;
        left: 14%;
        right: 14%;
        bottom: 0;
        height: 4px;
        border-radius: 999px 999px 0 0;
        background: linear-gradient(90deg, #20d8ff, #347dff, #785cff, #f245c7);
        opacity: 0;
        transform: scaleX(.45);
        transition: opacity .22s ease, transform .22s ease;
    }

    .songshove-pricing-page .ss-pricing__tab:hover,
    .songshove-pricing-page .ss-pricing__tab:focus-visible {
        color: var(--ss-text-inverse);
        background: rgba(255, 255, 255, .045);
        outline: none;
    }

    .songshove-pricing-page .ss-pricing__tab.is-active {
        color: var(--ss-text-inverse);
        background: rgba(52, 125, 255, .09);
    }

    .songshove-pricing-page .ss-pricing__tab.is-active::after {
        opacity: 1;
        transform: scaleX(1);
    }

    .songshove-pricing-page .ss-pricing__tab-panels {
        position: relative;
    }

    .songshove-pricing-page .ss-pricing__tab-panel {
        padding: 30px;
    }

    .songshove-pricing-page .ss-pricing__tab-panel[hidden] {
        display: none !important;
    }

    .songshove-pricing-page .ss-pricing__tab-panel.is-entering {
        animation: ssPricingTabEnter .34s ease both;
    }

    .songshove-pricing-page .ss-pricing__product-summary {
        display: grid;
        grid-template-columns: minmax(230px, 32%) minmax(0, 1fr);
        gap: 28px;
        align-items: center;
        margin-bottom: 28px;
        padding-bottom: 28px;
        border-bottom: 1px solid rgba(255, 255, 255, .11);
    }

    .songshove-pricing-page .ss-pricing__tab-image {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 16 / 10;
        overflow: hidden;
        border: 1px solid rgba(91, 227, 255, .22);
        border-radius: 20px;
        background: rgba(255, 255, 255, .06);
    }

    .songshove-pricing-page .ss-pricing__tab-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .songshove-pricing-page .ss-pricing__tab-image span {
        color: rgba(255, 255, 255, .38);
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .12em;
    }

    .songshove-pricing-page .ss-pricing__tab-copy {
        min-width: 0;
    }

    .songshove-pricing-page .ss-pricing__tab-type,
    .songshove-pricing-page .ss-pricing__tab-comparison-heading > span {
        display: inline-block;
        margin-bottom: 8px;
        color: #50dcff;
        font-size: var(--ss-type-body);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .11em;
    }

    .songshove-pricing-page .ss-pricing__tab-copy h2 {
        margin: 0 0 10px;
        color: var(--ss-text-inverse);
        font-size: clamp(30px, 3vw, 42px);
        line-height: 1.05;
    }

    .songshove-pricing-page .ss-pricing__tab-price {
        margin: 0 0 12px;
        color: var(--ss-text-inverse);
        font-size: var(--ss-type-pricing-tab-price);
        font-weight: var(--ss-weight-heavy);
        line-height: 1.1;
    }

    .songshove-pricing-page .ss-pricing__tab-price del {
        margin-right: 8px;
        opacity: .55;
    }

    .songshove-pricing-page .ss-pricing__tab-price ins {
        text-decoration: none;
    }

    .songshove-pricing-page .ss-pricing__tab-copy p {
        max-width: 760px;
        margin: 0;
        color: rgba(255, 255, 255, .76);
        font-size: var(--ss-type-subheading);
        line-height: 1.55;
    }

    .songshove-pricing-page .ss-pricing__tab-comparison-heading {
        margin-bottom: 18px;
    }

    .songshove-pricing-page .ss-pricing__tab-comparison-heading h3 {
        margin: 0 0 8px;
        color: var(--ss-text-inverse);
        font-size: var(--ss-type-pricing-tab-comparison-title);
        line-height: 1.14;
    }

    .songshove-pricing-page .ss-pricing__tab-comparison-heading p {
        max-width: 900px;
        margin: 0;
        color: rgba(255, 255, 255, .66);
        font-size: var(--ss-type-medium);
        line-height: 1.5;
    }

    .songshove-pricing-page .ss-pricing__tab-table-wrap {
        overflow: hidden;
        border: 1px solid rgba(91, 227, 255, .16);
        border-radius: 18px;
        background: #0b1d3b;
    }

    .songshove-pricing-page .ss-pricing__tab-table {
        width: 100%;
        margin: 0;
        border: 0;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .songshove-pricing-page .ss-pricing__tab-table th,
    .songshove-pricing-page .ss-pricing__tab-table td {
        padding: 14px 18px;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        color: rgba(255, 255, 255, .84);
        font-size: var(--ss-type-medium);
        line-height: 1.42;
        text-align: left;
        vertical-align: middle;
    }

    .songshove-pricing-page .ss-pricing__tab-table th {
        background: #07142d;
        color: var(--ss-text-inverse);
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-heavy);
        letter-spacing: .035em;
    }

    .songshove-pricing-page .ss-pricing__tab-table th:first-child,
    .songshove-pricing-page .ss-pricing__tab-table td:first-child {
        width: 38%;
        color: var(--ss-text-inverse);
        font-weight: var(--ss-weight-bold);
    }

    .songshove-pricing-page .ss-pricing__tab-table tbody tr:nth-child(even) td {
        background: rgba(255, 255, 255, .035);
    }

    .songshove-pricing-page .ss-pricing__tab-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .songshove-pricing-page .ss-pricing__tab-note {
        margin: 0;
        padding: 0 30px 24px;
        color: rgba(255, 255, 255, .46);
        font-size: var(--ss-type-support);
        line-height: 1.5;
        text-align: center;
    }

    @keyframes ssPricingTabEnter {
        from {
            opacity: 0;
            transform: translateY(8px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media (max-width: 899px) {
    .songshove-pricing-page .ss-pricing__desktop-tabs {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .songshove-pricing-page .ss-pricing__tab,
    .songshove-pricing-page .ss-pricing__tab::after,
    .songshove-pricing-page .ss-pricing__tab-panel.is-entering {
        animation: none !important;
        transition: none !important;
    }
}

/* V6.3 desktop pricing polish: animated heading and comparison status colors. */
@media (min-width: 900px) {
    .songshove-pricing-page #ss-pricing-title {
        display: inline-block;
        background: linear-gradient(90deg, #08172f 0%, #08172f 28%, #347dff 44%, #785cff 56%, #f245c7 68%, #08172f 84%, #08172f 100%);
        background-size: 240% 100%;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        animation: ssPricingTitleShine 4.2s ease-in-out infinite;
    }

    /* Our regular price is grey; only an active sale price is green. */
    .songshove-pricing-page .ss-pricing__tab-price,
    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(2),
    .songshove-pricing-page .ss-pricing__tab-price > .woocommerce-Price-amount,
    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(2) > .woocommerce-Price-amount {
        color: rgba(255, 255, 255, .68) !important;
    }

    .songshove-pricing-page .ss-pricing__tab-price del,
    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(2) del,
    .songshove-pricing-page .ss-pricing__tab-price del .woocommerce-Price-amount,
    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(2) del .woocommerce-Price-amount {
        color: rgba(255, 255, 255, .52) !important;
        opacity: 1;
        font-weight: var(--ss-weight-strong);
    }

    .songshove-pricing-page .ss-pricing__tab-price ins,
    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(2) ins,
    .songshove-pricing-page .ss-pricing__tab-price ins .woocommerce-Price-amount,
    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(2) ins .woocommerce-Price-amount {
        color: #34d399 !important;
        text-decoration: none;
        font-weight: var(--ss-weight-heavy);
    }

    .songshove-pricing-page .ss-pricing__tab-table tbody tr:first-child td:nth-child(3),
    .songshove-pricing-page .ss-pricing__feature-negative {
        color: #ff5b6e;
        font-weight: var(--ss-weight-bold);
    }

    .songshove-pricing-page .ss-pricing__feature-positive {
        color: #34d399;
        font-weight: var(--ss-weight-bold);
    }

    @keyframes ssPricingTitleShine {
        0%, 18% {
            background-position: 120% 50%;
            transform: translateY(0);
        }
        48% {
            background-position: 38% 50%;
            transform: translateY(-2px);
        }
        82%, 100% {
            background-position: -40% 50%;
            transform: translateY(0);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .songshove-pricing-page #ss-pricing-title {
        animation: none !important;
        background: none !important;
        color: var(--ss-text-navy) !important;
        transform: none !important;
    }
}

/* V6.3 desktop pricing: product-tab START NOW control. */
@media (min-width: 900px) {
    .songshove-pricing-page .ss-pricing__tab-copy {
        position: relative;
        padding-right: 150px;
    }

    .songshove-pricing-page .ss-pricing__tab-start {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: var(--ss-control-height-cta);
        padding: 0 17px;
        border: 1px solid rgba(80, 220, 255, .48);
        border-radius: 12px;
        background: linear-gradient(90deg, #20D8FF 0%, #347DFF 38%, #785CFF 70%, #F245C7 100%);
        color: var(--ss-text-inverse) !important;
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-heavy);
        line-height: 1;
        letter-spacing: .055em;
        text-decoration: none !important;
        box-shadow: 0 10px 24px rgba(52, 125, 255, .18);
        transition: var(--ss-transition-raised-action);
    }

    .songshove-pricing-page a.ss-pricing__tab-start:hover {
        transform: translateY(-2px);
        box-shadow: 0 13px 28px rgba(52, 125, 255, .28);
    }

    .songshove-pricing-page .ss-pricing__tab-start.is-disabled {
        cursor: default;
        opacity: .45;
    }
}


/* V6.3 desktop pricing: intro prompt and bottom table order actions. */
.songshove-pricing-page .ss-pricing__intro-copy-desktop,
.songshove-pricing-page .ss-pricing__select-prompt {
    display: none;
}

@media (min-width: 900px) {
    .songshove-pricing-page .ss-pricing__intro-copy-mobile {
        display: none;
    }

    .songshove-pricing-page .ss-pricing__intro-copy-desktop {
        display: block;
    }

    .songshove-pricing-page .ss-pricing__select-prompt {
        display: block;
        margin: 18px 0 0;
        padding-top: 10px;
        color: var(--ss-text-deep);
        font-size: var(--ss-type-subheading);
        font-weight: var(--ss-weight-heavy);
        line-height: 1.3;
        letter-spacing: .02em;
        text-align: center;
    }

    .songshove-pricing-page .ss-pricing__order-row td {
        width: auto !important;
        padding: 18px 20px !important;
        text-align: center !important;
        background: rgba(7, 20, 45, .96) !important;
    }

    .songshove-pricing-page .ss-pricing__order-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 44px;
        min-width: 164px;
        padding: 0 20px;
        border: 1px solid rgba(80, 220, 255, .48);
        border-radius: 12px;
        background: linear-gradient(90deg, #20D8FF 0%, #347DFF 38%, #785CFF 70%, #F245C7 100%);
        color: var(--ss-text-inverse) !important;
        font-size: var(--ss-type-support);
        font-weight: var(--ss-weight-heavy);
        line-height: 1;
        letter-spacing: .055em;
        text-decoration: none !important;
        box-shadow: 0 10px 24px rgba(52, 125, 255, .18);
        transition: var(--ss-transition-raised-action);
    }

    .songshove-pricing-page a.ss-pricing__order-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 13px 28px rgba(52, 125, 255, .28);
    }

    .songshove-pricing-page .ss-pricing__order-button.is-disabled {
        cursor: default;
        opacity: .45;
    }
}


/* PASS 80BN — mobile Pricing compare buttons reuse the existing comparison tables
   inside the shared SongShove modal shell instead of pointing at missing anchors. */
@media (max-width: 899px) {
    .songshove-pricing-page .ss-pricing__compare-dialog {
        width: min(760px, 100%) !important;
        max-height: min(90vh, 860px) !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal-body {
        padding: 16px !important;
        background: #08172f !important;
        color: var(--ss-text-inverse) !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-comparison-heading {
        margin: 0 0 14px !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-comparison-heading > span {
        display: inline-block !important;
        margin-bottom: 7px !important;
        color: #50dcff !important;
        font-size: var(--ss-type-body) !important;
        font-weight: var(--ss-weight-heavy) !important;
        letter-spacing: .11em !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-comparison-heading h3 {
        margin: 0 0 7px !important;
        color: var(--ss-text-inverse) !important;
        font-size: var(--ss-type-section) !important;
        font-weight: var(--ss-weight-heavy) !important;
        line-height: 1.2 !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-comparison-heading p {
        margin: 0 !important;
        color: rgba(255, 255, 255, .72) !important;
        font-size: var(--ss-type-body) !important;
        line-height: 1.5 !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table-wrap {
        width: 100% !important;
        overflow-x: auto !important;
        border: 1px solid rgba(91, 227, 255, .16) !important;
        border-radius: 14px !important;
        background: #0b1d3b !important;
        -webkit-overflow-scrolling: touch;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table {
        width: 100% !important;
        min-width: 620px !important;
        margin: 0 !important;
        border: 0 !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table th,
    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table td {
        padding: 12px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
        color: rgba(255, 255, 255, .84) !important;
        font-size: var(--ss-type-body) !important;
        line-height: 1.4 !important;
        text-align: left !important;
        vertical-align: middle !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table th {
        background: #07142d !important;
        color: var(--ss-text-inverse) !important;
        font-weight: var(--ss-weight-heavy) !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table th:first-child,
    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table td:first-child {
        width: 38% !important;
        color: var(--ss-text-inverse) !important;
        font-weight: var(--ss-weight-bold) !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__tab-table tbody tr:nth-child(even) td {
        background: rgba(255, 255, 255, .035) !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__feature-positive {
        color: #34d399 !important;
        font-weight: var(--ss-weight-bold) !important;
    }

    .songshove-pricing-page .ss-pricing__compare-modal .ss-pricing__feature-negative {
        color: #ff5b6e !important;
        font-weight: var(--ss-weight-bold) !important;
    }
}
