/* Station Select Pro UI refresh - safe CSS layer only */
:root {
    --ss-bg: #070b18;
    --ss-bg-soft: #0f172a;
    --ss-card: rgba(255,255,255,.94);
    --ss-card-dark: rgba(15,23,42,.92);
    --ss-line: rgba(148,163,184,.22);
    --ss-text: #101827;
    --ss-muted: #64748b;
    --ss-primary: #2563eb;
    --ss-primary-2: #06b6d4;
    --ss-hot: #f43f5e;
    --ss-good: #22c55e;
    --ss-radius: 24px;
    --ss-shadow: 0 24px 70px rgba(15, 23, 42, .14);
    --ss-shadow-hover: 0 30px 90px rgba(37, 99, 235, .24);
}

body {
    background: #f5f7fb;
    color: var(--ss-text);
}

.main-header-area .main-header {
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid rgba(15,23,42,.08);
    backdrop-filter: blur(16px);
}

.main-header-area .main-nav > ul > li > a,
.main-header-area .main-nav .nav > li > a {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: -.01em;
    transition: all .22s ease;
}

.main-header-area .main-nav .nav > li > a:hover,
.main-header-area .main-nav .nav > li > a.active {
    background: rgba(37,99,235,.10);
    color: var(--ss-primary) !important;
}

.header-logo img {
    max-height: 54px;
    object-fit: contain;
}

.stations-area,
.ss-station-page {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 10%, rgba(37,99,235,.16), transparent 32%),
        radial-gradient(circle at 90% 0%, rgba(6,182,212,.14), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef4ff 52%, #f8fafc 100%);
}

.stations-area:before,
.ss-station-page:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 75%);
    pointer-events: none;
}

.stations-area > .container,
.ss-station-page > .container {
    position: relative;
    z-index: 1;
}

.section-content .title-4,
.ss-section-title {
    color: #0f172a;
    font-weight: 900;
    letter-spacing: -.045em;
}

.desc-content,
.ss-section-subtitle {
    color: var(--ss-muted) !important;
    font-size: 1rem;
}

.stations-filter {
    border: 1px solid rgba(148,163,184,.22) !important;
    border-radius: 22px !important;
    box-shadow: var(--ss-shadow) !important;
    background: rgba(255,255,255,.86) !important;
    backdrop-filter: blur(14px);
}

.single-input-item select,
.single-input-item input,
.comments-section .form-control,
.embed-code {
    min-height: 48px;
    border-radius: 14px !important;
    border: 1px solid rgba(148,163,184,.28) !important;
    background: rgba(255,255,255,.94) !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

.single-input-item select:focus,
.single-input-item input:focus,
.comments-section .form-control:focus,
.embed-code:focus {
    border-color: rgba(37,99,235,.7) !important;
    box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

.btn.obrien-button-2,
.primary-color,
.ss-btn {
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--ss-primary), var(--ss-primary-2)) !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 12px 20px !important;
    box-shadow: 0 14px 28px rgba(37,99,235,.24);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.btn.obrien-button-2:hover,
.primary-color:hover,
.ss-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 18px 34px rgba(37,99,235,.30);
}

.radio-card {
    position: relative;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(148,163,184,.20) !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 18px 52px rgba(15,23,42,.10) !important;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.radio-card:after {
    content: "";
    position: absolute;
    inset: auto 18px 0 18px;
    height: 4px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, var(--ss-primary), var(--ss-hot), var(--ss-primary-2));
    opacity: 0;
    transform: translateY(6px);
    transition: all .24s ease;
}

.radio-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(37,99,235,.42) !important;
    box-shadow: var(--ss-shadow-hover) !important;
}

.radio-card:hover:after {
    opacity: 1;
    transform: translateY(0);
}

.radio-image-container {
    background: linear-gradient(135deg, #dbeafe, #e0f2fe 55%, #fce7f3) !important;
}

.radio-image-container:before {
    content: "";
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 18px;
    z-index: 1;
    pointer-events: none;
}

.radio-logo {
    filter: saturate(1.05) contrast(1.02);
}

.overlay {
    background: linear-gradient(135deg, rgba(37,99,235,.76), rgba(244,63,94,.72)) !important;
}

.play-icon {
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.95);
    color: var(--ss-primary) !important;
    font-size: 1.7rem !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.25);
}

.radio-info {
    padding: 18px !important;
}

.radio-name {
    color: #0f172a !important;
    font-weight: 900 !important;
    letter-spacing: -.02em;
}

.radio-genre,
.radio-country {
    display: inline-flex;
    align-items: center;
    max-width: 48%;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(37,99,235,.08);
    color: var(--ss-primary) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: .76rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radio-country {
    background: rgba(15,23,42,.06);
    color: #475569 !important;
}

.radio-badge {
    top: 14px !important;
    right: 14px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--ss-hot), #fb7185) !important;
    padding: 6px 10px !important;
    box-shadow: 0 10px 25px rgba(244,63,94,.35);
}

.featured-badge {
    top: 14px !important;
    left: 14px !important;
    width: 36px !important;
    height: 36px !important;
}

.stations-pagination .page-link {
    border: 0 !important;
    border-radius: 999px !important;
    margin: 0 4px;
    color: var(--ss-primary) !important;
    font-weight: 800;
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
}

.stations-pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--ss-primary), var(--ss-primary-2)) !important;
    color: #fff !important;
}

.ss-station-page {
    padding: 56px 0 76px;
}

.ss-station-shell {
    max-width: 1180px;
    margin: 0 auto;
}

.ss-profile-hero {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: clamp(24px, 4vw, 44px);
    background:
        linear-gradient(135deg, rgba(7,11,24,.94), rgba(15,23,42,.88)),
        var(--ss-hero-image, none) center/cover no-repeat;
    color: #fff;
    box-shadow: 0 34px 100px rgba(15,23,42,.34);
}

.ss-profile-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 20%, rgba(37,99,235,.55), transparent 34%), radial-gradient(circle at 15% 85%, rgba(244,63,94,.34), transparent 30%);
    pointer-events: none;
}

.ss-profile-hero > * {
    position: relative;
    z-index: 1;
}

.ss-hero-grid {
    display: grid;
    grid-template-columns: minmax(170px, 230px) 1fr;
    gap: clamp(22px, 4vw, 40px);
    align-items: center;
}

.ss-logo-wrap {
    position: relative;
    aspect-ratio: 1;
    border-radius: 30px;
    padding: 12px;
    background: linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.08));
    border: 1px solid rgba(255,255,255,.24);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 24px 70px rgba(0,0,0,.28);
}

.ss-logo-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 22px;
    object-fit: cover;
    background: #fff;
}

.ss-live-pill,
.ss-mini-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255,255,255,.12);
    color: rgba(255,255,255,.9);
    border: 1px solid rgba(255,255,255,.16);
    font-weight: 800;
    font-size: .78rem;
}

.ss-live-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ss-good);
    box-shadow: 0 0 0 6px rgba(34,197,94,.16);
}

.ss-station-title {
    margin: 18px 0 12px;
    color: #fff;
    font-size: clamp(2.1rem, 5vw, 4.7rem);
    line-height: .94;
    letter-spacing: -.065em;
    font-weight: 950;
}

.ss-station-desc {
    max-width: 760px;
    color: rgba(226,232,240,.88);
    font-size: 1.06rem;
    line-height: 1.75;
}

.ss-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.ss-share-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.ss-icon-btn,
.ss-action-btn,
.ss-player-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.ss-icon-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16);
}

.ss-icon-btn:hover,
.ss-action-btn:hover,
.ss-player-control:hover {
    transform: translateY(-2px);
}

.ss-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr);
    gap: 24px;
    margin-top: 24px;
}

.ss-panel {
    border-radius: 28px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(148,163,184,.22);
    box-shadow: var(--ss-shadow);
    backdrop-filter: blur(16px);
    padding: clamp(20px, 3vw, 30px);
}

.ss-panel-dark {
    background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(30,41,59,.95));
    color: #fff;
    border-color: rgba(255,255,255,.10);
}

.ss-player-card {
    position: sticky;
    top: 110px;
}

.ss-now-playing {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.ss-eq {
    display: inline-flex;
    align-items: end;
    gap: 4px;
    height: 34px;
    width: 42px;
}

.ss-eq span {
    width: 7px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--ss-primary-2), var(--ss-hot));
    animation: ss-bars 1.05s ease-in-out infinite;
}

.ss-eq span:nth-child(1){height: 40%; animation-delay: 0s;}
.ss-eq span:nth-child(2){height: 88%; animation-delay: .16s;}
.ss-eq span:nth-child(3){height: 58%; animation-delay: .32s;}
.ss-eq span:nth-child(4){height: 76%; animation-delay: .48s;}

@keyframes ss-bars {
    0%,100% { transform: scaleY(.55); opacity: .7; }
    50% { transform: scaleY(1); opacity: 1; }
}

.ss-kicker {
    margin: 0;
    color: #93c5fd;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ss-player-title {
    margin: 3px 0 0;
    color: #fff;
    font-weight: 950;
    font-size: 1.35rem;
    letter-spacing: -.03em;
}

.control-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin: 22px 0;
}

.play-pause-container {
    position: relative;
    width: 82px;
    height: 82px;
}

.jp-play,
.jp-pause {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ss-player-control,
.jp-previous,
.jp-next {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.12);
}

.play-pause-container .jp-play,
.play-pause-container .jp-pause {
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ss-hot), var(--ss-primary));
    box-shadow: 0 20px 45px rgba(244,63,94,.28), 0 0 0 10px rgba(255,255,255,.06);
}

.adonis-icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.play-pause-container .adonis-icon svg {
    width: 30px;
    height: 30px;
}

.jp-progress {
    width: 100%;
    margin-top: 10px;
}

.jp-seek-bar {
    height: 10px !important;
    background: rgba(255,255,255,.12) !important;
    border-radius: 999px;
    overflow: hidden;
    cursor: pointer;
}

.jp-play-bar {
    height: 100% !important;
    background: linear-gradient(90deg, var(--ss-primary-2), var(--ss-hot)) !important;
    border-radius: 999px;
}

.ss-player-help {
    margin-top: 18px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    color: rgba(226,232,240,.76);
    text-align: center;
}

.ss-player-help a {
    color: #fecdd3 !important;
    font-weight: 800;
}

.ss-action-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 20px;
}

.ss-action-btn {
    min-height: 52px;
    border-radius: 18px;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.12);
    font-weight: 850;
}

.ss-action-btn:hover {
    background: rgba(255,255,255,.14);
}

.ss-info-list {
    display: grid;
    gap: 12px;
    margin: 0;
}

.ss-info-row {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid rgba(148,163,184,.18);
}

.ss-info-row:last-child {
    border-bottom: 0;
}

.ss-info-label {
    color: var(--ss-muted);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ss-info-value,
.ss-info-value a {
    color: #0f172a;
    font-weight: 850;
}

.ss-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ss-social-icons a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #0f172a;
    background: rgba(37,99,235,.08);
    text-decoration: none;
}

.ss-banner-card {
    overflow: hidden;
    padding: 0;
}

.ss-banner-card img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    display: block;
}

.comments-section h4,
.similar-stations h4 {
    color: #0f172a;
    font-weight: 950;
    letter-spacing: -.035em;
}

.comments-section .card,
.similar-stations .station-card {
    border: 1px solid rgba(148,163,184,.20) !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 45px rgba(15,23,42,.08);
    overflow: hidden;
    text-decoration: none !important;
}

.similar-stations .station-card img {
    aspect-ratio: 1;
    object-fit: cover;
}

.modal-content {
    border: 0 !important;
    border-radius: 26px !important;
    box-shadow: 0 28px 80px rgba(15,23,42,.28) !important;
}

@media (max-width: 991px) {
    .ss-hero-grid,
    .ss-content-grid {
        grid-template-columns: 1fr;
    }
    .ss-logo-wrap {
        max-width: 210px;
    }
    .ss-player-card {
        position: relative;
        top: auto;
    }
}

@media (max-width: 575px) {
    .ss-station-page {
        padding-top: 28px;
    }
    .ss-profile-hero,
    .ss-panel {
        border-radius: 22px;
    }
    .ss-action-grid {
        grid-template-columns: 1fr;
    }
    .ss-info-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .play-pause-container {
        width: 74px;
        height: 74px;
    }
}

/* ===== Homepage Pro Radio Directory Refresh ===== */
.ss-home-page {
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 4%, rgba(37,99,235,.16), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(244,63,94,.13), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef4ff 46%, #f8fafc 100%);
}

.ss-home-hero {
    position: relative;
    padding: clamp(52px, 8vw, 105px) 0 clamp(42px, 7vw, 86px);
    background:
        linear-gradient(135deg, rgba(7,11,24,.96), rgba(15,23,42,.92)),
        radial-gradient(circle at 74% 24%, rgba(37,99,235,.52), transparent 32%),
        radial-gradient(circle at 20% 82%, rgba(244,63,94,.32), transparent 28%);
    color: #fff;
}

.ss-home-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 92%);
    pointer-events: none;
}

.ss-home-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr);
    align-items: center;
    gap: clamp(30px, 5vw, 76px);
}

.ss-home-copy h1 {
    margin: 18px 0;
    color: #fff;
    font-size: clamp(2.55rem, 7vw, 6.5rem);
    line-height: .9;
    font-weight: 950;
    letter-spacing: -.075em;
}

.ss-home-copy p {
    max-width: 690px;
    color: rgba(226,232,240,.84);
    font-size: clamp(1.02rem, 1.8vw, 1.22rem);
    line-height: 1.78;
}

.ss-home-actions,
.ss-social-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 28px;
}

.ss-btn-ghost {
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: none !important;
}

.ss-btn-small {
    padding: 10px 16px !important;
    font-size: .9rem;
}

.ss-home-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 560px;
    margin-top: 30px;
}

.ss-home-stats div {
    padding: 16px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 20px;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(12px);
}

.ss-home-stats strong,
.ss-home-stats span {
    display: block;
}

.ss-home-stats strong {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 950;
    letter-spacing: -.04em;
}

.ss-home-stats span {
    margin-top: 2px;
    color: rgba(226,232,240,.72);
    font-weight: 700;
    font-size: .82rem;
}

.ss-hero-player-visual {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ss-home-record {
    position: relative;
    width: min(76vw, 390px);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #f8fafc 0 8%, #f43f5e 8% 16%, #111827 16% 18%, transparent 18%),
        repeating-radial-gradient(circle at center, #020617 0 10px, #101827 11px 18px, #020617 19px 26px);
    box-shadow: 0 40px 110px rgba(0,0,0,.42), inset 0 0 0 14px rgba(255,255,255,.04);
    animation: ss-spin-record 12s linear infinite;
}

.ss-home-record:before {
    content: "";
    position: absolute;
    inset: -18px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: inset 0 0 60px rgba(37,99,235,.18);
}

.ss-home-record-label {
    position: absolute;
    inset: 36%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ss-primary), var(--ss-hot));
    color: #fff;
    text-align: center;
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -.04em;
    box-shadow: 0 18px 40px rgba(244,63,94,.25);
}

@keyframes ss-spin-record {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.ss-home-eq {
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    display: flex;
    align-items: end;
    gap: 8px;
    height: 92px;
    padding: 20px 22px;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(15,23,42,.72);
    backdrop-filter: blur(18px);
    box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.ss-home-eq span {
    width: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--ss-primary-2), var(--ss-hot));
    animation: ss-home-bars 1.15s ease-in-out infinite;
}

.ss-home-eq span:nth-child(1){height: 24%; animation-delay: 0s;}
.ss-home-eq span:nth-child(2){height: 70%; animation-delay: .08s;}
.ss-home-eq span:nth-child(3){height: 42%; animation-delay: .16s;}
.ss-home-eq span:nth-child(4){height: 90%; animation-delay: .24s;}
.ss-home-eq span:nth-child(5){height: 54%; animation-delay: .32s;}
.ss-home-eq span:nth-child(6){height: 82%; animation-delay: .40s;}
.ss-home-eq span:nth-child(7){height: 34%; animation-delay: .48s;}
.ss-home-eq span:nth-child(8){height: 64%; animation-delay: .56s;}

@keyframes ss-home-bars {
    0%,100% { transform: scaleY(.48); opacity: .72; }
    50% { transform: scaleY(1.04); opacity: 1; }
}

.ss-floating-card {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.16);
    backdrop-filter: blur(16px);
    box-shadow: 0 22px 60px rgba(0,0,0,.22);
    font-weight: 900;
    animation: ss-float 4s ease-in-out infinite;
}

.ss-floating-card i { color: #93c5fd; }
.ss-floating-card-one { top: 60px; right: 10%; }
.ss-floating-card-two { left: 3%; bottom: 116px; animation-delay: .8s; }

@keyframes ss-float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

.ss-section {
    padding: clamp(48px, 7vw, 86px) 0;
    position: relative;
}

.ss-section-head {
    max-width: 760px;
    margin: 0 auto 34px;
    text-align: center;
}

.ss-kicker-dark {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ss-primary);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ss-section-head h2,
.ss-section-row-head h2,
.ss-app-copy h2,
.ss-advertise-card h2 {
    margin: 8px 0 12px;
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.06em;
}

.ss-section-head p,
.ss-app-copy p,
.ss-advertise-card p {
    color: var(--ss-muted);
    line-height: 1.75;
    font-size: 1.02rem;
}

.ss-section-row-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 28px;
}

.ss-section-row-head-light h2 { color: #fff; }
.ss-section-row-head-light .ss-kicker { color: #93c5fd; }

.ss-genre-grid,
.ss-feature-grid,
.ss-promo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ss-genre-card {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    border-radius: 28px;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 24px 60px rgba(15,23,42,.12);
}

.ss-genre-card img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    transition: transform .35s ease;
}

.ss-genre-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,.05), rgba(15,23,42,.78));
}

.ss-genre-card span {
    position: absolute;
    left: 20px;
    bottom: 18px;
    z-index: 1;
    font-weight: 950;
    font-size: 1.35rem;
    letter-spacing: -.035em;
}

.ss-genre-card:hover img { transform: scale(1.08); }

.ss-home-station-card .radio-image-container:after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--ss-hot) 0 24%, #020617 25% 100%);
    border: 2px solid rgba(255,255,255,.85);
    z-index: 2;
    box-shadow: 0 10px 25px rgba(15,23,42,.25);
}

.ss-dark-band {
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.24), transparent 32%),
        radial-gradient(circle at 92% 16%, rgba(244,63,94,.18), transparent 28%),
        #070b18;
}

.ss-dark-band:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 38px 38px;
    pointer-events: none;
}

.ss-dark-band > .container { position: relative; z-index: 1; }

.ss-feature-card,
.ss-promo-card {
    overflow: hidden;
    border-radius: 28px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(148,163,184,.22);
    box-shadow: var(--ss-shadow);
    text-decoration: none !important;
    transition: transform .24s ease, box-shadow .24s ease;
}

.ss-feature-card:hover,
.ss-promo-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--ss-shadow-hover);
}

.ss-feature-card img,
.ss-promo-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.ss-feature-card h3,
.ss-promo-card h3 {
    margin: 18px 18px 8px;
    color: #0f172a;
    font-weight: 950;
    letter-spacing: -.035em;
    font-size: 1.18rem;
}

.ss-feature-card p,
.ss-promo-card p {
    margin: 0 18px 20px;
    color: var(--ss-muted);
    line-height: 1.65;
}

.ss-app-band {
    padding: clamp(42px, 7vw, 82px) 0;
    background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(6,182,212,.10));
}

.ss-app-grid {
    display: grid;
    grid-template-columns: minmax(240px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(28px, 5vw, 70px);
    padding: clamp(22px, 4vw, 42px);
    border-radius: 34px;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(148,163,184,.22);
    box-shadow: var(--ss-shadow);
    backdrop-filter: blur(16px);
}

.ss-app-image img {
    width: 100%;
    max-height: 480px;
    object-fit: contain;
    filter: drop-shadow(0 28px 40px rgba(15,23,42,.18));
}

.ss-social-row a {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--ss-primary), var(--ss-primary-2));
    text-decoration: none;
    box-shadow: 0 14px 28px rgba(37,99,235,.22);
}

.ss-promo-card span {
    display: inline-flex;
    margin: 0 18px 20px;
    color: var(--ss-primary);
    font-weight: 950;
}

.ss-advertise-cta {
    padding: 0 0 clamp(54px, 7vw, 92px);
}

.ss-advertise-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    padding: clamp(24px, 4vw, 44px);
    border-radius: 34px;
    color: #fff;
    background:
        radial-gradient(circle at 84% 18%, rgba(244,63,94,.28), transparent 28%),
        linear-gradient(135deg, #070b18, #111827);
    box-shadow: 0 34px 100px rgba(15,23,42,.28);
}

.ss-advertise-card h2,
.ss-advertise-card p { color: #fff; }
.ss-advertise-card p { color: rgba(226,232,240,.78); max-width: 700px; }

@media (max-width: 991px) {
    .ss-home-hero-grid,
    .ss-app-grid {
        grid-template-columns: 1fr;
    }
    .ss-hero-player-visual { min-height: 390px; }
    .ss-genre-grid,
    .ss-feature-grid,
    .ss-promo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .ss-section-row-head,
    .ss-advertise-card {
        align-items: flex-start;
        flex-direction: column;
    }
    .ss-home-stats,
    .ss-genre-grid,
    .ss-feature-grid,
    .ss-promo-grid {
        grid-template-columns: 1fr;
    }
    .ss-floating-card { display: none; }
    .ss-home-record { width: min(80vw, 300px); }
    .ss-home-eq { bottom: 4px; }
}

/* Station owner dashboard */
.ss-dashboard-wrap {
    padding: clamp(36px, 5vw, 76px) 0;
    background:
        radial-gradient(circle at 12% 5%, rgba(37,99,235,.10), transparent 32%),
        radial-gradient(circle at 92% 12%, rgba(244,63,94,.10), transparent 28%),
        linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

.ss-dashboard-shell {
    width: min(1240px, 94%);
    margin: 0 auto;
}

.ss-owner-dashboard {
    display: grid;
    gap: 24px;
}

.ss-dashboard-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: clamp(24px, 4vw, 52px);
    align-items: center;
    padding: clamp(28px, 5vw, 58px);
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 36px;
    color: #fff;
    background:
        radial-gradient(circle at 18% 20%, rgba(37,99,235,.38), transparent 32%),
        radial-gradient(circle at 80% 10%, rgba(244,63,94,.30), transparent 26%),
        linear-gradient(135deg, #070b18 0%, #101827 48%, #111827 100%);
    box-shadow: 0 34px 90px rgba(15,23,42,.24);
}

.ss-dashboard-hero::before {
    content: "";
    position: absolute;
    inset: -40% auto auto -18%;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 0 0 38px rgba(255,255,255,.025), 0 0 0 76px rgba(255,255,255,.018);
}

.ss-dashboard-hero-copy,
.ss-dashboard-studio-card {
    position: relative;
    z-index: 1;
}

.ss-dashboard-hero h1 {
    margin: 12px 0 16px;
    max-width: 780px;
    color: #fff;
    font-size: clamp(2.15rem, 5vw, 4.8rem);
    line-height: .96;
    letter-spacing: -.06em;
}

.ss-dashboard-hero p {
    max-width: 690px;
    color: rgba(226,232,240,.78);
    font-size: clamp(1rem, 1.4vw, 1.18rem);
}

.ss-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ss-primary, #2563eb);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ss-dashboard-hero .ss-kicker {
    color: #93c5fd;
}

.ss-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.ss-pro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 13px 20px;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.ss-pro-btn:hover { transform: translateY(-2px); }

.ss-pro-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--ss-primary, #2563eb), var(--ss-primary-2, #f43f5e));
    box-shadow: 0 18px 34px rgba(37,99,235,.25);
}

.ss-pro-btn-ghost {
    color: #fff !important;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    backdrop-filter: blur(14px);
}

.ss-dashboard-studio-card {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 30px;
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(18px);
    text-align: center;
}

.ss-dashboard-studio-card strong {
    color: #fff;
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.ss-dashboard-studio-card small {
    max-width: 260px;
    color: rgba(226,232,240,.78);
    font-weight: 800;
}

.ss-studio-record {
    position: relative;
    width: 190px;
    height: 190px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle, #fff 0 13%, transparent 14%),
        repeating-radial-gradient(circle, #0f172a 0 8px, #111827 9px 13px);
    animation: ssSpinRecord 10s linear infinite;
    box-shadow: 0 30px 70px rgba(0,0,0,.35);
}

.ss-studio-record span {
    position: absolute;
    inset: 24px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}

.ss-studio-record img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: contain;
    padding: 10px;
    background: #fff;
}

.ss-studio-eq {
    display: inline-flex;
    align-items: end;
    gap: 6px;
    height: 42px;
}

.ss-studio-eq i {
    display: block;
    width: 7px;
    min-height: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, #93c5fd, #fb7185);
    animation: ssEqBounce 1.2s ease-in-out infinite;
}

.ss-studio-eq i:nth-child(2) { animation-delay: .1s; }
.ss-studio-eq i:nth-child(3) { animation-delay: .2s; }
.ss-studio-eq i:nth-child(4) { animation-delay: .3s; }
.ss-studio-eq i:nth-child(5) { animation-delay: .4s; }
.ss-studio-eq i:nth-child(6) { animation-delay: .25s; }
.ss-studio-eq i:nth-child(7) { animation-delay: .15s; }
.ss-studio-eq i:nth-child(8) { animation-delay: .35s; }

.ss-dashboard-stat-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.ss-dashboard-stat-card,
.ss-dashboard-panel,
.ss-owner-station-card {
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(255,255,255,.92);
    box-shadow: 0 24px 60px rgba(15,23,42,.08);
    backdrop-filter: blur(18px);
}

.ss-dashboard-stat-card {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border-radius: 24px;
}

.ss-dashboard-stat-card::after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(37,99,235,.08);
}

.ss-dashboard-stat-card span {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, var(--ss-primary, #2563eb), var(--ss-primary-2, #f43f5e));
    box-shadow: 0 12px 24px rgba(37,99,235,.22);
}

.ss-dashboard-stat-card small,
.ss-dashboard-stat-card em {
    display: block;
    color: #64748b;
    font-style: normal;
    font-weight: 800;
}

.ss-dashboard-stat-card small {
    margin-top: 16px;
    font-size: .76rem;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ss-dashboard-stat-card strong {
    display: block;
    margin: 5px 0;
    color: #0f172a;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -.04em;
}

.ss-dashboard-panel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.ss-dashboard-panel {
    border-radius: 28px;
    padding: clamp(22px, 3vw, 32px);
}

.ss-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
}

.ss-panel-head h2,
.ss-dashboard-panel h2 {
    margin: 7px 0 0;
    color: #0f172a;
    font-size: clamp(1.35rem, 2vw, 2rem);
    letter-spacing: -.04em;
}

.ss-health-list {
    display: grid;
    gap: 12px;
}

.ss-health-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 18px;
    background: #f8fafc;
}

.ss-health-row span {
    color: #475569;
    font-weight: 850;
}

.ss-health-row i { color: var(--ss-primary, #2563eb); }
.ss-health-row strong { color: #0f172a; text-align: right; }

.ss-dashboard-tips p {
    color: #64748b;
    font-weight: 650;
}

.ss-tip-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.ss-tip-grid a {
    display: grid;
    min-height: 94px;
    place-items: center;
    gap: 8px;
    padding: 16px 12px;
    border-radius: 20px;
    color: #0f172a;
    background: #f8fafc;
    text-align: center;
    text-decoration: none !important;
    font-weight: 900;
}

.ss-tip-grid i {
    color: var(--ss-primary, #2563eb);
    font-size: 1.5rem;
}

.ss-station-manager-panel { margin-bottom: 26px; }
.ss-panel-head-actions { margin-bottom: 24px; }

.ss-mini-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 999px;
    color: #fff !important;
    background: #0f172a;
    text-decoration: none !important;
    font-weight: 900;
}

.ss-owner-station-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ss-owner-station-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 28px;
    transition: transform .22s ease, box-shadow .22s ease;
}

.ss-owner-station-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 32px 80px rgba(15,23,42,.14);
}

.ss-owner-card-top {
    position: relative;
    padding: 18px 18px 0;
    min-height: 208px;
    background:
        radial-gradient(circle at 78% 15%, rgba(244,63,94,.18), transparent 30%),
        linear-gradient(135deg, #101827, #0f172a);
}

.ss-owner-logo-wrap {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 178px;
    text-decoration: none !important;
}

.ss-owner-logo-wrap img {
    position: relative;
    z-index: 2;
    width: 118px;
    height: 118px;
    object-fit: cover;
    border: 5px solid rgba(255,255,255,.94);
    border-radius: 28px;
    box-shadow: 0 22px 48px rgba(0,0,0,.28);
}

.ss-owner-vinyl {
    position: absolute;
    width: 154px;
    height: 154px;
    border-radius: 50%;
    background:
        radial-gradient(circle, #fff 0 7%, transparent 8%),
        repeating-radial-gradient(circle, #111827 0 7px, #020617 8px 12px);
    animation: ssSpinRecord 13s linear infinite;
    opacity: .92;
}

.ss-featured-chip,
.ss-live-chip {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 11px;
    border-radius: 999px;
    color: #fff;
    font-size: .76rem;
    font-weight: 950;
    background: linear-gradient(135deg, #f59e0b, #f43f5e);
    box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

.ss-live-chip { background: rgba(37,99,235,.92); }

.ss-owner-station-body {
    flex: 1;
    padding: 20px;
}

.ss-owner-station-body h3 {
    margin: 0 0 12px;
    font-size: 1.25rem;
    line-height: 1.18;
    letter-spacing: -.03em;
}

.ss-owner-station-body h3 a {
    color: #0f172a;
    text-decoration: none !important;
}

.ss-owner-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.ss-owner-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 999px;
    color: #475569;
    background: #f1f5f9;
    font-size: .84rem;
    font-weight: 850;
}

.ss-play-meter-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #64748b;
    font-weight: 900;
}

.ss-play-meter-row strong { color: #0f172a; }

.ss-play-meter-track {
    overflow: hidden;
    height: 10px;
    margin-top: 9px;
    border-radius: 999px;
    background: #e2e8f0;
}

.ss-play-meter-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--ss-primary, #2563eb), var(--ss-primary-2, #f43f5e));
}

.ss-owner-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0 20px 20px;
}

.ss-delete-form { margin: 0; }

.ss-icon-action {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 15px;
    color: #0f172a !important;
    background: #f1f5f9;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

.ss-icon-action:hover {
    transform: translateY(-2px);
    color: #fff !important;
    background: #0f172a;
}

.ss-icon-action-edit { color: #2563eb !important; }
.ss-icon-action-delete { color: #ef4444 !important; }

.ss-dashboard-empty {
    display: grid;
    place-items: center;
    padding: 58px 20px;
    border: 1px dashed rgba(148,163,184,.52);
    border-radius: 28px;
    background: #f8fafc;
    text-align: center;
}

.ss-empty-record {
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #0f172a, #334155);
    animation: ssSpinRecord 7s linear infinite;
}

.ss-empty-record i { font-size: 2.3rem; }
.ss-dashboard-empty h3 { margin: 0 0 8px; color: #0f172a; }
.ss-dashboard-empty p { max-width: 520px; color: #64748b; font-weight: 650; }

.ss-dashboard-pagination { margin-top: 24px; }

@keyframes ssSpinRecord {
    to { transform: rotate(360deg); }
}

@keyframes ssEqBounce {
    0%, 100% { height: 12px; }
    35% { height: 38px; }
    65% { height: 22px; }
}

@media (max-width: 1199px) {
    .ss-dashboard-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ss-owner-station-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
    .ss-dashboard-hero,
    .ss-dashboard-panel-grid { grid-template-columns: 1fr; }
    .ss-dashboard-studio-card { max-width: 420px; }
}

@media (max-width: 767px) {
    .ss-dashboard-shell { width: min(100% - 24px, 1240px); }
    .ss-dashboard-hero { border-radius: 26px; padding: 26px 20px; }
    .ss-dashboard-stat-grid,
    .ss-owner-station-grid,
    .ss-tip-grid { grid-template-columns: 1fr; }
    .ss-panel-head { align-items: flex-start; flex-direction: column; }
    .ss-studio-record { width: 150px; height: 150px; }
    .ss-owner-card-top { min-height: 180px; }
}


/* ===== Station Select revised identity, images, auth and dashboard access ===== */
.header-logo img,
.footer-logo img {
    max-height: 54px;
    width: auto !important;
    object-fit: contain !important;
}
.ss-footer-logo-new img { max-height: 64px; }

.ss-access-strip {
    position: sticky;
    top: 0;
    z-index: 45;
    padding: 10px 0;
    background: rgba(2, 6, 23, .86);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    box-shadow: 0 12px 30px rgba(2, 6, 23, .18);
}
.ss-access-strip-inner,
.ss-access-copy,
.ss-access-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ss-access-strip-inner { justify-content: space-between; }
.ss-access-copy { color: rgba(255,255,255,.82); font-weight: 800; }
.ss-access-copy i { color: #22d3ee; font-size: 1.3rem; }
.ss-access-actions { flex-wrap: wrap; justify-content: flex-end; }
.ss-access-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    color: #fff !important;
    background: rgba(255,255,255,.08);
    text-decoration: none !important;
    font-weight: 900;
    line-height: 1;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.ss-access-btn:hover { transform: translateY(-2px); border-color: rgba(34,211,238,.7); background: rgba(34,211,238,.12); }
.ss-access-btn-primary { background: linear-gradient(135deg, #2563eb, #06b6d4); border-color: transparent; box-shadow: 0 12px 28px rgba(37,99,235,.32); }
.ss-access-btn-danger { color: #fecaca !important; }
.ss-access-logout { margin: 0; }
.ss-access-logout button { cursor: pointer; }

.ss-home-brand-logo {
    width: min(340px, 84vw);
    height: auto;
    object-fit: contain !important;
    margin: 0 0 20px;
    filter: drop-shadow(0 18px 35px rgba(0,0,0,.35));
}
.ss-hero-player-image {
    min-height: 420px;
    display: grid;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
}
.ss-hero-showcase-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    border-radius: 36px;
    opacity: .92;
    transform: scale(1.04);
    filter: saturate(1.1) contrast(1.04);
}
.ss-orbit-glow {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(34,211,238,.38), rgba(168,85,247,.22), transparent 66%);
    filter: blur(18px);
    animation: ssPulseGlow 3s ease-in-out infinite alternate;
    z-index: 1;
}
.ss-home-eq-overlay { position: relative; z-index: 2; margin-top: 220px; background: rgba(2,6,23,.52); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(10px); padding: 14px 18px; border-radius: 18px; }
.ss-visual-showcase-section { background: linear-gradient(180deg, #f8fafc, #eef2ff); }
.ss-visual-showcase-grid {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    gap: 18px;
}
.ss-visual-shot {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    border-radius: 28px;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 22px 54px rgba(15,23,42,.14);
    background: #020617;
}
.ss-visual-shot-large { grid-row: span 2; min-height: 440px; }
.ss-visual-shot img { width: 100%; height: 100%; object-fit: cover !important; transform: scale(1.02); transition: transform .35s ease; }
.ss-visual-shot:hover img { transform: scale(1.07); }
.ss-visual-shot span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    padding: 10px 14px;
    border-radius: 999px;
    color: #fff;
    background: rgba(2,6,23,.68);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(12px);
    font-weight: 950;
}

.ss-auth-page {
    position: relative;
    overflow: hidden;
    padding: 74px 0 92px;
    background:
        radial-gradient(circle at 15% 15%, rgba(37,99,235,.20), transparent 28%),
        radial-gradient(circle at 78% 20%, rgba(217,70,239,.16), transparent 30%),
        linear-gradient(135deg, #020617, #071033 52%, #050816);
}
.ss-auth-page:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, black, transparent 86%);
    pointer-events: none;
}
.ss-auth-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 24px;
    align-items: stretch;
}
.ss-auth-panel {
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 34px;
    box-shadow: 0 28px 80px rgba(0,0,0,.32);
}
.ss-auth-copy-panel {
    padding: 36px;
    color: #fff;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(18px);
}
.ss-auth-logo { width: min(330px, 80%); height: auto; object-fit: contain !important; margin-bottom: 26px; }
.ss-auth-copy-panel h1 { margin: 22px 0 14px; color: #fff; font-size: clamp(2.2rem, 5vw, 4.2rem); line-height: .98; letter-spacing: -.06em; }
.ss-auth-copy-panel p { color: rgba(255,255,255,.72); font-size: 1.08rem; line-height: 1.7; }
.ss-auth-mini-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.ss-auth-mini-stats div { padding: 18px; border-radius: 20px; background: rgba(2,6,23,.42); border: 1px solid rgba(255,255,255,.12); }
.ss-auth-mini-stats i { display:block; color:#22d3ee; font-size:1.8rem; margin-bottom:10px; }
.ss-auth-mini-stats strong { display:block; color:#fff; }
.ss-auth-mini-stats span { display:block; color:rgba(255,255,255,.62); font-size:.9rem; }
.ss-auth-form-panel { padding: 36px; background: #fff; }
.ss-auth-form-head h2 { margin: 8px 0 8px; color: #0f172a; font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -.05em; }
.ss-auth-form-head p { color: #64748b; font-weight: 700; }
.ss-auth-form { display: grid; gap: 12px; margin-top: 24px; }
.ss-auth-form label { margin: 0; color: #0f172a; font-weight: 900; }
.ss-auth-form input[type="email"],
.ss-auth-form input[type="text"],
.ss-auth-form input[type="password"] {
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    background: #f8fafc;
    color: #0f172a;
    font-weight: 700;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.ss-auth-form input:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,.12); background: #fff; }
.ss-auth-form-row { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:8px 0; }
.ss-auth-check { display:inline-flex; align-items:center; gap:8px; color:#64748b !important; font-weight:800 !important; }
.ss-auth-check input { width:auto; min-height:auto; }
.ss-auth-form-row a, .ss-auth-switch a { color:#2563eb; font-weight:950; }
.ss-auth-submit { width: 100%; border: 0; min-height: 54px; margin-top: 6px; }
.ss-auth-switch { margin: 12px 0 0; text-align:center; color:#64748b; font-weight:800; }

@keyframes ssPulseGlow { from { transform: scale(.94); opacity:.75; } to { transform: scale(1.08); opacity:1; } }

@media (max-width: 991px) {
    .ss-access-strip { position: relative; }
    .ss-access-strip-inner { align-items: flex-start; flex-direction: column; }
    .ss-access-actions { justify-content: flex-start; }
    .ss-visual-showcase-grid, .ss-auth-grid { grid-template-columns: 1fr; }
    .ss-visual-shot-large { min-height: 280px; }
    .ss-auth-copy-panel, .ss-auth-form-panel { padding: 26px; }
}
@media (max-width: 575px) {
    .ss-access-copy { align-items: flex-start; font-size: .9rem; }
    .ss-access-btn { width: 100%; }
    .ss-access-actions { width: 100%; }
    .ss-access-logout { width: 100%; }
    .ss-auth-mini-stats { grid-template-columns: 1fr; }
    .ss-home-brand-logo { width: 260px; }
    .ss-hero-player-image { min-height: 300px; }
}

/* ===== Station Select Pro: directory pages/admin-aware refinements ===== */
.ss-page-shell{background:linear-gradient(180deg,#070b22 0%,#0b102a 55%,#f6f8ff 55%,#f6f8ff 100%);padding:34px 0 70px;position:relative;overflow:hidden}.ss-page-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.ss-page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:32px;align-items:center;background:rgba(9,14,42,.72);border:1px solid rgba(148,163,184,.18);border-radius:32px;padding:36px;box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden;margin-bottom:28px}.ss-page-hero h1{font-size:clamp(38px,6vw,76px);line-height:.96;color:#fff;font-weight:900;letter-spacing:-.055em;margin:10px 0 14px}.ss-page-hero p{color:#b9c4dd;font-size:18px;max-width:650px;line-height:1.6}.ss-page-kicker{display:inline-flex;align-items:center;gap:10px;color:#eaf4ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.ss-page-kicker:before{content:"";width:10px;height:10px;border-radius:50%;background:#00d27a;box-shadow:0 0 18px #00d27a}.ss-hero-art{border-radius:26px;overflow:hidden;border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 80px rgba(0,0,0,.35);background:#0b102a}.ss-hero-art img{width:100%;height:auto;display:block;object-fit:cover}.ss-page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.ss-pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;font-weight:900;color:#fff!important;background:linear-gradient(135deg,#245cff,#00d4ff);box-shadow:0 16px 35px rgba(0,132,255,.24);border:1px solid rgba(255,255,255,.14);text-decoration:none!important}.ss-pro-btn.secondary{background:rgba(255,255,255,.08);box-shadow:none;color:#eaf4ff!important}.ss-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.ss-feature-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;color:#fff;display:flex;gap:12px;align-items:center}.ss-feature-tile i{font-size:28px;color:#00d4ff}.ss-feature-tile strong{display:block;color:#fff}.ss-feature-tile span{color:#aab7d5;font-size:13px}.ss-content-card,.ss-filter-card,.ss-country-panel,.ss-pro-section{position:relative;background:#fff;border:1px solid #e6ebf5;border-radius:26px;box-shadow:0 20px 55px rgba(15,23,42,.08);padding:24px;margin-bottom:24px}.ss-filter-card .form-label{font-weight:900;color:#0b102a}.ss-filter-card select,.ss-filter-card input,.ss-embed-textarea{height:48px;border:1px solid #dbe4f0;border-radius:14px;padding:0 14px;background:#f8fbff;color:#10172d;width:100%;font-weight:700}.ss-embed-textarea{height:auto;padding:14px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ss-station-grid{margin-top:22px}.ss-radio-card-pro{height:100%;background:#fff;border:1px solid #e6ebf5;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.08);transition:.25s ease;position:relative}.ss-radio-card-pro:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(15,23,42,.14);border-color:#8b3dff}.ss-radio-card-media{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 35%,rgba(139,61,255,.18),transparent 38%),linear-gradient(135deg,#081026,#111d3f);display:grid;place-items:center;overflow:hidden}.ss-radio-card-media img.ss-radio-logo{width:76%;height:76%;object-fit:contain;background:#fff;border-radius:24px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.ss-radio-card-media:after{content:"▶";position:absolute;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff2f8f,#245cff,#00d4ff);color:#fff;font-size:24px;opacity:0;transform:scale(.78);transition:.25s ease;box-shadow:0 16px 35px rgba(0,0,0,.3)}.ss-radio-card-pro:hover .ss-radio-card-media:after{opacity:1;transform:scale(1)}.ss-live-badge,.ss-featured-badge{position:absolute;top:14px;z-index:2;border-radius:999px;padding:6px 10px;color:#fff;font-weight:900;font-size:11px;letter-spacing:.06em}.ss-live-badge{right:14px;background:linear-gradient(135deg,#00d27a,#00d4ff)}.ss-featured-badge{left:14px;background:linear-gradient(135deg,#ff2f8f,#8b3dff)}.ss-radio-card-body{padding:18px}.ss-radio-card-body h3{font-size:18px;line-height:1.25;font-weight:900;color:#0b102a;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-radio-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#64748b;font-weight:800;font-size:13px}.ss-radio-meta span:first-child{color:#8b3dff}.stations-pagination .pagination{justify-content:center}.stations-pagination .page-link{border-radius:12px;margin:0 3px;border:1px solid #dbe4f0;color:#245cff}.stations-pagination .page-item.active .page-link{background:linear-gradient(135deg,#245cff,#00d4ff);border-color:transparent}.ss-country-toolbar{display:grid;grid-template-columns:1fr;gap:16px}.ss-country-search{position:relative}.ss-country-search input{height:56px;border:1px solid #dbe4f0;border-radius:18px;padding:0 18px 0 52px;background:#fff;color:#10172d;font-weight:800;box-shadow:0 12px 28px rgba(15,23,42,.05)}.ss-country-search i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#8b3dff;font-size:20px}.ss-alpha-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ss-alpha-nav a{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0f4ff;color:#334155;font-weight:900;border:1px solid #dbe4f0}.ss-alpha-nav a:hover{background:linear-gradient(135deg,#245cff,#00d4ff);color:#fff}.ss-country-list{max-height:none;overflow:visible}.ss-letter-row{display:flex;align-items:center;gap:12px;margin:22px 0 12px}.ss-letter-row strong{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff2f8f,#8b3dff);color:#fff}.ss-letter-row:after{content:"";height:1px;background:#e6ebf5;flex:1}.ss-country-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;border:1px solid #e6ebf5;border-radius:18px;background:#fff;color:#10172d!important;text-decoration:none!important;font-weight:900;transition:.22s ease;box-shadow:0 12px 28px rgba(15,23,42,.05)}.ss-country-card:hover{transform:translateY(-3px);border-color:#8b3dff;box-shadow:0 18px 45px rgba(15,23,42,.1)}.ss-country-card .station-badge{background:#eff6ff;color:#245cff;border-radius:999px;padding:5px 9px;font-size:12px}.ss-country-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ss-marketing-card{background:#fff;border:1px solid #e6ebf5;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.08);height:100%}.ss-marketing-card i{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#245cff,#00d4ff);color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:16px}.ss-marketing-card h3{color:#0b102a;font-weight:900;font-size:22px}.ss-marketing-card p,.ss-pro-section p,.ss-content-card p{color:#5f6b83;line-height:1.7}.ss-pro-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ss-price-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e6ebf5;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.ss-price-card.featured{background:radial-gradient(circle at top right,rgba(0,212,255,.15),transparent 38%),linear-gradient(135deg,#0b102a,#111d3f);color:#fff}.ss-price-card.featured p,.ss-price-card.featured li{color:#b9c4dd}.ss-price-card h3{font-weight:900;color:inherit}.ss-price{font-size:38px;font-weight:900;margin:10px 0}.ss-price-card ul{padding-left:18px;margin:14px 0 22px;color:#5f6b83}.ss-banner-preview{background:linear-gradient(135deg,#070b22,#101b43);border-radius:24px;padding:20px;border:1px solid rgba(148,163,184,.18);text-align:center}.ss-banner-preview img{max-height:190px;object-fit:contain;width:auto;max-width:100%}.ss-embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ss-generic-page{background:#fff;border:1px solid #e6ebf5;border-radius:26px;padding:28px;box-shadow:0 20px 55px rgba(15,23,42,.08)}@media(max-width:991px){.ss-page-hero{grid-template-columns:1fr;padding:26px}.ss-feature-row,.ss-marketing-grid,.ss-pro-pricing,.ss-embed-grid{grid-template-columns:1fr}.ss-page-shell{padding-top:20px}.ss-page-hero h1{font-size:46px}}@media(max-width:575px){.ss-page-hero{border-radius:22px;padding:20px}.ss-page-actions{display:grid}.ss-pro-btn{width:100%}.ss-feature-tile{align-items:flex-start}.ss-radio-card-media img.ss-radio-logo{border-radius:18px}.ss-content-card,.ss-filter-card,.ss-country-panel,.ss-pro-section{padding:18px;border-radius:20px}}


/* ===== Station Select Pro: sponsor/banner + whole-site consistency pass ===== */
:root{--ss-navy:#03081f;--ss-panel:#08112d;--ss-cyan:#00d4ff;--ss-blue:#245cff;--ss-pink:#ff2f8f;--ss-violet:#8b3dff;--ss-ink:#0b102a;--ss-muted:#667085;--ss-line:rgba(148,163,184,.18)}
.header-logo img,.ss-footer-logo-new img,.ss-home-brand-logo,.ss-admin-logo{background:transparent!important;box-shadow:none!important;object-fit:contain!important;padding:0!important;max-height:58px;width:auto!important;max-width:240px!important}.ss-home-brand-logo{max-width:360px!important;max-height:120px;margin-bottom:22px}.ss-footer-logo-new img{max-width:220px!important}.ss-admin-logo{max-width:210px!important;max-height:70px}.main-header-area,.main-header,.header-sticky{background:rgba(3,8,31,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.14)}.main-header .main-nav>ul>li>a,.main-header .nav-link{color:#dbeafe!important;font-weight:850}.main-header .main-nav>ul>li>a:hover,.main-header .main-nav>ul>li>a.active{color:#fff!important}.login-register-wrap{gap:8px;align-items:center}.login-register-wrap span a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff!important}.login-register-wrap span:first-child a{background:linear-gradient(135deg,var(--ss-blue),var(--ss-cyan));border-color:transparent}.breadcrumbs-area{background:radial-gradient(circle at 50% 0,rgba(139,61,255,.25),transparent 35%),linear-gradient(135deg,#05091f,#0b1235)!important;border-bottom:1px solid rgba(148,163,184,.16)}.breadcrumb-content .title-3{color:#fff!important;font-weight:950;letter-spacing:-.04em}.breadcrumb-content ul li,.breadcrumb-content ul li a{color:#b9c4dd!important}.ss-sponsor-banner-section{position:relative;padding:34px 0;background:linear-gradient(180deg,#f6f8ff,#eef4ff)}.ss-home-page .ss-sponsor-banner-section,.ss-sponsor-feature-section .ss-sponsor-banner-section{padding:0;background:transparent}.ss-sponsor-banner-card{position:relative;display:block;overflow:hidden;border-radius:28px;border:1px solid rgba(34,211,238,.22);background:#03081f;box-shadow:0 26px 70px rgba(15,23,42,.16),0 0 0 1px rgba(139,61,255,.08);text-decoration:none!important}.ss-sponsor-banner-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,92,255,.16),transparent 48%,rgba(0,212,255,.14));opacity:.65;pointer-events:none}.ss-sponsor-banner-card img{width:100%;height:auto;display:block;object-fit:cover!important;filter:saturate(1.05) contrast(1.02)}.ss-sponsor-banner-card:hover img{transform:scale(1.012)}.ss-sponsor-banner-card img{transition:transform .35s ease}.ss-sponsor-banner-cta{position:absolute;left:24px;bottom:22px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(2,6,23,.66);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff;font-weight:950;letter-spacing:.02em}.ss-sponsor-banner-cta i{color:var(--ss-cyan)}.ss-sponsor-feature-section{background:linear-gradient(180deg,#fff,#f3f7ff)}.footer-area{background:radial-gradient(circle at 20% 0,rgba(36,92,255,.25),transparent 32%),radial-gradient(circle at 80% 15%,rgba(255,47,143,.13),transparent 30%),linear-gradient(135deg,#03081f,#08112d)!important;color:#dbeafe}.footer-area .footer-widget-area{background:transparent!important}.footer-area .widget-title{color:#fff!important;font-weight:950;letter-spacing:-.02em}.footer-area .desc-content,.footer-area .widget-list li,.footer-area .widget-list li span,.ss-footer-owner-copy{color:#9fb0d0!important}.footer-area .widget-list li a{color:#dbeafe!important}.footer-area .widget-list li a:hover{color:#22d3ee!important}.ss-footer-station-actions{padding:20px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.ss-footer-owner-buttons{display:grid;gap:10px;margin-top:16px}.ss-footer-owner-buttons a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:999px;background:linear-gradient(135deg,var(--ss-blue),var(--ss-cyan));color:#fff!important;font-weight:900;text-decoration:none!important}.ss-footer-owner-buttons a:nth-child(2){background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.ss-legacy-page-shell{background:linear-gradient(180deg,#070b22 0,#0b102a 260px,#f6f8ff 260px,#f6f8ff 100%);min-height:60vh}.ss-legacy-content-card{margin-top:22px}.ss-legacy-content-card .container_content,.ss-legacy-content-card .container_center{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.ss-legacy-content-card .breadcrumbs_outer{display:none!important}.ss-legacy-content-card .content_main,.ss-legacy-content-card .view,.ss-legacy-content-card .faq-container{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#334155}.ss-legacy-content-card h1,.ss-legacy-content-card h2,.ss-legacy-content-card h3,.ss-legacy-content-card .faq-header{color:#0b102a!important;font-weight:950!important;letter-spacing:-.035em}.ss-legacy-content-card h5{color:#111827!important;font-weight:900}.ss-legacy-content-card p,.ss-legacy-content-card li{color:#5f6b83;line-height:1.75}.ss-legacy-content-card a{color:#245cff;font-weight:800}.faq-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tab-button,.faq-tabs button{border:1px solid #dbe4f0!important;background:#f8fbff!important;color:#0f172a!important;border-radius:999px!important;padding:10px 16px!important;font-weight:900!important}.tab-button.active,.faq-tabs button.active{background:linear-gradient(135deg,var(--ss-blue),var(--ss-cyan))!important;color:#fff!important;border-color:transparent!important}.faq-item{border:1px solid #e6ebf5!important;border-radius:20px!important;padding:20px!important;margin-bottom:14px!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.05)}.ss-page-shell .pagination,.ss-legacy-content-card .pagination{gap:6px}.ss-page-shell table,.ss-legacy-content-card table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border-radius:18px;border:1px solid #e6ebf5;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.06)}.ss-page-shell table th,.ss-legacy-content-card table th{background:#f0f5ff;color:#0b102a;font-weight:950}.ss-page-shell table td,.ss-page-shell table th,.ss-legacy-content-card table td,.ss-legacy-content-card table th{padding:14px!important;border-bottom:1px solid #edf2fb!important}.ss-page-shell input,.ss-page-shell select,.ss-page-shell textarea,.ss-legacy-content-card input,.ss-legacy-content-card select,.ss-legacy-content-card textarea{border-radius:14px!important;border:1px solid #dbe4f0!important;background:#f8fbff!important;color:#0f172a!important;min-height:46px;box-shadow:none!important}.ss-page-shell input:focus,.ss-page-shell select:focus,.ss-page-shell textarea:focus,.ss-legacy-content-card input:focus,.ss-legacy-content-card select:focus,.ss-legacy-content-card textarea:focus{outline:none!important;border-color:#245cff!important;box-shadow:0 0 0 4px rgba(36,92,255,.12)!important}.ss-page-shell button:not(.close-button),.ss-page-shell .btn,.ss-legacy-content-card button:not(.tab-button),.ss-legacy-content-card .btn{border-radius:999px!important;font-weight:900!important}.ss-page-shell .btn-primary,.ss-legacy-content-card .btn-primary{background:linear-gradient(135deg,var(--ss-blue),var(--ss-cyan))!important;border-color:transparent!important}.ss-page-shell .card,.ss-legacy-content-card .card{border:1px solid #e6ebf5!important;border-radius:24px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;overflow:hidden}.ss-page-shell .card-header,.ss-legacy-content-card .card-header{background:#f0f5ff!important;border-bottom:1px solid #e6ebf5!important;font-weight:950;color:#0b102a}.ss-page-shell .radio-card,.ss-home-station-card{border-radius:24px!important;border:1px solid #e6ebf5!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;overflow:hidden;background:#fff!important}.ss-page-shell .radio-card:hover,.ss-home-station-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(15,23,42,.14)!important}.ss-page-shell .radio-info,.ss-home-station-card .radio-info{padding:16px!important}.ss-page-shell .radio-name,.ss-home-station-card .radio-name{font-weight:950!important;color:#0b102a!important}.ss-access-strip{background:linear-gradient(90deg,#071033,#0d1640)!important;border-bottom:1px solid rgba(148,163,184,.16)!important}.ss-access-strip-inner{gap:14px}.ss-access-btn{white-space:nowrap}.floating-button{background:linear-gradient(135deg,var(--ss-blue),var(--ss-cyan))!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 18px 45px rgba(36,92,255,.3)!important}.feedback-form-card{border-radius:26px!important;border:1px solid #dbe4f0!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important}.feedback-form-card h2{color:#0b102a!important;font-weight:950!important}.submit-button{border-radius:999px!important;background:linear-gradient(135deg,var(--ss-blue),var(--ss-cyan))!important;font-weight:900!important}.ss-dark-page-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 26px 70px rgba(0,0,0,.22)}
@media(max-width:991px){.header-logo img{max-width:190px!important}.ss-home-brand-logo{max-width:300px!important}.ss-sponsor-banner-card{border-radius:20px}.ss-sponsor-banner-cta{position:static;margin:12px;display:flex}.footer-area .row>[class*="col-"]{margin-bottom:22px}.ss-legacy-content-card{padding:20px!important}}@media(max-width:575px){.ss-home-brand-logo{max-width:240px!important}.ss-sponsor-banner-section{padding:22px 0}.ss-sponsor-banner-card img{min-height:150px;object-fit:cover!important;object-position:center}.ss-footer-owner-buttons a{width:100%}.login-register-wrap span a{padding:0 10px;font-size:12px}}


/* =========================================================
   Station Select global logo + breadcrumb cleanup pass
   ========================================================= */
.breadcrumbs-area,
.breadcrumbs_outer,
.breadcrumb-content,
.breadcrumb-area,
.page-breadcrumb,
.ss-breadcrumb,
.breadcumb-area {
    display: none !important;
}

.header-logo img,
.ss-footer-logo-new img,
.footer-logo img,
.ss-auth-logo,
.ss-admin-logo,
.ss-home-brand-logo {
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header-logo img.img-full,
.header-logo img {
    width: auto !important;
    max-width: 260px !important;
    max-height: 58px !important;
}

.ss-footer-logo-new img,
.footer-logo img {
    width: auto !important;
    max-width: 280px !important;
    max-height: 70px !important;
}

.ss-home-brand-logo {
    width: min(420px, 92vw) !important;
    max-height: 110px !important;
}

.ss-access-strip + .ss-page-shell,
.ss-access-strip + main,
.ss-access-strip + section {
    margin-top: 0 !important;
}

body:not(.home) .ss-page-shell {
    padding-top: clamp(42px, 6vw, 76px) !important;
}

/* =========================================================
   Final Laravel-safe polish: compact menu + fitted artwork
   ========================================================= */
@media (min-width: 992px) {
    .main-header-area .main-header .container,
    .main-header-area .main-header .container-default {
        max-width: 1280px !important;
    }
    .main-header-area .main-header .row.align-items-center {
        flex-wrap: nowrap !important;
    }
    .main-header-area .main-header .col-lg-2.col-xl-2 {
        flex: 0 0 22% !important;
        max-width: 22% !important;
    }
    .main-header-area .main-header .col-lg-8.col-xl-7 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .main-header-area .main-header .col-lg-2.col-xl-3 {
        flex: 0 0 28% !important;
        max-width: 28% !important;
    }
    .main-header-area .main-nav > ul.nav,
    .main-header-area .main-nav ul.nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
    }
    .main-header-area .main-nav ul.nav > li > a {
        white-space: nowrap !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
        letter-spacing: -.01em;
    }
    .main-header-area .header-logo img.img-full,
    .main-header-area .header-logo img {
        max-width: 210px !important;
        max-height: 54px !important;
    }
    .login-register-wrap {
        gap: 6px !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
    }
    .login-register-wrap span a {
        padding: 0 11px !important;
        min-height: 36px !important;
        font-size: 12px !important;
    }
}

/* Keep the station owner strip useful, but less bulky. */
.ss-access-strip {
    padding: 10px 0 !important;
}
.ss-access-copy span {
    font-size: 14px !important;
    line-height: 1.35 !important;
}
.ss-access-actions {
    gap: 9px !important;
}
.ss-access-btn {
    min-height: 34px !important;
    padding: 8px 13px !important;
    font-size: 13px !important;
}

/* Uploaded square artwork now fits neatly inside wide hero cards instead of being cropped. */
.ss-page-hero .ss-hero-art,
.ss-hero-art {
    aspect-ratio: 16 / 9;
    min-height: 0 !important;
    max-height: 520px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px;
    background: radial-gradient(circle at 50% 45%, rgba(37,99,235,.22), rgba(2,6,23,.98) 70%) !important;
}
.ss-page-hero .ss-hero-art img,
.ss-hero-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 20px;
}
.ss-banner-preview {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(2,6,23,.92) !important;
    border: 1px solid rgba(148,163,184,.18);
    padding: 16px;
}
.ss-banner-preview img {
    width: 100% !important;
    max-height: 220px !important;
    object-fit: contain !important;
    object-position: center !important;
}
.ss-radio-card-media,
.radio-img,
.station-logo-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #071033, #111b44) !important;
}
.ss-radio-card-media img,
.ss-radio-logo,
.radio-img img,
.station-logo-wrap img {
    object-fit: contain !important;
    object-position: center !important;
    max-width: 92% !important;
    max-height: 92% !important;
}

/* Better spacing after removing the old breadcrumb banners. */
.ss-access-strip + .ss-page-shell {
    padding-top: 54px !important;
}

@media (max-width: 991px) {
    .ss-page-hero .ss-hero-art,
    .ss-hero-art {
        aspect-ratio: 1 / 1;
        max-height: 460px;
    }
    .ss-access-copy span {
        font-size: 13px !important;
    }
}

/* ===== Final image-fit correction: keep uploaded artwork visible, no awkward crop ===== */
.ss-page-hero {
    overflow: hidden;
}
.ss-hero-art {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 320px;
    max-height: 560px;
    background: radial-gradient(circle at 50% 45%, rgba(0, 212, 255, .14), transparent 42%), rgba(7, 11, 34, .82) !important;
    padding: 10px !important;
}
.ss-hero-art img {
    width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 20px;
}
.ss-hero-art.ss-art-clean {
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}
.ss-hero-art.ss-art-clean img {
    border-radius: 24px;
    box-shadow: 0 28px 80px rgba(0,0,0,.28);
}
.ss-pro-image-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 24px;
}
.ss-pro-image-card {
    background: rgba(7, 11, 34, .94);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 26px;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(0,0,0,.24);
}
.ss-pro-image-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
    border-radius: 20px;
}
.ss-banner-preview {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ss-banner-preview img {
    width: 100% !important;
    height: auto !important;
    max-height: 210px !important;
    object-fit: contain !important;
}
/* Prevent legacy page banners/breadcrumbs from reappearing above the new pro sections. */
.breadcrumb-area,
.breadcrumb-wrap,
.page-title-area,
.inner-banner,
.banner-breadcrumb,
.breadcrumb-section,
[class*="breadcrumb"]:not(.breadcrumb):not(.breadcrumb-item) {
    display: none !important;
}
@media (max-width: 991px) {
    .ss-hero-art { min-height: 240px; max-height: none; }
    .ss-hero-art img { max-height: 430px !important; }
    .ss-pro-image-gallery { grid-template-columns: 1fr; }
}

/* =========================================================
   FINAL SENIOR CLEANUP: no broken footer, no cropped artwork
   Station Select global presentation layer.
   ========================================================= */
html, body { overflow-x: hidden !important; }
body { background: #05091f !important; }
.contact-wrapper { background: #05091f !important; }

/* Keep every page in the same dark radio style after removing breadcrumbs. */
.ss-page-shell,
.ss-submit-page-intro,
.login-register-area,
.ss-legacy-page-shell {
    background:
        radial-gradient(circle at 78% 10%, rgba(139,61,255,.18), transparent 34%),
        radial-gradient(circle at 18% 18%, rgba(0,212,255,.10), transparent 32%),
        linear-gradient(180deg, #05091f 0%, #08112d 100%) !important;
    color: #dbeafe !important;
}
.ss-page-shell { padding: clamp(42px, 6vw, 72px) 0 76px !important; }
.ss-page-shell:before,
.ss-home-hero:before {
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) !important;
    background-size: 34px 34px !important;
}

/* Page heroes: give text enough space and stop stat tiles becoming tiny slivers. */
.ss-page-hero {
    grid-template-columns: minmax(420px, .92fr) minmax(360px, 1.08fr) !important;
    gap: clamp(22px, 3vw, 42px) !important;
    align-items: center !important;
    background: rgba(7, 11, 34, .84) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
}
.ss-feature-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important;
    gap: 14px !important;
}
.ss-feature-tile {
    min-width: 0 !important;
    word-break: normal !important;
}
.ss-feature-tile strong,
.ss-feature-tile span { overflow-wrap: normal !important; }

/* Hero/page artwork: contain full uploaded image, don't crop, don't stretch. */
.ss-hero-art,
.ss-page-hero .ss-hero-art,
.ss-art-clean,
.ss-banner-preview,
.ss-visual-shot,
.ss-pro-image-card {
    background: radial-gradient(circle at 50% 45%, rgba(0,212,255,.12), transparent 45%), rgba(4, 9, 31, .96) !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    overflow: hidden !important;
}
.ss-hero-art,
.ss-page-hero .ss-hero-art {
    min-height: 330px !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ss-hero-art img,
.ss-page-hero .ss-hero-art img,
.ss-art-clean img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Homepage image and visual showcase cards: previous CSS was cover/crop. */
.ss-hero-player-image,
.ss-hero-player-visual {
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 420px !important;
    border-radius: 32px !important;
}
.ss-hero-showcase-img,
.ss-hero-player-image img,
.ss-hero-player-visual > img {
    width: 100% !important;
    height: 100% !important;
    max-height: 620px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}
.ss-visual-showcase-grid {
    align-items: stretch !important;
}
.ss-visual-shot {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 260px !important;
    padding: 0 !important;
}
.ss-visual-shot-large { min-height: 540px !important; }
.ss-visual-shot img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}
.ss-visual-shot:hover img { transform: none !important; }
.ss-visual-shot span { z-index: 2 !important; }

/* Banner/logo boxes: full artwork inside the frame. */
.ss-banner-preview {
    min-height: 240px !important;
    padding: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ss-banner-preview img,
.ss-embed-grid .ss-banner-preview img,
.ss-pro-image-card img {
    width: 100% !important;
    height: 100% !important;
    max-height: 360px !important;
    object-fit: contain !important;
    object-position: center !important;
}
.ss-pro-image-card { min-height: 300px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ss-pro-image-card img { aspect-ratio: auto !important; }

/* Station cards/logos: no white blown-out boxes, no distorted station images. */
.ss-radio-card-media img.ss-radio-logo,
.ss-radio-logo,
.radio-logo,
.radio-image-container img.radio-logo {
    object-fit: contain !important;
    object-position: center !important;
    width: 82% !important;
    height: 82% !important;
    max-width: 82% !important;
    max-height: 82% !important;
    background: rgba(255,255,255,.96) !important;
    border-radius: 22px !important;
    padding: 12px !important;
}
.radio-image-container,
.ss-radio-card-media {
    background: radial-gradient(circle at 50% 32%, rgba(139,61,255,.18), transparent 42%), linear-gradient(135deg, #071033, #111b44) !important;
}

/* Add/edit station forms: keep form usable but match the dark UI around it. */
.login-register-area,
#stationSubmitForm {
    padding: 0 0 80px !important;
    margin-top: 0 !important;
}
.login-register-wrapper {
    background: #ffffff !important;
    border-radius: 28px !important;
    border: 1px solid rgba(219,228,240,.92) !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.24) !important;
    padding: clamp(22px, 4vw, 42px) !important;
}
.login-register-wrapper .title-4,
.login-register-wrapper h1,
.login-register-wrapper h2,
.login-register-wrapper h3,
.login-register-wrapper h4,
.login-register-wrapper h5 { color: #0b102a !important; }
.login-register-wrapper p,
.login-register-wrapper li,
.login-register-wrapper label { color: #34405a !important; }

/* Compact station-owner toolbar that does not dominate the page. */
.ss-access-strip {
    position: relative !important;
    z-index: 20 !important;
    padding: 8px 0 !important;
}
.ss-access-strip-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 42px !important;
}
.ss-access-copy { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; }
.ss-access-copy span { font-size: 13px !important; line-height: 1.25 !important; }
.ss-access-actions { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: flex-end !important; }
.ss-access-btn { min-height: 32px !important; padding: 7px 12px !important; font-size: 12px !important; }

/* Professional footer rebuild: fixes the messy stacked/overlapping footer. */
.footer-area.ss-footer-pro,
.footer-area {
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(36,92,255,.24), transparent 30%),
        radial-gradient(circle at 85% 0%, rgba(255,47,143,.14), transparent 28%),
        linear-gradient(135deg, #03081f 0%, #071033 100%) !important;
    border-top: 1px solid rgba(148,163,184,.18) !important;
    color: #dbeafe !important;
    overflow: hidden !important;
}
.footer-widget-area.ss-footer-main,
.footer-area .footer-widget-area {
    padding: clamp(44px, 6vw, 72px) 0 34px !important;
    background: transparent !important;
}
.ss-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.25fr) minmax(170px, .75fr) minmax(230px, 1fr) minmax(190px, .85fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
}
.ss-footer-brand-card,
.footer-area .single-footer-widget,
.ss-footer-link-card,
.ss-footer-station-actions {
    height: 100% !important;
    margin: 0 !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.18) !important;
}
.footer-logo.ss-footer-logo-new,
.ss-footer-logo-new {
    margin-bottom: 18px !important;
}
.footer-logo.ss-footer-logo-new a,
.ss-footer-logo-new a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 260px !important;
    padding: 10px 14px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}
.footer-logo.ss-footer-logo-new img,
.ss-footer-logo-new img {
    width: auto !important;
    max-width: 220px !important;
    max-height: 58px !important;
    display: block !important;
    object-fit: contain !important;
}
.footer-area .desc-content,
.footer-area p,
.footer-area span,
.ss-footer-owner-copy {
    color: #b9c4dd !important;
    line-height: 1.65 !important;
}
.footer-area .widget-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: -.02em !important;
}
.ss-footer-clean-list,
.footer-area .widget-list,
.ss-footer-contact-list {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.footer-area .widget-list li,
.ss-footer-clean-list li,
.ss-footer-contact-list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    color: #b9c4dd !important;
}
.footer-area .widget-list li:before,
.footer-area .footer_about_link_wrapper li:before { display: none !important; }
.footer-area a {
    color: #dbeafe !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}
.footer-area a:hover { color: #22d3ee !important; }
.ss-footer-contact-list li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.ss-footer-contact-list i,
.footer-area .widget-list i {
    color: #22d3ee !important;
    width: 20px !important;
    text-align: center !important;
}
.ss-footer-owner-buttons {
    display: grid !important;
    gap: 10px !important;
    margin-top: 16px !important;
}
.ss-footer-owner-buttons a {
    min-height: 42px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #245cff, #00d4ff) !important;
    color: #fff !important;
    border: 0 !important;
}
.ss-footer-owner-buttons a:nth-child(n+2) {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}
.ss-footer-app {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    display: grid !important;
    gap: 10px !important;
}
.ss-footer-app img {
    max-width: 150px !important;
    height: auto !important;
    object-fit: contain !important;
}
.footer-copyright-area.ss-footer-bottom,
.footer-area .footer-copyright-area {
    padding: 18px 0 !important;
    background: rgba(0,0,0,.18) !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    text-align: center !important;
}
.footer-area .copyright-content p {
    margin: 0 !important;
    color: #9fb0d0 !important;
}

/* Responsive cleanup */
@media (max-width: 1199px) {
    .ss-page-hero { grid-template-columns: 1fr !important; }
    .ss-hero-art, .ss-page-hero .ss-hero-art { aspect-ratio: 16 / 9 !important; min-height: 260px !important; }
    .ss-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 991px) {
    .ss-home-hero-grid { grid-template-columns: 1fr !important; }
    .ss-hero-player-image, .ss-hero-player-visual { min-height: 300px !important; }
    .ss-visual-showcase-grid { grid-template-columns: 1fr !important; }
    .ss-visual-shot-large { min-height: 320px !important; }
    .ss-access-strip-inner { align-items: flex-start !important; flex-direction: column !important; }
    .ss-access-actions { justify-content: flex-start !important; }
}
@media (max-width: 575px) {
    .ss-page-hero { padding: 20px !important; }
    .ss-feature-row { grid-template-columns: 1fr !important; }
    .ss-footer-grid { grid-template-columns: 1fr !important; }
    .ss-footer-brand-card,
    .footer-area .single-footer-widget,
    .ss-footer-link-card,
    .ss-footer-station-actions { padding: 18px !important; }
    .footer-logo.ss-footer-logo-new a,
    .ss-footer-logo-new a { max-width: 100% !important; }
    .ss-access-actions { width: 100% !important; }
    .ss-access-btn, .ss-access-logout { flex: 1 1 auto !important; }
}

/* ==========================================================
   FINAL SENIOR CLEANUP PASS
   - colour contrast fixes
   - image fitting fixes
   - footer rebuild polish
   - compact owner toolbar
   - global persistent player
   ========================================================== */
html, body { max-width: 100%; overflow-x: hidden !important; }
body {
    background: #070b22 !important;
    color: #eaf2ff;
}
.contact-wrapper { background: #070b22 !important; min-height: 100vh; }
.container, .container-default, .custom-area { max-width: 1200px; }

/* Header / top owner bar: tighter, less wrap */
.main-header-area .main-header,
.main-header-area .header-sticky,
.ss-access-strip {
    background: rgba(7,11,34,.96) !important;
    border-bottom: 1px solid rgba(148,163,184,.16) !important;
    box-shadow: none !important;
}
.header-logo img,
.header-logo .img-full,
.footer-logo img,
.ss-footer-logo-new img {
    background: transparent !important;
    box-shadow: none !important;
}
.main-header-area .main-nav .nav { gap: 3px !important; flex-wrap: nowrap !important; }
.main-header-area .main-nav .nav > li > a {
    color: #eaf2ff !important;
    padding: 9px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.main-header-area .main-nav .nav > li > a:hover,
.main-header-area .main-nav .nav > li > a.active {
    background: rgba(36,92,255,.18) !important;
    color: #ffffff !important;
}
.ss-access-strip { position: relative; z-index: 20; }
.ss-access-strip-inner {
    min-height: 56px !important;
    padding: 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}
.ss-access-copy { color: #dbeafe !important; font-size: 13px !important; font-weight: 800 !important; }
.ss-access-actions { display: flex !important; gap: 8px !important; align-items: center !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
.ss-access-btn {
    min-height: 34px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}
.ss-access-logout { margin: 0 !important; }

/* Page backgrounds: remove accidental white/grey bands */
.ss-page-shell,
.ss-legacy-page-shell,
.ss-home-page,
.stations-area,
.ss-station-page {
    background:
        radial-gradient(circle at 18% 0%, rgba(36,92,255,.16), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(255,47,143,.12), transparent 30%),
        linear-gradient(180deg, #070b22 0%, #0b102a 55%, #070b22 100%) !important;
    color: #eaf2ff !important;
}
.ss-generic-page,
.ss-legacy-content-card,
.ss-content-card,
.ss-filter-card,
.ss-country-panel,
.ss-pro-section {
    background: rgba(255,255,255,.97) !important;
    color: #10172d !important;
}

/* All marketing hero artwork: show the full image instead of cropping it */
.ss-hero-art,
.ss-page-hero .ss-hero-art,
.ss-visual-shot,
.ss-banner-preview,
.ss-clean-image-frame,
.ss-showcase-card,
.ss-promo-card,
.ss-sponsor-image,
.ss-auth-card,
.ss-page-media,
.ss-page-image,
.ss-feature-image,
.ss-broadcaster-art,
.ss-pro-art,
.ss-submit-art {
    background: #080d26 !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    overflow: hidden !important;
}
.ss-hero-art img,
.ss-page-hero .ss-hero-art img,
.ss-visual-shot img,
.ss-banner-preview img,
.ss-clean-image-frame img,
.ss-showcase-card img,
.ss-promo-card img,
.ss-sponsor-image img,
.ss-auth-card img,
.ss-page-media img,
.ss-page-image img,
.ss-feature-image img,
.ss-broadcaster-art img,
.ss-pro-art img,
.ss-submit-art img,
[class*="hero"] img[src*="stations_site/images/pro"],
[class*="showcase"] img[src*="stations_site/images/pro"],
[class*="banner"] img[src*="stations_site/images/pro"] {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    background: #080d26 !important;
    padding: 0 !important;
}
.ss-visual-shot:hover img { transform: none !important; }
.ss-hero-art,
.ss-page-hero .ss-hero-art { aspect-ratio: 16 / 9 !important; min-height: 300px !important; display: grid !important; place-items: center !important; }
.ss-visual-shot { min-height: 320px !important; display: grid !important; place-items: center !important; }
.ss-visual-shot-large { min-height: 420px !important; }
.ss-banner-preview { min-height: 240px !important; display: grid !important; place-items: center !important; }
.ss-banner-preview img { max-height: none !important; width: 100% !important; height: 100% !important; }

/* Station logo cards should remain contained and neat */
.radio-image-container img,
.radio-logo,
.ss-radio-card-media img,
.similar-stations .station-card img {
    object-fit: contain !important;
    background: transparent !important;
}

/* Pricing / Pro contrast fixes */
.ss-pro-pricing,
.pricing-area,
.price-area { color: #10172d !important; }
.ss-price-card:not(.featured),
.ss-price-card:not(.featured) *:not(a):not(button),
.ss-pro-section .ss-price-card:not(.featured),
.ss-pro-section .ss-price-card:not(.featured) h3,
.ss-pro-section .ss-price-card:not(.featured) p,
.ss-pro-section .ss-price-card:not(.featured) li,
.ss-pro-section .ss-price-card:not(.featured) .ss-price {
    color: #10172d !important;
    opacity: 1 !important;
}
.ss-price-card:not(.featured) {
    background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
    border: 1px solid #dbe7f5 !important;
    box-shadow: 0 20px 55px rgba(15,23,42,.10) !important;
}
.ss-price-card:not(.featured) h3 { color: #10172d !important; }
.ss-price-card:not(.featured) .ss-price { color: #245cff !important; }
.ss-price-card:not(.featured) p,
.ss-price-card:not(.featured) li { color: #44516a !important; }
.ss-price-card.featured { color: #fff !important; }
.ss-price-card.featured h3,
.ss-price-card.featured .ss-price { color: #fff !important; }

/* Footer rebuild polish */
.footer-area.ss-footer-pro,
.footer-area {
    margin-top: 0 !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(36,92,255,.22), transparent 34%),
        radial-gradient(circle at 80% 0%, rgba(255,47,143,.18), transparent 30%),
        linear-gradient(180deg, #080d26, #040818) !important;
    color: #dbeafe !important;
    border-top: 1px solid rgba(148,163,184,.16) !important;
    overflow: hidden !important;
}
.footer-widget-area.ss-footer-main,
.footer-area .footer-widget-area {
    padding: 56px 0 34px !important;
    background: transparent !important;
}
.ss-footer-grid {
    display: grid !important;
    grid-template-columns: 1.25fr .85fr 1fr .95fr !important;
    gap: 18px !important;
    align-items: stretch !important;
}
.ss-footer-brand-card,
.footer-area .single-footer-widget,
.ss-footer-link-card,
.ss-footer-station-actions {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 24px !important;
    padding: 24px !important;
    min-height: 100% !important;
    box-shadow: none !important;
}
.footer-logo.ss-footer-logo-new a,
.ss-footer-logo-new a {
    display: inline-flex !important;
    max-width: 260px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
.footer-logo.ss-footer-logo-new img,
.ss-footer-logo-new img {
    width: 100% !important;
    max-height: 64px !important;
    object-fit: contain !important;
}
.footer-area h2.widget-title,
.footer-area .widget-title {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}
.footer-area p,
.footer-area li,
.footer-area a,
.footer-area span {
    color: #b9c4dd !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
.footer-area a:hover { color: #22d3ee !important; }
.ss-footer-clean-list,
.ss-footer-contact-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid !important; gap: 9px !important; }
.ss-footer-clean-list li,
.ss-footer-contact-list li { margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.ss-footer-owner-buttons { display: grid !important; gap: 10px !important; }
.ss-footer-owner-buttons a {
    min-height: 42px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}
.footer-copyright-area.ss-footer-bottom { background: rgba(0,0,0,.28) !important; }
.footer-area .copyright-content p { color: #8ea0c3 !important; }

/* Global persistent audio player */
.ss-global-player {
    position: fixed !important;
    left: 50% !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    width: min(720px, calc(100% - 28px)) !important;
    z-index: 1095 !important;
}
.ss-global-player[hidden] { display: none !important; }
.ss-global-player-inner {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto 38px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 999px !important;
    background: rgba(7,11,34,.92) !important;
    border: 1px solid rgba(34,211,238,.28) !important;
    box-shadow: 0 20px 70px rgba(0,0,0,.42), 0 0 34px rgba(36,92,255,.18) !important;
    backdrop-filter: blur(18px) !important;
}
.ss-global-player-toggle,
.ss-global-player-close {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 0 !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
}
.ss-global-player-toggle { background: linear-gradient(135deg,#245cff,#00d4ff) !important; font-size: 22px !important; }
.ss-global-player-close { background: rgba(255,255,255,.08) !important; font-size: 20px !important; }
.ss-global-player-meta { min-width: 0 !important; }
.ss-global-player-label { display: block !important; color: #8ea0c3 !important; font-size: 11px !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: .12em !important; font-weight: 900 !important; }
.ss-global-player-meta strong { display: block !important; color: #fff !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; font-size: 16px !important; line-height: 1.25 !important; }
.ss-global-player-bars { display: flex !important; align-items: end !important; gap: 4px !important; height: 28px !important; }
.ss-global-player-bars span { width: 5px !important; border-radius: 999px !important; background: linear-gradient(180deg,#00d4ff,#ff2f8f) !important; animation: ss-mini-bars 1s ease-in-out infinite !important; opacity: .55 !important; }
.ss-global-player-bars span:nth-child(1){height:35%;animation-delay:0s!important}.ss-global-player-bars span:nth-child(2){height:80%;animation-delay:.12s!important}.ss-global-player-bars span:nth-child(3){height:50%;animation-delay:.24s!important}.ss-global-player-bars span:nth-child(4){height:95%;animation-delay:.36s!important}
.ss-global-player:not(.is-playing) .ss-global-player-bars span { animation-play-state: paused !important; opacity: .32 !important; }
@keyframes ss-mini-bars { 0%,100%{transform:scaleY(.55)} 50%{transform:scaleY(1.08)} }
body.ss-has-global-player { padding-bottom: 92px !important; }

@media (max-width: 1199px) {
    .ss-footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 991px) {
    .ss-access-strip-inner { align-items: flex-start !important; }
    .ss-access-actions { justify-content: flex-start !important; }
    .ss-hero-art, .ss-page-hero .ss-hero-art { min-height: 240px !important; }
    .ss-visual-shot, .ss-visual-shot-large { min-height: 260px !important; }
}
@media (max-width: 575px) {
    .ss-footer-grid { grid-template-columns: 1fr !important; }
    .ss-access-actions { width: 100% !important; }
    .ss-access-btn { flex: 1 1 auto !important; justify-content: center !important; }
    .ss-global-player-inner { grid-template-columns: 44px minmax(0,1fr) 34px !important; }
    .ss-global-player-bars { display: none !important; }
    .ss-global-player-meta strong { font-size: 14px !important; }
}

/* Final brand logo pass: white wordmark + pink/purple hover glow */
.header-logo a,
.ss-footer-brand a,
.wrapper_first_image a,
.ss-auth-card .ss-auth-logo,
.ss-home-brand-logo {
    display: inline-flex;
    align-items: center;
}

.header-logo img,
.wrapper_first_image img,
.ss-footer-logo,
.ss-auth-logo,
.ss-home-brand-logo,
img[src*="logo.png.png"],
img[src*="stationselect-logo-light"],
img[src*="stationselect-logo-dark-transparent"] {
    object-fit: contain !important;
    background: transparent !important;
    transition: filter .25s ease, transform .25s ease, opacity .25s ease;
}

.header-logo a:hover img,
.wrapper_first_image a:hover img,
.ss-footer-brand a:hover img,
.ss-auth-card a:hover img,
a:hover img[src*="logo.png.png"],
a:hover img[src*="stationselect-logo-light"],
a:hover img[src*="stationselect-logo-dark-transparent"] {
    transform: translateY(-1px);
    filter:
        drop-shadow(0 0 8px rgba(255, 48, 165, .70))
        drop-shadow(0 0 18px rgba(135, 66, 255, .55))
        drop-shadow(0 0 28px rgba(0, 213, 255, .28));
}

.main-header-area .main-nav > ul > li > a:hover,
.main-header-area .main-nav > ul > li > a.active,
.mobile-menu a:hover,
.footer_wrapper a:hover,
.ss-footer a:hover {
    color: #ff4ecb !important;
    text-shadow: 0 0 14px rgba(160, 79, 255, .55);
}

.header-logo img {
    max-height: 54px !important;
    width: auto !important;
}

.wrapper_first_image img {
    max-width: 260px !important;
    width: 100% !important;
    height: auto !important;
}

.ss-home-brand-logo {
    max-width: 280px !important;
    height: auto !important;
}