/* Station Select v2.6.0 consolidated bundle. Source order preserved; no minification. */

/* ==== stations_site/css/style.css ==== */
/* =============================================
=                CSS Index            =
============================================= */
/*

    00 - Base - Variables
    00 - Base - Mixins
    01 - Global - Default
    02 - Global - Helper
    03 - Global - Color
    04 - Layout - Header
    05 - Layout - Footer
    06 - Pages - Blog
    07 - Pages - Shop
    08 - Pages - Single-product
    09 - Pages - Contact
    10 - Pages - Error
    11 - Pages - Compare
    12 - Pages - Cart
    13 - Pages - Checkout
    14 - Pages - Wishlist
    15 - Pages - FAQ
    16 - Pages - My-Account
    17 - Pages - Login-Register
    18 - Components - Button
    19 - Components - Slider
    20 - Components - Feature
    21 - Components - Product
    22 - Components - Banner
    23 - Components - Newsletter 
    24 - Components - Support
    25 - Components - Action-plan
    26 - Components - Brand-logo
    27 - Components - Modal
    28 - Components - Breadcrumb

  =====  End of CSS Index  ====== */
/*----------------------------------------*/
/*    00 - Base - Variables
/*----------------------------------------*/
/*----------------------------------------*/
/*    00 - Base - Mixins
/*----------------------------------------*/
/*----------------------------------------*/
/*    01 - Global - Default
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;469;500;600;700&display=swap");
body {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #303030;
  font-family: "Poppins", sans-serif;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", sans-serif;
  color: #1B1B1C;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

p {
  margin-bottom: 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
}

.img-full {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

a {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #E98C81;
}

a,
button,
i {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a,
a:hover,
a:focus,
a:active,
button,
button:focus,
.btn,
.btn:focus,
input,
input:focus,
select,
textarea,
.slick-slide {
  text-decoration: none;
  outline: 0;
}

input.input-field {
  border: 1px solid #e1e1e1;
}

textarea.textarea-field {
  border: 1px solid #e1e1e1;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #e1e1e1;
  content: "";
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

input[type="checkbox"] + label:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: 'FontAwesome';
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  width: 20px;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #13aff0;
}

input[type="checkbox"]:checked + label:before {
  border: 2px solid #e1e1e1;
}

input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

button,
.btn {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.overflow-hidden {
  overflow: hidden;
}

/* ---Font Style--- */
.font-style_italic {
  font-style: italic;
}

/* ---Line Height--- */
.line-height-1 {
  line-height: 1;
}

/*----------------------------------------*/
/*    02 - Global - Helper
/*----------------------------------------*/
/*--- Custom Container ---*/
@media (min-width: 1501px) {
  .container-default {
    max-width: 1480px;
  }
}

@media (min-width: 1501px) {
  .container-default-2 {
    max-width: 1140px;
  }
}

/*--- Custom Container, row and col  ---*/
.container.custom-area {
  padding-right: 15px;
  padding-left: 15px;
}

.container.custom-area .row {
  margin-right: -15px;
  margin-left: -15px;
}

.container.custom-area .col-custom {
  padding-right: 15px;
  padding-left: 15px;
}

/*-- Boxed Home Layout --*/
.boxed-layout {
  -webkit-box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
          box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  max-width: 90%;
  margin: auto;
}

/* --- Preloader---*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 99999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #E98C81;
  -webkit-animation: preloader 1.3s linear infinite;
          animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: .9;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: .9;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

/* ---Section Title--- */
.title {
  font-size: 36px;
}

@media (max-width: 575px) {
  .title {
    font-size: 30px;
  }
}

@media (max-width: 479px) {
  .title {
    font-size: 26px;
  }
}

.title-2 {
  font-size: 18px;
}

.section-content .title-1 {
  font-size: 30px;
  font-weight: 500;
}

@media (max-width: 479px) {
  .section-content .title-1 {
    font-size: 26px;
  }
}

.section-content .title-3 {
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 575px) {
  .section-content .title-3 {
    font-size: 28px;
  }
}

@media (max-width: 479px) {
  .section-content .title-3 {
    font-size: 26px;
  }
}

.section-content .title-4 {
  font-size: 24px;
  font-weight: 400;
}

.section-content .title-4 span {
  color: #E98C81;
}

@media (max-width: 575px) {
  .section-content .title-4 {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .section-content .title-4 {
    font-size: 18px;
  }
}

/* ---Spacing Between Two Row---*/
.product-slider .slick-slide div:not(:last-child) .product-item {
  padding-bottom: 55px;
}

/* ---Tab Content & Pane Fix--- */
/*-- Scroll To Top --*/
.scroll-to-top {
  background-color: #E98C81;
  color: #ffffff;
  position: fixed;
  right: 50px;
  top: 0%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 999;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
  -webkit-transition: .9s;
  -o-transition: .9s;
  transition: .9s;
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  top: 98%;
  -webkit-transform: translateY(-98%);
      -ms-transform: translateY(-98%);
          transform: translateY(-98%);
}

.scroll-to-top:hover {
  background-color: #1B1B1C;
}

.product-rating i {
  font-size: 18px;
  margin-right: 1px;
  color: #E98C81;
}

/* ---Pagination--- */
.pagination li {
  margin-right: 20px;
}

.pagination li:last-child {
  margin-right: 0;
}

.pagination li:hover a {
  color: #000000;
}

.pagination li:active a {
  color: #000000;
}

.pagination li a {
  color: #a7a7a7;
}

/* ---Tag--- */
/* ---Range Slider--- */
.price-filter .ui-widget-content {
  background-color: #e1e1e1;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  height: 5px;
  margin: 0 0 25px;
  width: 100%;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.price-filter .ui-slider-range {
  background-color: #1b1b1b;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
}

.price-filter .ui-slider-handle {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  line-height: 15px;
  margin: 0;
  text-align: center;
  top: 50%;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: e-resize;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.price-filter .ui-slider-handle:last-child {
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.price-filter .ui-slider-handle:hover {
  background-color: #E98C81;
}

.price-filter .price-slider-amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.price-filter .price-slider-amount .filter-btn {
  border: 2px solid #1b1b1b;
  width: 110px;
  height: 40px;
  line-height: 38px;
  font-size: 12px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price-filter .price-slider-amount .filter-btn {
    width: 40px;
    font-size: 14px;
  }
}

.price-filter .price-slider-amount .filter-btn:hover {
  background-color: #E98C81;
  border-color: #E98C81;
  color: #ffffff;
}

.price-filter .price-slider-amount .label-input label {
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  padding-left: 5px;
}

.price-filter .price-slider-amount .label-input input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: inherit;
  padding-left: 5px;
  width: 99px;
}

/* ---Countdown--- */
.countdown-wrapper {
  margin-bottom: 10px;
}

.countdown-wrapper .single-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
}

.countdown-wrapper .single-countdown:last-child {
  margin-right: 0;
}

.countdown-wrapper .single-countdown .single-countdown_time {
  font-size: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 40px;
  color: #1B1B1C;
}

@media (max-width: 479px) {
  .countdown-wrapper .single-countdown .single-countdown_time {
    font-size: 26px;
  }
}

.countdown-wrapper .single-countdown .single-countdown_text {
  font-size: 22px;
  line-height: 22px;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  color: #1B1B1C;
}

@media (max-width: 479px) {
  .countdown-wrapper .single-countdown .single-countdown_text {
    font-size: 14px;
  }
}

.countdown-wrapper.countdown-style-2 .single-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
  width: 60px;
  height: 60px;
  background-color: #1B1B1C;
  border-radius: 5px;
}

.countdown-wrapper.countdown-style-2 .single-countdown:last-child {
  margin-right: 0;
}

.countdown-wrapper.countdown-style-2 .single-countdown .single-countdown_time {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 16px;
  color: #ffffff;
  margin-bottom: 5px;
}

.countdown-wrapper.countdown-style-2 .single-countdown .single-countdown_text {
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #ffffff;
}

@media (max-width: 479px) {
  .countdown-wrapper.countdown-style-2 .single-countdown .single-countdown_text {
    font-size: 14px;
  }
}

/* ---Section Space--- */
.mt-text {
  margin-top: 74px;
}

@media (max-width: 479px) {
  .mt-text {
    margin-top: 54px;
  }
}

.mb-text {
  margin-bottom: 74px;
}

@media (max-width: 479px) {
  .mb-text {
    margin-bottom: 54px;
  }
}

.mt-no-text {
  margin-top: 80px;
}

@media (max-width: 479px) {
  .mt-no-text {
    margin-top: 60px;
  }
}

.mb-text-p {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .mb-text-p {
    margin-bottom: 71px;
  }
}

@media (max-width: 575px) {
  .mb-text-p {
    margin-bottom: 73px;
  }
}

@media (max-width: 479px) {
  .mb-text-p {
    margin-bottom: 53px;
  }
}

.mb-no-text {
  margin-bottom: 80px;
}

@media (max-width: 479px) {
  .mb-no-text {
    margin-bottom: 60px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-30 {
  margin-top: 30px;
}

/*--- Image Hover Style ---*/
.hover-style {
  display: block;
  overflow: hidden;
}

.hover-style img {
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.hover-style:hover img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}

/* ---Nice Select Customization--- */
.myniceselect.nice-select {
  padding: 0;
  margin: 0;
  height: auto;
  line-height: auto;
}

.myniceselect.nice-select span {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
}

.myniceselect.nice-select .list {
  width: 100%;
}

.myniceselect.nice-select.wide span {
  width: 100%;
}

/*--- Slick Dots Style ---*/
.slick-dots {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1480px;
  padding: 0 15px;
  text-align: right;
}

@media (max-width: 1800px) {
  .slick-dots {
    max-width: 1320px;
  }
}

@media (max-width: 1500px) {
  .slick-dots {
    max-width: 1140px;
  }
}

@media (max-width: 1199px) {
  .slick-dots {
    max-width: 960px;
  }
}

@media (max-width: 991px) {
  .slick-dots {
    max-width: 720px;
  }
}

@media (max-width: 767px) {
  .slick-dots {
    max-width: 540px;
    text-align: left;
  }
}

@media (max-width: 575px) {
  .slick-dots {
    bottom: 40px;
    text-align: left;
  }
}

@media (max-width: 479px) {
  .slick-dots {
    bottom: 30px;
    text-align: left;
  }
}

.slick-dots li {
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.slick-dots li:first-child {
  margin-right: 15px;
}

.slick-dots li.slick-active {
  background-color: #E98C81 !important;
  width: 30px;
}

.slick-dots li button {
  border: none;
}

/* ---Mgana Slick Arrows--- */
.arrow-style.arrow-style-2 .slick-arrow.tty-slick-text-next {
  right: 2%;
}

.arrow-style.arrow-style-2 .slick-arrow.tty-slick-text-prev {
  left: 2%;
}

.arrow-style .slick-arrow {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 30px;
  top: calc(50% - 0px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #ffffff;
}

.arrow-style .slick-arrow.tty-slick-text-next {
  right: 5%;
}

.arrow-style .slick-arrow.tty-slick-text-prev {
  left: 5%;
}

.arrow-style .slick-arrow > i {
  display: block;
  line-height: 60px;
}

.arrow-style .slick-arrow:hover {
  opacity: 0.6;
  background-color: #E98C81;
}

.arrow-style .slick-arrow:hover > i {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.arrow-style:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/* ---Bootstrap No Gutters--- */
.no-gutters {
  margin-right: 0px;
  margin-left: 0px;
}

/* --- Quantity --- */
.quantity-with_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}

.quantity {
  margin-right: 10px;
}

.quantity .cart-plus-minus {
  position: relative;
  width: 150px;
  text-align: left;
  height: 45px;
  overflow: hidden;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
  border: 1px solid #e1e1e1;
  height: 45px;
  text-align: center;
  width: 150px;
  background: #ffffff;
  font-size: 16px;
  font-weight: 600;
}

.quantity .cart-plus-minus > .qtybutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  width: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  color: #1B1B1C;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.quantity .cart-plus-minus > .qtybutton:hover {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-color: #E98C81;
}

.quantity .cart-plus-minus > .qtybutton:hover i {
  color: #ffffff;
}

.quantity .cart-plus-minus > .qtybutton.dec {
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-right: 1px solid #e1e1e1;
}

.quantity .cart-plus-minus > .qtybutton.inc {
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-left: 1px solid #e1e1e1;
}

/* ---Google Maps--- */
.google-map-area #googleMap {
  width: 100%;
  height: 500px;
}

@media (max-width: 767px) {
  .google-map-area #googleMap {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .google-map-area #googleMap {
    height: 400px;
  }
}

/*----------------------------------------*/
/*    03 - Global - Color
/*----------------------------------------*/
.red {
  background: red no-repeat center;
  background-size: initial;
}

.green {
  background: green no-repeat center;
  background-size: initial;
}

.blue {
  background: blue no-repeat center;
  background-size: initial;
}

.yellow {
  background: yellow no-repeat center;
  background-size: initial;
}

.white {
  background: white no-repeat center;
  background-size: initial;
}

.gold {
  background: gold no-repeat center;
  background-size: initial;
}

.gray {
  background: gray no-repeat center;
  background-size: initial;
}

.magenta {
  background: magenta no-repeat center;
  background-size: initial;
}

.maroon {
  background: maroon no-repeat center;
  background-size: initial;
}

.navy {
  background: navy no-repeat center;
  background-size: initial;
}

.facebook-color {
  color: #3B5998;
}

.facebook-color:hover {
  color: #E98C81;
}

.twitter-color {
  color: #55ACEE;
}

.twitter-color:hover {
  color: #E98C81;
}

.linkedin-color {
  color: #2867B2;
}

.linkedin-color:hover {
  color: #E98C81;
}

.pinterest-color {
  color: #DF0022;
}

.pinterest-color:hover {
  color: #E98C81;
}

/*----------------------------------------*/
/*    04 - Layout - Header
/*----------------------------------------*/
/*-- Header Top Area --*/
.header-top-area {
  background-color: #E98C81;
}

.header-top-area.header-top-2 {
  background-color: #f0edee;
}

.header-top-area.header-top-2 .short-desc a {
  text-decoration: underline;
  color: #1B1B1C;
}

.header-top-area.header-top-2 .header-top-wrapper .top-close-button {
  margin-top: 0px;
}

.header-top-area.header-top-4 {
  background-color: #f0edee;
}

.header-top-area .header-top-wrapper {
  padding: 10px 0;
  position: relative;
}

.header-top-area .header-top-wrapper .short-desc {
  display: inline-block;
}

.header-top-area .header-top-wrapper .short-desc p {
  display: inline-block;
}

@media (max-width: 479px) {
  .header-top-area .header-top-wrapper .short-desc {
    display: block;
    margin-bottom: 10px;
  }
}

.header-top-area .header-top-wrapper .header-top-button {
  display: inline-block;
}

@media (max-width: 479px) {
  .header-top-area .header-top-wrapper .header-top-button {
    display: block;
  }
}

.header-top-area .header-top-wrapper .header-top-button a {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  padding: 5px 20px;
  margin-left: 15px;
  background-color: #E98C81;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 3px;
  display: inline-block;
  line-height: 18px;
  font-weight: 600;
}

.header-top-area .header-top-wrapper .header-top-button a:hover {
  color: #000000;
  border: 1px solid #000000;
}

@media (max-width: 479px) {
  .header-top-area .header-top-wrapper .header-top-button a {
    font-size: 12px;
    padding: 5px 10px;
    margin-left: 10px;
  }
}

.header-top-area .header-top-wrapper .top-close-button {
  float: right;
  margin-left: 0;
  cursor: pointer;
  display: block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 16px;
  position: relative;
  margin-top: 2px;
}

@media (max-width: 479px) {
  .header-top-area .header-top-wrapper .top-close-button {
    margin-left: 10px;
    position: absolute;
    top: 10px;
    right: 15px;
  }
}

/*-- Main Header Area --*/
.main-header-area .header-logo img {
  width: 125px;
}

/* ---Sticky Header--- */
.header-sticky {
  left: 0;
  position: fixed;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  right: 0;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 99;
  display: none;
}

.header-sticky.sticky {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
  display: block;
}

/* ---Main Menu--- */
.main-nav > ul > li {
  display: inline-block;
  position: relative;
  padding: 30px 0;
}

.main-nav > ul > li:hover .dropdown-hover {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.main-nav > ul > li:hover .dropdown-hover-2 {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.main-nav > ul > li > a {
  display: block;
  padding: 8px 17px;
  font-size: 15px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 18px;
}

.main-nav > ul > li > a.active {
  color: #E98C81;
}

.main-nav > ul > li > a i {
  margin-left: 0px;
  font-size: 15px;
  vertical-align: middle;
}

.main-nav > ul > li > a .menu-text {
  position: relative;
}

/*--- Dropdwon ---*/
.dropdown-submenu {
  background: #ffffff;
  padding: 20px 0 24px;
  width: 230px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.dropdown-submenu > li > a {
  padding: 10px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  line-height: 18px;
  position: relative;
  color: #454545;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-submenu > li > a:hover {
  color: #E98C81;
}

.dropdown-submenu > li > a.active {
  color: #E98C81;
}

.dropdown-submenu > li > a > i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2%;
  font-size: 15px;
  padding-right: 15px;
}

.dropdown-hover {
  position: absolute;
  top: 110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s linear 0.2s;
  -o-transition: all .3s linear 0.2s;
  transition: all .3s linear 0.2s;
  z-index: 999;
}

.dropdown-hover-2 {
  position: absolute;
  top: 110%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s linear 0.2s;
  -o-transition: all .3s linear 0.2s;
  transition: all .3s linear 0.2s;
  z-index: 999;
}

/*--- Mega-Menu ---*/
.mega-menu {
  background: #ffffff;
  width: 750px;
  left: 0;
  padding: 20px 0;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1199px) {
  .mega-menu {
    width: 635px;
  }
}

.mega-menu .menu-colum {
  width: 33.333333%;
  padding: 10px;
  float: left;
}

.mega-menu .menu-colum ul li .mega-menu-text {
  position: relative;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  display: table-caption;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 10px 20px;
}

.mega-menu .menu-colum ul li .mega-menu-text:after {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  border-bottom: 2px solid #000000;
  content: "";
  z-index: 1;
}

.mega-menu .menu-colum ul li a {
  padding: 10px 20px;
  display: block;
  font-family: "Poppins", sans-serif;
  line-height: 20px;
  color: #454545;
  font-size: 14px;
  font-weight: 400;
}

.mega-menu .menu-colum ul li a:hover {
  color: #E98C81;
}

.mega-menu .menu-colum ul li a.active {
  color: #E98C81;
}

/*--- Header Right Area ---*/
.dropdown-language {
  width: 280px;
  padding: 20px 25px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.header-right-area.main-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-right-area.main-nav > ul {
  position: relative;
}

.header-right-area.main-nav > ul > li {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-right-area.main-nav > ul > li > span {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding-left: 15px;
  margin-left: 15px;
}

.header-right-area.main-nav > ul > li > span:before {
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  content: "";
  position: absolute;
  background-color: #000000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header-right-area.main-nav > ul > li > span:first-child {
  padding: 0px;
  margin: 0px;
}

.header-right-area.main-nav > ul > li > span:first-child:before {
  display: none;
}

.header-right-area.main-nav > ul > li > a {
  padding: 4px 0px;
}

.header-right-area.main-nav > ul > li.login-register-wrap {
  margin-right: 25px;
}

.header-right-area.main-nav > ul > li.login-register-wrap a.active {
  color: #E98C81;
}

.header-right-area.main-nav > ul > li.sidemenu-wrap {
  margin-right: 30px;
}

@media (max-width: 991px) {
  .header-right-area.main-nav > ul > li.minicart-wrap {
    margin-right: 30px;
  }
}

.header-right-area.main-nav > ul > li.minicart-wrap .minicart-btn {
  position: relative;
}

.header-right-area.main-nav > ul > li.minicart-wrap .minicart-btn i {
  font-size: 25px;
  line-height: 1;
  color: #1B1B1C;
}

.header-right-area.main-nav > ul > li.minicart-wrap .minicart-btn .cart-item_count {
  background-color: #1B1B1C;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  left: -10px;
  top: 0;
}

.header-right-area.main-nav > ul > li.mobile-menu-btn a i {
  font-size: 20px;
}

.header-right-area .cart-item-wrapper {
  padding: 25px 20px;
  width: 350px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

@media (max-width: 479px) {
  .header-right-area .cart-item-wrapper {
    width: 288px;
  }
}

.header-right-area .cart-item-wrapper .single-cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-img {
  border: 1px solid rgba(0, 0, 0, 0.07);
  margin-right: 15px;
  -webkit-flex-basis: 80px;
      -ms-flex-preferred-size: 80px;
          flex-basis: 80px;
  width: 80px;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text {
  -webkit-flex-basis: calc(100% - 95px);
      -ms-flex-preferred-size: calc(100% - 95px);
          flex-basis: calc(100% - 95px);
  width: calc(100% - 95px);
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text .title {
  font-size: 15px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: "Oswald", sans-serif;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text .cart-text-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text .cart-text-btn .cart-qty {
  font-size: 15px;
  font-weight: 600;
  color: #303030;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text .cart-text-btn .cart-price {
  font-size: 15px;
  font-weight: 600;
  color: #E98C81;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text .cart-text-btn button {
  font-size: 18px;
  color: #000;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.header-right-area .cart-item-wrapper .single-cart-item .cart-text .cart-text-btn button:hover {
  color: #E98C81;
}

.header-right-area .cart-item-wrapper .cart-price-total {
  font-size: 20px;
  padding: 20px 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 20px 0;
}

.header-right-area .cart-item-wrapper .cart-links a:not(:last-child) {
  margin-right: 5px;
}

/*----- Offcanvas start -----*/
.mobile-navigation {
  overflow: hidden;
  max-height: 290px;
  padding: 30px;
}

.mobile-navigation nav {
  height: 100%;
}

.mobile-menu {
  height: 100%;
  overflow: auto;
  padding-right: 30px;
  margin-right: -30px;
}

.off-canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 9999;
}

.off-canvas-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.off-canvas-wrapper.open .off-canvas-inner-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.off-canvas-wrapper .off-canvas-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.off-canvas-wrapper .off-canvas-inner-content {
  background-color: #fff;
  width: 300px;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(calc(-100% - 50px));
      -ms-transform: translateX(calc(-100% - 50px));
          transform: translateX(calc(-100% - 50px));
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.off-canvas-wrapper .btn-close-off-canvas {
  top: 0;
  left: 100%;
  width: 50px;
  height: 50px;
  font-size: 30px;
  background-color: #000000;
  color: #fff;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.off-canvas-wrapper .btn-close-off-canvas i {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.off-canvas-wrapper .btn-close-off-canvas:hover i {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.off-canvas-wrapper .off-canvas-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  height: 100%;
}

@media only screen and (max-width: 479.98px) {
  .off-canvas-wrapper .off-canvas-inner-content {
    width: 260px;
  }
}

.offcanvas-curreny-lang-support {
  margin: 40px 0 0 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 15px;
  padding: 30px;
}

.offcanvas-curreny-lang-support.header-top-settings ul li {
  color: #333;
  font-size: 14px;
}

.offcanvas-account-container li {
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
  margin-bottom: 2px;
}

.offcanvas-account-container li::before {
  content: "\2022";
  color: #777;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.offcanvas-widget-area {
  margin-top: auto;
  padding: 30px;
}

.offcanvas-widget-area .top-info-wrap ul li i {
  margin-right: 5px;
}

.offcanvas-widget-area .off-canvas-widget-social {
  margin-top: 20px;
}

.offcanvas-widget-area .off-canvas-widget-social a {
  font-size: 14px;
  color: #1B1B1C;
  margin: 0 10px;
}

.offcanvas-widget-area .off-canvas-widget-social a:first-child {
  margin-left: 0;
}

.offcanvas-widget-area .off-canvas-widget-social a:last-child {
  margin-right: 0;
}

/*---------------------------
    - Mobile Menu Css
-----------------------------*/
.mobile-header .category-toggle {
  padding: 8px 15px;
}

.mobile-menu-btn .off-canvas-btn {
  font-size: 22px;
  cursor: pointer;
  padding: 0px 12px;
  line-height: 1;
  padding-right: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: -3px;
}

.mobile-menu li > a {
  font-size: 15px;
  color: #252525;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-weight: 600;
}

.mobile-menu li > a:hover {
  color: #000000;
}

.mobile-menu li ul li {
  border: none;
}

.mobile-menu li ul li a {
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 15px 8px;
  font-weight: 400;
}

.mobile-menu .has-children,
.mobile-menu .menu-item-has-children {
  position: relative;
}

.mobile-menu .has-children .menu-expand,
.mobile-menu .menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 767px) {
  .mobile-menu .has-children .menu-expand,
  .mobile-menu .menu-item-has-children .menu-expand {
    left: 90%;
  }
}

.mobile-menu .has-children .menu-expand i,
.mobile-menu .menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid #252525;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.mobile-menu .has-children .menu-expand i:before,
.mobile-menu .menu-item-has-children .menu-expand i:before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  border-bottom: 1px solid #252525;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.mobile-menu .has-children.active > .menu-expand i:before,
.mobile-menu .menu-item-has-children.active > .menu-expand i:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.search-box-offcanvas {
  margin-bottom: 10px;
}

.search-box-offcanvas form {
  position: relative;
}

.search-box-offcanvas form input {
  color: #666;
  font-size: 13px;
  width: 100%;
  height: 50px;
  border: none;
  padding: 0 40px 0 10px;
  background-color: #f2f2f2;
}

.search-box-offcanvas form .search-btn {
  top: 0;
  right: 0;
  width: 40px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #aaa;
  position: absolute;
  background: #f2f2f2;
  border: none;
}

/*----------------------------------------*/
/*    05 - Layout - Footer
/*----------------------------------------*/
.footer-area .footer-widget-area {
  padding: 100px 0;
  background-color: #1B1B1C;
}

@media (max-width: 991px) {
  .footer-area .footer-widget-area {
    padding: 60px 0px 50px 0;
  }
}

@media (max-width: 767px) {
  .footer-area .footer-widget-area {
    padding: 60px 0px 37px 0;
  }
}

@media (max-width: 991px) {
  .footer-area .single-footer-widget {
    margin-top: 38px;
  }
}

.footer-area .single-footer-widget .footer-logo {
  margin-bottom: 18px;
}

.footer-area .single-footer-widget .desc-content {
  margin-bottom: 23px;
  color: #D8D8D8;
}

.footer-area .single-footer-widget .social-links ul li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  color: #D8D8D8;
  border-color: #D8D8D8;
}

.footer-area .single-footer-widget .social-links ul li a:hover {
  color: #E98C81 !important;
  border-color: #E98C81 !important;
}

.footer-area .single-footer-widget .widget-title {
  color: #D8D8D8;
  text-decoration: underline;
  font-weight: 500;
  font-size: 22px;
  margin-top: -1px;
  margin-bottom: 22px;
  line-height: 1;
}

.footer-area .single-footer-widget .widget-list {
  color: #D8D8D8;
  list-style: none;
}

.footer-area .single-footer-widget .widget-list li {
  line-height: 2;
}

.footer-area .single-footer-widget .widget-list li a {
  font-weight: 300;
}

.footer-area .single-footer-widget .widget-list li a:hover {
  margin-left: 5px;
  color: #E98C81;
}

.footer-area .single-footer-widget .widget-body address {
  line-height: 2;
  color: #D8D8D8;
  font-weight: 300;
}

.footer-area .footer-copyright-area {
  background-color: #000000;
  padding: 20px 0px;
}

.footer-area .footer-copyright-area .copyright-content {
  color: #D8D8D8;
}

.footer-area .footer-copyright-area .copyright-content a {
  color: #E98C81;
}

.footer-area .footer-copyright-area .copyright-content a:hover {
  color: #D8D8D8;
}

/*----------------------------------------*/
/*    06 - Pages - Blog
/*----------------------------------------*/
.home-1 .latest-blog-area {
  margin-top: 74px;
}

@media (max-width: 479px) {
  .home-1 .latest-blog-area {
    margin-top: 54px;
  }
}

.latest-blog-area .slick-list {
  margin: 0 -15px;
}

.latest-blog-area .single-blog {
  padding: 0 15px;
}

.latest-blog-area .section-content {
  margin-bottom: 56px;
}

@media (max-width: 479px) {
  .latest-blog-area .section-content {
    margin-bottom: 40px;
  }
}

.latest-blog-area .section-content .title-1 {
  margin-bottom: 20px;
}

.single-blog .single-blog-thumb a {
  width: 100%;
  display: block;
  overflow: hidden;
}

.single-blog .single-blog-thumb a img {
  width: 100%;
}

.single-blog .single-blog-content {
  padding: 25px 0 0 70px;
}

@media (max-width: 479px) {
  .single-blog .single-blog-content {
    padding: 25px 0 0 55px;
  }
}

.single-blog .single-blog-content .post-date {
  width: 50px;
  left: 0px;
  top: 25px;
  padding: 10px;
}

@media (max-width: 479px) {
  .single-blog .single-blog-content .post-date {
    width: 40px;
  }
}

.single-blog .single-blog-content .post-date span {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  color: #1B1B1C;
}

.single-blog .single-blog-content .post-date span:first-child {
  padding-bottom: 5px;
}

.single-blog .single-blog-content .post-meta {
  margin-bottom: 10px;
  margin-top: -4px;
}

.single-blog .single-blog-content .post-meta span {
  font-family: "Oswald", sans-serif;
  color: #1B1B1C;
}

.single-blog .single-blog-content .post-title {
  font-size: 20px;
  font-weight: 500;
  margin-top: -5px;
  margin-bottom: 10px;
  color: #1B1B1C;
}

/*-- Blog Details Area Scss --*/
.blog-post-details .blog-post-wrapper .blockquote {
  background-color: #f8f9fc;
  color: #1B1B1C;
  font-size: 18px;
  padding: 42px 44px 80px;
  position: relative;
  font-style: italic;
  border-left: 1px solid #e5e5e5;
}

@media (max-width: 479px) {
  .blog-post-details .blog-post-wrapper .blockquote {
    font-size: 14px;
    padding: 32px 34px 60px;
  }
}

.blog-post-details .blog-post-wrapper .blockquote:before {
  content: '\f10e';
  font-family: "FontAwesome";
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.blog-post-details .blog-post-wrapper .share-article {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-post-details .blog-post-wrapper .share-article .left-side {
  float: left;
}

.blog-post-details .blog-post-wrapper .share-article .right-side {
  float: right;
}

@media (max-width: 479px) {
  .blog-post-details .blog-post-wrapper .share-article h6 {
    display: none;
  }
}

.blog-post-details .blog-post-wrapper .social-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 10px;
}

.blog-post-details .blog-post-wrapper .social-share a:first-child i {
  margin-left: 0;
}

.blog-post-details .blog-post-wrapper .comment-area-wrapper .single-comment-wrap.comment-reply {
  padding-left: 50px;
}

@media (max-width: 479px) {
  .blog-post-details .blog-post-wrapper .comment-area-wrapper .single-comment-wrap.comment-reply {
    padding-left: 20px;
  }
}

.blog-post-details .blog-post-wrapper .comment-area-wrapper .single-comment-wrap .author-thumb a {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

.blog-post-details .blog-post-wrapper .comment-area-wrapper .single-comment-wrap .author-thumb a img {
  width: 100%;
}

@media (max-width: 479px) {
  .blog-post-details .blog-post-wrapper .comment-area-wrapper .single-comment-wrap .author-thumb a {
    width: 50px;
    height: 50px;
  }
}

.comment-box .input-area {
  padding: 10px;
}

.comment-box .input-area:focus {
  border: 1px solid #E98C81 !important;
}

.comment-box .obrien-button {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .comment-box .obrien-button {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*    07 - Pages - Shop
/*----------------------------------------*/
/*-- Shop Sidebar Area Start --*/
.shop-main-area .sidebar_widget .widget_inner .widget-title, .blog-main-area .sidebar_widget .widget_inner .widget-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 30px;
}

.shop-main-area .sidebar_widget .widget_inner .widget-title:after, .blog-main-area .sidebar_widget .widget_inner .widget-title:after {
  background-color: #a8a8a8;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 60%;
}

.shop-main-area .sidebar_widget .widget_inner .search-box .input-group .form-control, .blog-main-area .sidebar_widget .widget_inner .search-box .input-group .form-control {
  border: 1px solid #e1e1e1;
  padding: 13px 10px 15px 13px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  outline-offset: -2px;
  display: block;
}

.shop-main-area .sidebar_widget .widget_inner .search-box .input-group .form-control:focus, .blog-main-area .sidebar_widget .widget_inner .search-box .input-group .form-control:focus {
  border-color: #E98C81;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shop-main-area .sidebar_widget .widget_inner .search-box .input-group .btn-outline-secondary, .blog-main-area .sidebar_widget .widget_inner .search-box .input-group .btn-outline-secondary {
  background-color: #1B1B1C;
  border-radius: 0 5px 5px 0;
  color: #ffffff;
  height: 100%;
  width: 50px;
}

.shop-main-area .sidebar_widget .widget_inner .search-box .input-group .btn-outline-secondary:hover, .blog-main-area .sidebar_widget .widget_inner .search-box .input-group .btn-outline-secondary:hover {
  color: #E98C81;
}

.shop-main-area .sidebar_widget .widget_inner .search-box .input-group .btn-outline-secondary:focus, .blog-main-area .sidebar_widget .widget_inner .search-box .input-group .btn-outline-secondary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shop-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu, .blog-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu {
  overflow: inherit;
  margin-top: -15px;
}

.shop-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu > li > a, .blog-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu > li > a {
  font-weight: 500;
  display: block;
}

.shop-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu > li > a:hover, .blog-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu > li > a:hover {
  color: #E98C81;
}

.shop-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu > li:last-child > a, .blog-main-area .sidebar_widget .widget_inner .widget-list .mobile-menu > li:last-child > a {
  padding-bottom: 0;
}

.shop-main-area .sidebar_widget .widget_inner .widget-list .sidebar-body .tags li, .blog-main-area .sidebar_widget .widget_inner .widget-list .sidebar-body .tags li {
  display: inline-block;
}

.sidebar-list > li > a {
  font-size: 15px;
  color: #252525;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: block;
  padding: 10px 0;
  font-weight: 500;
}

.sidebar-list > li > a:hover {
  color: #E98C81;
}

.sidebar-list > li:last-child a {
  padding-bottom: 0;
}

.sidebar-list .btn {
  height: 20px;
  max-width: 90px;
  min-width: 30px;
  position: relative;
  border: 1px solid #e1e1e1;
  display: inline-block;
  margin: 0 20px 20px 0;
  border-radius: 20px;
}

.tags li a {
  border: 1px solid #e1e1e1;
  line-height: 1em;
  padding: 10px 15px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  color: #1b1b1c;
  border-radius: 25px;
  font-weight: 500;
}

.tags li a:hover {
  color: #E98C81;
  border-color: #E98C81;
}

.sidebar-product {
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sidebar-product:last-child {
  margin-bottom: 0;
}

.sidebar-product .image {
  width: 80px;
  -webkit-flex-basis: 80px;
      -ms-flex-preferred-size: 80px;
          flex-basis: 80px;
  background-color: #d8d8d8;
  margin-right: 15px;
}

.sidebar-product .image img {
  width: 100%;
}

.sidebar-product .product-content {
  width: calc(100% - 80px);
  -webkit-flex-basis: calc(100% - 80px);
      -ms-flex-preferred-size: calc(100% - 80px);
          flex-basis: calc(100% - 80px);
  font-size: 13px;
}

.sidebar-product .product-content .title-2 {
  color: #1b1b1c;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 3px;
  font-family: "Poppins", sans-serif;
}

.sidebar-product .product-content .title-2:hover {
  color: #E98C81;
}

.sidebar-product .product-content .price-box {
  font-size: 14px;
  display: block;
}

.sidebar-product .product-content .price-box .old-price {
  margin-left: 10px;
  color: #a8a8a8;
  text-decoration: line-through;
}

.sidebar-product .product-content .product-rating {
  display: block;
}

.sidebar-product .product-content .product-rating i {
  font-size: 12px;
  color: #E98C81;
}

.widget-mb-1 {
  margin-bottom: 57px;
}

.widget-mb-2 {
  margin-bottom: 37px;
}

.widget-mb-3 {
  margin-bottom: 46px;
}

.widget-mb-4 {
  margin-bottom: 80px;
}

.widget-mt {
  margin-top: 77px;
}

@media (max-width: 575px) {
  .widget-mt {
    margin-top: 80px;
  }
}

@media (max-width: 479px) {
  .widget-mt {
    margin-top: 80px;
  }
}

/*-- Shop Sidebar Area End --*/
/*-- Shop Toolbar Area Start Here --*/
.shop_toolbar_wrapper {
  padding: 15px 30px;
  border: 1px solid #d8d8d8;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 479px) {
  .shop_toolbar_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 479px) {
  .shop_toolbar_wrapper .shop-select {
    width: 100%;
  }
}

.shop_toolbar_wrapper .shop-select .form-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  position: relative;
}

.shop_toolbar_wrapper .shop-select .form-control:focus {
  border: 2px solid #1B1B1C;
  color: #1B1B1C;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shop_toolbar_wrapper .shop-select .form-control .list {
  width: 100%;
}

.shop_toolbar_wrapper .shop-select .form-control .list .option {
  padding: 0 5px;
}

@media (max-width: 479px) {
  .shop_toolbar_wrapper .shop_toolbar_btn {
    margin-bottom: 20px;
  }
}

.shop_toolbar_wrapper .shop_toolbar_btn button {
  border: 1px solid transparent;
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 20px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 6px 5px 4px;
  background-color: transparent;
}

.shop_toolbar_wrapper .shop_toolbar_btn button.active {
  border: 1px solid #1B1B1C;
}

.shop_toolbar_wrapper .shop_toolbar_btn button:last-child {
  margin-right: 0px;
}

.toolbar-bottom {
  border: 1px solid #e1e1e1;
  padding: 15px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .toolbar-bottom {
    margin-bottom: 0px;
  }
}

@media (max-width: 479px) {
  .toolbar-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.shop-fullwidth .toolbar-bottom {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .shop-fullwidth .toolbar-bottom {
    margin-bottom: 80px;
  }
}

/*-- Shop Toolbar Area End Here --*/
/*-- Shop Product Wrapper Start --*/
.shop_wrapper.grid_list .single-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #efedee;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-top: 30px;
  min-height: auto;
  padding: 20px 0;
}

@media (max-width: 767px) {
  .shop_wrapper.grid_list .single-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0px;
  }
}

.shop_wrapper.grid_list .single-product .product-image {
  -webkit-flex-basis: 35%;
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%;
  max-width: 35%;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 20px 40px;
}

@media (max-width: 1199px) {
  .shop_wrapper.grid_list .single-product .product-image {
    margin: 20px;
  }
}

@media (max-width: 767px) {
  .shop_wrapper.grid_list .single-product .product-image {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
}

.shop_wrapper.grid_list .single-product .product-content-listview {
  -webkit-flex-basis: 65%;
      -ms-flex-preferred-size: 65%;
          flex-basis: 65%;
  max-width: 65%;
  padding: 0 30px 0px;
  position: relative;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .shop_wrapper.grid_list .single-product .product-content-listview {
    padding: 0 15px 0;
  }
}

@media (max-width: 767px) {
  .shop_wrapper.grid_list .single-product .product-content-listview {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    padding: 0 20px;
  }
}

.shop_wrapper.grid_list .single-product .product-content-listview .product-rating {
  margin-bottom: 15px;
}

.shop_wrapper.grid_list .single-product .product-content-listview .product-rating i {
  font-size: 18px;
  margin-right: 1px;
  color: #E98C81;
}

.shop_wrapper.grid_list .single-product .product-content-listview .product-title .title-2 {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.shop_wrapper.grid_list .single-product .product-content-listview .price-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.shop_wrapper.grid_list .single-product .product-content-listview .price-box .regular-price {
  color: #1B1B1C;
  font-weight: 600;
  margin-right: 5px;
}

.shop_wrapper.grid_list .single-product .product-content-listview .price-box .old-price {
  color: #666666;
  font-size: 12px;
}

.shop_wrapper.grid_list .single-product .product-content-listview .add-action-listview {
  margin-top: 15px;
}

.shop_wrapper.grid_list .single-product .product-content-listview .add-action-listview a {
  font-size: 22px;
  line-height: 1;
  color: #303030;
  margin-right: 15px;
}

.shop_wrapper.grid_list .single-product .product-content-listview .add-action-listview a:hover {
  color: #E98C81;
}

.shop_wrapper.grid_list .single-product .product-content-listview .desc-content {
  border-top: 1px solid #e1e1e1;
  margin-top: 25px;
  padding-top: 25px;
  display: block;
}

.shop_wrapper.grid_list .product-content {
  display: none;
}

.shop_wrapper.grid_list .add-action {
  display: none !important;
}

.shop_wrapper.grid_list .product-content-listview {
  display: block;
}

.shop_wrapper .product-content-listview {
  display: none;
}

.shop_wrapper.grid_3 .single-product {
  margin-top: 30px;
}

.shop_wrapper.grid_4 .single-product {
  margin-top: 30px;
}

/*-- Shop Product Wrapper End --*/
/*----------------------------------------*/
/*    08 - Pages - Single-product
/*----------------------------------------*/
.single-product-main-area {
  margin-top: 80px;
}

.single-product-main-area .product-details-img .pd-slider-nav {
  margin-top: 10px;
  margin: 10px -5px 0 -5px;
}

.single-product-main-area .product-details-img .pd-slider-nav .single-thumb {
  margin: 0 5px;
  cursor: pointer;
}

.single-product-main-area .product-details-img .pd-slider-nav .single-thumb img {
  width: 100%;
}

.single-product-main-area .product-details-img .single-image a {
  display: block;
  width: 100%;
}

.single-product-main-area .product-details-img .single-image img {
  width: 100%;
}

.single-product-main-area .nav-tabs {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

@media (max-width: 479px) {
  .single-product-main-area .nav-tabs {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.single-product-main-area .nav-tabs .nav-item {
  width: 100%;
  text-align: center;
}

.single-product-main-area .nav-tabs .nav-item .nav-link {
  font-weight: 700;
  color: #ffffff;
  background-color: #1B1B1C;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  border-color: #1B1B1C;
  border-radius: 0px;
}

@media (max-width: 991px) {
  .single-product-main-area .nav-tabs .nav-item .nav-link {
    padding: 10px 5px;
  }
}

@media (max-width: 767px) {
  .single-product-main-area .nav-tabs .nav-item .nav-link {
    padding: 8px 3px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .single-product-main-area .nav-tabs .nav-item .nav-link {
    font-size: 12px;
  }
}

.single-product-main-area .nav-tabs .nav-item .nav-link:hover {
  background-color: #E98C81;
  border-color: #E98C81;
}

.single-product-main-area .nav-tabs .nav-item .nav-link.active {
  background-color: #E98C81;
  border-color: #E98C81;
}

.single-product-main-area .tab-content {
  padding: 40px;
  background: #efedee;
}

.single-product-main-area .pro_review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 479px) {
  .single-product-main-area .pro_review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.single-product-main-area .review_thumb {
  min-width: 62px;
}

.single-product-main-area .review_details {
  border: 1px solid #ddd;
  margin-left: 26px;
  padding: 10px 20px;
  position: relative;
  border-radius: 3px;
}

@media (max-width: 479px) {
  .single-product-main-area .review_details {
    margin-left: 0;
    margin-top: 20px;
  }
}

.single-product-main-area .review_details:before {
  background: #efedee;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  content: '';
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
}

.single-product-main-area .review_details .review_info h5 span {
  font-weight: 300;
  font-size: 14px;
}

.single-product-main-area .comments-reply-area .comment-input input, .single-product-main-area .comments-reply-area .comment-input textarea, .single-product-main-area .comments-reply-area .comment-form-comment input, .single-product-main-area .comments-reply-area .comment-form-comment textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
}

.single-product-main-area .comments-reply-area .comment-input textarea, .single-product-main-area .comments-reply-area .comment-form-comment textarea {
  height: 140px;
}

.single-product-main-area .comments-reply-area label {
  display: block;
  margin-bottom: 3px;
}

.single-product-main-area .shipping-policy .policy-list {
  padding-left: 20px;
}

.single-product-main-area .shipping-policy .policy-list li {
  list-style: inside;
}

@media (max-width: 991px) {
  .product-summery {
    margin-top: 40px;
  }
}

.product-summery .product-head .product-title {
  font-size: 30px;
}

@media (max-width: 479px) {
  .product-summery .product-head .product-title {
    font-size: 26px;
  }
}

.product-summery .price-box .regular-price {
  font-size: 20px;
  font-weight: 600;
  margin-right: 5px;
}

@media (max-width: 479px) {
  .product-summery .price-box .regular-price {
    font-size: 16px;
  }
}

.product-summery .add-to_cart .btn {
  margin-right: 5px;
}

.product-summery .social-share span {
  font-size: 16px;
  font-weight: 600;
}

.product-summery .social-share a i {
  font-size: 28px;
  vertical-align: middle;
  margin-left: 10px;
}

.product-summery .product-meta a {
  margin-left: 10px;
}

@media (max-width: 479px) {
  .product-summery .product-meta a {
    margin: 0 0 0 5px;
  }
}

.product-summery .product-meta .sidebar-list .btn {
  height: 30px;
  width: 50px;
  margin: 0 0 0 10px;
}

@media (max-width: 479px) {
  .product-summery .product-meta .sidebar-list .btn {
    height: 25px;
    width: 40px;
    margin: 0 0 0 5px;
  }
}

.product-summery .product-meta .sidebar-list .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 3px solid #E98C81;
}

@media (max-width: 479px) {
  .product-summery .quantity-with_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

@media (max-width: 479px) {
  .product-summery .quantity-with_btn .quantity {
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*    09 - Pages - Contact
/*----------------------------------------*/
.contact-us-area {
  margin-top: 50px;
  margin-bottom: 45px;
}

@media (max-width: 479px) {
  .contact-us-area {
    margin-top: 30px;
    margin-bottom: 25px;
  }
}

.contact-us-area .form-message {
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-us-area .form-message button {
  padding-right: 10px;
}

.contact-info-item {
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 60px 20px;
  margin-top: 30px;
}

.contact-info-item .con-info-icon {
  border: 1px solid #E98C81;
  border-radius: 100px;
  color: #E98C81;
  font-size: 35px;
  margin: 0 auto 20px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  line-height: 60px;
  height: 60px;
  width: 60px;
}

.contact-info-item .con-info-txt h4 {
  font-size: 18px;
  margin-top: -2px;
  margin-bottom: 15px;
}

.contact-info-item:hover .con-info-icon {
  background-color: #E98C81;
  color: #ffffff;
}

.contact-form-content h2 {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: -3px;
}

/*----------------------------------------*/
/*    10 - Pages - Error
/*----------------------------------------*/
.error-area {
  margin-top: 70px;
  margin-bottom: 80px;
}

.error_form {
  text-align: center;
}

.error_form h1 {
  font-size: 200px;
  font-weight: 700;
  color: #E98C81;
  letter-spacing: 10px;
  line-height: 160px;
  margin: 0 0 52px;
}

@media (max-width: 991px) {
  .error_form h1 {
    font-size: 130px;
    line-height: 120px;
    letter-spacing: 4px;
    margin: 0 0 40px;
  }
}

.error_form h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .error_form h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
  }
}

.error_form p {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .error_form p {
    font-size: 15px;
    margin-bottom: 22px;
    line-height: 21px;
  }
}

.error_form form {
  width: 450px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 767px) {
  .error_form form {
    width: 100%;
  }
}

.error_form form input {
  padding: 0 60px 0 30px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  color: #1B1B1C;
  height: 40px;
  width: 100%;
  border-radius: 3px;
}

.error_form form button {
  position: absolute;
  right: 0;
  height: 100%;
  border: none;
  background: no-repeat;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  top: 0;
  text-transform: uppercase;
  padding: 0 15px;
  font-weight: 600;
}

.error_form form button:hover {
  color: #E98C81;
}

.error_form a {
  color: #ffffff;
  display: inline-block;
  background: #E98C81;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  margin-top: 35px;
  border-radius: 3px;
}

@media (max-width: 991px) {
  .error_form a {
    padding: 0 20px;
    margin-top: 25px;
  }
}

.error_form a:hover {
  background: #1B1B1C;
}

.error_section {
  padding: 55px 0 70px;
}

@media (max-width: 991px) {
  .error_section {
    padding: 25px 0 70px;
  }
}

@media (max-width: 991px) {
  .error_section {
    padding: 14px 0 60px;
  }
}

/*404 page css end*/
/*----------------------------------------*/
/*    11 - Pages - Compare
/*----------------------------------------*/
/*------ Start Compare Page Wrapper -----*/
.compare-table .table tbody tr {
  border-color: #a8a8a8;
}

.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px;
  vertical-align: middle;
  border-color: #a8a8a8;
}

@media (max-width: 767px) {
  .compare-table .table tbody tr td {
    padding: 10px;
  }
}

.compare-table .table tbody tr td.first-column {
  width: 175px;
  font-size: 15px;
  font-weight: 600;
  color: #1B1B1C;
  margin: 0;
}

@media (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    width: 60px;
  }
}

.compare-table .table tbody tr td.product-image-title {
  width: 410px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    width: 160px;
  }
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #E98C81;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

@media (max-width: 991px) {
  .compare-table .table tbody tr td.product-image-title .category {
    float: none;
  }
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  color: #1B1B1C;
  font-weight: 500;
  text-transform: capitalize;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #E98C81;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400;
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #E98C81;
}

/*------ end Compare Page Wrapper -----*/
/*----------------------------------------*/
/*    12 - Pages - Cart
/*----------------------------------------*/
/*--------- Cart Page Wrapper Start ---------*/
.cart-table .table {
  margin: 0;
  white-space: nowrap;
}

.cart-table .table thead tr th {
  border-color: #a8a8a8;
  border-bottom: 0 solid transparent;
  color: #1B1B1C;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
}

.cart-table .table tr {
  border-color: #a8a8a8;
}

.cart-table .table tr .pro-thumbnail, .cart-table .table tr .pro-price, .cart-table .table tr .pro-quantity, .cart-table .table tr .pro-subtotal, .cart-table .table tr .pro-remove {
  width: 177px;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart-table .table tbody td {
  border-color: #ccc;
  text-align: center;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: 600;
  color: #333333;
}

.cart-table .table tbody td a {
  color: #333333;
  font-weight: 500;
  text-transform: capitalize;
}

.cart-table .table tbody td a:hover {
  color: #E98C81;
}

.cart-table .table tbody td a.btn {
  color: #ffffff;
}

.cart-table .table tbody td a.check-btn {
  color: #ffffff;
}

.cart-table .table tbody td.pro-remove a i {
  font-size: 24px;
}

.cart-update-option {
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1500px) {
  .cart-update-option {
    margin-top: 0;
    border-top: 0 solid transparent;
  }
}

@media (max-width: 1199px) {
  .cart-update-option {
    margin-top: 0;
    border-top: 0 solid transparent;
  }
}

.cart-update-option .apply-coupon-wrapper {
  width: 55%;
}

@media (max-width: 991px) {
  .cart-update-option .apply-coupon-wrapper {
    width: auto;
  }
}

.cart-update-option .apply-coupon-wrapper form {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}

.cart-update-option .apply-coupon-wrapper form input {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 12px 10px;
  outline: none;
  margin-right: 15px;
  width: 100%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.cart-update-option .apply-coupon-wrapper form input:focus, .cart-update-option .apply-coupon-wrapper form input:active {
  border-color: #E98C81;
}

@media (max-width: 767px) {
  .cart-update-option .apply-coupon-wrapper button {
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
    margin-bottom: 30px;
  }
}

.cart-calculator-wrapper {
  margin-top: 30px;
  background-color: #f8f8f8;
}

.cart-calculator-wrapper h3 {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  padding: 27px 15px 25px;
  margin-bottom: 0;
}

.cart-calculator-wrapper a {
  border-radius: 0;
  text-align: center;
}

.cart-calculator-wrapper .cart-calculate-items {
  font-weight: 500;
}

.cart-calculator-wrapper .cart-calculate-items .table {
  margin-bottom: 0;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td {
  color: #333333;
  padding: 15px 20px;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
  color: #333333;
  text-align: right;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
  color: #62d2a2;
  font-weight: 700;
}

/*--------- Cart Page Wrapper end ---------*/
/*----------------------------------------*/
/*    13 - Pages - Checkout
/*----------------------------------------*/
/*--------- Checkout Page Wrapper Start ---------*/
.checkout-area {
  padding: 80px 0 72px;
}

@media (max-width: 991px) {
  .checkout-area {
    padding: 80px 0 80px;
  }
}

@media (max-width: 479px) {
  .checkout-area {
    padding: 60px 0 60px;
  }
}

.coupon-accordion h3 {
  background-color: #efedee;
  font-size: 15px;
  font-weight: 500;
  list-style: outside none none;
  margin: 0 0 30px;
  padding: 16px 32px 16px 20px;
  position: relative;
  width: auto;
  text-transform: none;
}

@media (max-width: 479px) {
  .coupon-accordion h3 {
    line-height: 24px;
  }
}

.coupon-accordion span {
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  text-transform: none;
}

.coupon-accordion .coupon-content {
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
  display: none;
  padding: 20px;
}

.coupon-accordion .coupon-content .coupon-info p {
  margin-bottom: 0;
}

.coupon-accordion .coupon-content .coupon-info p.form-row-first label, .coupon-accordion .coupon-content .coupon-info p.form-row-last label {
  display: block;
}

.coupon-accordion .coupon-content .coupon-info p.form-row-first label span.required, .coupon-accordion .coupon-content .coupon-info p.form-row-last label span.required {
  color: #E98C81;
}

.coupon-accordion .coupon-content .coupon-info p.form-row-first input, .coupon-accordion .coupon-content .coupon-info p.form-row-last input {
  border: 1px solid #e1e1e1;
  height: 36px;
  margin: 0 0 14px;
  border-radius: 0;
  max-width: 100%;
  padding: 0 10px 0 10px;
  width: 370px;
  background-color: transparent;
}

.coupon-accordion .coupon-content .coupon-info p.form-row-first input:focus, .coupon-accordion .coupon-content .coupon-info p.form-row-last input:focus {
  border: 1px solid #E98C81;
}

.coupon-accordion .coupon-content .coupon-info p.form-row input[type="submit"] {
  background: #1B1B1C none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  width: inherit;
}

.coupon-accordion .coupon-content .coupon-info p.form-row input[type="checkbox"] {
  height: inherit;
  position: relative;
  top: 2px;
  width: inherit;
}

.coupon-accordion .coupon-content .coupon-info p.form-row label {
  margin-top: 7px;
}

.coupon-accordion .coupon-content .coupon-info p.lost-password {
  margin-top: 15px;
}

.coupon-accordion .coupon-content .coupon-info p.lost-password a {
  font-size: 14px;
}

.coupon-checkout-content {
  margin-bottom: 30px;
  display: none;
}

.coupon-checkout-content .coupon-info .checkout-coupon {
  margin-bottom: 0;
}

.coupon-checkout-content .coupon-info .checkout-coupon input[type="text"] {
  background-color: transparent;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  width: 170px;
}

.coupon-checkout-content .coupon-info .checkout-coupon input[type="submit"] {
  background: #1B1B1C;
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  height: 36px;
  cursor: pointer;
  margin-left: 6px;
  padding: 5px 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: inherit;
}

@media (max-width: 479px) {
  .coupon-checkout-content .coupon-info .checkout-coupon .coupon-inner_btn {
    margin: 28px 0 0 !important;
  }
}

.coupon-checkout-content .coupon-info .checkout-coupon .coupon-inner_btn:hover {
  background-color: #E98C81;
}

.checkbox-form h3 {
  border-bottom: 1px solid #e1e1e1;
  font-size: 25px;
  margin: 0 0 25px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}

@media (max-width: 479px) {
  .checkbox-form h3 {
    font-size: 18px;
  }
}

.checkbox-form .country-select {
  margin-bottom: 25px;
}

.checkbox-form .country-select .myniceselect.nice-select span {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 15px;
}

.checkbox-form .checkout-form-list {
  margin-bottom: 30px;
}

.checkbox-form .checkout-form-list input[type="text"],
.checkbox-form .checkout-form-list input[type="password"],
.checkbox-form .checkout-form-list input[type="email"] {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  height: 42px;
  width: 100%;
  padding: 0 10px 0 10px;
}

.checkbox-form .checkout-form-list input[type="text"]:focus,
.checkbox-form .checkout-form-list input[type="password"]:focus,
.checkbox-form .checkout-form-list input[type="email"]:focus {
  border: 1px solid #E98C81;
}

.checkbox-form .checkout-form-list.create-acc {
  margin-bottom: 15px !important;
}

.checkbox-form .checkout-form-list.create-acc label {
  display: inline-block;
}

.checkbox-form .country-select label, .checkbox-form.checkout-form-list label {
  margin: 0 0 5px;
  display: block;
}

.checkbox-form .country-select label span.required, .checkbox-form.checkout-form-list label span.required {
  display: inline-block;
  font-size: 24px;
  line-height: 16px;
  position: relative;
  top: 5px;
}

.different-address h3 label {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px;
  margin-bottom: 10px;
}

@media (max-width: 479px) {
  .different-address h3 label {
    font-size: 15px;
  }
}

.different-address h3 input {
  height: inherit;
  line-height: normal;
  margin: 4px 0 0;
  position: relative;
  top: 0;
  width: auto;
}

.order-notes .checkout-form-list-2 {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .order-notes .checkout-form-list-2 {
    margin-bottom: 30px;
  }
}

.order-notes textarea {
  background-color: transparent;
  border: 1px solid #e1e1e1;
  height: 90px;
  padding: 15px;
  width: 100%;
}

.create-account,
#ship-box-info {
  display: none;
}

.your-order {
  background: #efedee;
  padding: 30px 40px 30px;
}

@media (max-width: 479px) {
  .your-order {
    padding: 30px 20px;
  }
}

.your-order h3 {
  border-bottom: 1px solid #e1e1e1;
  font-size: 25px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}

@media (max-width: 479px) {
  .your-order h3 {
    font-size: 18px;
  }
}

.your-order .your-order-table table {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  width: 100%;
}

.your-order .your-order-table table thead {
  background-color: #efedee;
}

.your-order .your-order-table table thead tr th {
  border-top: medium none;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 250px;
}

.your-order .your-order-table table thead tr th,
.your-order .your-order-table table thead tr td {
  border-bottom: 1px solid #e1e1e1;
  border-right: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}

.your-order .your-order-table table .cart_item:hover {
  background: #efedee;
}

.your-order .your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order .your-order-table table .order-total td span {
  font-size: 20px;
}

.your-order .your-order-table table .order-total th {
  border-bottom: medium none;
  font-size: 18px;
}

.payment-method {
  margin-top: 20px;
}

.payment-method .payment-accordion .card {
  border: 0;
  border-radius: 0;
  background: #efedee;
}

.payment-method .payment-accordion .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: #efedee;
  border-bottom: 0;
}

.payment-method .payment-accordion .card-body {
  padding: 0;
}

.payment-method .payment-accordion .panel.panel-default {
  margin-bottom: 20px;
}

.payment-method .payment-accordion .panel-title {
  font-size: 18px;
  cursor: pointer;
}

.order-button-payment input {
  background: #1B1B1C;
  border: medium none;
  color: #ffffff;
  font-size: 17px;
  height: 50px;
  margin: 20px 0 0;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  width: 100%;
  border: 1px solid transparent;
  cursor: pointer;
}

/*----------------------------------------*/
/*    14 - Pages - Wishlist
/*----------------------------------------*/
/*--------- Wishlist Page Wrapper Start ---------*/
.wishlist-table .table {
  margin: 0;
  white-space: nowrap;
}

.wishlist-table .table thead tr th {
  border-color: #a8a8a8;
  border-bottom: 0 solid transparent;
  color: #1B1B1C;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
}

.wishlist-table .table tr {
  border-color: #a8a8a8;
}

.wishlist-table .table tr .pro-thumbnail, .wishlist-table .table tr .pro-price, .wishlist-table .table tr .pro-quantity, .wishlist-table .table tr .pro-subtotal, .wishlist-table .table tr .pro-remove {
  width: 177px;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.wishlist-table .table tbody td {
  border-color: #ccc;
  text-align: center;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: 600;
  color: #333333;
}

.wishlist-table .table tbody td a {
  color: #333333;
  font-weight: 500;
  text-transform: capitalize;
}

.wishlist-table .table tbody td a:hover {
  color: #E98C81;
}

.wishlist-table .table tbody td a.btn {
  color: #ffffff;
}

.wishlist-table .table tbody td a.check-btn {
  color: #ffffff;
}

.wishlist-table .table tbody td.pro-remove a i {
  font-size: 24px;
}

/*--------- Wishlist Page Wrapper end ---------*/
/*----------------------------------------*/
/*    15 - Pages - FAQ
/*----------------------------------------*/
/* faq page css here */
.faq_content_area {
  padding: 68px 0 65px;
}

@media (max-width: 991px) {
  .faq_content_area {
    padding: 53px 0 53px;
  }
}

.accordion_area {
  padding-bottom: 70px;
}

@media (max-width: 991px) {
  .accordion_area {
    padding-bottom: 60px;
  }
}

.accordion_area .card-header {
  background: #E98C81;
}

.accordion_area .card-header:first-child {
  border-radius: inherit;
}

.card.card_dipult {
  border: none;
  margin-bottom: 10px;
}

@media (max-width: 479px) {
  .card.card_dipult .card-body p {
    font-size: 12px;
  }
}

.card.card_dipult:last-child {
  margin-bottom: 0;
}

.card-header.card_accor {
  padding: 0;
  border: none;
}

.card-header.card_accor button {
  height: 45px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  white-space: initial;
}

@media (max-width: 991px) {
  .card-header.card_accor button {
    height: 60px;
  }
}

.card-header.card_accor button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card-header.card_accor button i {
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
      transform: translatey(-50%);
  right: 20px;
}

@media (max-width: 991px) {
  .card-header.card_accor button i {
    right: 10px;
  }
}

.card-header.card_accor button.btn-link {
  border: 1px solid #E98C81;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  padding-left: 20px;
}

@media (max-width: 991px) {
  .card-header.card_accor button.btn-link {
    padding: 10px 28px 10px 10px;
    font-size: 13px;
  }
}

.card-header.card_accor button.btn-link.collapsed {
  background: #f0edee;
  border: 1px solid #f0edee;
  width: 100%;
  text-align: left;
  color: #1B1B1C;
}

.card-header.card_accor button.btn-link i.fa-plus {
  display: none;
}

.card-header.card_accor button.btn-link.collapsed i.fa-plus {
  display: block;
}

.card-header.card_accor button.btn-link.collapsed i.fa-minus {
  display: none;
}

.faq_content_wrapper h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 18px;
}

@media (max-width: 991px) {
  .faq_content_wrapper h4 {
    font-size: 14px;
    line-height: 24px;
  }
}

/*faq page css end*/
/*----------------------------------------*/
/*    16 - Pages - My-Account
/*----------------------------------------*/
/*-------- Start My Account Page Wrapper --------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.myaccount-tab-menu a {
  border: 1px solid #e1e1e1;
  border-bottom: none;
  color: #1B1B1C;
  font-weight: 500;
  font-size: 15px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #e1e1e1;
}

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #E98C81;
  border-color: #E98C81;
  color: #ffffff;
}

.myaccount-tab-menu a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #d8d8d8;
  padding: 30px;
}

@media (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content form .single-input-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.myaccount-content form .single-input-item input {
  width: 100%;
  padding: 12px 10px;
  border: 1px solid #e1e1e1;
}

.myaccount-content form .single-input-item input:focus {
  border: 1px solid #E98C81;
}

.myaccount-content form .single-item-button {
  width: 25%;
}

@media (max-width: 1199px) {
  .myaccount-content form .single-item-button {
    width: 30%;
  }
}

@media (max-width: 991px) {
  .myaccount-content form .single-item-button {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .myaccount-content form .single-item-button {
    width: 100%;
  }
}

.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #e1e1e1;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 500;
}

.myaccount-content .welcome a {
  color: #1B1B1C;
}

.myaccount-content .welcome a:hover {
  color: #E98C81;
}

.myaccount-content .welcome strong {
  font-weight: 600;
  color: #E98C81;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  color: #1B1B1C;
  font-size: 20px;
  margin-top: 20px;
  font-weight: 500;
  border-bottom: 1px dashed #e1e1e1;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th, .myaccount-table .table th {
  color: #1B1B1C;
  padding: 10px;
  font-weight: 500;
  background-color: #f0edee;
  border-color: #e1e1e1;
  border-bottom: 0;
}

.myaccount-table table td, .myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #e1e1e1;
}

.saved-message {
  background-color: #f0edee;
  border-top: 3px solid #E98C81;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 15px;
  color: #666666;
  padding: 20px;
}

/*----------------------------------------*/
/*    17 - Pages - Login-Register
/*----------------------------------------*/
.login-register-wrapper {
  background: #f3f3f3 none repeat scroll 0 0;
  padding: 37px 40px;
  text-align: left;
  overflow: hidden;
}

@media (max-width: 479px) {
  .login-register-wrapper {
    padding: 25px 10px;
  }
}

.login-register-wrapper .title-4 {
  font-weight: 600;
}

.login-register-wrapper .single-input-item input {
  background: #ffffff none repeat scroll 0 0;
  border: medium none rgba(0, 0, 0, 0);
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1B1B1C;
  font-size: 14px;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.login-register-wrapper .single-input-item input:focus {
  border: 1px solid #E98C81;
}

/*----------------------------------------*/
/*    18 - Components - Button
/*----------------------------------------*/
.obrien-button {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  height: 45px;
  letter-spacing: 0.025em;
  line-height: 45px;
  padding: 0 30px;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  width: auto;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 25px;
}

@media (max-width: 575px) {
  .obrien-button {
    font-size: 14px;
    padding: 0 25px;
  }
}

@media (max-width: 479px) {
  .obrien-button {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
  }
}

.obrien-button.primary-btn {
  background-color: #E98C81;
  color: #ffffff;
}

.obrien-button.primary-btn:hover {
  background-color: #d8d8d8;
  color: #1b1b1c;
}

.obrien-button.white-btn {
  background-color: #d8d8d8;
  color: #1b1b1c;
}

.obrien-button.white-btn:hover {
  background-color: #E98C81;
  border-color: #E98C81;
  color: #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.obrien-button.black-btn {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.obrien-button.black-btn:hover {
  background-color: #E98C81;
  border-color: #E98C81;
  color: #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.obrien-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.obrien-button-2 {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.025em;
  padding: 8px 25px;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
  width: auto;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 25px;
}

@media (max-width: 575px) {
  .obrien-button-2 {
    padding: 8px 15px;
  }
}

.obrien-button-2.primary-color {
  color: #ffffff;
  background: #E98C81;
}

.obrien-button-2.primary-color:hover {
  color: #000000;
  background: #d8d8d8;
}

.obrien-button-2:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.obrien-button-2.treansparent-color {
  background: transparent;
  border: 1px solid #e1e1e1;
  height: 45px;
  line-height: 45px;
}

@media (max-width: 479px) {
  .obrien-button-2.treansparent-color {
    height: 40px;
    line-height: 40px;
  }
}

.obrien-button-2.treansparent-color:hover {
  color: #E98C81;
  border-color: #E98C81;
}

.obrien-button-3 {
  border-radius: 4px;
  border: none;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  width: 100%;
  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  padding: 16px 32px;
}

.obrien-button-3.black-button {
  background-color: #1B1B1C;
  width: 335px;
}

@media (max-width: 479px) {
  .obrien-button-3.black-button {
    width: 280px;
  }
}

.obrien-button-3.black-button:hover {
  background-color: #E98C81;
  color: #ffffff;
}

/*----------------------------------------*/
/*    19 - Components - Slider
/*----------------------------------------*/
.home-wrapper .slider-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1480px;
  padding: 0 15px;
}

@media (max-width: 1800px) {
  .home-wrapper .slider-content {
    max-width: 1320px;
  }
}

@media (max-width: 1500px) {
  .home-wrapper .slider-content {
    max-width: 1140px;
  }
}

@media (max-width: 1199px) {
  .home-wrapper .slider-content {
    max-width: 960px;
  }
}

@media (max-width: 991px) {
  .home-wrapper .slider-content {
    max-width: 720px;
  }
}

@media (max-width: 767px) {
  .home-wrapper .slider-content {
    max-width: 540px;
  }
}

.home-wrapper .slider-content .slider-small-title {
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .home-wrapper .slider-content .slider-small-title {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .home-wrapper .slider-content .slider-small-title {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .home-wrapper .slider-content .slider-small-title {
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .home-wrapper .slider-content .slider-small-title {
    font-size: 22px;
  }
}

.home-wrapper .slider-content .slider-large-title {
  font-size: 72px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .home-wrapper .slider-content .slider-large-title {
    font-size: 62px;
  }
}

@media (max-width: 767px) {
  .home-wrapper .slider-content .slider-large-title {
    font-size: 52px;
  }
}

@media (max-width: 575px) {
  .home-wrapper .slider-content .slider-large-title {
    font-size: 42px;
  }
}

@media (max-width: 479px) {
  .home-wrapper .slider-content .slider-large-title {
    font-size: 32px;
  }
}

/*-- Slick Animation --*/
.slick-active.animation-style-01 .slider-content .slider-small-title {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slick-active.animation-style-01 .slider-content .slider-large-title {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slick-active.animation-style-01 .slider-content a {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/*-- Home Background image --*/
.bg-position {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.slide-bg-1 {
  min-height: 800px;
}

@media (max-width: 1800px) {
  .slide-bg-1 {
    min-height: 700px;
  }
}

@media (max-width: 1500px) {
  .slide-bg-1 {
    min-height: 600px;
  }
}

@media (max-width: 1199px) {
  .slide-bg-1 {
    min-height: 550px;
  }
}

@media (max-width: 991px) {
  .slide-bg-1 {
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .slide-bg-1 {
    min-height: 400px;
  }
}

@media (max-width: 575px) {
  .slide-bg-1 {
    min-height: 350px;
  }
}

@media (max-width: 479px) {
  .slide-bg-1 {
    min-height: 300px;
  }
}

.slide-bg-2 {
  min-height: 850px;
}

@media (max-width: 1800px) {
  .slide-bg-2 {
    min-height: 750px;
  }
}

@media (max-width: 1500px) {
  .slide-bg-2 {
    min-height: 600px;
  }
}

@media (max-width: 1199px) {
  .slide-bg-2 {
    min-height: 550px;
  }
}

@media (max-width: 991px) {
  .slide-bg-2 {
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .slide-bg-2 {
    min-height: 400px;
  }
}

@media (max-width: 575px) {
  .slide-bg-2 {
    min-height: 350px;
  }
}

@media (max-width: 479px) {
  .slide-bg-2 {
    min-height: 300px;
  }
}

.slide-1 {
  background-image: url("../images/slider/1-1.jpg");
  background-color: rgba(215, 177, 190, 0.9);
}

.slide-2 {
  background-image: url("../images/slider/1-2.jpg");
  background-color: rgba(215, 177, 190, 0.9);
}

.slide-3 {
  background-image: url("../images/slider/2-1.jpg");
  background-color: rgba(215, 177, 190, 0.9);
}

.slide-4 {
  background-image: url("../images/slider/2-2.jpg");
  background-color: rgba(215, 177, 190, 0.9);
}

/*----------------------------------------*/
/*    20 - Components - Feature
/*----------------------------------------*/
.home-1 .feature-area {
  margin: 80px 0px 74px 0;
}

@media (max-width: 991px) {
  .home-1 .feature-area {
    margin-top: 71px;
  }
}

@media (max-width: 575px) {
  .home-1 .feature-area {
    margin-top: 74px;
  }
}

@media (max-width: 479px) {
  .home-1 .feature-area {
    margin: 54px 0 60px 0;
  }
}

.feature-area .feature-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

@media (max-width: 991px) {
  .feature-area .feature-content-wrapper {
    padding-bottom: 40px;
  }
}

.feature-area .feature-content-wrapper .title {
  margin-bottom: 20px;
}

.feature-area .feature-content-wrapper .desc-content {
  margin-bottom: 15px;
}

.feature-area .feature-content-wrapper .desc-content:last-child {
  margin-bottom: 0px;
}

.feature-area .feature-content-countdown {
  margin-top: -7px;
  padding-left: 130px;
}

@media (max-width: 1199px) {
  .feature-area .feature-content-countdown {
    padding-left: 0px;
  }
}

.feature-area .feature-content-countdown .title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.feature-area .feature-content-countdown .price-box {
  margin-bottom: 20px;
}

.feature-area .feature-content-countdown .price-box .regular-price {
  font-size: 20px;
  margin-right: 10px;
}

.feature-area .feature-content-countdown .desc-content {
  margin-bottom: 20px;
}

.feature-area .feature-content-countdown .obrien-button-2 {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .feature-area .feature-content-countdown {
    margin-bottom: 40px;
  }
}

.feature-area .feature-image .popup-video {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.feature-area .feature-image .popup-video .popup-vimeo {
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #ffffff;
  background-color: #E98C81;
  border-radius: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feature-area .feature-image .popup-video .popup-vimeo:hover {
  color: #E98C81;
  background-color: #1B1B1C;
}

@media (max-width: 479px) {
  .feature-area .feature-image .popup-video .popup-vimeo {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

.feature-area .feature-image .popup-video .popup-vimeo i {
  vertical-align: middle;
}

.feature-area.feature-area-boxed-home {
  background-color: #efedee;
  padding: 80px 0;
}

@media (max-width: 991px) {
  .feature-area.feature-area-boxed-home {
    padding: 60px 0;
  }
}

/*----------------------------------------*/
/*    21 - Components - Product
/*----------------------------------------*/
.product-area .section-content .title-1 {
  padding-bottom: 19px;
}

@media (max-width: 479px) {
  .product-area .section-content .title-1 {
    padding-bottom: 14px;
  }
}

.product-area .section-content .desc-content {
  padding-bottom: 60px;
}

@media (max-width: 479px) {
  .product-area .section-content .desc-content {
    padding-bottom: 40px;
  }
}

.product-area .single-product {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.product-area .single-product .product-image .product-image-2 {
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.product-area .single-product .label-product .label-sale {
  top: 30px;
  left: 30px;
  background: #1B1B1C;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  width: 70px;
  padding: 0 6px;
}

.product-area .single-product .product-content {
  background-color: #efedee;
  padding: 0 30px 20px;
}

.product-area .single-product .product-content .product-rating {
  padding-top: 15px;
  padding-bottom: 6px;
}

.product-area .single-product .product-content .product-rating i {
  color: #E98C81;
}

.product-area .single-product .product-content .product-title {
  margin-bottom: 10px;
}

.product-area .single-product .product-content .price-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 700ms;
       -o-transition-delay: 700ms;
          transition-delay: 700ms;
}

.product-area .single-product .product-content .price-box .regular-price {
  font-weight: 600;
}

.product-area .single-product .product-content .price-box .old-price {
  margin-left: 5px;
  color: #666666;
}

.product-area .single-product .add-action {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 0 30px;
}

.product-area .single-product .add-action a {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  margin-right: 15px;
}

.product-area .single-product .add-action a:last-child {
  margin-right: 0px;
}

.product-area .single-product .add-action a:hover {
  color: #E98C81;
  -webkit-transform: rotate(380deg);
      -ms-transform: rotate(380deg);
          transform: rotate(380deg);
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.product-area .single-product:hover {
  -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14);
          box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.product-area .single-product:hover .product-image .product-image-2 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.product-area .single-product:hover .product-content .price-box {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.product-area .single-product:hover .add-action a {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.product-area .single-product:hover .add-action a:nth-child(2) {
  -webkit-transition-delay: 300ms;
       -o-transition-delay: 300ms;
          transition-delay: 300ms;
}

.product-area .single-product:hover .add-action a:nth-child(3) {
  -webkit-transition-delay: 500ms;
       -o-transition-delay: 500ms;
          transition-delay: 500ms;
}

.product-area .single-product:hover .add-action a:nth-child(4) {
  -webkit-transition-delay: 700ms;
       -o-transition-delay: 700ms;
          transition-delay: 700ms;
}

.product-area .product-wrapper .single-item {
  padding: 0 15px;
}

.product-area .product-wrapper .slick-list {
  margin: 0 -15px;
}

/*----------------------------------------*/
/*    22 - Components - Banner
/*----------------------------------------*/
.home-1 .banner-fullwidth-area {
  margin: 80px 0 80px 0;
}

@media (max-width: 479px) {
  .home-1 .banner-fullwidth-area {
    margin: 60px 0 60px 0;
  }
}

.home-1 .banner-area {
  margin-bottom: 74px;
}

@media (max-width: 479px) {
  .home-1 .banner-area {
    margin-bottom: 54px;
  }
}

.banner-fullwidth-area {
  background-color: #efedee;
  padding: 80px 0;
}

@media (max-width: 1199px) {
  .banner-fullwidth-area {
    padding: 60px 0px;
  }
}

@media (max-width: 1199px) {
  .banner-fullwidth-area {
    padding: 40px 0px 60px 0;
  }
}

@media (max-width: 767px) {
  .banner-fullwidth-area .banner-flash-content {
    margin-top: 20px;
  }
}

.banner-fullwidth-area .banner-flash-content .deal-head {
  font-size: 40px;
  margin-bottom: 15px;
}

@media (max-width: 479px) {
  .banner-fullwidth-area .banner-flash-content .deal-head {
    font-size: 32px;
  }
}

.banner-fullwidth-area .banner-flash-content .deal-title {
  font-size: 32px;
  margin-bottom: 35px;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .banner-fullwidth-area .banner-flash-content .deal-title {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .banner-fullwidth-area .banner-flash-content .deal-title {
    margin-bottom: 28px;
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .banner-fullwidth-area .banner-flash-content .deal-title {
    margin-bottom: 25px;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .banner-fullwidth-area .banner-flash-content .deal-title {
    font-size: 18px;
  }
}

.banner-fullwidth-area .banner-flash-content .obrien-button {
  margin-bottom: 45px;
}

@media (max-width: 479px) {
  .banner-fullwidth-area .banner-flash-content .obrien-button {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .banner-area .banner-image {
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*    23 - Components - Newsletter 
/*----------------------------------------*/
.home-1 .newsletter-area {
  margin-top: 80px;
}

@media (max-width: 479px) {
  .home-1 .newsletter-area {
    margin-top: 60px;
  }
}

.newsletter-area {
  background: #f2f2f2 url(../images/bg/1-1.jpg) no-repeat scroll center center/cover;
  height: 430px;
}

.newsletter-area .section-content .title-3 {
  margin-bottom: 8px;
}

.newsletter-area .section-content .title-4 {
  margin-bottom: 14px;
}

.newsletter-area .section-content .desc-content {
  margin-bottom: 45px;
}

.newsletter-area .newsletter-form-wrap {
  width: 90%;
}

.newsletter-area .newsletter-form-wrap .form-control {
  border-radius: 25px;
  height: 45px;
  line-height: 45px;
  padding-right: 155px;
  border-color: #1B1B1C !important;
  background-color: transparent;
}

@media (max-width: 575px) {
  .newsletter-area .newsletter-form-wrap .form-control {
    padding-right: 125px;
  }
}

@media (max-width: 479px) {
  .newsletter-area .newsletter-form-wrap .form-control {
    height: 40px;
    line-height: 40px;
    padding-right: 100px;
    font-size: 12px;
  }
}

.newsletter-area .newsletter-form-wrap .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #E98C81 !important;
}

.newsletter-area .newsletter-form-wrap .newsletter-btn {
  right: 0;
}

/*----------------------------------------*/
/*    24 - Components - Support
/*----------------------------------------*/
.home-1 .support-area {
  margin-top: 75px;
}

@media (max-width: 479px) {
  .home-1 .support-area {
    margin-top: 56px;
  }
}

@media (max-width: 575px) {
  .home-4 .support-area .support-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .home-4 .support-area .support-wrapper .support-content {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .home-4 .support-area .support-wrapper .support-button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.support-area {
  background-color: #f0edee;
  padding: 50px 0 45px;
}

.support-area .support-wrapper {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 479px) {
  .support-area .support-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 479px) {
  .support-area .support-wrapper .support-content {
    margin-bottom: 20px;
  }
}

.support-area .support-wrapper .support-content .title {
  margin-bottom: 10px;
}

@media (max-width: 479px) {
  .support-area .support-wrapper .support-button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/*----------------------------------------*/
/*    25 - Components - Action-plan
/*----------------------------------------*/
.home-2 .call-to-action-area {
  padding: 80px 0 76px 0px;
}

@media (max-width: 767px) {
  .home-2 .call-to-action-area {
    padding: 77px 0 74px 0px;
  }
}

@media (max-width: 479px) {
  .home-2 .call-to-action-area {
    padding: 60px 0 56px 0px;
  }
}

.call-to-action-area .call-to-action-item {
  padding-right: 30px;
  margin-right: 30px;
  position: relative;
}

@media (max-width: 991px) {
  .call-to-action-area .call-to-action-item {
    margin-right: 0;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .call-to-action-area .call-to-action-item {
    text-align: center;
    padding-right: 0;
    margin-top: 25px;
    display: block;
  }
}

.call-to-action-area .call-to-action-item .call-to-action-icon {
  margin-right: 30px;
  -webkit-flex-basis: 45px;
      -ms-flex-preferred-size: 45px;
          flex-basis: 45px;
  max-width: 45px;
}

@media (max-width: 991px) {
  .call-to-action-area .call-to-action-item .call-to-action-icon {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.call-to-action-area .call-to-action-item .call-to-action-info {
  -webkit-flex-basis: calc(100% - 75px);
      -ms-flex-preferred-size: calc(100% - 75px);
          flex-basis: calc(100% - 75px);
  max-width: calc(100% - 75px);
}

@media (max-width: 991px) {
  .call-to-action-area .call-to-action-item .call-to-action-info {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .call-to-action-area .call-to-action-item .call-to-action-info {
    max-width: 70%;
    margin: 0 auto;
  }
}

.call-to-action-area .call-to-action-item .call-to-action-info .action-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  margin-top: -3px;
  margin-bottom: 10px;
}

.call-to-action-area .call-to-action-item:after {
  background-color: #d8d8d8;
  position: absolute;
  content: "";
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 50px;
  width: 1px;
}

@media (max-width: 991px) {
  .call-to-action-area .call-to-action-item:after {
    display: none;
  }
}

.call-to-action-area [class*="col-"]:last-child .call-to-action-item:after {
  display: none;
}

/*----------------------------------------*/
/*    26 - Components - Brand-logo
/*----------------------------------------*/
.brand-logo-area .brand-logo-item {
  text-align: center;
  display: table !important;
  height: 85px;
}

.brand-logo-area .brand-logo-item a {
  display: table-cell;
  vertical-align: middle;
}

.brand-logo-area .brand-logo-item a img {
  margin: auto;
}

/*----------------------------------------*/
/*    27 - Components - Modal
/*----------------------------------------*/
.obrien-modal .modal-dialog {
  max-width: 1000px;
}

.obrien-modal .modal-dialog .modal-content .close-button {
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 99;
  opacity: 1;
  color: #1B1B1C;
}

.obrien-modal .modal-dialog .modal-content .close-button .close-icon {
  font-size: 25px;
}

.obrien-modal .modal-dialog .modal-content .close-button:hover {
  color: #E98C81;
}

.obrien-modal .modal-dialog .modal-content .modal-body {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .modal-product {
    margin-top: 40px;
  }
}

.modal-product .product-title .title {
  font-size: 20px;
  margin-bottom: 15px;
}

.modal-product .product-rating i {
  font-size: 18px;
  color: #E98C81;
  margin-top: 15px;
}

.modal-product .desc-content {
  margin-top: 30px;
}

.modal-product .nice-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  margin-top: 30px;
}

.modal-product .nice-select .option {
  min-height: 25px;
  line-height: 25px;
}

.modal-product .nice-select .list {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 2px;
  border-radius: 0px;
}

.modal-product .nice-select:focus {
  border: 2px solid #666;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal-product .quantity-with_btn {
  margin-top: 40px;
}

@media (max-width: 479px) {
  .modal-product .quantity-with_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal-product .quantity-with_btn .add-to_cart {
    margin-top: 20px;
  }
}

/*----------------------------------------*/
/*    28 - Components - Breadcrumb
/*----------------------------------------*/
.breadcrumbs-area {
  padding: 100px 0;
  background: #f6f6f6 url(../images/bg/1-1.jpg) no-repeat scroll center center/cover;
}

.breadcrumbs-area:before {
  background: #ffffff none repeat scroll 0 0;
  opacity: .3;
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  width: 100%;
  position: absolute;
}

.breadcrumbs-area .breadcrumb-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.breadcrumbs-area .breadcrumb-content ul li {
  color: #1B1B1C;
  position: relative;
}

.breadcrumbs-area .breadcrumb-content ul li a {
  font-size: 18px;
  color: #1B1B1C;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 1;
}

.breadcrumbs-area .breadcrumb-content ul li a:hover {
  color: #E98C81;
}

.breadcrumbs-area .breadcrumb-content ul li:after {
  color: #1B1B1C;
  content: '>';
  font-size: 16px;
  vertical-align: middle;
  padding: 0 10px;
  font-weight: 400;
}

.breadcrumbs-area .breadcrumb-content ul li:last-child:after {
  display: none;
}

@media (max-width: 767px) {
  .breadcrumbs-area {
    padding: 50px 0px;
  }
}


/* ==== stations_site/css/pro-ui.css ==== */
/* 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,
.ss-suspended-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-suspended-chip { background: linear-gradient(135deg, #b42318, #e5484d); }

.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;
}

/* Broadcaster embed compliance tools */
.ss-owner-compliance{margin:0 18px 14px;border:1px solid rgba(123,97,255,.16);border-radius:14px;background:rgba(248,250,255,.9);overflow:hidden}.ss-owner-compliance summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font-size:12px;font-weight:800;color:#252b42;list-style:none}.ss-owner-compliance summary::-webkit-details-marker{display:none}.ss-owner-compliance summary>i:last-child{margin-left:auto}.ss-owner-compliance-body{padding:0 14px 14px}.ss-owner-health-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ss-owner-health{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#eef2f7;color:#657084}.ss-owner-health-found,.ss-owner-health-legacy,.ss-owner-health-online,.ss-owner-health-active{background:#e6f8f1;color:#087451}.ss-owner-health-missing,.ss-owner-health-offline,.ss-owner-health-error,.ss-owner-health-suspended{background:#fff0f3;color:#bd1b46}.ss-owner-alert{display:flex;gap:7px;padding:9px 10px;border-radius:10px;background:#fff2e2;color:#8b5510;font-size:11px;line-height:1.45;margin-bottom:10px}.ss-owner-embed-label,.ss-owner-embed-page-form>label{display:block;font-size:11px;font-weight:800;color:#333a4e;margin:8px 0 5px}.ss-owner-embed-code{display:block;width:100%;border:1px solid #dfe5ef;border-radius:10px;background:#101526;color:#d9e0ee;padding:9px;font-family:Consolas,monospace;font-size:9px;line-height:1.45;resize:vertical}.ss-copy-embed{margin-top:7px;border:0;border-radius:9px;background:#22283c;color:#fff;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.ss-owner-embed-page-form{margin-top:12px}.ss-owner-embed-page-form>div{display:flex;gap:6px}.ss-owner-embed-page-form input{flex:1;min-width:0;border:1px solid #dfe5ef;border-radius:9px;padding:8px 9px;font-size:10px}.ss-owner-embed-page-form button{border:0;border-radius:9px;background:#ff2f8f;color:#fff;padding:8px 10px;font-size:10px;font-weight:800}.ss-owner-embed-page-form small{display:block;color:#8790a2;font-size:9px;line-height:1.4;margin-top:5px}
/* Station owner embed verification v1.1 */
.ss-owner-flash{display:flex;align-items:flex-start;gap:9px;border-radius:12px;padding:11px 13px;margin-bottom:14px;font-size:12px;font-weight:700;line-height:1.5}.ss-owner-flash i{font-size:18px}.ss-owner-flash-success{background:#e8f8f1;color:#087451;border:1px solid #bdebd8}.ss-owner-flash-error{background:#fff0f3;color:#b4234b;border:1px solid #f6c5d2}.ss-owner-health-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px}.ss-owner-health-facts span{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #e6eaf1;border-radius:9px;padding:7px 8px;color:#747e91;font-size:9px}.ss-owner-health-facts b{color:#30384b;font-size:9px}.ss-owner-embed-help{margin:0 0 7px;color:#7e8799;font-size:9px;line-height:1.45}.ss-owner-embed-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.ss-owner-embed-actions .ss-copy-embed{margin-top:0}.ss-owner-embed-actions form{margin:0}.ss-verify-embed{border:0;border-radius:9px;background:#0b8f67;color:#fff;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.ss-verify-embed i{color:#fff!important}.ss-owner-health-unchecked{background:#eef2f7;color:#657084}.ss-owner-health-legacy{background:#fff7e8;color:#9b6200}@media(max-width:520px){.ss-owner-health-facts{grid-template-columns:1fr}}


/* ==== stations_site/css/pro-ui-v220.css ==== */
/* Station Select v2.2.0 broadcaster moderation status */
.ss-submission-list{display:grid;gap:14px;margin:24px 0}.ss-submission-card{padding:20px;border-radius:22px;border:1px solid rgba(111,164,255,.18);background:linear-gradient(180deg,rgba(12,31,67,.94),rgba(7,20,45,.98));box-shadow:0 18px 44px rgba(0,0,0,.18)}.ss-submission-card h3{color:#fff;margin:10px 0 5px}.ss-submission-card p,.ss-submission-card small{color:#a9bddf}.ss-submission-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.1em}.ss-submission-status.is-pending{background:rgba(255,199,95,.12);color:#ffd98c}.ss-submission-status.is-approved{background:rgba(62,224,162,.11);color:#91f1cb}.ss-submission-status.is-rejected{background:rgba(255,113,139,.12);color:#ff9bae}


/* ==== stations_site/css/experience-v2.css ==== */
/*
 * Station Select Broadcast Experience v1.1.5
 * Premium public-directory motion + visual polish layer.
 * Loaded after pro-ui.css so it is easy to roll back independently.
 */
:root {
    --ssx-ink: #070a16;
    --ssx-night: #090d22;
    --ssx-night-2: #111632;
    --ssx-blue: #2667ff;
    --ssx-cyan: #00d9ff;
    --ssx-violet: #8b5cf6;
    --ssx-pink: #ff3d8d;
    --ssx-lime: #38e99d;
    --ssx-white: #ffffff;
    --ssx-paper: #f7f9ff;
    --ssx-muted: #6a748a;
    --ssx-line: rgba(119, 137, 175, .18);
    --ssx-shadow: 0 24px 70px rgba(8, 15, 38, .12);
    --ssx-shadow-lift: 0 32px 90px rgba(18, 31, 72, .22);
    --ssx-ease: cubic-bezier(.22,.8,.28,1);
}

html { scroll-behavior: smooth; }
body {
    background: var(--ssx-paper);
    overflow-x: hidden;
}
::selection { background: rgba(38,103,255,.22); color: #071128; }

/* Top progress signal */
.ss-scroll-progress {
    position: fixed;
    inset: 0 auto auto 0;
    width: 0;
    height: 3px;
    z-index: 99999;
    pointer-events: none;
    background: linear-gradient(90deg, var(--ssx-pink), var(--ssx-violet), var(--ssx-cyan));
    box-shadow: 0 0 20px rgba(0,217,255,.65);
    transition: width .08s linear;
}

/* ===== Broadcast glass header ===== */
.main-header-area {
    position: relative;
    z-index: 1000;
}
.main-header-area .main-header {
    position: relative;
    background: rgba(255,255,255,.82) !important;
    border-bottom: 1px solid rgba(15,23,42,.07) !important;
    box-shadow: 0 5px 28px rgba(10,17,38,.04);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    backdrop-filter: blur(18px) saturate(1.2);
    transition: background .3s ease, box-shadow .3s ease, transform .3s ease;
}
body.ss-scrolled .main-header-area .main-header {
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 14px 45px rgba(8,15,38,.10);
}
.header-logo a { position: relative; }
.header-logo a:after {
    content: "ON AIR";
    position: absolute;
    right: -14px;
    top: -7px;
    padding: 3px 7px;
    border-radius: 999px;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
    background: linear-gradient(135deg, var(--ssx-pink), #ff5c56);
    box-shadow: 0 7px 18px rgba(255,61,141,.28);
}
.main-header-area .main-nav .nav > li > a {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
}
.main-header-area .main-nav .nav > li > a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, var(--ssx-blue), var(--ssx-cyan));
    box-shadow: 0 0 12px rgba(0,217,255,.5);
    transition: width .25s var(--ssx-ease);
}
.main-header-area .main-nav .nav > li > a:hover:after,
.main-header-area .main-nav .nav > li > a.active:after { width: 28px; }

/* ===== Hero: richer, radio-first, without heavy libraries ===== */
.ss-home-hero {
    min-height: min(790px, calc(100vh - 70px));
    display: flex;
    align-items: center;
    isolation: isolate;
    background:
        radial-gradient(circle at 78% 16%, rgba(0,217,255,.18), transparent 26%),
        radial-gradient(circle at 18% 86%, rgba(255,61,141,.19), transparent 30%),
        radial-gradient(circle at 48% 42%, rgba(139,92,246,.12), transparent 40%),
        linear-gradient(135deg, #050816 0%, #0a0f27 52%, #111436 100%) !important;
}
.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: 48px 48px !important;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.72) 62%, transparent 100%);
}
.ss-home-hero:after {
    content: "";
    position: absolute;
    width: 640px;
    height: 640px;
    right: -220px;
    top: -250px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow:
        0 0 0 80px rgba(255,255,255,.018),
        0 0 0 160px rgba(255,255,255,.012);
    pointer-events: none;
    animation: ssx-orbit 18s linear infinite;
    z-index: -1;
}
@keyframes ssx-orbit { to { transform: rotate(360deg); } }

.ss-live-pill {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.14);
}
.ss-live-dot {
    animation: ssx-live-pulse 1.6s ease-out infinite !important;
}
@keyframes ssx-live-pulse {
    0% { box-shadow: 0 0 0 0 rgba(56,233,157,.68); transform: scale(.92); }
    70% { box-shadow: 0 0 0 10px rgba(56,233,157,0); transform: scale(1); }
    100% { box-shadow: 0 0 0 0 rgba(56,233,157,0); transform: scale(.92); }
}
.ss-home-copy h1 {
    max-width: 810px;
    text-wrap: balance;
    text-shadow: 0 12px 50px rgba(0,0,0,.32);
}
.ss-home-copy h1 .ss-gradient-word {
    color: transparent;
    background: linear-gradient(95deg, #fff 0%, #87f1ff 26%, #90a8ff 54%, #ff85bd 85%, #fff 100%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: ssx-gradient-flow 8s ease infinite;
}
@keyframes ssx-gradient-flow {
    0%,100% { background-position: 0 50%; }
    50% { background-position: 100% 50%; }
}
.ss-home-copy p { max-width: 720px; }

.ss-hero-search {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 690px;
    margin-top: 28px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    background: rgba(255,255,255,.09);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.07);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.ss-hero-search:focus-within {
    border-color: rgba(0,217,255,.54);
    box-shadow: 0 26px 70px rgba(0,0,0,.22), 0 0 0 4px rgba(0,217,255,.08);
    transform: translateY(-2px);
}
.ss-hero-search i {
    margin-left: 12px;
    color: #8beeff;
    font-size: 21px;
}
.ss-hero-search input {
    min-width: 0;
    flex: 1;
    height: 48px;
    border: 0;
    outline: 0;
    color: #fff;
    background: transparent;
    font-weight: 700;
    font-size: 15px;
}
.ss-hero-search input::placeholder { color: rgba(226,232,240,.58); }
.ss-hero-search button {
    height: 48px;
    padding: 0 21px;
    border: 0;
    border-radius: 15px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, var(--ssx-blue), var(--ssx-cyan));
    box-shadow: 0 12px 26px rgba(38,103,255,.28);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}
.ss-hero-search button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(38,103,255,.36); }
.ss-hero-quicklinks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: rgba(226,232,240,.55);
    font-size: 12px;
    font-weight: 800;
}
.ss-hero-quicklinks a {
    padding: 5px 9px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 999px;
    color: rgba(255,255,255,.79) !important;
    background: rgba(255,255,255,.045);
    transition: .2s ease;
}
.ss-hero-quicklinks a:hover { color: #fff !important; border-color: rgba(0,217,255,.35); background: rgba(0,217,255,.08); }

.ss-btn, .ss-pro-btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.ss-btn:after, .ss-pro-btn:after {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -1;
    transform: translateX(-110%) skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
    transition: transform .55s var(--ssx-ease);
}
.ss-btn:hover:after, .ss-pro-btn:hover:after { transform: translateX(110%) skewX(-20deg); }

.ss-home-stats div {
    position: relative;
    overflow: hidden;
    transition: transform .25s var(--ssx-ease), border-color .25s ease, background .25s ease;
}
.ss-home-stats div:hover {
    transform: translateY(-4px);
    border-color: rgba(0,217,255,.28);
    background: rgba(255,255,255,.11);
}
.ss-home-stats div:before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 2px;
    background: linear-gradient(90deg, var(--ssx-pink), var(--ssx-cyan));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}
.ss-home-stats div:hover:before { transform: scaleX(1); }

.ss-hero-player-image {
    perspective: 900px;
}
.ss-hero-showcase-img {
    border-radius: 34px;
    filter: saturate(1.05) contrast(1.02) drop-shadow(0 38px 70px rgba(0,0,0,.42));
    transform: rotateY(-4deg) rotateX(2deg);
    transition: transform .5s var(--ssx-ease), filter .5s ease;
    will-change: transform;
}
.ss-hero-player-image:hover .ss-hero-showcase-img {
    transform: rotateY(0) rotateX(0) translateY(-6px) scale(1.01);
    filter: saturate(1.1) contrast(1.02) drop-shadow(0 44px 84px rgba(0,0,0,.48));
}
.ss-orbit-glow {
    animation: ssx-glow-breathe 4.5s ease-in-out infinite;
}
@keyframes ssx-glow-breathe { 50% { opacity: .65; transform: scale(1.08); } }

/* ===== On-air motion rail ===== */
.ss-onair-rail {
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding: 13px 0;
    color: #fff;
    background: #050816;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 50px rgba(5,8,22,.18);
}
.ss-onair-rail:before,
.ss-onair-rail:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 3;
    pointer-events: none;
}
.ss-onair-rail:before { left: 0; background: linear-gradient(90deg, #050816, transparent); }
.ss-onair-rail:after { right: 0; background: linear-gradient(-90deg, #050816, transparent); }
.ss-onair-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 12px;
    animation: ssx-marquee 38s linear infinite;
}
.ss-onair-rail:hover .ss-onair-track { animation-play-state: paused; }
@keyframes ssx-marquee { to { transform: translateX(-50%); } }
.ss-onair-label,
.ss-onair-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    border-radius: 999px;
    font-weight: 800;
    font-size: 12px;
}
.ss-onair-label {
    margin-left: 12px;
    padding: 8px 12px;
    background: linear-gradient(135deg, var(--ssx-pink), #ff5c56);
    box-shadow: 0 10px 24px rgba(255,61,141,.2);
    letter-spacing: .08em;
}
.ss-onair-item {
    padding: 8px 12px;
    color: rgba(255,255,255,.82) !important;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.045);
    transition: .2s ease;
}
.ss-onair-item:hover { color: #fff !important; background: rgba(38,103,255,.14); border-color: rgba(0,217,255,.25); }
.ss-onair-item .ss-mini-wave { display: flex; gap: 2px; height: 13px; align-items: end; }
.ss-onair-item .ss-mini-wave i { width: 2px; border-radius: 4px; background: var(--ssx-cyan); animation: ssx-mini-wave .8s ease-in-out infinite; }
.ss-onair-item .ss-mini-wave i:nth-child(1){height:5px}.ss-onair-item .ss-mini-wave i:nth-child(2){height:11px;animation-delay:.12s}.ss-onair-item .ss-mini-wave i:nth-child(3){height:7px;animation-delay:.24s}
@keyframes ssx-mini-wave { 50% { transform: scaleY(.45); opacity:.65; } }

/* ===== Sections and reveal rhythm ===== */
.ss-section { isolation: isolate; }
.ss-section:nth-of-type(even):not(.ss-dark-band) {
    background: linear-gradient(180deg, rgba(38,103,255,.018), rgba(139,92,246,.025));
}
.ss-section-head h2,
.ss-section-row-head h2,
.ss-page-hero h1 {
    text-wrap: balance;
}
.ss-kicker-dark:before,
.ss-kicker:before {
    content: "";
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ssx-pink), var(--ssx-cyan));
    box-shadow: 0 0 12px rgba(0,217,255,.25);
}
.ss-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s var(--ssx-ease), transform .7s var(--ssx-ease);
    transition-delay: var(--ss-reveal-delay, 0ms);
}
.ss-reveal.ss-in-view { opacity: 1; transform: translateY(0); }

/* ===== Genre cards: editorial + motion ===== */
.ss-genre-card {
    border: 1px solid rgba(255,255,255,.48);
    box-shadow: 0 22px 60px rgba(11,18,42,.14);
    transform: translateZ(0);
    transition: transform .38s var(--ssx-ease), box-shadow .38s ease;
}
.ss-genre-card:before {
    content: "Explore";
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(8,13,34,.35);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    transform: translateY(-7px);
    transition: .3s ease;
}
.ss-genre-card:hover { transform: translateY(-8px) scale(1.012); box-shadow: 0 32px 80px rgba(11,18,42,.22); }
.ss-genre-card:hover:before { opacity: 1; transform: translateY(0); }
.ss-genre-card span { text-shadow: 0 6px 22px rgba(0,0,0,.38); }

/* ===== Station cards: premium broadcast tiles ===== */
.radio-card,
.ss-radio-card-pro {
    --ss-card-x: 50%;
    --ss-card-y: 50%;
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(126,143,177,.18) !important;
    background: rgba(255,255,255,.95) !important;
    box-shadow: 0 17px 48px rgba(11,20,46,.09) !important;
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform .32s var(--ssx-ease), box-shadow .32s ease, border-color .32s ease !important;
}
.radio-card:before,
.ss-radio-card-pro:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    border-radius: inherit;
    background: radial-gradient(520px circle at var(--ss-card-x) var(--ss-card-y), rgba(0,217,255,.14), transparent 34%);
    transition: opacity .25s ease;
}
.radio-card:hover:before,
.ss-radio-card-pro:hover:before { opacity: 1; }
.radio-card:hover,
.ss-radio-card-pro:hover {
    border-color: rgba(38,103,255,.32) !important;
    box-shadow: 0 30px 80px rgba(16,30,68,.18), 0 0 0 1px rgba(0,217,255,.06) !important;
}
.radio-image-container,
.ss-radio-card-media {
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 10%, rgba(0,217,255,.17), transparent 34%),
        radial-gradient(circle at 85% 84%, rgba(255,61,141,.14), transparent 34%),
        linear-gradient(145deg, #eaf2ff, #f9fbff) !important;
}
.radio-image-container:after {
    box-shadow: 0 10px 24px rgba(9,13,34,.20), 0 0 0 3px rgba(255,255,255,.55) !important;
}
.radio-logo,
.ss-radio-card-media img.ss-radio-logo {
    transition: transform .45s var(--ssx-ease), filter .45s ease !important;
}
.radio-card:hover .radio-logo,
.ss-radio-card-pro:hover .ss-radio-logo {
    transform: scale(1.035) translateZ(14px);
    filter: saturate(1.08) contrast(1.03);
}
.overlay {
    background: radial-gradient(circle at 50% 50%, rgba(0,217,255,.18), rgba(7,10,25,.70)) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.play-icon,
.ss-radio-card-media:after {
    box-shadow: 0 18px 42px rgba(5,10,24,.32), 0 0 0 8px rgba(255,255,255,.12) !important;
}
.ss-live-badge,
.radio-badge {
    background: linear-gradient(135deg, #12c778, var(--ssx-cyan)) !important;
    box-shadow: 0 7px 18px rgba(18,199,120,.24);
}
.ss-live-badge:before,
.radio-badge:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
    background: #fff;
    animation: ssx-live-badge 1.4s ease infinite;
}
@keyframes ssx-live-badge { 50% { opacity:.35; transform:scale(.7); } }
.radio-info,
.ss-radio-card-body { position: relative; z-index: 5; }
.radio-name,
.ss-radio-card-body h3 { letter-spacing: -.028em !important; }
.radio-genre,
.radio-country,
.ss-radio-meta span {
    border-radius: 999px;
}

/* ===== Page hero / directory pages ===== */
.ss-page-shell {
    background:
        radial-gradient(circle at 8% 3%, rgba(38,103,255,.14), transparent 24%),
        radial-gradient(circle at 92% 5%, rgba(255,61,141,.10), transparent 22%),
        linear-gradient(180deg, #070b1e 0%, #0c112d 33%, #f6f8ff 33%, #f6f8ff 100%) !important;
}
.ss-page-hero {
    isolation: isolate;
    background:
        radial-gradient(circle at 76% 20%, rgba(0,217,255,.11), transparent 28%),
        radial-gradient(circle at 16% 86%, rgba(255,61,141,.12), transparent 25%),
        rgba(9,14,42,.78) !important;
    border-color: rgba(255,255,255,.11) !important;
    box-shadow: 0 34px 100px rgba(0,0,0,.30) !important;
}
.ss-page-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .25;
    background: repeating-linear-gradient(90deg, transparent 0 39px, rgba(255,255,255,.04) 40px 41px);
    mask-image: linear-gradient(90deg,#000,transparent 75%);
}
.ss-page-hero h1 {
    background: linear-gradient(95deg, #fff, #bdeeff 70%, #ffb2d2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}
.ss-hero-art {
    transform: rotate(1.2deg);
    transition: transform .45s var(--ssx-ease), box-shadow .45s ease;
}
.ss-page-hero:hover .ss-hero-art { transform: rotate(0) translateY(-4px); box-shadow: 0 34px 88px rgba(0,0,0,.42); }
.ss-feature-tile { transition: transform .22s ease, background .22s ease, border-color .22s ease; }
.ss-feature-tile:hover { transform: translateY(-3px); background: rgba(255,255,255,.09); border-color: rgba(0,217,255,.22); }

/* ===== New unified genre/search discovery components ===== */
.ss-discovery-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(20px,3vw,30px);
    margin-bottom: 28px;
    border-radius: 28px;
    border: 1px solid #e2e8f4;
    background: rgba(255,255,255,.94);
    box-shadow: var(--ssx-shadow);
}
.ss-discovery-search {
    position: relative;
    max-width: 760px;
    margin: 0 auto 20px;
}
.ss-discovery-search i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ssx-violet);
    font-size: 20px;
}
.ss-discovery-search input {
    width: 100%;
    height: 58px;
    padding: 0 20px 0 52px;
    border-radius: 18px;
    border: 1px solid #dce5f2;
    color: #10172d;
    font-weight: 700;
    background: #f9fbff;
    outline: 0;
    box-shadow: 0 10px 30px rgba(15,23,42,.05);
    transition: .2s ease;
}
.ss-discovery-search input:focus { border-color: rgba(38,103,255,.5); box-shadow: 0 0 0 4px rgba(38,103,255,.09), 0 14px 34px rgba(15,23,42,.07); }
.ss-discovery-alpha {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-bottom: 22px;
}
.ss-discovery-alpha a {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #dfe7f3;
    border-radius: 11px;
    color: #48556f !important;
    background: #f7f9fe;
    font-size: 12px;
    font-weight: 900;
    transition: .2s ease;
}
.ss-discovery-alpha a:hover { color:#fff !important; border-color:transparent; transform:translateY(-2px); background:linear-gradient(135deg,var(--ssx-blue),var(--ssx-violet)); }
.ss-discovery-letter {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 24px 0 13px;
}
.ss-discovery-letter strong {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(135deg, var(--ssx-pink), var(--ssx-violet));
    box-shadow: 0 10px 24px rgba(139,92,246,.22);
}
.ss-discovery-letter:after { content:""; flex:1; height:1px; background:linear-gradient(90deg,#dfe6f2,transparent); }
.ss-discovery-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 12px 14px;
    border: 1px solid #e2e9f4;
    border-radius: 17px;
    background: linear-gradient(180deg,#fff,#fbfcff);
    color: #111a32 !important;
    box-shadow: 0 9px 26px rgba(15,23,42,.045);
    font-weight: 850;
    transition: transform .22s var(--ssx-ease), border-color .22s ease, box-shadow .22s ease;
}
.ss-discovery-card:hover { transform:translateY(-4px); border-color:rgba(38,103,255,.32); box-shadow:0 17px 38px rgba(15,23,42,.10); }
.ss-discovery-card .station-badge {
    min-width: 32px;
    padding: 5px 9px;
    border-radius: 999px;
    text-align: center;
    color: var(--ssx-blue);
    background: #eef4ff;
    font-size: 11px;
    font-weight: 900;
}
.ss-results-heading { margin-bottom: 24px; }
.ss-empty-state { text-align:center; padding:60px 20px; border:1px dashed #cfd9ea; border-radius:24px; color:#6a748a; background:#fbfcff; }
.ss-empty-state i { display:block; font-size:42px; color:var(--ssx-violet); margin-bottom:12px; }

/* ===== Station detail: stronger broadcast profile ===== */
.ss-profile-hero {
    box-shadow: 0 35px 100px rgba(4,9,25,.28) !important;
}
.ss-profile-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(0,217,255,.06), transparent 35%, rgba(255,61,141,.08));
}
.ss-logo-wrap {
    transition: transform .35s var(--ssx-ease), box-shadow .35s ease;
}
.ss-profile-hero:hover .ss-logo-wrap { transform: translateY(-5px) rotate(-1deg); }
.ss-panel {
    transition: transform .28s var(--ssx-ease), box-shadow .28s ease, border-color .28s ease;
}
.ss-panel:not(.ss-player-card):hover { transform: translateY(-3px); border-color: rgba(38,103,255,.18); box-shadow: 0 28px 70px rgba(15,23,42,.11); }
.ss-player-card {
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 10%, rgba(0,217,255,.13), transparent 29%),
        radial-gradient(circle at 12% 92%, rgba(255,61,141,.12), transparent 32%),
        linear-gradient(145deg, #090e24, #121a38) !important;
}
.ss-player-card:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .34;
    background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size: 28px 28px;
}
.play-pause-container .jp-play,
.play-pause-container .jp-pause {
    box-shadow: 0 20px 50px rgba(38,103,255,.30), 0 0 0 10px rgba(255,255,255,.05) !important;
}
.ss-player-card.is-playing .play-pause-container .jp-pause,
.ss-global-player.is-playing .ss-global-player-toggle { animation: ssx-player-ring 2s ease-out infinite; }
@keyframes ssx-player-ring { 50% { box-shadow: 0 0 0 13px rgba(0,217,255,0), 0 18px 42px rgba(38,103,255,.30); } }

/* ===== Persistent player ===== */
.ss-global-player {
    border-top: 1px solid rgba(255,255,255,.11);
    background: rgba(6,9,23,.92) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.25);
    backdrop-filter: blur(20px) saturate(1.25);
    box-shadow: 0 -16px 48px rgba(4,8,20,.28);
}
.ss-global-player-bars span { background: linear-gradient(180deg,var(--ssx-cyan),var(--ssx-pink)) !important; }

/* ===== Footer: less generic, more network identity ===== */
.ss-footer-pro {
    position: relative;
    overflow: hidden;
    background: #060918;
}
.ss-footer-main {
    background:
        radial-gradient(circle at 15% 12%, rgba(38,103,255,.15), transparent 25%),
        radial-gradient(circle at 87% 84%, rgba(255,61,141,.10), transparent 26%),
        #070b1d !important;
}
.ss-footer-main:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to top,#000,transparent 80%);
}
.ss-footer-grid { position:relative; z-index:1; }
.ss-footer-brand-card,
.ss-footer-link-card,
.ss-footer-station-actions {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.035);
    border-radius: 24px;
    padding: 22px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.ss-footer-clean-list a { transition: transform .2s ease, color .2s ease; }
.ss-footer-clean-list a:hover { transform: translateX(4px); color: #8eefff !important; }
.ss-footer-bottom { background:#050713 !important; border-top:1px solid rgba(255,255,255,.06); }

/* Feedback button gets broadcast pulse, not visual noise */
.floating-button {
    background: linear-gradient(135deg, var(--ssx-blue), var(--ssx-violet)) !important;
    box-shadow: 0 16px 36px rgba(38,103,255,.30) !important;
}
.floating-button:before {
    content: "";
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(38,103,255,.22);
    border-radius: 50%;
    animation: ssx-feedback-ring 2.4s ease-out infinite;
}
@keyframes ssx-feedback-ring { 70%,100% { transform:scale(1.22); opacity:0; } }

/* ===== Responsive ===== */
@media (max-width: 1199px) {
    .ss-home-hero { min-height: auto; }
    .main-header-area .main-nav .nav > li > a { padding-left: 11px; padding-right: 11px; }
}
@media (max-width: 991px) {
    .header-logo a:after { right:-4px; }
    .ss-home-hero { padding-top: 54px !important; }
    .ss-home-hero-grid { gap: 36px !important; }
    .ss-hero-player-visual { min-height: 340px !important; }
    .ss-hero-showcase-img { max-height: 390px; object-fit: contain; transform:none; }
    .ss-page-hero { grid-template-columns: 1fr !important; }
    .ss-hero-art { max-width: 560px; margin:0 auto; }
}
@media (max-width: 767px) {
    .ss-home-copy h1 { letter-spacing:-.055em !important; }
    .ss-hero-search { flex-wrap:wrap; border-radius:18px; }
    .ss-hero-search input { width: calc(100% - 50px); }
    .ss-hero-search button { width:100%; }
    .ss-home-actions .ss-btn { width:100%; justify-content:center; }
    .ss-onair-rail:before,.ss-onair-rail:after{width:44px}
    .ss-page-hero { padding:24px !important; border-radius:24px !important; }
    .ss-page-hero h1 { font-size:clamp(40px,14vw,62px) !important; }
    .ss-feature-row { grid-template-columns:1fr !important; }
    .ss-discovery-panel { border-radius:22px; padding:17px; }
    .ss-footer-brand-card,.ss-footer-link-card,.ss-footer-station-actions{padding:18px}
    .radio-card:hover,.ss-radio-card-pro:hover{transform:translateY(-5px) !important}
}

/* Accessibility and device safety */
@media (hover: none) {
    .radio-card, .ss-radio-card-pro { transform: none !important; }
    .ss-genre-card:before { opacity:1; transform:none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    *, *:before, *:after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
    .ss-reveal { opacity:1 !important; transform:none !important; }
    .ss-onair-track { animation:none !important; flex-wrap:wrap; width:auto; justify-content:center; }
}


/* ==== stations_site/css/experience-v3.css ==== */
/*
 * Station Select Experience v1.1.6
 * Contrast, broadcaster dashboard and premium form system.
 * Loaded after experience-v2.css and pro-ui.css.
 */
:root {
    --ss3-bg: #050816;
    --ss3-bg-2: #0a1027;
    --ss3-panel: rgba(12,18,43,.84);
    --ss3-panel-solid: #0d1533;
    --ss3-line: rgba(156,176,221,.18);
    --ss3-text: #f8fbff;
    --ss3-muted: #a8b7d5;
    --ss3-blue: #3b82f6;
    --ss3-cyan: #18d7f5;
    --ss3-violet: #8b5cf6;
    --ss3-pink: #ff4f9a;
    --ss3-green: #36e39a;
    --ss3-amber: #ffbd4a;
    --ss3-danger: #ff617d;
    --ss3-shadow: 0 30px 90px rgba(0,0,0,.28);
    --ss3-ease: cubic-bezier(.2,.8,.2,1);
}

/* ===== Global contrast audit ===== */
body { color: var(--ss3-text); }
.ss-genre-section,
.ss-visual-showcase-section,
.ss-dark-band,
.ss-why-section,
.ss-promo-section,
.ss-home-page .ss-section:nth-of-type(odd) {
    color: var(--ss3-text);
}
.ss-genre-section .ss-section-head h2,
.ss-genre-section .ss-section-head p,
.ss-visual-showcase-section .ss-section-head h2,
.ss-dark-band h2,
.ss-dark-band p,
.ss-section-row-head-light h2,
.ss-section-row-head-light p {
    color: var(--ss3-text) !important;
}
.ss-genre-section .ss-section-head p,
.ss-visual-showcase-section .ss-section-head p,
.ss-dark-band p { color: #b8c5df !important; }
.ss-genre-section .ss-kicker-dark,
.ss-visual-showcase-section .ss-kicker-dark {
    color: #71e9ff !important;
}
.ss-genre-section .ss-kicker-dark:before,
.ss-visual-showcase-section .ss-kicker-dark:before { background: linear-gradient(90deg,var(--ss3-pink),var(--ss3-cyan)) !important; }

/* ===== Header: dark glass instead of washed-out grey ===== */
.main-header-area .main-header,
.main-header-area .header-sticky {
    background: rgba(5,8,22,.88) !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: 0 14px 44px rgba(0,0,0,.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.28);
    backdrop-filter: blur(22px) saturate(1.28);
}
body.ss-scrolled .main-header-area .main-header,
body.ss-scrolled .main-header-area .header-sticky { background: rgba(5,8,22,.96) !important; }
.main-header-area .main-nav .nav > li > a,
.main-header-area .nav-link { color: #d9e5fb !important; }
.main-header-area .main-nav .nav > li > a:hover,
.main-header-area .main-nav .nav > li > a.active,
.main-header-area .nav-link:hover { color: #fff !important; }
.main-header-area .dropdown-menu {
    background: rgba(11,17,41,.98) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.38) !important;
    border-radius: 18px !important;
}
.main-header-area .dropdown-menu a,
.main-header-area .dropdown-menu .dropdown-item,
.main-header-area .dropdown-menu .dropdown-header { color: #eaf1ff !important; }
.main-header-area .dropdown-menu .text-muted { color: #91a3c4 !important; }
.main-header-area .dropdown-menu .dropdown-item:hover { background: rgba(59,130,246,.15) !important; }

/* ===== Better section rhythm + radio texture ===== */
.ss-genre-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% -20%, rgba(139,92,246,.28), transparent 45%),
        radial-gradient(circle at 88% 55%, rgba(24,215,245,.09), transparent 32%),
        linear-gradient(180deg,#15103d 0%,#0c1230 100%) !important;
}
.ss-genre-section:before {
    content:"";
    position:absolute; inset:0; pointer-events:none; opacity:.28;
    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:48px 48px;
    mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 75%,transparent);
}
.ss-genre-section > .container { position:relative; z-index:1; }
.ss-section-head h2,
.ss-section-row-head h2 { letter-spacing:-.045em; }
.ss-genre-section .ss-section-head h2 { text-shadow:0 16px 45px rgba(0,0,0,.35); }

/* ===== Premium station submission/edit form ===== */
.login-register-area,
#stationSubmitForm { position: relative; }
.login-register-area:before,
#stationSubmitForm:before {
    content:"";
    position:absolute; inset:0; pointer-events:none;
    background: radial-gradient(circle at 50% 0, rgba(59,130,246,.10), transparent 28%);
}
.ss-station-form-shell.login-register-wrapper {
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 92% -10%,rgba(24,215,245,.10),transparent 28%),
        linear-gradient(145deg,rgba(11,17,41,.98),rgba(8,13,33,.98)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:var(--ss3-text) !important;
    box-shadow:0 40px 110px rgba(0,0,0,.34) !important;
}
.ss-station-form-shell:before {
    content:""; position:absolute; inset:0; pointer-events:none; opacity:.28;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(#000,transparent 72%);
}
.ss-station-form-shell > * { position:relative; z-index:1; }
.ss-station-form-shell .section-content { margin-bottom:24px !important; }
.ss-station-form-shell .section-content .title-4 {
    color:#fff !important;
    font-size:clamp(26px,3.2vw,40px) !important;
    letter-spacing:-.04em;
}
.ss-station-form-shell .section-content .desc-content { color:#9fb0ce !important; font-size:15px; }
.ss-station-form-shell .section-content .title-4 i { color:var(--ss3-cyan); }

.ss-form-progress {
    position:sticky;
    top:88px;
    z-index:8;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    padding:8px;
    margin:0 0 22px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:rgba(4,8,24,.78);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 42px rgba(0,0,0,.20);
}
.ss-form-progress button {
    display:flex; align-items:center; justify-content:center; gap:8px;
    min-height:46px;
    border:1px solid transparent;
    border-radius:14px;
    background:transparent;
    color:#8496b8;
    font-weight:850;
    cursor:pointer;
    transition:.22s var(--ss3-ease);
}
.ss-form-progress button b {
    display:grid; place-items:center;
    width:25px; height:25px; border-radius:9px;
    background:rgba(255,255,255,.07); color:#c5d1e8;
    font-size:11px;
}
.ss-form-progress button.is-active {
    color:#fff;
    border-color:rgba(24,215,245,.20);
    background:linear-gradient(135deg,rgba(59,130,246,.20),rgba(139,92,246,.15));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.ss-form-progress button.is-active b { color:#06101c; background:linear-gradient(135deg,#86f3ff,#5ec7ff); }

.ss-form-welcome {
    padding:18px 20px;
    border:1px solid rgba(24,215,245,.15);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(24,215,245,.08),rgba(139,92,246,.06));
}
.ss-form-welcome h5 { color:#fff !important; }
.ss-form-welcome p,
.ss-form-welcome li { color:#b4c2dd !important; }
.ss-station-form-shell .backlink-note {
    padding:13px 16px;
    border-radius:16px;
    border:1px solid rgba(255,189,74,.20);
    background:rgba(255,189,74,.08);
    color:#e7d4a7 !important;
}
.ss-station-form-shell .backlink-note a { color:#7ee9ff !important; }

.ss-station-form .ss-form-step-card.card {
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(17,25,57,.94),rgba(11,18,43,.94)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:24px !important;
    box-shadow:0 22px 58px rgba(0,0,0,.22) !important;
    transition:transform .28s var(--ss3-ease),border-color .28s ease,box-shadow .28s ease !important;
}
.ss-station-form .ss-form-step-card:before {
    content:attr(data-ss-step);
    position:absolute; right:18px; top:8px;
    color:rgba(255,255,255,.035);
    font-size:76px; line-height:1; font-weight:950;
    pointer-events:none;
}
.ss-station-form .ss-form-step-card.is-current,
.ss-station-form .ss-form-step-card:focus-within {
    transform:translateY(-3px);
    border-color:rgba(24,215,245,.28) !important;
    box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 0 1px rgba(24,215,245,.08) !important;
}
.ss-station-form .ss-form-step-card .card-body { padding:clamp(20px,3vw,28px) !important; }
.ss-station-form .ss-form-step-card h5 {
    display:flex; align-items:center; gap:10px;
    color:#fff !important;
    font-size:18px !important;
    letter-spacing:-.02em;
    margin-bottom:22px !important;
}
.ss-station-form .ss-form-step-card h5:before {
    content:"";
    width:10px; height:10px; border-radius:50%;
    background:linear-gradient(135deg,var(--ss3-pink),var(--ss3-cyan));
    box-shadow:0 0 18px rgba(24,215,245,.35);
}
.ss-station-form-shell label,
.ss-station-form-shell .form-label { color:#dbe7fb !important; font-weight:800 !important; font-size:12px; letter-spacing:.01em; }
.ss-station-form-shell small.text-muted { color:#7f91b3 !important; }
.ss-station-form-shell .text-danger { color:#ff879c !important; }
.ss-station-form-shell .text-primary { color:#74e8ff !important; }

.ss-station-form-shell .form-control,
.ss-station-form-shell .form-select,
.ss-station-form-shell select,
.ss-station-form-shell textarea {
    min-height:52px !important;
    color:#f7fbff !important;
    background:#070d22 !important;
    border:1px solid rgba(155,177,220,.20) !important;
    border-radius:15px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}
.ss-station-form-shell textarea.form-control { min-height:120px !important; padding-top:14px; }
.ss-station-form-shell .form-control::placeholder,
.ss-station-form-shell textarea::placeholder { color:#66789c !important; }
.ss-station-form-shell .form-control:focus,
.ss-station-form-shell .form-select:focus,
.ss-station-form-shell select:focus,
.ss-station-form-shell textarea:focus {
    color:#fff !important;
    background:#09122d !important;
    border-color:rgba(24,215,245,.62) !important;
    box-shadow:0 0 0 4px rgba(24,215,245,.09),0 14px 34px rgba(0,0,0,.18) !important;
}
.ss-station-form-shell select option { background:#0b1430; color:#fff; }
.ss-station-form-shell input[type="file"] {
    min-height:58px !important;
    padding:7px !important;
    color:#9fb0ce !important;
    cursor:pointer;
}
.ss-station-form-shell input[type="file"]::file-selector-button {
    height:42px;
    margin-right:12px;
    padding:0 16px;
    border:0;
    border-radius:11px;
    color:#fff;
    font-weight:850;
    background:linear-gradient(135deg,var(--ss3-blue),var(--ss3-violet));
    box-shadow:0 8px 20px rgba(59,130,246,.22);
    cursor:pointer;
}
.ss-station-form-shell input[type="file"].ss-has-file { border-color:rgba(54,227,154,.45) !important; }
.ss-station-form-shell .is-invalid { border-color:rgba(255,97,125,.75) !important; }
.ss-form-submit {
    position:relative;
    min-height:58px !important;
    margin-top:8px;
    overflow:hidden;
    border:0 !important;
    border-radius:18px !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:950 !important;
    letter-spacing:.02em;
    background:linear-gradient(120deg,#246bff,#7554ff 52%,#10cce9) !important;
    box-shadow:0 20px 46px rgba(50,101,255,.28) !important;
    transition:transform .22s var(--ss3-ease),box-shadow .22s ease !important;
}
.ss-form-submit:hover { transform:translateY(-3px); box-shadow:0 27px 56px rgba(50,101,255,.36) !important; }
.ss-form-submit:after {
    content:""; position:absolute; inset:-2px; transform:translateX(-120%) skewX(-22deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
    transition:transform .65s var(--ss3-ease);
}
.ss-form-submit:hover:after { transform:translateX(120%) skewX(-22deg); }

/* ===== Broadcaster dashboard: brighter and more operational ===== */
.ss-dashboard-wrap {
    background:
        radial-gradient(circle at 12% 8%,rgba(59,130,246,.16),transparent 30%),
        radial-gradient(circle at 88% 8%,rgba(255,79,154,.10),transparent 30%),
        linear-gradient(180deg,#050816,#08112b) !important;
}
.ss-owner-network-strip {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 20px;
    padding:17px 19px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(135deg,rgba(13,21,51,.92),rgba(9,15,38,.92));
    box-shadow:0 20px 50px rgba(0,0,0,.22);
}
.ss-owner-network-title { display:flex; flex-direction:column; gap:5px; min-width:210px; }
.ss-owner-network-live { color:#7deeff; font-size:11px; text-transform:uppercase; letter-spacing:.11em; font-weight:900; }
.ss-owner-network-live i { animation:ss3-pulse-icon 1.8s ease-in-out infinite; }
.ss-owner-network-title strong { color:#fff; font-size:15px; }
.ss-owner-network-metrics { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.ss-owner-network-metrics span {
    display:inline-flex; align-items:center; gap:6px;
    min-height:35px; padding:0 12px; border-radius:999px;
    border:1px solid rgba(255,255,255,.09); color:#c7d4ea; background:rgba(255,255,255,.045); font-size:11px; font-weight:800;
}
.ss-owner-network-metrics span b { color:#fff; }
.ss-owner-network-metrics .is-good { border-color:rgba(54,227,154,.18); background:rgba(54,227,154,.08); color:#9cf3ca; }
.ss-owner-network-metrics .is-warn { border-color:rgba(255,189,74,.18); background:rgba(255,189,74,.08); color:#ffd489; }
.ss-owner-network-metrics .is-danger { border-color:rgba(255,97,125,.20); background:rgba(255,97,125,.09); color:#ff9caf; }
@keyframes ss3-pulse-icon { 50% { opacity:.45; filter:drop-shadow(0 0 9px #18d7f5); } }

.ss-dashboard-stat-card,
.ss-dashboard-panel,
.ss-owner-station-card {
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 24px 60px rgba(0,0,0,.22) !important;
}
.ss-dashboard-stat-card {
    background:linear-gradient(150deg,rgba(17,27,62,.92),rgba(9,16,39,.92)) !important;
}
.ss-dashboard-stat-card:hover,
.ss-owner-station-card:hover { border-color:rgba(24,215,245,.30) !important; }
.ss-dashboard-stat-card strong,
.ss-dashboard-panel h2,
.ss-owner-station-card h3 a { color:#fff !important; }
.ss-dashboard-stat-card small,
.ss-dashboard-stat-card em,
.ss-dashboard-panel p { color:#91a4c7 !important; }
.ss-owner-station-card {
    background:
        radial-gradient(circle at 100% 0,rgba(59,130,246,.10),transparent 34%),
        linear-gradient(150deg,#0d1534,#091127) !important;
}
.ss-owner-station-body h3 a { color:#fff !important; }
.ss-owner-meta span { color:#a7b6d3 !important; }
.ss-owner-compliance {
    border-color:rgba(255,255,255,.10) !important;
    background:rgba(4,8,23,.55) !important;
}
.ss-owner-compliance summary { color:#eef5ff !important; }
.ss-owner-health-facts span { background:#091229 !important; border-color:rgba(255,255,255,.08) !important; color:#8fa1c2 !important; }
.ss-owner-health-facts b { color:#dce8fa !important; }
.ss-owner-embed-help,
.ss-owner-embed-page-form small { color:#8192b2 !important; }
.ss-owner-embed-label,
.ss-owner-embed-page-form > label { color:#dce8fa !important; }
.ss-owner-embed-page-form input {
    color:#fff !important;
    background:#070d22 !important;
    border-color:rgba(255,255,255,.12) !important;
}
.ss-owner-embed-code { border-color:rgba(255,255,255,.10) !important; background:#040817 !important; color:#aeefff !important; }
.ss-copy-embed,
.ss-verify-embed,
.ss-owner-embed-page-form button { box-shadow:0 10px 24px rgba(0,0,0,.18); }

/* ===== Generic auth/profile/forms ===== */
.login-register-wrapper:not(.ss-station-form-shell),
.ss-legacy-content-card,
.ss-generic-page {
    border-radius:28px !important;
}
.login-register-wrapper:not(.ss-station-form-shell) input,
.login-register-wrapper:not(.ss-station-form-shell) select,
.login-register-wrapper:not(.ss-station-form-shell) textarea {
    min-height:50px;
    border-radius:14px !important;
}

/* ===== Micro-interactions ===== */
.ss3-ripple { position:relative; overflow:hidden; }
.ss3-ripple:before {
    content:""; position:absolute; width:18px; height:18px; border-radius:50%; pointer-events:none;
    left:var(--ss3-x,50%); top:var(--ss3-y,50%); transform:translate(-50%,-50%) scale(0);
    background:rgba(255,255,255,.22); opacity:0;
}
.ss3-ripple.ss3-ripple-active:before { animation:ss3-ripple .55s ease-out; }
@keyframes ss3-ripple { 0%{transform:translate(-50%,-50%) scale(0);opacity:.6}100%{transform:translate(-50%,-50%) scale(12);opacity:0} }

@media (max-width: 991px) {
    .ss-form-progress { top:72px; }
    .ss-owner-network-strip { align-items:flex-start; flex-direction:column; }
    .ss-owner-network-metrics { justify-content:flex-start; }
}
@media (max-width: 767px) {
    .ss-form-progress { position:relative; top:auto; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ss-station-form-shell.login-register-wrapper { padding:18px !important; border-radius:22px !important; }
    .ss-station-form .ss-form-step-card .card-body { padding:18px !important; }
    .ss-owner-network-metrics span { flex:1 1 calc(50% - 8px); justify-content:center; }
}
@media (max-width: 480px) {
    .ss-form-progress button span { font-size:10px; }
    .ss-owner-network-metrics span { flex-basis:100%; }
}
@media (prefers-reduced-motion: reduce) {
    .ss-owner-network-live i { animation:none !important; }
    .ss-station-form .ss-form-step-card,
    .ss-form-submit { transition:none !important; }
}


/* ==== stations_site/css/experience-v4.css ==== */
/*
 * Station Select Experience v1.2.0
 * Public + client dark-surface completion.
 * Keeps the established navy / cyan / violet / pink broadcast identity while
 * removing the remaining legacy white panels.
 */
:root {
    --ss4-bg:#050816;
    --ss4-bg2:#08112b;
    --ss4-panel:#0d1634;
    --ss4-panel2:#101c3f;
    --ss4-line:rgba(164,188,235,.16);
    --ss4-line-strong:rgba(114,229,255,.25);
    --ss4-text:#f7fbff;
    --ss4-muted:#9eafd0;
    --ss4-soft:#c9d5ea;
    --ss4-blue:#3b82f6;
    --ss4-cyan:#18d7f5;
    --ss4-violet:#8b5cf6;
    --ss4-pink:#ff4f9a;
    --ss4-green:#36e39a;
    --ss4-danger:#ff617d;
    --ss4-shadow:0 28px 80px rgba(0,0,0,.28);
}

/* ===== Full dark public canvas ===== */
.ss-page-shell,
.ss-legacy-page-shell,
.ss-auth-page,
.ss-client-page,
.login-register-area {
    color:var(--ss4-text) !important;
    background:
        radial-gradient(circle at 12% 8%,rgba(59,130,246,.13),transparent 30%),
        radial-gradient(circle at 88% 13%,rgba(255,79,154,.09),transparent 28%),
        linear-gradient(180deg,#050816 0%,#08112b 100%) !important;
}
.ss-page-shell { padding-bottom:76px !important; }
.ss-page-shell:before,
.ss-client-page:before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.30;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.ss-page-shell > .container,
.ss-client-page > .container { position:relative; z-index:1; }

/* ===== White discovery/content islands -> broadcast glass ===== */
.ss-page-shell .ss-discovery-panel,
.ss-page-shell .ss-country-panel,
.ss-page-shell .ss-content-card,
.ss-page-shell .ss-filter-card,
.ss-page-shell .ss-pro-section,
.ss-page-shell .ss-generic-page,
.ss-legacy-content-card,
.ss-auth-form-panel {
    background:
        radial-gradient(circle at 100% 0,rgba(24,215,245,.055),transparent 31%),
        linear-gradient(150deg,rgba(15,25,57,.96),rgba(8,15,37,.96)) !important;
    border:1px solid var(--ss4-line) !important;
    color:var(--ss4-text) !important;
    box-shadow:var(--ss4-shadow) !important;
}
.ss-page-shell .ss-discovery-panel,
.ss-page-shell .ss-country-panel { border-radius:30px !important; }

.ss-discovery-panel .ss-section-head h2,
.ss-discovery-panel h1,.ss-discovery-panel h2,.ss-discovery-panel h3,
.ss-country-panel h1,.ss-country-panel h2,.ss-country-panel h3,
.ss-content-card h1,.ss-content-card h2,.ss-content-card h3,
.ss-filter-card h1,.ss-filter-card h2,.ss-filter-card h3,
.ss-pro-section h1,.ss-pro-section h2,.ss-pro-section h3,
.ss-generic-page h1,.ss-generic-page h2,.ss-generic-page h3,
.ss-legacy-content-card h1,.ss-legacy-content-card h2,.ss-legacy-content-card h3,
.ss-auth-form-panel h1,.ss-auth-form-panel h2,.ss-auth-form-panel h3 {
    color:var(--ss4-text) !important;
    -webkit-text-fill-color:var(--ss4-text) !important;
}
.ss-discovery-panel p,.ss-country-panel p,.ss-content-card p,.ss-pro-section p,.ss-generic-page p,
.ss-legacy-content-card p,.ss-legacy-content-card li,.ss-auth-form-panel p { color:var(--ss4-muted) !important; }
.ss-kicker-dark,.ss-discovery-panel .ss-kicker-dark { color:#72e8ff !important; }

/* Genres + countries */
.ss-discovery-search input,
.ss-country-search input,
.ss-page-shell .ss-filter-card input,
.ss-page-shell .ss-filter-card select,
.ss-page-shell input:not([type="checkbox"]):not([type="radio"]),
.ss-page-shell select,
.ss-page-shell textarea,
.ss-legacy-content-card input:not([type="checkbox"]):not([type="radio"]),
.ss-legacy-content-card select,
.ss-legacy-content-card textarea,
.ss-auth-form input:not([type="checkbox"]):not([type="radio"]) {
    color:#f8fbff !important;
    background:#071027 !important;
    border:1px solid rgba(164,188,235,.19) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.ss-discovery-search input::placeholder,
.ss-country-search input::placeholder,
.ss-page-shell input::placeholder,
.ss-page-shell textarea::placeholder,
.ss-auth-form input::placeholder { color:#7183a6 !important; }
.ss-discovery-search input:focus,
.ss-country-search input:focus,
.ss-page-shell input:focus,
.ss-page-shell select:focus,
.ss-page-shell textarea:focus,
.ss-auth-form input:focus {
    background:#09142f !important;
    border-color:rgba(24,215,245,.56) !important;
    box-shadow:0 0 0 4px rgba(24,215,245,.08),0 16px 40px rgba(0,0,0,.16) !important;
}
.ss-page-shell select option { background:#09142f;color:#fff; }
.ss-discovery-search i,.ss-country-search i { color:#6ee9ff !important; }

.ss-discovery-alpha a,.ss-alpha-nav a {
    color:#bfcee7 !important;
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.10) !important;
}
.ss-discovery-alpha a:hover,.ss-alpha-nav a:hover {
    color:#fff !important;
    background:linear-gradient(135deg,var(--ss4-blue),var(--ss4-violet)) !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px rgba(59,130,246,.18);
}
.ss-discovery-letter:after,.ss-letter-row:after { background:linear-gradient(90deg,rgba(120,223,255,.20),transparent) !important; }

.ss-discovery-card,.ss-country-card {
    color:#edf5ff !important;
    background:linear-gradient(145deg,rgba(17,28,63,.98),rgba(9,17,41,.98)) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}
.ss-discovery-card:hover,.ss-country-card:hover {
    border-color:rgba(24,215,245,.34) !important;
    box-shadow:0 20px 46px rgba(0,0,0,.26),0 0 0 1px rgba(24,215,245,.06) !important;
}
.ss-discovery-card .station-badge,.ss-country-card .station-badge {
    color:#85efff !important;
    background:rgba(24,215,245,.10) !important;
    border:1px solid rgba(24,215,245,.12);
}
.ss-country-name,.ss-discovery-card span { color:inherit !important; }
.ss-empty-state {
    color:var(--ss4-muted) !important;
    background:rgba(255,255,255,.025) !important;
    border-color:rgba(255,255,255,.12) !important;
}

/* All stations / search cards */
.ss-page-shell .ss-radio-card-pro,
.ss-page-shell .radio-card,
.ss-page-shell .station-card,
.ss-profile-page .station-card {
    color:var(--ss4-text) !important;
    background:linear-gradient(150deg,#101a3a,#091127) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}
.ss-radio-card-body h3,.ss-radio-card-body h3 a,
.ss-page-shell .radio-name,.ss-page-shell .station-card .card-title,
.ss-page-shell .station-card .card-title a { color:#fff !important; }
.ss-radio-meta,.ss-page-shell .text-muted,.ss-page-shell .station-card .text-muted { color:#98aacc !important; }
.ss-radio-card-media img.ss-radio-logo { background:#f8fbff !important; }

/* Filter + pagination */
.ss-page-shell .ss-filter-card .form-label,.ss-page-shell label { color:#dbe7f9 !important; }
.ss-page-shell .pagination .page-link,
.ss-legacy-content-card .pagination .page-link {
    color:#cbd9f0 !important;
    background:#0b1532 !important;
    border-color:rgba(255,255,255,.10) !important;
}
.ss-page-shell .pagination .page-item.active .page-link,
.ss-legacy-content-card .pagination .page-item.active .page-link {
    color:#fff !important;
    background:linear-gradient(135deg,var(--ss4-blue),var(--ss4-cyan)) !important;
    border-color:transparent !important;
}

/* Public marketing / banners / pricing */
.ss-page-shell .ss-marketing-card,
.ss-page-shell .ss-price-card,
.ss-page-shell .card:not(.ss-form-step-card),
.ss-legacy-content-card .card,
.faq-item {
    color:var(--ss4-text) !important;
    background:linear-gradient(150deg,#111b3d,#0a122c) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
}
.ss-marketing-card h3,.ss-price-card h3,.ss-page-shell .card h1,.ss-page-shell .card h2,.ss-page-shell .card h3,.ss-page-shell .card h4,.ss-page-shell .card h5,
.faq-item h1,.faq-item h2,.faq-item h3,.faq-item h4,.faq-item h5 { color:#fff !important; }
.ss-marketing-card p,.ss-price-card p,.ss-price-card li,.ss-page-shell .card p,.faq-item p { color:var(--ss4-muted) !important; }
.ss-page-shell .card-header,.ss-legacy-content-card .card-header {
    color:#fff !important;
    background:rgba(255,255,255,.045) !important;
    border-bottom-color:rgba(255,255,255,.09) !important;
}

/* Authentication: retain two-panel layout, remove white form card */
.ss-auth-page { padding:70px 0 !important; }
.ss-auth-form-panel { position:relative; overflow:hidden; }
.ss-auth-form-panel:before {
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle at 100% 0,rgba(24,215,245,.10),transparent 35%);
}
.ss-auth-form-panel > * { position:relative; z-index:1; }
.ss-auth-form label { color:#dfeafd !important; }
.ss-auth-form-row a,.ss-auth-switch a { color:#72e8ff !important; }
.ss-auth-check { color:#a9b8d4 !important; }

/* ===== Client account pages ===== */
.ss-client-page { position:relative; overflow:hidden; padding:42px 0 80px; min-height:70vh; }
.ss-client-hero {
    display:flex; align-items:center; justify-content:space-between; gap:30px;
    padding:30px; margin-bottom:24px; border-radius:28px;
    border:1px solid var(--ss4-line);
    background:radial-gradient(circle at 90% 10%,rgba(24,215,245,.12),transparent 32%),linear-gradient(135deg,rgba(20,28,63,.94),rgba(10,16,40,.95));
    box-shadow:var(--ss4-shadow);
}
.ss-client-hero h1 { margin:8px 0 10px;color:#fff;font-size:clamp(30px,4.5vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:950; }
.ss-client-hero p { margin:0;max-width:720px;color:#9fb0cf;font-size:15px;line-height:1.7; }
.ss-client-kicker { display:inline-flex;align-items:center;gap:8px;color:#74e9ff;font-size:11px;font-weight:950;letter-spacing:.12em; }
.ss-client-hero-actions,.ss-favourite-actions { display:flex;flex-wrap:wrap;gap:9px; }
.ss-client-btn {
    display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;
    border:1px solid rgba(255,255,255,.11);border-radius:13px;color:#dce8f9 !important;background:rgba(255,255,255,.045);font-weight:850;text-decoration:none !important;cursor:pointer;
}
.ss-client-btn.primary { color:#fff !important;background:linear-gradient(135deg,var(--ss4-blue),var(--ss4-cyan));border-color:transparent;box-shadow:0 12px 28px rgba(59,130,246,.24); }
.ss-client-btn.danger { color:#ff9aaf !important;background:rgba(255,97,125,.08);border-color:rgba(255,97,125,.16); }
.ss-client-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.ss-client-card {
    padding:26px;border-radius:25px;border:1px solid var(--ss4-line);background:linear-gradient(150deg,rgba(16,26,59,.96),rgba(8,15,36,.96));box-shadow:0 22px 58px rgba(0,0,0,.20);
}
.ss-client-card-head { display:flex;align-items:center;gap:13px;margin-bottom:22px; }
.ss-client-card-head > span { width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--ss4-pink),var(--ss4-violet)); }
.ss-client-card-head strong { display:block;color:#fff;font-size:18px; }
.ss-client-card-head small { display:block;color:#8496b8;margin-top:3px; }
.ss-client-form { display:grid;gap:9px; }
.ss-client-form label { color:#dce8fa;font-size:12px;font-weight:850;margin-top:4px; }
.ss-client-form input {
    min-height:51px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#070e23;color:#fff;padding:0 14px;outline:0;
}
.ss-client-form input:focus { border-color:rgba(24,215,245,.55);box-shadow:0 0 0 4px rgba(24,215,245,.08); }
.ss-client-error { color:#ff91a7;font-size:11px; }
.ss-client-submit { margin-top:12px;min-height:50px;border:0;border-radius:14px;color:#fff;font-weight:950;background:linear-gradient(135deg,#316cff,#7b55ff 55%,#17cde9);box-shadow:0 15px 34px rgba(50,101,255,.24); }

.ss-favourite-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.ss-favourite-card { overflow:hidden;border:1px solid var(--ss4-line);border-radius:24px;background:linear-gradient(150deg,#101a3b,#091127);box-shadow:0 20px 52px rgba(0,0,0,.22);transition:transform .24s ease,border-color .24s ease; }
.ss-favourite-card:hover { transform:translateY(-5px);border-color:rgba(24,215,245,.28); }
.ss-favourite-art { position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 48%),#080f26;overflow:hidden; }
.ss-favourite-art img { width:72%;height:72%;object-fit:contain;border-radius:18px;background:#fff;padding:9px;box-shadow:0 18px 45px rgba(0,0,0,.24); }
.ss-favourite-art span { position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--ss4-pink),var(--ss4-violet),var(--ss4-cyan));opacity:0;transform:scale(.8);transition:.22s ease; }
.ss-favourite-card:hover .ss-favourite-art span { opacity:1;transform:scale(1); }
.ss-favourite-body { padding:18px; }
.ss-favourite-live { color:#75eaff;font-size:10px;font-weight:950;letter-spacing:.10em; }
.ss-favourite-body h2 { margin:7px 0 12px;font-size:20px; }
.ss-favourite-body h2 a { color:#fff !important;text-decoration:none; }
.ss-favourite-meta { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px; }
.ss-favourite-meta span { padding:6px 9px;border-radius:999px;color:#9eb0ce;background:rgba(255,255,255,.045);font-size:10px;font-weight:800; }
.ss-client-empty { text-align:center;padding:70px 24px;border:1px dashed rgba(255,255,255,.14);border-radius:28px;background:rgba(255,255,255,.025); }
.ss-client-empty > i { display:block;font-size:46px;color:#8b5cf6;margin-bottom:12px; }
.ss-client-empty strong { display:block;color:#fff;font-size:22px;margin-bottom:8px; }
.ss-client-empty p { color:#8fa2c4;margin-bottom:18px; }

/* Random Radio replaces the old notifications bell */
.ss-random-radio-btn { position:relative;display:grid !important;place-items:center;width:42px;height:42px;padding:0 !important;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(59,130,246,.13),rgba(139,92,246,.10));color:#79ebff !important;overflow:visible; }
.ss-random-radio-btn:before { content:"";position:absolute;inset:-1px;border-radius:inherit;opacity:0;background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(255,79,154,.30));transition:opacity .2s ease;z-index:-1; }
.ss-random-radio-btn:hover:before { opacity:1; }
.ss-random-radio-btn i { position:relative;z-index:1;transition:transform .3s ease; }
.ss-random-radio-btn:hover i { transform:rotate(180deg); }
.ss-random-radio-tip { position:absolute;right:0;top:calc(100% + 9px);padding:7px 10px;border-radius:9px;color:#fff;background:#08112b;border:1px solid rgba(255,255,255,.11);font-size:10px;font-weight:850;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:.18s ease;box-shadow:0 12px 30px rgba(0,0,0,.30); }
.ss-random-radio-btn:hover .ss-random-radio-tip { opacity:1;transform:translateY(0); }

/* Feedback modal was one of the remaining white surfaces */
.feedback-form-card { background:linear-gradient(150deg,#111b3d,#091127) !important;color:#f6fbff !important;border:1px solid var(--ss4-line) !important; }
.feedback-form-card h2,.feedback-form-card label { color:#fff !important; }
.feedback-form-card input,.feedback-form-card select,.feedback-form-card textarea { color:#fff !important;background:#070e23 !important;border-color:rgba(255,255,255,.13) !important; }
.feedback-form-card select option { background:#0b1532;color:#fff; }

@media(max-width:991px){
    .ss-client-hero{align-items:flex-start;flex-direction:column}.ss-client-grid{grid-template-columns:1fr}.ss-favourite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
    .ss-page-shell .ss-discovery-panel,.ss-page-shell .ss-country-panel{border-radius:22px !important}.ss-client-page{padding-top:22px}.ss-client-hero{padding:21px;border-radius:22px}.ss-client-hero-actions,.ss-client-btn{width:100%}.ss-favourite-grid{grid-template-columns:1fr}.ss-client-card{padding:19px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.ss-random-radio-btn i,.ss-favourite-card,.ss-favourite-art span{transition:none !important}.ss-random-radio-btn:hover i{transform:none}}

/* Station profile + comments: remove the remaining light cards */
.ss-station-page {
    color:var(--ss4-text) !important;
    background:
        radial-gradient(circle at 12% 5%,rgba(59,130,246,.14),transparent 30%),
        radial-gradient(circle at 88% 8%,rgba(255,79,154,.08),transparent 28%),
        linear-gradient(180deg,#050816,#08112b) !important;
}
.ss-station-page .ss-panel:not(.ss-player-card),
.ss-station-page .comments-section .card,
.ss-station-page .similar-stations .station-card {
    color:var(--ss4-text) !important;
    background:linear-gradient(150deg,#101a3a,#091127) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.22) !important;
}
.ss-station-page .ss-section-title,
.ss-station-page .comments-section h4,
.ss-station-page .similar-stations h4,
.ss-station-page .card-title,
.ss-station-page .card-title a { color:#fff !important; }
.ss-station-page .ss-info-row { border-bottom-color:rgba(255,255,255,.08) !important; }
.ss-station-page .ss-info-label { color:#8397bc !important; }
.ss-station-page .ss-info-value,
.ss-station-page .ss-info-value a { color:#dce8fa !important; }
.ss-station-page .ss-social-icons a { color:#7cecff !important;background:rgba(24,215,245,.08) !important;border:1px solid rgba(24,215,245,.10); }
.ss-station-page .comments-section .form-control {
    color:#fff !important;background:#070e23 !important;border-color:rgba(255,255,255,.12) !important;
}
.ss-station-page .comments-section .form-control::placeholder { color:#7184a6 !important; }
.ss-station-page .comments-section .form-control:focus { border-color:rgba(24,215,245,.55) !important;box-shadow:0 0 0 4px rgba(24,215,245,.08) !important; }
.ss-station-page .similar-stations .station-card .card-text,
.ss-station-page .similar-stations .station-card .text-muted { color:#8fa1c2 !important; }

/* Local account avatar: avoids a third-party image request in the site header. */
.ss-user-avatar{width:35px;height:35px;display:inline-grid;place-items:center;flex:0 0 35px;border-radius:50%;color:#eaf7ff;background:linear-gradient(135deg,#233b73,#7b55ff);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.ss-user-avatar i{font-size:18px}


/* ==== stations_site/css/experience-v5.css ==== */
/* Station Select v1.3.0 — public engagement + registration shield */
.ss-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.ss-registration-shield-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:4px 0 16px;border:1px solid rgba(34,211,238,.2);border-radius:14px;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(124,58,237,.08));color:#dbeafe;font-size:13px;line-height:1.45}.ss-registration-shield-note i{font-size:20px;color:#22d3ee}.ss-registration-shield-note strong{color:#fff}
.ss-activity-pulse{position:fixed;left:22px;bottom:22px;z-index:998;max-width:370px;opacity:0;transform:translate3d(-18px,18px,0) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.ss-activity-pulse.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}.ss-activity-pulse-card{display:flex;align-items:center;gap:13px;padding:13px 15px;text-decoration:none!important;color:#fff!important;border:1px solid rgba(96,165,250,.24);border-radius:18px;background:linear-gradient(145deg,rgba(8,18,40,.96),rgba(17,24,55,.96));box-shadow:0 20px 55px rgba(2,6,23,.45),0 0 0 1px rgba(34,211,238,.05) inset;backdrop-filter:blur(18px);overflow:hidden;position:relative}.ss-activity-pulse-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#22d3ee,#8b5cf6,#ec4899)}.ss-activity-pulse-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(139,92,246,.22));color:#67e8f9;font-size:21px;box-shadow:0 0 26px rgba(34,211,238,.14)}.ss-activity-pulse-copy{min-width:0}.ss-activity-pulse-kicker{display:block;margin-bottom:2px;color:#67e8f9;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ss-activity-pulse-copy strong{display:block;color:#fff;font-size:14px;line-height:1.35}.ss-activity-pulse-copy span:last-child{display:block;margin-top:2px;color:#a9b7d2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-activity-pulse-close{position:absolute;top:5px;right:7px;border:0;background:transparent;color:#8190ae;font-size:15px;cursor:pointer;z-index:2}.ss-activity-pulse-close:hover{color:#fff}
@media(max-width:767px){.ss-activity-pulse{left:12px;right:12px;bottom:82px;max-width:none}.ss-activity-pulse-card{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.ss-activity-pulse{transition:none!important}}

/* v1.3.2 activity pulse reliability polish */
.ss-has-global-player .ss-activity-pulse{bottom:92px}
.ss-activity-pulse[data-state="visible"] .ss-activity-pulse-icon{animation:ssPulseIcon 1.8s ease-in-out infinite}
@keyframes ssPulseIcon{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(max-width:767px){.ss-has-global-player .ss-activity-pulse{bottom:146px}}
@media(prefers-reduced-motion:reduce){.ss-activity-pulse[data-state="visible"] .ss-activity-pulse-icon{animation:none!important}}

/* v1.3.3 clearly promotional activity-card treatment */
#ssActivityPulse.is-promotional .ss-activity-pulse-card{border-color:rgba(139,92,246,.4);box-shadow:0 18px 55px rgba(71,44,160,.28)}
#ssActivityPulse.is-promotional [data-pulse-kicker]{color:#bca7ff!important}


/* ==== stations_site/css/experience-v6.css ==== */
/* Station Select v1.4.0 — broadcaster intelligence + promotion UI */
.ss-health-score{min-width:190px;padding:22px;border-radius:24px;border:1px solid rgba(77,205,255,.25);background:linear-gradient(145deg,rgba(17,49,104,.75),rgba(29,19,81,.72));text-align:center}.ss-health-score small,.ss-health-score em{display:block;color:#a8bad7;font-style:normal}.ss-health-score strong{font-size:54px;line-height:1;color:#fff}.ss-health-score span{color:#76dfff;font-weight:800}.ss-owner-range{display:flex;gap:8px;margin:18px 0}.ss-owner-range a{padding:9px 15px;border-radius:999px;background:#071a43;border:1px solid rgba(97,145,244,.18);color:#b9c9e4!important;text-decoration:none;font-weight:800}.ss-owner-range a.active{background:linear-gradient(90deg,#1ac5ef,#655eff);color:#fff!important}.ss-owner-analytics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0}.ss-owner-analytics-grid article,.ss-owner-health-mini{background:linear-gradient(180deg,rgba(12,33,76,.94),rgba(6,19,48,.96));border:1px solid rgba(91,148,255,.16);border-radius:18px;padding:16px}.ss-owner-analytics-grid small,.ss-owner-analytics-grid span{display:block;color:#9eb0cf}.ss-owner-analytics-grid strong{display:block;color:#fff;font-size:25px;margin:6px 0}.ss-owner-analytics-card{background:linear-gradient(180deg,rgba(9,28,66,.95),rgba(5,16,42,.97));border:1px solid rgba(95,144,242,.16);border-radius:22px;padding:22px;margin:16px 0;color:#dce9ff}.ss-owner-analytics-card h2{color:#fff!important}.ss-owner-analytics-card p{color:#9eb2d4!important}.ss-owner-bar-chart{height:220px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto;padding-top:20px}.ss-owner-bar-chart>div{height:100%;min-width:14px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.ss-owner-bar-chart i{width:100%;max-width:28px;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#25d2ff,#765dff)}.ss-owner-bar-chart small{color:#8098bc;font-size:9px;writing-mode:vertical-rl;transform:rotate(180deg)}.ss-owner-card-intel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.ss-owner-card-intel>div{padding:9px;border-radius:12px;background:rgba(13,35,75,.6);border:1px solid rgba(96,144,233,.1)}.ss-owner-card-intel small{display:block;color:#8fa6cb;font-size:10px}.ss-owner-card-intel strong{color:#fff}.ss-owner-health-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0;color:#afc2df}.ss-owner-health-line b{color:#77e0ff}.ss-owner-health-track{height:7px;border-radius:99px;background:#06142f;overflow:hidden}.ss-owner-health-track i{display:block;height:100%;background:linear-gradient(90deg,#25d3ff,#6d67ff);border-radius:99px}.ss-owner-analytics-link{display:inline-flex;align-items:center;gap:7px;color:#7bddff!important;font-weight:800;text-decoration:none!important;margin-top:10px}.ss-promo-label-public{position:absolute;z-index:5;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(6,14,36,.92);border:1px solid rgba(113,211,255,.5);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.25)}
@media(max-width:1100px){.ss-owner-analytics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.ss-owner-analytics-grid{grid-template-columns:repeat(2,1fr)}.ss-owner-card-intel{grid-template-columns:1fr}.ss-health-score{width:100%}}


/* ==== stations_site/css/experience-v7.css ==== */
/*
 * Station Select v1.4.1 — Client Surface Polish
 * Final broadcaster-dashboard surface layer.
 *
 * Purpose: remove remaining light pro-ui inheritance from My Stations without
 * changing dashboard logic, analytics, health checks, promotions or routes.
 */
:root{
    --ss7-bg:#050816;
    --ss7-panel:#0b1430;
    --ss7-panel2:#0e1a3c;
    --ss7-panel3:#071027;
    --ss7-line:rgba(150,181,235,.14);
    --ss7-line-hot:rgba(71,218,255,.28);
    --ss7-text:#f5f9ff;
    --ss7-soft:#c6d4ea;
    --ss7-muted:#8fa4c7;
    --ss7-cyan:#42e0ff;
    --ss7-blue:#3b82f6;
    --ss7-violet:#7c5cff;
    --ss7-pink:#ff4f9a;
    --ss7-green:#62e6ad;
    --ss7-amber:#ffd07a;
    --ss7-red:#ff8da2;
}

/* My Stations already owns a dark page canvas. Keep the established identity,
   but add a subtle broadcast grid so the middle of the page feels intentional. */
.ss-dashboard-wrap{
    position:relative;
    overflow:hidden;
}
.ss-dashboard-wrap:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.20;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:44px 44px;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 82%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 82%,transparent 100%);
}
.ss-dashboard-wrap .ss-dashboard-shell{position:relative;z-index:1}

/* Main dashboard panels: this is the specific legacy white-surface leak visible
   in v1.4.0. The override is deliberately scoped to the broadcaster dashboard. */
.ss-dashboard-wrap .ss-dashboard-panel{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:var(--ss7-text)!important;
    background:
        radial-gradient(circle at 96% 2%,rgba(66,224,255,.075),transparent 30%),
        linear-gradient(150deg,rgba(14,27,62,.97),rgba(6,14,35,.98))!important;
    border:1px solid var(--ss7-line)!important;
    box-shadow:0 26px 68px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.ss-dashboard-wrap .ss-dashboard-panel:before{
    content:"";
    position:absolute;
    z-index:-1;
    width:250px;
    height:250px;
    right:-120px;
    top:-150px;
    border-radius:50%;
    background:rgba(59,130,246,.09);
    box-shadow:0 0 0 34px rgba(124,92,255,.025),0 0 0 68px rgba(255,79,154,.014);
    pointer-events:none;
}
.ss-dashboard-wrap .ss-dashboard-health:after,
.ss-dashboard-wrap .ss-dashboard-tips:after,
.ss-dashboard-wrap .ss-station-manager-panel:after{
    content:"";
    position:absolute;
    top:0;
    left:28px;
    width:86px;
    height:2px;
    border-radius:0 0 99px 99px;
    background:linear-gradient(90deg,var(--ss7-cyan),var(--ss7-violet),var(--ss7-pink));
    box-shadow:0 0 18px rgba(66,224,255,.30);
}

.ss-dashboard-wrap .ss-dashboard-panel h1,
.ss-dashboard-wrap .ss-dashboard-panel h2,
.ss-dashboard-wrap .ss-dashboard-panel h3,
.ss-dashboard-wrap .ss-dashboard-panel h4,
.ss-dashboard-wrap .ss-dashboard-panel strong{
    color:var(--ss7-text)!important;
    -webkit-text-fill-color:var(--ss7-text)!important;
}
.ss-dashboard-wrap .ss-dashboard-panel p,
.ss-dashboard-wrap .ss-dashboard-panel em,
.ss-dashboard-wrap .ss-dashboard-panel small{
    color:var(--ss7-muted)!important;
    -webkit-text-fill-color:var(--ss7-muted)!important;
}
.ss-dashboard-wrap .ss-dashboard-panel .ss-kicker{
    color:#77eaff!important;
    -webkit-text-fill-color:#77eaff!important;
}

/* Directory readiness rows */
.ss-dashboard-wrap .ss-health-list{gap:10px}
.ss-dashboard-wrap .ss-health-row{
    position:relative;
    overflow:hidden;
    min-height:54px;
    padding:14px 16px;
    color:var(--ss7-soft)!important;
    background:linear-gradient(135deg,rgba(8,21,51,.90),rgba(5,13,32,.86))!important;
    border:1px solid rgba(147,179,234,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
    transition:transform .20s ease,border-color .20s ease,background .20s ease;
}
.ss-dashboard-wrap .ss-health-row:hover{
    transform:translateX(3px);
    border-color:rgba(66,224,255,.22)!important;
    background:linear-gradient(135deg,rgba(11,29,67,.96),rgba(6,16,40,.92))!important;
}
.ss-dashboard-wrap .ss-health-row span{
    color:#c6d4ea!important;
    -webkit-text-fill-color:#c6d4ea!important;
}
.ss-dashboard-wrap .ss-health-row strong{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.ss-dashboard-wrap .ss-health-row i{
    color:var(--ss7-cyan)!important;
    filter:drop-shadow(0 0 8px rgba(66,224,255,.20));
}

/* Growth tools — no more white button islands */
.ss-dashboard-wrap .ss-dashboard-tips>p{
    max-width:660px;
    line-height:1.65;
    color:#95a9cb!important;
}
.ss-dashboard-wrap .ss-tip-grid{gap:12px}
.ss-dashboard-wrap .ss-tip-grid a{
    position:relative;
    overflow:hidden;
    min-height:104px;
    color:#eef5ff!important;
    -webkit-text-fill-color:#eef5ff!important;
    background:
        radial-gradient(circle at 50% -10%,rgba(66,224,255,.10),transparent 44%),
        linear-gradient(150deg,rgba(13,29,66,.92),rgba(6,15,37,.94))!important;
    border:1px solid rgba(151,182,235,.11)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.16);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.ss-dashboard-wrap .ss-tip-grid a:before{
    content:"";
    position:absolute;
    inset:auto 18px 0;
    height:2px;
    border-radius:99px;
    opacity:.45;
    background:linear-gradient(90deg,transparent,var(--ss7-cyan),var(--ss7-violet),transparent);
}
.ss-dashboard-wrap .ss-tip-grid a:hover{
    transform:translateY(-4px);
    border-color:rgba(66,224,255,.28)!important;
    box-shadow:0 20px 44px rgba(0,0,0,.24),0 0 0 1px rgba(66,224,255,.025);
}
.ss-dashboard-wrap .ss-tip-grid i{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:13px;
    color:#74e9ff!important;
    -webkit-text-fill-color:#74e9ff!important;
    background:linear-gradient(145deg,rgba(59,130,246,.18),rgba(124,92,255,.12));
    border:1px solid rgba(112,220,255,.13);
    font-size:1.25rem;
    text-shadow:none;
}

/* Station manager / cards */
.ss-dashboard-wrap .ss-station-manager-panel{margin-bottom:28px}
.ss-dashboard-wrap .ss-mini-action{
    background:linear-gradient(135deg,#2e8cff,#735dff)!important;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 12px 28px rgba(47,113,255,.20);
}
.ss-dashboard-wrap .ss-owner-station-card{
    background:
        radial-gradient(circle at 100% 0,rgba(66,224,255,.07),transparent 32%),
        linear-gradient(150deg,#0d1737,#081028)!important;
    border:1px solid rgba(152,183,235,.12)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.24)!important;
}
.ss-dashboard-wrap .ss-owner-station-card:hover{
    border-color:rgba(66,224,255,.28)!important;
    box-shadow:0 30px 72px rgba(0,0,0,.30),0 0 0 1px rgba(66,224,255,.025)!important;
}
.ss-dashboard-wrap .ss-owner-meta span{
    color:#aebfda!important;
    -webkit-text-fill-color:#aebfda!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.065)!important;
}
.ss-dashboard-wrap .ss-owner-meta span i{color:#73dfff!important}
.ss-dashboard-wrap .ss-owner-actions{
    border-top:1px solid rgba(255,255,255,.065);
    padding-top:16px;
}
.ss-dashboard-wrap .ss-icon-action{
    color:#bdd0ec!important;
    -webkit-text-fill-color:#bdd0ec!important;
    background:#09142f!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.15);
}
.ss-dashboard-wrap .ss-icon-action-edit{color:#73dfff!important;-webkit-text-fill-color:#73dfff!important}
.ss-dashboard-wrap .ss-icon-action-delete{color:#ff91a7!important;-webkit-text-fill-color:#ff91a7!important}
.ss-dashboard-wrap .ss-icon-action:hover{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#247edc,#6357df)!important;
    border-color:transparent!important;
}
.ss-dashboard-wrap .ss-icon-action-delete:hover{background:linear-gradient(135deg,#c93558,#7e3d81)!important}

/* Existing health/compliance logic, rethemed without altering states */
.ss-dashboard-wrap .ss-owner-compliance{
    background:rgba(3,9,24,.62)!important;
    border-color:rgba(148,181,235,.11)!important;
}
.ss-dashboard-wrap .ss-owner-compliance summary{
    color:#eaf2ff!important;
    -webkit-text-fill-color:#eaf2ff!important;
}
.ss-dashboard-wrap .ss-owner-health{
    color:#adc0dd!important;
    -webkit-text-fill-color:#adc0dd!important;
    background:#09142f!important;
    border:1px solid rgba(255,255,255,.07);
}
.ss-dashboard-wrap .ss-owner-health-found,
.ss-dashboard-wrap .ss-owner-health-legacy,
.ss-dashboard-wrap .ss-owner-health-online,
.ss-dashboard-wrap .ss-owner-health-active{
    color:#8ef0c3!important;
    -webkit-text-fill-color:#8ef0c3!important;
    background:rgba(54,227,154,.085)!important;
    border-color:rgba(54,227,154,.16)!important;
}
.ss-dashboard-wrap .ss-owner-health-missing,
.ss-dashboard-wrap .ss-owner-health-offline,
.ss-dashboard-wrap .ss-owner-health-error,
.ss-dashboard-wrap .ss-owner-health-suspended{
    color:#ff9caf!important;
    -webkit-text-fill-color:#ff9caf!important;
    background:rgba(255,97,125,.085)!important;
    border-color:rgba(255,97,125,.17)!important;
}
.ss-dashboard-wrap .ss-owner-health-unchecked{
    color:#a8b9d5!important;
    -webkit-text-fill-color:#a8b9d5!important;
    background:rgba(151,170,205,.07)!important;
}
.ss-dashboard-wrap .ss-owner-alert{
    color:#ffd28c!important;
    -webkit-text-fill-color:#ffd28c!important;
    background:rgba(255,184,70,.085)!important;
    border:1px solid rgba(255,184,70,.14)!important;
}
.ss-dashboard-wrap .ss-owner-health-facts span{
    background:#08132e!important;
    border-color:rgba(255,255,255,.075)!important;
}
.ss-dashboard-wrap .ss-owner-embed-page-form input,
.ss-dashboard-wrap .ss-owner-embed-code{
    background:#040b1d!important;
    border-color:rgba(149,181,235,.12)!important;
}

/* Flash messages */
.ss-dashboard-wrap .ss-owner-flash-success{
    color:#9cf3ca!important;
    -webkit-text-fill-color:#9cf3ca!important;
    background:rgba(54,227,154,.09)!important;
    border-color:rgba(54,227,154,.18)!important;
}
.ss-dashboard-wrap .ss-owner-flash-error{
    color:#ff9caf!important;
    -webkit-text-fill-color:#ff9caf!important;
    background:rgba(255,97,125,.09)!important;
    border-color:rgba(255,97,125,.18)!important;
}

/* Empty state and pagination previously inherited the original light UI */
.ss-dashboard-wrap .ss-dashboard-empty{
    color:var(--ss7-text)!important;
    background:linear-gradient(145deg,rgba(11,25,58,.90),rgba(5,13,32,.90))!important;
    border-color:rgba(154,184,235,.17)!important;
}
.ss-dashboard-wrap .ss-dashboard-empty h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ss-dashboard-wrap .ss-dashboard-empty p{color:#91a7ca!important;-webkit-text-fill-color:#91a7ca!important}
.ss-dashboard-wrap .ss-dashboard-pagination .page-link{
    color:#c6d6ed!important;
    -webkit-text-fill-color:#c6d6ed!important;
    background:#09142f!important;
    border-color:rgba(255,255,255,.085)!important;
}
.ss-dashboard-wrap .ss-dashboard-pagination .page-item.active .page-link{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#2d8dff,#765cff)!important;
    border-color:transparent!important;
}

/* Protect the already-dark client account/profile/favourites/forms from generic
   legacy Bootstrap light utilities. This does not change their structure. */
.ss-client-page .bg-white,
.ss-client-page .card.bg-white,
.ss-client-page .list-group-item,
.ss-station-form-shell .bg-white{
    color:#eef5ff!important;
    background:#0a1531!important;
    border-color:rgba(255,255,255,.09)!important;
}
.ss-client-page .text-dark,
.ss-station-form-shell .text-dark{
    color:#eef5ff!important;
    -webkit-text-fill-color:#eef5ff!important;
}
.ss-client-page .text-muted,
.ss-station-form-shell .text-muted{
    color:#8fa4c7!important;
    -webkit-text-fill-color:#8fa4c7!important;
}

@media(max-width:991px){
    .ss-dashboard-wrap .ss-dashboard-panel:before{right:-150px}
}
@media(max-width:767px){
    .ss-dashboard-wrap .ss-dashboard-panel{border-radius:22px!important}
    .ss-dashboard-wrap .ss-health-row{padding:13px 14px}
    .ss-dashboard-wrap .ss-tip-grid a{min-height:82px;grid-template-columns:42px 1fr;justify-items:start;text-align:left}
    .ss-dashboard-wrap .ss-panel-head-actions .ss-mini-action{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
    .ss-dashboard-wrap .ss-health-row,
    .ss-dashboard-wrap .ss-tip-grid a,
    .ss-dashboard-wrap .ss-owner-station-card,
    .ss-dashboard-wrap .ss-icon-action{transition:none!important}
    .ss-dashboard-wrap .ss-health-row:hover,
    .ss-dashboard-wrap .ss-tip-grid a:hover{transform:none!important}
}


/* ==== stations_site/css/experience-v8.css ==== */
/*
 * Station Select Experience v1.4.2
 * Frontend surface completion + premium radio cards.
 * Final public/client presentation layer, loaded after experience-v7.css.
 */
:root{
    --ss8-bg:#040716;
    --ss8-bg2:#07102a;
    --ss8-panel:#0a1430;
    --ss8-panel2:#0e1b3d;
    --ss8-line:rgba(143,181,242,.15);
    --ss8-line-hot:rgba(73,220,255,.30);
    --ss8-text:#f7fbff;
    --ss8-muted:#91a7cb;
    --ss8-soft:#c4d2e9;
    --ss8-cyan:#33dcff;
    --ss8-blue:#3987ff;
    --ss8-violet:#765cff;
    --ss8-pink:#ff4fa0;
    --ss8-green:#42e49f;
    --ss8-shadow:0 24px 64px rgba(0,0,0,.28);
}

/* =========================================================
   PUBLIC CANVAS — remove the final legacy white bands
   ========================================================= */
html,body{background:var(--ss8-bg)!important}
.ss-home-page,
.ss-page-shell,
.ss-legacy-page-shell,
.ss-client-page,
.login-register-area{
    color:var(--ss8-text)!important;
    background:
        radial-gradient(circle at 12% 8%,rgba(57,135,255,.12),transparent 30%),
        radial-gradient(circle at 88% 12%,rgba(255,79,160,.075),transparent 27%),
        linear-gradient(180deg,var(--ss8-bg) 0%,var(--ss8-bg2) 100%)!important;
}

.ss-home-page{overflow:hidden}
.ss-home-page .ss-section{
    color:var(--ss8-text)!important;
    border-top:1px solid rgba(255,255,255,.025);
}
.ss-home-page .ss-section:not(.ss-genre-section):not(.ss-dark-band){
    background:
        radial-gradient(circle at 90% 0,rgba(118,92,255,.075),transparent 28%),
        linear-gradient(180deg,#071027 0%,#050b1d 100%)!important;
}
.ss-home-page .ss-section:nth-of-type(even):not(.ss-genre-section):not(.ss-dark-band){
    background:
        radial-gradient(circle at 8% 15%,rgba(51,220,255,.055),transparent 30%),
        linear-gradient(180deg,#050a1b 0%,#08122d 100%)!important;
}
.ss-home-page .ss-visual-showcase-section{
    background:
        radial-gradient(circle at 50% -8%,rgba(118,92,255,.19),transparent 38%),
        radial-gradient(circle at 88% 42%,rgba(51,220,255,.07),transparent 26%),
        linear-gradient(180deg,#070d25,#0a1230)!important;
}
.ss-home-page .ss-sponsor-feature-section{
    background:
        radial-gradient(circle at 15% 0,rgba(57,135,255,.10),transparent 30%),
        linear-gradient(180deg,#08122d,#050a1b)!important;
}
.ss-home-page .ss-sponsor-banner-section{background:transparent!important}
.ss-home-page .ss-section-head h2,
.ss-home-page .ss-section-row-head h2,
.ss-home-page .ss-section-head h3,
.ss-home-page .ss-feature-card h3,
.ss-home-page .ss-promo-card h3{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.ss-home-page .ss-section-head p,
.ss-home-page .ss-feature-card p,
.ss-home-page .ss-promo-card p{
    color:var(--ss8-muted)!important;
    -webkit-text-fill-color:var(--ss8-muted)!important;
}
.ss-home-page .ss-kicker-dark{color:#70e8ff!important;-webkit-text-fill-color:#70e8ff!important}

/* Homepage visual showcase should feel like a broadcast wall, not a white gallery. */
.ss-visual-showcase-grid{gap:18px!important}
.ss-visual-shot{
    background:
        radial-gradient(circle at 50% 50%,rgba(57,135,255,.09),transparent 46%),
        linear-gradient(145deg,#07112d,#04091b)!important;
    border:1px solid rgba(129,172,238,.14)!important;
    box-shadow:0 22px 62px rgba(0,0,0,.30)!important;
    border-radius:26px!important;
}
.ss-visual-shot:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.ss-visual-shot span{
    color:#fff!important;
    background:rgba(4,10,28,.82)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
}

/* Remaining generic public surfaces. */
.ss-page-shell .ss-content-card,
.ss-page-shell .ss-filter-card,
.ss-page-shell .ss-discovery-panel,
.ss-page-shell .ss-country-panel,
.ss-page-shell .ss-pro-section,
.ss-legacy-content-card,
.ss-generic-page{
    color:var(--ss8-text)!important;
    background:
        radial-gradient(circle at 100% 0,rgba(51,220,255,.045),transparent 30%),
        linear-gradient(150deg,rgba(13,28,63,.96),rgba(6,15,37,.97))!important;
    border-color:var(--ss8-line)!important;
    box-shadow:var(--ss8-shadow)!important;
}
.ss-page-shell .bg-white,
.ss-legacy-page-shell .bg-white,
.ss-client-page .bg-white{
    background:#09142f!important;
    color:var(--ss8-text)!important;
}

/* Feedback/modal surfaces were still explicitly white in the legacy header. */
.feedback-form-card,
.modal-content{
    color:var(--ss8-text)!important;
    background:linear-gradient(155deg,#0d1b3b,#071126)!important;
    border:1px solid rgba(127,170,236,.16)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
}
.feedback-form-card h2,.feedback-form-card label,.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.feedback-form-card input,.feedback-form-card textarea,.feedback-form-card select,
.modal-content input,.modal-content textarea,.modal-content select{
    color:#f7fbff!important;
    background:#050d22!important;
    border-color:rgba(137,175,235,.18)!important;
}

/* =========================================================
   ADVERTISING BLOCK — replace the large white legacy island
   ========================================================= */
.ss-ad-slot{
    width:min(1120px,calc(100% - 32px));
    margin:34px auto;
    padding:1px;
    border-radius:28px;
    background:linear-gradient(120deg,rgba(51,220,255,.36),rgba(118,92,255,.23),rgba(255,79,160,.28));
    box-shadow:0 28px 76px rgba(0,0,0,.30);
}
.ss-ad-slot-inner{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    min-height:210px;
    padding:34px clamp(24px,5vw,54px);
    border-radius:27px;
    background:
        radial-gradient(circle at 86% 12%,rgba(51,220,255,.13),transparent 28%),
        radial-gradient(circle at 8% 92%,rgba(255,79,160,.08),transparent 30%),
        linear-gradient(145deg,#0b1838,#050c21);
}
.ss-ad-slot-inner:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.24;
    background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(90deg,#000,transparent 76%);
}
.ss-ad-copy,.ss-ad-action{position:relative;z-index:1}
.ss-ad-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#72eaff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ss-ad-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ss8-pink);box-shadow:0 0 18px rgba(255,79,160,.65)}
.ss-ad-copy h3{margin:8px 0 10px;color:#fff!important;font-size:clamp(26px,4vw,46px);line-height:1;font-weight:950;letter-spacing:-.045em}
.ss-ad-copy p{max-width:660px;margin:0;color:#9fb3d4!important;line-height:1.65}
.ss-ad-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-weight:900;background:linear-gradient(135deg,var(--ss8-blue),var(--ss8-cyan));box-shadow:0 14px 34px rgba(57,135,255,.24);white-space:nowrap}
.ss-ad-action:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 18px 42px rgba(57,135,255,.32)}

/* Footer wrapper had an inline white background in the original template. */
#footer,.footer_wrapper,.footer-area{
    color:#dbe8fb!important;
    background:
        radial-gradient(circle at 16% 0,rgba(57,135,255,.18),transparent 30%),
        radial-gradient(circle at 86% 10%,rgba(255,79,160,.08),transparent 26%),
        linear-gradient(145deg,#030719,#07112b)!important;
}
.footer_wrapper{border-top:1px solid rgba(255,255,255,.07)!important}
.footer_wrapper h4,.footer_wrapper strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
.footer_wrapper p,.footer_wrapper li,.footer_wrapper span{color:#91a6c8!important}
.footer_wrapper a{color:#dce9ff!important}.footer_wrapper a:hover{color:#6ce7ff!important}
.footer_wrapper input{color:#fff!important;background:#07142f!important;border:1px solid rgba(255,255,255,.10)!important}

/* =========================================================
   PREMIUM RADIO CARDS — one visual language everywhere
   ========================================================= */
.radio-card.ss-home-station-card,
.ss-radio-card-pro,
.similar-stations .station-card{
    --ss-card-x:50%;
    --ss-card-y:50%;
    position:relative!important;
    isolation:isolate;
    overflow:hidden!important;
    color:var(--ss8-text)!important;
    background:
        radial-gradient(circle at 100% 0,rgba(51,220,255,.075),transparent 32%),
        linear-gradient(155deg,#0d1938,#071027)!important;
    border:1px solid rgba(142,178,234,.14)!important;
    border-radius:26px!important;
    box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease!important;
}
.radio-card.ss-home-station-card:before,
.ss-radio-card-pro:before,
.similar-stations .station-card:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    opacity:0;
    pointer-events:none;
    border-radius:inherit;
    background:radial-gradient(500px circle at var(--ss-card-x) var(--ss-card-y),rgba(51,220,255,.11),transparent 34%);
    transition:opacity .25s ease;
}
.radio-card.ss-home-station-card:after,
.ss-radio-card-pro:after{
    content:"";
    position:absolute;
    left:22px;
    right:22px;
    bottom:0;
    height:2px;
    z-index:6;
    border-radius:99px 99px 0 0;
    opacity:.45;
    background:linear-gradient(90deg,transparent,var(--ss8-cyan),var(--ss8-violet),var(--ss8-pink),transparent);
}
.radio-card.ss-home-station-card:hover,
.ss-radio-card-pro:hover,
.similar-stations .station-card:hover{
    transform:translateY(-7px)!important;
    border-color:rgba(51,220,255,.32)!important;
    box-shadow:0 30px 76px rgba(0,0,0,.34),0 0 0 1px rgba(51,220,255,.025)!important;
}
.radio-card.ss-home-station-card:hover:before,
.ss-radio-card-pro:hover:before,
.similar-stations .station-card:hover:before{opacity:1}

.radio-card.ss-home-station-card .radio-image-container,
.ss-radio-card-pro .ss-radio-card-media,
.similar-stations .station-card .card-img-top{
    position:relative;
    background:
        radial-gradient(circle at 50% 34%,rgba(118,92,255,.20),transparent 36%),
        radial-gradient(circle at 18% 82%,rgba(51,220,255,.10),transparent 34%),
        linear-gradient(145deg,#07122e,#0d1b43)!important;
}
.radio-card.ss-home-station-card .radio-image-container,
.ss-radio-card-pro .ss-radio-card-media{
    min-height:235px;
    aspect-ratio:1/1;
}
.radio-card.ss-home-station-card .radio-image-container:before,
.ss-radio-card-pro .ss-radio-card-media:before{
    content:"";
    position:absolute;
    inset:14px;
    z-index:1;
    pointer-events:none;
    border:1px solid rgba(255,255,255,.07);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 55%);
}
.radio-card.ss-home-station-card .radio-logo,
.ss-radio-card-pro .ss-radio-logo{
    position:relative;
    z-index:2;
    width:74%!important;
    height:74%!important;
    max-width:74%!important;
    max-height:74%!important;
    object-fit:contain!important;
    padding:10px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,243,255,.94))!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 0 5px rgba(255,255,255,.025)!important;
    transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s ease!important;
}
.radio-card.ss-home-station-card:hover .radio-logo,
.ss-radio-card-pro:hover .ss-radio-logo{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.03)}

/* Darken the legacy hover overlay while retaining a clear play action. */
.radio-card.ss-home-station-card .overlay{
    background:radial-gradient(circle at 50% 50%,rgba(51,220,255,.14),rgba(3,8,26,.72))!important;
}
.radio-card.ss-home-station-card .play-icon,
.ss-radio-card-pro .ss-radio-card-media:after{
    color:#fff!important;
    background:linear-gradient(135deg,var(--ss8-pink),var(--ss8-violet),var(--ss8-cyan))!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 0 7px rgba(255,255,255,.06)!important;
}

.ss-radio-card-pro .ss-live-badge,
.radio-card.ss-home-station-card .ss-live-badge{
    left:14px!important;
    right:auto!important;
    color:#061b15!important;
    background:linear-gradient(135deg,#67f0b8,#37e5ff)!important;
    box-shadow:0 8px 22px rgba(55,229,255,.18)!important;
}
.ss-radio-card-pro .ss-featured-badge,
.radio-card.ss-home-station-card .ss-promo-label-public{
    color:#fff!important;
    background:linear-gradient(135deg,#ff4fa0,#7a5cff)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 8px 24px rgba(118,92,255,.25)!important;
}

.radio-card.ss-home-station-card .radio-info,
.ss-radio-card-pro .ss-radio-card-body{
    position:relative;
    z-index:5;
    padding:18px 18px 16px!important;
    background:transparent!important;
}
.radio-card.ss-home-station-card .radio-name,
.ss-radio-card-pro .ss-radio-card-body h3{
    margin:0 0 12px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:17px!important;
    line-height:1.18!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
}
.radio-card.ss-home-station-card .radio-genre,
.radio-card.ss-home-station-card .radio-country,
.ss-radio-card-pro .ss-radio-meta span{
    display:inline-flex!important;
    align-items:center;
    max-width:54%;
    padding:6px 9px!important;
    border-radius:999px!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#a9bde0!important;
    -webkit-text-fill-color:#a9bde0!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.065)!important;
    font-size:11px!important;
    font-weight:800!important;
}
.radio-card.ss-home-station-card .radio-genre,
.ss-radio-card-pro .ss-radio-meta span:first-child{color:#c3a9ff!important;-webkit-text-fill-color:#c3a9ff!important}
.ss-radio-card-pro .ss-radio-meta{gap:7px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}

/* New bottom action strip makes cards feel like radio products, not directory boxes. */
.ss-radio-card-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.065);
}
.ss-radio-card-air{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-width:0;
    color:#8fa7cc!important;
    font-size:10px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.ss-radio-card-air i{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:var(--ss8-green);
    box-shadow:0 0 13px rgba(66,228,159,.55);
    animation:ss8AirPulse 1.7s ease-in-out infinite;
}
.ss-radio-card-air.is-directory i{background:var(--ss8-cyan);box-shadow:0 0 13px rgba(51,220,255,.45)}
.ss-radio-card-tune{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    background:linear-gradient(135deg,#2f8cff,#735cff);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 8px 20px rgba(55,118,255,.16);
}
.ss-radio-card-tune:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 12px 26px rgba(55,118,255,.24)}
@keyframes ss8AirPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}

/* Similar-station cards on a station page use the same family. */
.similar-stations .station-card{text-decoration:none!important}
.similar-stations .station-card .card-img-top{
    width:100%!important;
    height:190px!important;
    padding:20px!important;
    object-fit:contain!important;
    border-radius:0!important;
}
.similar-stations .station-card .card-body{background:transparent!important;padding:15px!important}
.similar-stations .station-card .card-title{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important}
.similar-stations .station-card .card-text{color:#91a7cb!important;-webkit-text-fill-color:#91a7cb!important}

/* Small surface details that could still flash white. */
.ss-page-shell .page-link,.ss-client-page .page-link{background:#09142f!important;border-color:rgba(255,255,255,.08)!important;color:#c6d5eb!important}
.ss-page-shell hr,.ss-client-page hr{border-color:rgba(255,255,255,.08)!important}
.ss-banner-preview[style*="background:#fff"]{background:#0a1531!important}

@media(max-width:767px){
    .ss-ad-slot{width:min(100% - 20px,1120px);margin:24px auto}
    .ss-ad-slot-inner{grid-template-columns:1fr;gap:20px;min-height:0;padding:28px 22px}
    .ss-ad-action{width:100%}
    .radio-card.ss-home-station-card .radio-image-container,.ss-radio-card-pro .ss-radio-card-media{min-height:210px}
}
@media(prefers-reduced-motion:reduce){
    .radio-card.ss-home-station-card,.ss-radio-card-pro,.similar-stations .station-card,.ss-radio-card-tune{transition:none!important}
    .radio-card.ss-home-station-card:hover,.ss-radio-card-pro:hover,.similar-stations .station-card:hover,.ss-radio-card-tune:hover{transform:none!important}
    .ss-radio-card-air i{animation:none!important}
}


/* =========================================================
   HOTFIX v1.4.2a — genres dark surface + badge stacking
   ========================================================= */
.ss-radio-card-pro .ss-radio-card-media,
.radio-card.ss-home-station-card .radio-image-container{overflow:hidden!important}
.ss-radio-card-pro .ss-featured-badge,
.radio-card.ss-home-station-card .ss-promo-label-public,
.ss-radio-card-pro .ss-live-badge,
.radio-card.ss-home-station-card .ss-live-badge{
    position:absolute!important;
    top:14px!important;
    z-index:12!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    pointer-events:none!important;
}
.ss-radio-card-pro .ss-featured-badge,
.radio-card.ss-home-station-card .ss-promo-label-public{left:14px!important}
.ss-radio-card-pro .ss-live-badge,
.radio-card.ss-home-station-card .ss-live-badge{right:14px!important}
.ss-radio-card-pro .ss-radio-logo,
.radio-card.ss-home-station-card .radio-logo{width:70%!important;height:70%!important;max-width:70%!important;max-height:70%!important;margin-top:14px!important}

/* Sponsor banner / residual white wrappers */
.ss-sponsor-banner-section,
.ss-sponsor-banner-section .container,
.ss-sponsor-banner-section .custom-area,
.ss-sponsor-banner-card{background:transparent!important}
.ss-sponsor-banner-card{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
    padding:14px!important;
    border-radius:30px!important;
    background:linear-gradient(145deg,#07122e,#091632)!important;
    border:1px solid rgba(133,176,240,.14)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
}
.ss-sponsor-banner-card img{display:block!important;width:100%!important;height:auto!important;border-radius:22px!important}
.ss-sponsor-banner-cta{z-index:2!important}

/* =========================================================
   HOTFIX v1.4.2b — compact Featured/LIVE badge geometry
   The v1.4.0 homepage promo badge originally used bottom:10px.
   v1.4.2a moved it to the top without clearing bottom, which
   made absolute-positioned pills stretch vertically.
   ========================================================= */
.radio-card.ss-home-station-card .ss-promo-label-public,
.ss-radio-card-pro .ss-featured-badge{
    inset:auto!important;
    top:14px!important;
    left:14px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:28px!important;
    min-width:0!important;
    min-height:28px!important;
    max-width:calc(100% - 28px)!important;
    padding:0 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    line-height:1!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    z-index:30!important;
}
.radio-card.ss-home-station-card .ss-live-badge,
.ss-radio-card-pro .ss-live-badge{
    inset:auto!important;
    top:14px!important;
    right:14px!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:28px!important;
    min-width:0!important;
    min-height:28px!important;
    max-width:calc(100% - 28px)!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    line-height:1!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    z-index:30!important;
}


/* =========================================================
   HOTFIX v1.4.2c — centered logo staging and cleaner media area
   ========================================================= */
.radio-card.ss-home-station-card .radio-image-container,
.ss-radio-card-pro .ss-radio-card-media{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px 18px 24px!important;
}
.radio-card.ss-home-station-card .radio-image-container:before,
.ss-radio-card-pro .ss-radio-card-media:before{
    inset:12px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01) 48%,transparent 80%)!important;
}
.radio-card.ss-home-station-card .radio-logo,
.ss-radio-card-pro .ss-radio-logo{
    display:block!important;
    margin:0 auto!important;
    margin-top:8px!important;
    align-self:center!important;
    justify-self:center!important;
    object-fit:contain!important;
    object-position:center center!important;
    width:68%!important;
    height:68%!important;
    max-width:68%!important;
    max-height:68%!important;
    padding:12px!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(248,251,255,.98),rgba(233,241,255,.96))!important;
    border:1px solid rgba(255,255,255,.76)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.05) inset!important;
}
.radio-card.ss-home-station-card:hover .radio-logo,
.ss-radio-card-pro:hover .ss-radio-logo{
    transform:translateY(-1px) scale(1.025)!important;
}
@media (max-width: 575px){
    .radio-card.ss-home-station-card .radio-logo,
    .ss-radio-card-pro .ss-radio-logo{
        width:72%!important;
        height:72%!important;
        max-width:72%!important;
        max-height:72%!important;
    }
}


/* ==== stations_site/css/experience-v9.css ==== */
/* Station Select v1.5.0 — final card sizing + Pro page completion */

/* Consistent station artwork stage: every card now uses the same visual footprint. */
.radio-card.ss-home-station-card .radio-image-container,
.ss-radio-card-pro .ss-radio-card-media{
    height:252px!important;
    min-height:252px!important;
    aspect-ratio:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:42px 18px 18px!important;
}
.radio-card.ss-home-station-card .radio-logo,
.ss-radio-card-pro .ss-radio-logo{
    display:block!important;
    flex:0 0 176px!important;
    width:176px!important;
    height:176px!important;
    min-width:176px!important;
    min-height:176px!important;
    max-width:176px!important;
    max-height:176px!important;
    margin:0 auto!important;
    padding:12px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:24px!important;
    box-sizing:border-box!important;
    transform:none!important;
}
.radio-card.ss-home-station-card:hover .radio-logo,
.ss-radio-card-pro:hover .ss-radio-logo{transform:translateY(-2px) scale(1.025)!important}

/* Get Pro: force every pricing surface into the current dark broadcast system. */
.ss-page-shell .ss-pro-section{
    color:#f4f8ff!important;
    background:radial-gradient(circle at 100% 0,rgba(51,220,255,.055),transparent 30%),linear-gradient(145deg,#0b1838,#071027)!important;
    border-color:rgba(127,171,237,.15)!important;
}
.ss-page-shell .ss-pro-section>h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ss-page-shell .ss-pro-section>p{color:#9fb2d2!important;-webkit-text-fill-color:#9fb2d2!important}
.ss-page-shell .ss-price-card,
.ss-page-shell .ss-price-card:not(.featured),
.ss-page-shell .ss-price-card.featured{
    color:#f7fbff!important;
    background:radial-gradient(circle at 100% 0,rgba(118,92,255,.09),transparent 32%),linear-gradient(155deg,#0c1837,#071027)!important;
    border:1px solid rgba(128,169,235,.14)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
}
.ss-page-shell .ss-price-card.featured{border-color:rgba(51,220,255,.27)!important;box-shadow:0 22px 54px rgba(0,0,0,.28),0 0 0 1px rgba(51,220,255,.035)!important}
.ss-page-shell .ss-price-card h3,
.ss-page-shell .ss-price-card:not(.featured) h3,
.ss-page-shell .ss-price-card .ss-price,
.ss-page-shell .ss-price-card:not(.featured) .ss-price{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.ss-page-shell .ss-price-card p,
.ss-page-shell .ss-price-card li,
.ss-page-shell .ss-price-card:not(.featured) p,
.ss-page-shell .ss-price-card:not(.featured) li{
    color:#a8b9d8!important;
    -webkit-text-fill-color:#a8b9d8!important;
}
.ss-pro-status-note{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:16px;color:#b9cbeb;background:rgba(118,92,255,.075);border:1px solid rgba(118,92,255,.15);font-size:13px;font-weight:700}.ss-pro-status-note i{color:#79eaff;font-size:18px}.ss-pro-btn.is-coming-soon{pointer-events:none;cursor:not-allowed;color:#b7c4da!important;-webkit-text-fill-color:#b7c4da!important;background:linear-gradient(135deg,#24324f,#17243e)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;opacity:.88}.ss-pro-coming-soon{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#7f94b9;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ss-pro-coming-soon i{width:7px;height:7px;border-radius:50%;background:#ff4fa0;box-shadow:0 0 13px rgba(255,79,160,.5)}

@media(max-width:767px){
    .radio-card.ss-home-station-card .radio-image-container,
    .ss-radio-card-pro .ss-radio-card-media{height:224px!important;min-height:224px!important;padding-top:40px!important}
    .radio-card.ss-home-station-card .radio-logo,
    .ss-radio-card-pro .ss-radio-logo{flex-basis:154px!important;width:154px!important;height:154px!important;min-width:154px!important;min-height:154px!important;max-width:154px!important;max-height:154px!important}
}


/* ==== stations_site/css/experience-v10.css ==== */
/* Station Select v1.5.0a — Get Pro contrast protection */

/* Final high-specificity layer for the Pro pricing surface. Older theme rules
   include generic span/text selectors, so explicitly protect the semantic text. */
body .ss-page-shell .ss-pro-section,
body .ss-page-shell .ss-pro-section .ss-pro-pricing,
body .ss-page-shell .ss-pro-section .ss-price-card{
    color:#f4f8ff!important;
    -webkit-text-fill-color:#f4f8ff!important;
}

body .ss-page-shell .ss-pro-section > h2,
body .ss-page-shell .ss-pro-section .ss-price-card h3,
body .ss-page-shell .ss-pro-section .ss-price-card .ss-price{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
}

body .ss-page-shell .ss-pro-section > p,
body .ss-page-shell .ss-pro-section .ss-price-card p,
body .ss-page-shell .ss-pro-section .ss-price-card ul,
body .ss-page-shell .ss-pro-section .ss-price-card li{
    color:#aebfde!important;
    -webkit-text-fill-color:#aebfde!important;
    opacity:1!important;
}

body .ss-page-shell .ss-pro-section .ss-pro-status-note,
body .ss-page-shell .ss-pro-section .ss-pro-status-note span{
    color:#c3d3ed!important;
    -webkit-text-fill-color:#c3d3ed!important;
    opacity:1!important;
}
body .ss-page-shell .ss-pro-section .ss-pro-status-note i{
    color:#74e7ff!important;
    -webkit-text-fill-color:#74e7ff!important;
}

body .ss-page-shell .ss-pro-section .ss-price-card .ss-pro-coming-soon,
body .ss-page-shell .ss-pro-section .ss-price-card span.ss-pro-coming-soon{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:12px!important;
    color:#9fb3d5!important;
    -webkit-text-fill-color:#9fb3d5!important;
    opacity:1!important;
    background:transparent!important;
    text-decoration:none!important;
    text-shadow:none!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.35!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
}
body .ss-page-shell .ss-pro-section .ss-price-card .ss-pro-coming-soon i{
    display:inline-block!important;
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    border-radius:50%!important;
    background:#ff4fa0!important;
    box-shadow:0 0 13px rgba(255,79,160,.55)!important;
}

body .ss-page-shell .ss-pro-section .ss-price-card .ss-pro-btn.is-coming-soon{
    color:#c3cee1!important;
    -webkit-text-fill-color:#c3cee1!important;
    opacity:1!important;
}

/* Prevent legacy Bootstrap/theme utility classes leaking dark text into Pro. */
body .ss-page-shell .ss-pro-section .text-dark,
body .ss-page-shell .ss-pro-section .text-body,
body .ss-page-shell .ss-pro-section .text-black,
body .ss-page-shell .ss-pro-section .text-muted{
    color:#aebfde!important;
    -webkit-text-fill-color:#aebfde!important;
    opacity:1!important;
}


/* ==== stations_site/css/experience-v11.css ==== */
/* Station Select v1.5.1 — Pro card alignment + radio-card control geometry */

/* =========================================================
   PRO PLANS — equal card heights and one button baseline
   ========================================================= */
body .ss-page-shell .ss-pro-pricing{
    align-items:stretch!important;
}
body .ss-page-shell .ss-pro-pricing .ss-price-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:430px!important;
}
body .ss-page-shell .ss-pro-pricing .ss-price-card > h3,
body .ss-page-shell .ss-pro-pricing .ss-price-card > .ss-price,
body .ss-page-shell .ss-pro-pricing .ss-price-card > p,
body .ss-page-shell .ss-pro-pricing .ss-price-card > ul{
    flex:0 0 auto!important;
}
body .ss-page-shell .ss-pro-pricing .ss-price-card > ul{
    margin-bottom:24px!important;
}
body .ss-page-shell .ss-pro-pricing .ss-price-card > .ss-pro-btn{
    margin-top:auto!important;
    align-self:flex-start!important;
}
body .ss-page-shell .ss-pro-pricing .ss-price-card > .ss-pro-coming-soon{
    flex:0 0 auto!important;
    min-height:18px!important;
}

/* =========================================================
   RADIO CARDS — fully visible media controls
   ========================================================= */
.radio-card.ss-home-station-card .radio-image-container,
.ss-radio-card-pro .ss-radio-card-media{
    height:270px!important;
    min-height:270px!important;
}
.radio-card.ss-home-station-card .radio-logo,
.ss-radio-card-pro .ss-radio-logo{
    flex:0 0 164px!important;
    width:164px!important;
    height:164px!important;
    min-width:164px!important;
    min-height:164px!important;
    max-width:164px!important;
    max-height:164px!important;
}

/* Explicitly establish the media link as the geometry parent. */
.radio-card.ss-home-station-card .radio-image-container > a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    padding:28px 18px 62px!important;
    text-decoration:none!important;
}

/* Legacy overlay used to straddle the image/body boundary. Keep the control
   rail inside the media stage so it is never clipped by overflow. */
.radio-card.ss-home-station-card .radio-image-container .overlay{
    position:absolute!important;
    inset:0!important;
    z-index:12!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent 68%,rgba(5,15,39,.25) 82%,rgba(6,28,58,.78) 100%)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.radio-card.ss-home-station-card .radio-image-container .play-icon{
    position:absolute!important;
    left:18px!important;
    bottom:14px!important;
    top:auto!important;
    right:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 0 0 3px!important;
    border-radius:50%!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#ff4fa0,#765cff,#33dcff)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.35),0 0 0 5px rgba(255,255,255,.075)!important;
    font-size:21px!important;
    line-height:1!important;
}
.radio-card.ss-home-station-card .radio-image-container:after{
    right:18px!important;
    bottom:18px!important;
    top:auto!important;
    z-index:15!important;
    width:38px!important;
    height:38px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 3px rgba(255,255,255,.42)!important;
}

/* Keep labels above the new control rail and the artwork. */
.radio-card.ss-home-station-card .ss-promo-label-public,
.radio-card.ss-home-station-card .ss-live-badge,
.ss-radio-card-pro .ss-featured-badge,
.ss-radio-card-pro .ss-live-badge{
    z-index:30!important;
}

@media(max-width:767px){
    body .ss-page-shell .ss-pro-pricing .ss-price-card{min-height:0!important}
    .radio-card.ss-home-station-card .radio-image-container,
    .ss-radio-card-pro .ss-radio-card-media{height:248px!important;min-height:248px!important}
    .radio-card.ss-home-station-card .radio-logo,
    .ss-radio-card-pro .ss-radio-logo{
        flex-basis:150px!important;width:150px!important;height:150px!important;
        min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important;
    }
}


/* ==== stations_site/css/experience-v12.css ==== */
/* Station Select v1.5.3 — Country Flag Experience */
.ss-country-flag-wrap{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    overflow:hidden;
    background:#08132d;
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.ss-country-flag-wrap img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.ss-country-chip-flag{
    width:20px;
    height:15px;
    border-radius:5px;
    margin-right:6px;
}
.ss-radio-card-pro .ss-radio-country-chip{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
}
.ss-country-page-flag{
    width:42px;
    height:31px;
    border-radius:9px;
    margin-right:2px;
    border-color:rgba(77,218,255,.18);
}
.ss-country-flag-unresolved{
    color:#74ddff;
    background:linear-gradient(145deg,#0a1938,#071027);
}
.ss-country-flag-unresolved i{font-size:14px}
.ss-country-page-flag.ss-country-flag-unresolved i{font-size:19px}
.ss-country-card{
    position:relative;
    overflow:hidden;
}
.ss-country-card .d-flex.align-items-center{
    gap:11px!important;
}
.ss-country-card:hover .ss-country-page-flag{
    transform:translateY(-1px) scale(1.03);
    border-color:rgba(93,226,255,.34);
}
.ss-country-page-flag{transition:transform .22s ease,border-color .22s ease}
@media(max-width:575px){
    .ss-country-page-flag{width:36px;height:27px;border-radius:8px}
    .ss-country-chip-flag{width:18px;height:14px}
}
@media(prefers-reduced-motion:reduce){.ss-country-page-flag{transition:none}.ss-country-card:hover .ss-country-page-flag{transform:none}}


/* ==== stations_site/css/experience-v13.css ==== */
/* Station Select v1.5.3a — resilient public country flags */
.ss-country-flag-wrap{position:relative!important;isolation:isolate;line-height:1!important}
.ss-country-flag-emoji{
    position:absolute;inset:0;z-index:0;
    display:flex;align-items:center;justify-content:center;
    font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
    line-height:1;font-size:13px;
}
.ss-country-flag-wrap img{
    position:absolute!important;inset:0!important;z-index:1!important;
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
.ss-country-chip-flag{width:22px!important;height:16px!important;min-width:22px!important;margin-right:7px!important;border-radius:5px!important}
.ss-country-chip-flag .ss-country-flag-emoji{font-size:14px}
.ss-radio-card-pro .ss-radio-country-chip{
    max-width:62%!important;
    min-width:0!important;
    overflow:visible!important;
}
.ss-radio-card-pro .ss-radio-country-chip>span:last-child{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ss-country-page-flag .ss-country-flag-emoji{font-size:25px}

/* Station profile/details */
.ss-country-profile-pill,
.ss-country-profile-value{
    display:inline-flex!important;align-items:center!important;gap:7px!important;
}
.ss-country-profile-flag{
    width:24px!important;height:17px!important;min-width:24px!important;
    border-radius:5px!important;margin:0!important;
}
.ss-country-profile-flag .ss-country-flag-emoji{font-size:15px}
.ss-country-profile-value{text-decoration:none!important}
.ss-country-profile-value:hover span:last-child{color:#6fe7ff!important}

/* If a remote/local image is not available the emoji itself remains crisp and visible. */
.ss-country-flag-wrap:not(.ss-country-flag-unresolved){background:rgba(6,15,37,.9)!important}
@media(max-width:575px){
    .ss-country-chip-flag{width:20px!important;height:15px!important;min-width:20px!important}
    .ss-country-profile-flag{width:22px!important;height:16px!important;min-width:22px!important}
}


/* ==== stations_site/css/experience-v14.css ==== */
/* Station Select v1.7.0 — SEO/public directory landing polish */
.ss-radio-meta a{color:inherit;text-decoration:none}.ss-radio-meta a:hover{color:#82eaff}.ss-directory-landing{padding:26px 0 52px}.ss-directory-landing-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:center;padding:32px;border-radius:30px;border:1px solid rgba(103,165,255,.17);background:radial-gradient(circle at 0 0,rgba(36,213,255,.12),transparent 32%),radial-gradient(circle at 100% 0,rgba(138,99,255,.13),transparent 31%),linear-gradient(145deg,#0b1d40,#07142d);box-shadow:0 26px 70px rgba(0,0,0,.26);margin-bottom:18px}.ss-directory-landing-hero h1{color:#fff;font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.035em;margin:8px 0 10px}.ss-directory-landing-hero p{color:#b5c8e5;font-size:17px;line-height:1.65;max-width:820px}.ss-directory-landing-kicker{display:inline-flex;gap:8px;align-items:center;color:#78eaff;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ss-directory-landing-stat{min-height:190px;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(145deg,rgba(20,39,79,.9),rgba(7,17,40,.96));border:1px solid rgba(255,255,255,.08)}.ss-directory-landing-stat .ss-land-flag{width:72px;height:50px;object-fit:cover;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.24);margin-bottom:10px}.ss-directory-landing-stat i{font-size:42px;color:#7deaff;margin-bottom:9px}.ss-directory-landing-stat strong{font-size:38px;color:#fff;line-height:1}.ss-directory-landing-stat span{color:#92acd1;font-size:12px;margin-top:7px}.ss-directory-related{padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(8,22,48,.72);margin-bottom:20px}.ss-directory-related h2{color:#fff;font-size:20px;margin:0 0 12px}.ss-directory-related-links{display:flex;flex-wrap:wrap;gap:8px}.ss-directory-related-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(123,174,244,.13);color:#cfe0f7;text-decoration:none;font-size:12px;font-weight:800}.ss-directory-related-links a:hover{border-color:rgba(36,213,255,.34);color:#fff;background:rgba(36,213,255,.07)}.ss-directory-related-links em{font-style:normal;color:#73e8ff;font-size:10px}.ss-directory-empty{padding:24px;border-radius:20px;text-align:center;color:#9eb4d6;background:#081832;border:1px dashed rgba(255,255,255,.1)}.ss-seo-intro{max-width:930px;color:#a9bedc;line-height:1.7;margin:8px 0 0}.ss-country-card .ss-country-name,.ss-genre-link .ss-genre-name{min-width:0}.ss-country-card:hover .ss-country-name,.ss-genre-link:hover .ss-genre-name{color:#fff}
@media(max-width:900px){.ss-directory-landing-hero{grid-template-columns:1fr}.ss-directory-landing-stat{min-height:150px}}@media(max-width:560px){.ss-directory-landing-hero{padding:22px 17px;border-radius:24px}.ss-directory-landing-hero p{font-size:15px}}
.ss-home-taxonomy-link{color:inherit;text-decoration:none}.ss-home-taxonomy-link:hover{color:#9deeff;text-decoration:none}


/* ==== stations_site/css/experience-v15.css ==== */
/* Station Select v1.8.0 — Public Listening & Discovery */
.ss-listening-meta{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 2px}.ss-stream-label,.ss-public-health{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:4px 8px;border-radius:999px;border:1px solid rgba(128,165,232,.18);background:rgba(255,255,255,.035);color:#cbdaf4!important;font-size:9px;font-weight:900;letter-spacing:.035em;white-space:nowrap}.ss-stream-label-codec{color:#9eefff!important;border-color:rgba(36,213,255,.2);background:rgba(36,213,255,.06)}.ss-stream-label-bitrate{color:#cebaff!important;border-color:rgba(138,99,255,.22);background:rgba(138,99,255,.065)}.ss-stream-label-secure{color:#91e8c0!important;border-color:rgba(57,223,160,.18);background:rgba(57,223,160,.055)}.ss-stream-label-backup{color:#ffd78a!important;border-color:rgba(255,199,95,.2);background:rgba(255,199,95,.055)}.ss-public-health i{width:7px;height:7px;border-radius:50%;background:#7f96bb}.ss-public-health-online{color:#8df1c8!important;border-color:rgba(57,223,160,.23);background:rgba(57,223,160,.07)}.ss-public-health-online i{background:#39dfa0;box-shadow:0 0 0 4px rgba(57,223,160,.09)}.ss-public-health-offline{color:#ff9dae!important;border-color:rgba(255,107,133,.23);background:rgba(255,107,133,.065)}.ss-public-health-offline i{background:#ff6b85}.ss-public-health-error{color:#ffd58a!important;border-color:rgba(255,199,95,.23);background:rgba(255,199,95,.06)}.ss-public-health-error i{background:#ffc75f}.ss-card-share{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:6px 9px;border-radius:999px;border:1px solid rgba(98,155,248,.18);background:rgba(78,122,213,.07);color:#bcd0f1!important;font-size:10px;font-weight:900;cursor:pointer;transition:.18s}.ss-card-share:hover{transform:translateY(-1px);border-color:rgba(36,213,255,.34);color:#fff!important;background:rgba(36,213,255,.08)}
.ss-random-discovery{margin:18px 0 20px;padding:18px;border-radius:22px;border:1px solid rgba(91,151,255,.2);background:radial-gradient(circle at 0 0,rgba(36,213,255,.09),transparent 30%),linear-gradient(180deg,rgba(10,29,64,.94),rgba(6,17,41,.98))}.ss-random-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.ss-random-head h3{margin:0;color:#f7faff;font-size:19px}.ss-random-head p{margin:3px 0 0;color:#9fb4d8;font-size:12px}.ss-random-access{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(138,99,255,.2);background:rgba(138,99,255,.07);color:#cbb7ff;font-size:9px;font-weight:900;text-transform:uppercase}.ss-random-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.ss-random-fields label{display:block;margin:0;color:#d9e5fb;font-size:11px;font-weight:900}.ss-random-fields select{width:100%;margin-top:5px;border:1px solid rgba(109,155,230,.22);border-radius:12px;background:#07162f;color:#f4f8ff;padding:9px 10px}.ss-random-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ss-random-submit{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:0;border-radius:999px;background:linear-gradient(90deg,#24d5ff,#4b88ff,#8a63ff);color:#fff!important;font-weight:900;cursor:pointer}.ss-random-exclude{display:flex!important;align-items:center;gap:7px!important;color:#aebfdd!important;font-size:10px!important;font-weight:700!important}.ss-random-exclude input{accent-color:#4b88ff}
.ss-recent-section{margin:20px 0}.ss-recent-section[hidden]{display:none!important}.ss-recent-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:11px}.ss-recent-head span{display:block;color:#65ddff;font-size:9px;font-weight:900;letter-spacing:.14em}.ss-recent-head h3{margin:3px 0 0;color:#f6f9ff;font-size:20px}.ss-recent-head small{color:#8ea5ca}.ss-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ss-recent-station{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;border:1px solid rgba(106,151,225,.15);background:rgba(8,24,53,.8);text-decoration:none!important;min-width:0}.ss-recent-station:hover{border-color:rgba(36,213,255,.27);background:rgba(11,32,70,.94)}.ss-recent-logo{width:40px;height:40px;flex:0 0 40px;border-radius:11px;overflow:hidden;background:#07152f;display:grid;place-items:center}.ss-recent-logo img{width:100%;height:100%;object-fit:cover}.ss-recent-fallback{color:#7ea8e9}.ss-recent-copy{min-width:0;flex:1}.ss-recent-copy strong{display:block;color:#f2f6ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-recent-copy small{display:block;color:#869dc2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-recent-action{color:#71dfff}.ss-listening-toast{position:fixed;left:50%;bottom:92px;z-index:9999;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:9px 13px;border-radius:999px;background:#0b1d3d;border:1px solid rgba(84,149,255,.27);box-shadow:0 15px 42px rgba(0,0,0,.34);color:#fff;font-size:11px;font-weight:900;transition:.2s}.ss-listening-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.ss-listening-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ss-listening-panel-head h3{color:#f7faff;margin:2px 0 0}.ss-pro-listening-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:linear-gradient(90deg,rgba(255,77,166,.12),rgba(138,99,255,.14));border:1px solid rgba(205,109,255,.2);color:#e8b8ff;font-size:9px;font-weight:900}.ss-profile-live-state{display:flex;align-items:center;gap:11px;margin:14px 0 12px;padding:13px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(105,152,228,.16)}.ss-profile-live-dot{width:10px;height:10px;border-radius:50%;background:#8096bb;flex:0 0 auto}.ss-profile-live-state>div{min-width:0;flex:1}.ss-profile-live-state strong,.ss-profile-live-state span{display:block}.ss-profile-live-state strong{color:#f1f6ff}.ss-profile-live-state span{color:#91a7cb;font-size:10px}.ss-profile-live-online .ss-profile-live-dot{background:#39dfa0;box-shadow:0 0 0 5px rgba(57,223,160,.09)}.ss-profile-live-offline .ss-profile-live-dot{background:#ff6b85}.ss-profile-live-error .ss-profile-live-dot{background:#ffc75f}.ss-retry-stream-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,199,95,.22);border-radius:999px;background:rgba(255,199,95,.07);color:#ffd688;padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer}.ss-profile-stream-labels{display:flex;flex-wrap:wrap;gap:7px}.ss-stream-detection-note{display:block;margin-top:9px;color:#8fa5c8}.ss-profile-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ss-profile-share-actions a,.ss-profile-share-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;border:1px solid rgba(104,153,232,.18);background:rgba(255,255,255,.035);color:#dce8fb!important;text-decoration:none!important;font-size:10px;font-weight:900;cursor:pointer}.ss-profile-share-actions .ss-profile-share-main{border:0;background:linear-gradient(90deg,#24d5ff,#4b88ff,#8a63ff);color:#fff!important}
.ss-pwa-install{position:fixed;right:18px;bottom:88px;z-index:980;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(36,213,255,.25);border-radius:999px;background:linear-gradient(135deg,rgba(8,28,62,.97),rgba(20,23,61,.97));box-shadow:0 16px 40px rgba(0,0,0,.3);color:#eaf7ff!important;font-size:10px;font-weight:900;cursor:pointer}.ss-pwa-install[hidden]{display:none!important}.ss-pwa-install i{color:#5de2ff;font-size:16px}
@media(max-width:900px){.ss-random-fields{grid-template-columns:1fr 1fr}.ss-random-actions{grid-column:1/-1}.ss-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ss-random-head{display:block}.ss-random-access{margin-top:8px}.ss-random-fields{grid-template-columns:1fr}.ss-random-actions{grid-column:auto}.ss-recent-grid{grid-template-columns:1fr}.ss-profile-live-state{align-items:flex-start;flex-wrap:wrap}.ss-retry-stream-btn{margin-left:21px}.ss-pwa-install{right:12px;bottom:82px}.ss-listening-meta{gap:4px}.ss-stream-label,.ss-public-health{font-size:8px}}


/* ==== stations_site/css/experience-v16.css ==== */
/* Station Select v1.9.0 — Rich Station Profiles */
.ss-rich-field-block,.ss-metadata-config{padding:18px;border:1px solid rgba(93,166,255,.22);border-radius:18px;background:linear-gradient(145deg,rgba(8,27,59,.78),rgba(12,20,48,.9));}
.ss-rich-field-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.ss-rich-field-heading h6{margin:2px 0 0!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;font-size:16px}.ss-rich-kicker{display:block;color:#64dcff!important;-webkit-text-fill-color:#64dcff!important;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ss-feature-access-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.ss-feature-access-note{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(79,196,255,.25);background:rgba(42,167,255,.08);color:#aeeeff!important;-webkit-text-fill-color:#aeeeff!important;font-size:9px;font-weight:900;letter-spacing:.08em}.ss-rich-help{margin:0 0 14px!important;color:#b9cbea!important;-webkit-text-fill-color:#b9cbea!important;font-size:13px}.ss-custom-json-fields[hidden]{display:none!important}
.ss-language-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;padding:4px 5px 4px 0}.ss-language-check{position:relative;margin:0;cursor:pointer}.ss-language-check input{position:absolute;opacity:0;pointer-events:none}.ss-language-check span{display:flex;align-items:center;min-height:38px;padding:8px 11px;border-radius:11px;border:1px solid rgba(124,161,225,.18);background:rgba(4,17,43,.64);color:#dce9ff!important;-webkit-text-fill-color:#dce9ff!important;font-size:12px;font-weight:750;transition:.18s ease}.ss-language-check input:checked+span{border-color:rgba(36,213,255,.55);background:linear-gradient(135deg,rgba(36,213,255,.16),rgba(138,99,255,.15));box-shadow:0 0 0 1px rgba(36,213,255,.12) inset;color:#fff!important;-webkit-text-fill-color:#fff!important}.ss-language-check input:focus-visible+span{outline:2px solid #24d5ff;outline-offset:2px}
.ss-filter-card label small{color:#8fccef!important;-webkit-text-fill-color:#8fccef!important;font-weight:700}.ss-filter-reset{display:inline-flex;align-items:center;gap:4px;margin-right:8px;color:#a9c4ec!important;-webkit-text-fill-color:#a9c4ec!important;font-size:12px;font-weight:800}.ss-card-language-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:9px 0 2px;color:#9cb9e5!important;-webkit-text-fill-color:#9cb9e5!important;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.ss-card-language-row i{color:#57dcff!important;-webkit-text-fill-color:#57dcff!important}.ss-card-language-row span{padding:3px 7px;border-radius:999px;background:rgba(115,145,215,.09);border:1px solid rgba(115,168,255,.13);color:#bcd3f6!important;-webkit-text-fill-color:#bcd3f6!important}
.ss-profile-language-list{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}.ss-profile-language-list span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(36,213,255,.07);border:1px solid rgba(36,213,255,.16);color:#cceaff!important;-webkit-text-fill-color:#cceaff!important;font-size:11px;font-weight:800}.ss-profile-language-list i{color:#4cddff!important;-webkit-text-fill-color:#4cddff!important}
.ss-rich-metadata-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(36,213,255,.1),transparent 30%),radial-gradient(circle at 92% 5%,rgba(138,99,255,.12),transparent 30%),linear-gradient(160deg,rgba(8,27,60,.96),rgba(7,17,42,.98))!important}.ss-rich-metadata-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%)}.ss-rich-metadata-panel>*{position:relative;z-index:1}.ss-rich-metadata-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.ss-rich-metadata-head h3{margin:3px 0 4px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:24px}.ss-rich-metadata-head p{margin:0!important;color:#9fb5d9!important;-webkit-text-fill-color:#9fb5d9!important;font-size:12px}.ss-rich-profile-kicker{color:#56ddff!important;-webkit-text-fill-color:#56ddff!important;font-size:10px;font-weight:950;letter-spacing:.15em}.ss-metadata-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 9px;border-radius:999px;border:1px solid rgba(124,162,218,.18);background:rgba(3,13,35,.55);color:#a9bddc!important;-webkit-text-fill-color:#a9bddc!important;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ss-metadata-status i{width:7px;height:7px;border-radius:50%;background:#8193ae;box-shadow:0 0 0 4px rgba(129,147,174,.08)}.ss-metadata-status.is-ok{color:#91f2ca!important;-webkit-text-fill-color:#91f2ca!important;border-color:rgba(57,223,160,.2)}.ss-metadata-status.is-ok i{background:#39dfa0;box-shadow:0 0 0 5px rgba(57,223,160,.09),0 0 12px rgba(57,223,160,.35)}.ss-metadata-status.is-error{color:#ffc3ce!important;-webkit-text-fill-color:#ffc3ce!important;border-color:rgba(255,107,133,.22)}.ss-metadata-status.is-error i{background:#ff6b85}
.ss-now-playing-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px;border:1px solid rgba(87,163,255,.2);border-radius:18px;background:linear-gradient(135deg,rgba(10,42,79,.72),rgba(22,20,61,.78));box-shadow:0 18px 40px rgba(0,0,0,.18)}.ss-now-art{width:92px;height:92px;border-radius:15px;overflow:hidden;background:rgba(3,14,37,.85);border:1px solid rgba(128,178,255,.16)}.ss-now-art img{width:100%;height:100%;object-fit:cover}.ss-now-copy span{display:block;margin-bottom:4px;color:#63dcff!important;-webkit-text-fill-color:#63dcff!important;font-size:9px;font-weight:950;letter-spacing:.15em}.ss-now-copy h4{margin:0 0 4px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px;line-height:1.2}.ss-now-copy p{margin:0!important;color:#b5c8e8!important;-webkit-text-fill-color:#b5c8e8!important;font-size:12px}.ss-now-eq{display:flex;align-items:flex-end;gap:3px;height:30px}.ss-now-eq i{display:block;width:3px;border-radius:4px;background:linear-gradient(#26d8ff,#8a63ff);animation:ssMetaEq 1.1s ease-in-out infinite alternate}.ss-now-eq i:nth-child(1){height:40%;animation-delay:-.7s}.ss-now-eq i:nth-child(2){height:85%;animation-delay:-.2s}.ss-now-eq i:nth-child(3){height:58%;animation-delay:-.5s}.ss-now-eq i:nth-child(4){height:100%;animation-delay:-.1s}@keyframes ssMetaEq{to{height:25%}}
.ss-recent-tracks-block{margin-top:18px}.ss-recent-tracks-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ss-recent-tracks-title span{color:#9ec8fb!important;-webkit-text-fill-color:#9ec8fb!important;font-size:10px;font-weight:950;letter-spacing:.12em}.ss-recent-tracks-title small{color:#758eb8!important;-webkit-text-fill-color:#758eb8!important;font-size:10px}.ss-recent-tracks-list{display:grid;gap:7px}.ss-recent-track-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:12px;background:rgba(5,18,45,.62);border:1px solid rgba(104,147,213,.11)}.ss-recent-track-art{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:rgba(14,39,73,.9);color:#6fdfff!important;-webkit-text-fill-color:#6fdfff!important}.ss-recent-track-art img{width:100%;height:100%;object-fit:cover}.ss-recent-track-copy{min-width:0}.ss-recent-track-copy strong,.ss-recent-track-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-recent-track-copy strong{color:#f4f8ff!important;-webkit-text-fill-color:#f4f8ff!important;font-size:12px}.ss-recent-track-copy span{color:#91a9cf!important;-webkit-text-fill-color:#91a9cf!important;font-size:10px}.ss-recent-track-row time{color:#7894bd!important;-webkit-text-fill-color:#7894bd!important;font-size:10px}.ss-metadata-message{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:11px;background:rgba(255,199,95,.06);border:1px solid rgba(255,199,95,.14);color:#d8cda9!important;-webkit-text-fill-color:#d8cda9!important;font-size:11px}.ss-metadata-message[hidden]{display:none!important}
@media(max-width:767px){.ss-language-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-rich-field-heading,.ss-rich-metadata-head{flex-direction:column}.ss-feature-access-stack{justify-content:flex-start}.ss-now-playing-card{grid-template-columns:70px minmax(0,1fr)}.ss-now-art{width:70px;height:70px}.ss-now-eq{display:none}.ss-recent-track-row{grid-template-columns:38px minmax(0,1fr) auto}.ss-recent-track-art{width:38px;height:38px}}
@media(max-width:420px){.ss-language-check-grid{grid-template-columns:1fr}.ss-recent-track-row time{display:none}}


/* ==== stations_site/css/experience-v17.css ==== */
/* Station Select v2.0.0 — Radio Programming Suite */
.ss-programming-page{padding:34px 0 70px;color:#eef6ff}.ss-programming-page *{-webkit-text-fill-color:initial}.ss-programming-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid rgba(91,175,255,.22);border-radius:26px;background:radial-gradient(circle at 8% 5%,rgba(34,211,238,.13),transparent 34%),radial-gradient(circle at 91% 10%,rgba(139,92,246,.15),transparent 34%),linear-gradient(180deg,rgba(11,30,65,.96),rgba(5,17,42,.98));box-shadow:0 28px 70px rgba(0,0,0,.26);margin-bottom:18px}.ss-programming-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:7px 0 8px;font-size:clamp(28px,4vw,44px)}.ss-programming-hero p{color:#b9cbea!important;-webkit-text-fill-color:#b9cbea!important;margin:0;max-width:760px}.ss-programming-actions{display:flex;gap:9px;flex-wrap:wrap}.ss-programming-btn,.ss-programming-primary{border:1px solid rgba(109,170,255,.25)!important;background:rgba(255,255,255,.055)!important;color:#edf6ff!important;-webkit-text-fill-color:#edf6ff!important;border-radius:12px!important;font-weight:800}.ss-programming-btn:hover{background:rgba(86,166,255,.14)!important;color:#fff!important}.ss-programming-primary{background:linear-gradient(90deg,#159ed9,#436bf2,#8258e7)!important;border:0!important;box-shadow:0 12px 30px rgba(51,109,239,.2)}.ss-programming-danger{background:rgba(255,91,122,.1)!important;border:1px solid rgba(255,91,122,.25)!important;color:#ff9db0!important;-webkit-text-fill-color:#ff9db0!important;border-radius:10px!important}.ss-programming-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ss-programming-status{display:flex;gap:12px;align-items:center;padding:16px 17px;border-radius:18px;border:1px solid rgba(113,154,232,.16);background:rgba(7,20,48,.82)}.ss-programming-status>i{font-size:23px;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(65,144,255,.1);color:#a7d9ff}.ss-programming-status strong,.ss-programming-status span{display:block}.ss-programming-status strong{color:#f6f9ff!important;-webkit-text-fill-color:#f6f9ff!important}.ss-programming-status span{font-size:12px;color:#9fb7dd!important;-webkit-text-fill-color:#9fb7dd!important}.ss-programming-status.is-enabled{border-color:rgba(39,222,166,.2)}.ss-programming-status.is-enabled>i{color:#78efc4;background:rgba(39,222,166,.09)}.ss-programming-plan-note{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,199,95,.22);background:rgba(74,49,6,.22);margin-bottom:18px}.ss-programming-plan-note>i{font-size:25px;color:#ffd479}.ss-programming-plan-note div{flex:1}.ss-programming-plan-note strong,.ss-programming-plan-note span{display:block}.ss-programming-plan-note strong{color:#fff7df!important;-webkit-text-fill-color:#fff7df!important}.ss-programming-plan-note span{color:#c9badb!important;-webkit-text-fill-color:#c9badb!important;font-size:12px}.ss-programming-plan-note a{color:#aeeaff!important;-webkit-text-fill-color:#aeeaff!important;font-weight:800}.ss-programming-panel{margin-top:18px;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(10,28,61,.96),rgba(5,17,42,.98));border:1px solid rgba(99,155,238,.17);box-shadow:0 20px 52px rgba(0,0,0,.18)}.ss-programming-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.ss-programming-panel-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:4px 0}.ss-programming-panel-head p{color:#aebfdd!important;-webkit-text-fill-color:#aebfdd!important;margin:0}.ss-programming-access-pill{padding:7px 10px;border-radius:999px;background:rgba(36,213,255,.08);border:1px solid rgba(36,213,255,.18);color:#a7edff!important;-webkit-text-fill-color:#a7edff!important;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ss-timezone-form{display:flex;align-items:flex-end;gap:12px;padding:15px;border-radius:17px;background:rgba(2,12,32,.55);border:1px solid rgba(104,151,224,.12);margin-bottom:16px}.ss-timezone-form label{flex:1;color:#dfeaff!important;-webkit-text-fill-color:#dfeaff!important;font-weight:700}.ss-programming-form{padding:18px;border-radius:19px;background:rgba(4,15,38,.68);border:1px solid rgba(101,151,228,.13);display:grid;gap:12px;margin-bottom:16px}.ss-programming-form-title strong,.ss-programming-form-title span{display:block}.ss-programming-form-title strong{color:#fff!important;-webkit-text-fill-color:#fff!important}.ss-programming-form-title span{color:#91a9d1!important;-webkit-text-fill-color:#91a9d1!important;font-size:12px}.ss-programming-fields{display:grid;gap:11px}.ss-programming-fields.four{grid-template-columns:1.5fr 1fr .8fr .8fr}.ss-programming-fields.three{grid-template-columns:repeat(3,1fr)}.ss-programming-form label,.ss-inline-edit-form label{display:grid;gap:6px;color:#d9e6fa!important;-webkit-text-fill-color:#d9e6fa!important;font-weight:700;font-size:12px}.ss-programming-form .form-control,.ss-inline-edit-form .form-control,.ss-timezone-form .form-control{background:#071a38!important;border:1px solid rgba(124,164,230,.2)!important;color:#eef6ff!important;-webkit-text-fill-color:#eef6ff!important;border-radius:11px!important;min-height:43px}.ss-programming-form textarea.form-control,.ss-inline-edit-form textarea.form-control{min-height:74px}.ss-programming-form .form-control::placeholder,.ss-inline-edit-form .form-control::placeholder{color:#728bb5!important;-webkit-text-fill-color:#728bb5!important}.ss-check-label{display:flex!important;align-items:center;gap:8px!important;color:#c7d7ef!important;-webkit-text-fill-color:#c7d7ef!important}.ss-check-label input{width:17px;height:17px}.ss-programming-list{display:grid;gap:9px}.ss-programme-manage-card{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:15px;padding:15px;border-radius:17px;background:rgba(6,21,50,.75);border:1px solid rgba(109,157,226,.13)}.ss-programme-time strong,.ss-programme-time span,.ss-programme-copy strong,.ss-programme-copy span{display:block}.ss-programme-time strong,.ss-programme-copy strong{color:#f5f9ff!important;-webkit-text-fill-color:#f5f9ff!important}.ss-programme-time span,.ss-programme-copy span{color:#93abd0!important;-webkit-text-fill-color:#93abd0!important;font-size:12px}.ss-programming-edit summary{cursor:pointer;color:#9ee9ff!important;-webkit-text-fill-color:#9ee9ff!important;font-weight:800}.ss-programming-edit[open]{grid-column:1/-1}.ss-inline-edit-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px 0}.ss-inline-edit-form textarea{grid-column:span 2}.ss-programming-edit>form:last-child{margin-top:7px}.ss-programming-empty,.ss-programming-locked{padding:18px;border-radius:17px;border:1px dashed rgba(111,155,221,.18);color:#9fb3d4!important;-webkit-text-fill-color:#9fb3d4!important;background:rgba(3,13,34,.45)}.ss-programming-locked{display:flex;gap:12px;align-items:center}.ss-programming-locked>i{font-size:24px;color:#ffd073}.ss-programming-locked strong,.ss-programming-locked span{display:block}.ss-programming-locked strong{color:#f6f8ff!important;-webkit-text-fill-color:#f6f8ff!important}.ss-programming-locked span{font-size:12px;color:#aebcd6!important;-webkit-text-fill-color:#aebcd6!important}.ss-presenter-manage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ss-presenter-manage-card{padding:15px;border-radius:18px;background:rgba(6,21,50,.75);border:1px solid rgba(109,157,226,.13)}.ss-presenter-manage-top{display:flex;align-items:center;gap:11px;margin-bottom:9px}.ss-presenter-manage-top img,.ss-presenter-placeholder{width:54px;height:54px;border-radius:16px;object-fit:cover}.ss-presenter-placeholder{display:grid;place-items:center;background:rgba(66,151,255,.12);color:#9bdcff;font-size:23px}.ss-presenter-manage-top strong,.ss-presenter-manage-top span{display:block}.ss-presenter-manage-top strong{color:#f7faff!important;-webkit-text-fill-color:#f7faff!important}.ss-presenter-manage-top span{font-size:12px;color:#93abd0!important;-webkit-text-fill-color:#93abd0!important}.ss-programming-launch-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(66,196,255,.2);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(36,213,255,.11),transparent 36%),linear-gradient(180deg,rgba(10,28,61,.95),rgba(6,19,46,.98))}.ss-programming-launch-card h5{margin:3px 0;color:#fff!important;-webkit-text-fill-color:#fff!important}.ss-programming-launch-card p{margin:0;color:#aebfdd!important;-webkit-text-fill-color:#aebfdd!important;font-size:13px}.ss-public-programming-panel{overflow:hidden}.ss-public-programming-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.ss-public-programming-head h3{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:4px 0}.ss-programming-timezone{padding:7px 9px;border-radius:999px;background:rgba(36,213,255,.08);border:1px solid rgba(36,213,255,.16);color:#a9edff!important;-webkit-text-fill-color:#a9edff!important;font-size:11px;font-weight:800}.ss-now-next-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-bottom:15px}.ss-now-next-card{padding:17px;border-radius:19px;border:1px solid rgba(116,163,236,.16);background:linear-gradient(135deg,rgba(10,31,68,.94),rgba(6,20,48,.95))}.ss-now-next-card.is-now{background:radial-gradient(circle at 10% 0,rgba(34,211,238,.13),transparent 45%),linear-gradient(135deg,rgba(10,31,68,.96),rgba(6,20,48,.96));border-color:rgba(36,213,255,.2)}.ss-now-next-card>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#8fe9ff!important;-webkit-text-fill-color:#8fe9ff!important}.ss-now-next-card h4{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:7px 0 3px}.ss-now-next-card p{color:#aebfdd!important;-webkit-text-fill-color:#aebfdd!important;margin:0;font-size:12px}.ss-weekly-schedule{border-top:1px solid rgba(107,153,227,.13);padding-top:13px}.ss-weekly-schedule>summary{cursor:pointer;color:#dbe9ff!important;-webkit-text-fill-color:#dbe9ff!important;font-weight:850}.ss-weekly-schedule-days{display:grid;gap:9px;margin-top:12px}.ss-schedule-day{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px;border-radius:16px;background:rgba(4,16,39,.5)}.ss-schedule-day h5{color:#9fe8ff!important;-webkit-text-fill-color:#9fe8ff!important;margin:3px 0}.ss-schedule-day>div{display:grid;gap:7px}.ss-schedule-slot{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.025)}.ss-schedule-slot time{color:#bdd0ed!important;-webkit-text-fill-color:#bdd0ed!important;font-weight:800}.ss-schedule-slot strong,.ss-schedule-slot span,.ss-schedule-slot small{display:block}.ss-schedule-slot strong{color:#f5f8ff!important;-webkit-text-fill-color:#f5f8ff!important}.ss-schedule-slot span{color:#9fb7db!important;-webkit-text-fill-color:#9fb7db!important;font-size:12px}.ss-schedule-slot small{color:#809bc5!important;-webkit-text-fill-color:#809bc5!important}.ss-public-programming-subhead{margin:20px 0 12px}.ss-public-programming-subhead>span{color:#8fe9ff!important;-webkit-text-fill-color:#8fe9ff!important;font-size:10px;letter-spacing:.13em;font-weight:900}.ss-public-programming-subhead h4{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:3px 0}.ss-public-presenter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ss-public-presenter-card{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:14px;border-radius:18px;background:rgba(5,19,46,.7);border:1px solid rgba(107,153,224,.13)}.ss-public-presenter-photo{width:84px;height:84px;border-radius:19px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(36,213,255,.12),rgba(139,92,246,.16));color:#aae9ff;font-size:30px}.ss-public-presenter-photo img{width:100%;height:100%;object-fit:cover}.ss-public-presenter-card h5{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:2px 0}.ss-public-presenter-card span{color:#9fc4ea!important;-webkit-text-fill-color:#9fc4ea!important;font-size:12px}.ss-public-presenter-card p{color:#aebdda!important;-webkit-text-fill-color:#aebdda!important;font-size:12px;margin:7px 0}.ss-presenter-links{display:flex;gap:8px;flex-wrap:wrap}.ss-presenter-links a{color:#9ce9ff!important;-webkit-text-fill-color:#9ce9ff!important;font-size:11px;font-weight:800}.ss-public-podcast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ss-public-podcast-link{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:12px 14px;border-radius:16px;background:rgba(5,19,46,.72);border:1px solid rgba(107,153,224,.13);text-decoration:none!important}.ss-public-podcast-link>i:first-child{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(94,117,255,.12);color:#a8dfff;font-size:20px}.ss-public-podcast-link strong,.ss-public-podcast-link span{display:block}.ss-public-podcast-link strong{color:#f6f9ff!important;-webkit-text-fill-color:#f6f9ff!important}.ss-public-podcast-link span{color:#8fa8ce!important;-webkit-text-fill-color:#8fa8ce!important;font-size:11px}.ss-public-podcast-link>i:last-child{color:#7da4d7}.ss-public-podcast-link:hover{border-color:rgba(36,213,255,.3);transform:translateY(-1px)}
@media(max-width:900px){.ss-programming-hero,.ss-programming-launch-card{align-items:flex-start;flex-direction:column}.ss-programming-status-grid,.ss-programming-fields.four,.ss-programming-fields.three,.ss-public-presenter-grid,.ss-public-podcast-grid{grid-template-columns:1fr}.ss-inline-edit-form{grid-template-columns:1fr 1fr}.ss-programme-manage-card{grid-template-columns:1fr auto}.ss-programme-time{grid-column:1}.ss-presenter-manage-grid{grid-template-columns:1fr}.ss-now-next-grid{grid-template-columns:1fr}.ss-schedule-day{grid-template-columns:1fr}.ss-schedule-slot{grid-template-columns:86px 1fr}}
@media(max-width:560px){.ss-programming-page{padding-top:18px}.ss-programming-panel,.ss-programming-hero{padding:18px}.ss-programming-panel-head,.ss-public-programming-head{flex-direction:column}.ss-timezone-form{align-items:stretch;flex-direction:column}.ss-inline-edit-form{grid-template-columns:1fr}.ss-inline-edit-form textarea{grid-column:auto}.ss-programme-manage-card{grid-template-columns:1fr}.ss-public-presenter-card{grid-template-columns:64px 1fr}.ss-public-presenter-photo{width:64px;height:64px}.ss-schedule-slot{grid-template-columns:1fr}}


/* ==== stations_site/css/experience-v18.css ==== */
/* Station Select v2.1.0 — Broadcaster Toolkit */
.ss-toolkit-page{padding:42px 0 76px;background:radial-gradient(circle at 10% 0%,rgba(36,213,255,.08),transparent 28%),radial-gradient(circle at 90% 4%,rgba(255,77,166,.07),transparent 27%)}
.ss-toolkit-page,.ss-toolkit-page p,.ss-toolkit-page label,.ss-toolkit-page small{color:#aebfdb!important;-webkit-text-fill-color:#aebfdb!important}.ss-toolkit-page h1,.ss-toolkit-page h2,.ss-toolkit-page h3,.ss-toolkit-page h4,.ss-toolkit-page h5,.ss-toolkit-page strong,.ss-toolkit-page b{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ss-toolkit-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:30px;border:1px solid rgba(83,158,255,.22);border-radius:28px;background:linear-gradient(145deg,rgba(8,27,60,.97),rgba(15,25,65,.96));box-shadow:0 22px 70px rgba(0,0,0,.24);margin-bottom:24px}.ss-toolkit-hero h1{font-size:34px;margin:6px 0 8px}.ss-toolkit-hero p{max-width:760px;margin:0}.ss-toolkit-kicker{display:inline-flex;color:#63dff7!important;-webkit-text-fill-color:#63dff7!important;font-size:11px;font-weight:900;letter-spacing:2px}.ss-toolkit-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.ss-toolkit-hero-actions a,.ss-toolkit-btn,.ss-toolkit-actions button,.ss-toolkit-embed-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(96,190,255,.28);background:linear-gradient(135deg,#0f5ed7,#6549e8);color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:12px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer}
.ss-toolkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ss-toolkit-card{padding:22px;border-radius:22px;border:1px solid rgba(91,148,230,.2);background:linear-gradient(180deg,rgba(8,27,59,.97),rgba(7,20,46,.96));box-shadow:0 18px 46px rgba(0,0,0,.16)}.ss-toolkit-wide{grid-column:1/-1}.ss-toolkit-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.ss-toolkit-card-head span{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#72dcf4!important;-webkit-text-fill-color:#72dcf4!important}.ss-toolkit-card-head h3{font-size:21px;margin:4px 0 0}.ss-toolkit-card-head>strong{font-size:34px;color:#70e6ff!important;-webkit-text-fill-color:#70e6ff!important}.ss-toolkit-big-icon{font-size:34px;color:#72dcf4}
.ss-toolkit-meter{height:12px;border-radius:99px;background:#06142e;overflow:hidden;border:1px solid rgba(98,159,235,.18)}.ss-toolkit-meter i{display:block;height:100%;background:linear-gradient(90deg,#24d5ff,#7b6dff,#ff4da6);border-radius:99px}.ss-toolkit-checklist{display:grid;gap:8px;margin:16px 0}.ss-toolkit-checklist>div{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:13px;background:rgba(6,20,46,.72);border:1px solid rgba(93,149,224,.14)}.ss-toolkit-checklist i{font-size:19px}.ss-toolkit-checklist .is-done i{color:#50e3a4}.ss-toolkit-checklist .is-missing i{color:#ffbd5b}.ss-toolkit-checklist span{display:flex;flex-direction:column}.ss-toolkit-checklist small{font-size:11px;margin-top:2px}
.ss-toolkit-health-row{display:grid;grid-template-columns:80px 110px 1fr;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(111,157,215,.12)}.ss-toolkit-health-row>span{color:#91a7c9!important;-webkit-text-fill-color:#91a7c9!important;font-size:12px;font-weight:700}.ss-toolkit-health-row strong{font-size:12px}.ss-toolkit-health-row .state-online,.ss-toolkit-health-row .state-found,.ss-toolkit-health-row .state-legacy{color:#50e3a4!important;-webkit-text-fill-color:#50e3a4!important}.ss-toolkit-health-row .state-offline,.ss-toolkit-health-row .state-missing{color:#ff6b86!important;-webkit-text-fill-color:#ff6b86!important}.ss-toolkit-health-row .state-error{color:#ffbd5b!important;-webkit-text-fill-color:#ffbd5b!important}.ss-toolkit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ss-toolkit-actions form{margin:0}
.ss-toolkit-embed-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ss-toolkit-embed-tabs details{padding:15px;border-radius:16px;border:1px solid rgba(83,158,255,.18);background:#071a3b}.ss-toolkit-embed-tabs summary{cursor:pointer;color:#fff;font-weight:800}.ss-toolkit-embed-tabs textarea,.ss-toolkit-page textarea,.ss-toolkit-page input{width:100%;margin:11px 0;border-radius:11px;border:1px solid rgba(102,162,236,.25);background:#06142d!important;color:#eaf4ff!important;-webkit-text-fill-color:#eaf4ff!important;padding:11px 12px}.ss-toolkit-embed-preview{display:grid;place-items:center;min-height:90px;padding:12px}.ss-toolkit-embed-preview img{max-width:220px;max-height:72px;object-fit:contain}.ss-toolkit-qr{display:grid;place-items:center;padding:12px}.ss-toolkit-qr img{width:min(260px,100%);background:#fff;border-radius:16px;padding:10px}.ss-toolkit-note{display:block;margin-top:10px;color:#8499bc!important;-webkit-text-fill-color:#8499bc!important}
.ss-toolkit-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.ss-toolkit-mini-stats span{display:flex;flex-direction:column;padding:10px;border-radius:12px;background:#071a3b;color:#8499bc!important;-webkit-text-fill-color:#8499bc!important;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.ss-toolkit-mini-stats b{font-size:22px;margin-bottom:2px}.ss-stats-card-preview{width:100%;border-radius:14px;border:1px solid rgba(95,157,238,.2);margin:8px 0 14px}.ss-toolkit-switch-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}.ss-toolkit-switch-row input{width:auto;margin:0}.ss-toolkit-card label{display:block;font-weight:700;color:#dce8fb!important;-webkit-text-fill-color:#dce8fb!important;margin-bottom:10px}.ss-toolkit-alert{padding:12px 15px;border-radius:13px;border:1px solid rgba(68,208,255,.25);background:rgba(26,103,154,.16);color:#d7efff!important;-webkit-text-fill-color:#d7efff!important;margin-bottom:16px}.ss-toolkit-alert.is-error{border-color:rgba(255,94,122,.3);background:rgba(131,23,48,.22);color:#ffd7df!important;-webkit-text-fill-color:#ffd7df!important}
.ss-claim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ss-claim-card{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:16px;border-radius:18px;background:#081b3d;border:1px solid rgba(91,151,229,.2)}.ss-claim-card img{width:90px;height:90px;object-fit:contain;border-radius:14px;background:#06142c}.ss-claim-card h3{margin:0 0 4px}.ss-claim-card p{margin:0 0 8px}.ss-claim-card a,.ss-claim-status{display:inline-flex;font-weight:800;color:#6ee6ff!important;-webkit-text-fill-color:#6ee6ff!important}.ss-claim-form-card{max-width:820px;margin:auto}.ss-maintenance-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(255,188,82,.14);border:1px solid rgba(255,188,82,.32);color:#ffd287!important;-webkit-text-fill-color:#ffd287!important;font-size:11px;font-weight:900;letter-spacing:.6px}.ss-maintenance-public{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,rgba(97,60,10,.62),rgba(49,35,16,.65));border:1px solid rgba(255,190,77,.32)}.ss-maintenance-public-icon{font-size:34px;color:#ffd17c}.ss-maintenance-public span{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#ffd17c}.ss-maintenance-public h3{margin:4px 0;color:#fff}.ss-maintenance-public p{margin:0;color:#f3ddb9}.ss-profile-live-maintenance{border-color:rgba(255,190,77,.3)!important;background:rgba(107,69,10,.18)!important}.ss-profile-live-maintenance .ss-profile-live-dot{background:#ffc45b!important;box-shadow:0 0 0 5px rgba(255,196,91,.12)!important}.ss-claim-public-card h3,.ss-player-maintenance-card h3{color:#fff!important}.ss-claim-public-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;background:linear-gradient(135deg,#1163d8,#7050e7);color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;font-weight:800}.ss-player-maintenance-card{text-align:center;padding:28px}.ss-player-maintenance-card>i{font-size:44px;color:#ffd17c}
.ss-toolkit-launch-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(36,213,255,.24);background:linear-gradient(135deg,rgba(10,42,83,.92),rgba(39,24,91,.84))}.ss-toolkit-launch-card h5{color:#fff!important}.ss-toolkit-launch-card p{color:#aebfdb!important;margin:4px 0 0}
@media(max-width:900px){.ss-toolkit-grid,.ss-claim-grid{grid-template-columns:1fr}.ss-toolkit-wide{grid-column:auto}.ss-toolkit-embed-tabs{grid-template-columns:1fr}.ss-toolkit-hero,.ss-toolkit-launch-card{align-items:flex-start;flex-direction:column}.ss-toolkit-mini-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ss-toolkit-page{padding-top:24px}.ss-toolkit-hero,.ss-toolkit-card{padding:17px}.ss-toolkit-hero h1{font-size:27px}.ss-toolkit-health-row{grid-template-columns:70px 90px 1fr}.ss-claim-card{grid-template-columns:64px 1fr}.ss-claim-card img{width:64px;height:64px}}


/* ==== stations_site/css/pro-ui-v230.css ==== */
/* Station Select v2.3.0 — Search, notifications and station-card builder */
.ss-search-assist-form{position:relative}
.ss-search-assist-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1200;background:#071a39;border:1px solid rgba(83,160,255,.28);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:8px;max-height:430px;overflow:auto;text-align:left}
.ss-search-assist-menu a{display:flex;align-items:center;gap:9px;color:#eef7ff!important;text-decoration:none!important;padding:9px 11px;border-radius:11px;font-size:13px}
.ss-search-assist-menu a:hover{background:rgba(36,213,255,.09)}
.ss-search-assist-menu i{color:#61ddff}.ss-assist-label{padding:9px 11px 3px;color:#8ea9d2;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ss-search-assist-menu .ss-assist-dym{display:block;background:rgba(140,99,255,.1);margin-bottom:4px}.ss-assist-dym small,.ss-assist-dym strong{display:block;color:#dceaff}.ss-assist-dym small{color:#9eb5d9;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.ss-v230-did-you-mean{margin:15px 0;padding:12px 15px;border-radius:14px;background:rgba(36,213,255,.08);border:1px solid rgba(36,213,255,.2);color:#d9e8fb}.ss-v230-did-you-mean a{color:#72e6ff;font-weight:900}
.ss-v230-search-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.ss-v230-search-chips a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#0b2852;border:1px solid rgba(111,166,255,.22);color:#e5efff!important;text-decoration:none}
.ss-v230-card-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.ss-v230-card-controls label{color:#dce9fb!important;font-size:11px;font-weight:800}.ss-v230-card-controls select,.ss-v230-card-controls input{display:block;width:100%;margin-top:5px;background:#071a39;color:#fff;border:1px solid rgba(111,166,255,.24);border-radius:10px;min-height:40px;padding:7px}
.ss-v230-notifications{max-width:1100px;margin:0 auto;padding:30px 15px}.ss-v230-notification{display:grid;grid-template-columns:12px 1fr auto;gap:13px;padding:16px;margin:10px 0;background:linear-gradient(145deg,#0a224a,#071832);border:1px solid rgba(111,166,255,.18);border-radius:18px;color:#eef6ff}.ss-v230-notification.is-unread{border-color:rgba(36,213,255,.42);box-shadow:0 0 0 1px rgba(36,213,255,.08)}.ss-v230-notification .dot{width:9px;height:9px;border-radius:50%;background:#62dfff;margin-top:7px}.ss-v230-notification.is-important .dot{background:#ff718b}.ss-v230-notification.is-attention .dot{background:#ffc75f}.ss-v230-notification h3{margin:0 0 5px;color:#fff!important;font-size:16px}.ss-v230-notification p,.ss-v230-notification small{margin:0;color:#b7c9e4!important}.ss-v230-notification form{margin:0}.ss-v230-notification button,.ss-v230-notification .action{border:1px solid rgba(111,166,255,.25);background:#0d2a57;color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}
.ss-v230-notification-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}.ss-v230-notification-toolbar form{display:flex;gap:8px;flex-wrap:wrap}.ss-v230-notification-toolbar select,.ss-v230-notification-toolbar button{background:#091e42;color:#fff;border:1px solid rgba(111,166,255,.23);border-radius:10px;padding:8px 10px}
@media(max-width:700px){.ss-v230-card-controls{grid-template-columns:1fr}.ss-v230-notification{grid-template-columns:10px 1fr}.ss-v230-notification>form{grid-column:2}}


/* ==== stations_site/css/pro-ui-v240.css ==== */
/* Station Select v2.4.0 public/client accessibility + support */
.ss-v240-support{color:#f7faff}.ss-v240-grid{display:grid;gap:16px}.ss-v240-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-v240-panel{padding:20px;border-radius:20px;border:1px solid rgba(115,166,255,.18);background:linear-gradient(180deg,rgba(9,29,64,.94),rgba(5,18,43,.97));margin-bottom:14px}.ss-v240-panel h2,.ss-v240-panel h3,.ss-v240-panel p,.ss-v240-panel label{color:#f7faff}.ss-v240-form{display:grid;gap:11px}.ss-v240-form label{display:grid;gap:5px}.ss-v240-form input,.ss-v240-form select,.ss-v240-form textarea,.ss-v240-filter select{width:100%;background:#05152f;color:#fff;border:1px solid rgba(119,169,255,.25);border-radius:10px;padding:10px}.ss-v240-form option{background:#061631}.ss-v240-form button,.ss-v240-filter button,.ss-v240-secondary{border:1px solid rgba(85,168,255,.25);background:#164077;color:#fff;border-radius:10px;padding:10px 13px;font-weight:800}.ss-v240-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(112,162,255,.14);border-radius:14px;margin:8px 0;color:#fff!important;text-decoration:none;background:rgba(4,18,44,.58)}.ss-v240-ticket-row small{display:block;color:#9eb5d6}.ss-v240-status{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(119,154,207,.15);font-size:10px;font-weight:900;text-transform:uppercase;color:#deebff}.ss-v240-status.is-open,.ss-v240-status.is-waiting_owner{color:#91efcb;background:rgba(61,224,160,.1)}.ss-v240-status.is-waiting_admin{color:#ffdd93;background:rgba(255,200,91,.1)}.ss-v240-status.is-closed{color:#ffb1c0;background:rgba(255,110,140,.1)}.ss-v240-message{padding:14px;border:1px solid rgba(114,165,255,.14);border-radius:15px;margin:9px 0;background:#061730}.ss-v240-message>div{display:flex;justify-content:space-between}.ss-v240-message small{color:#93aaca}.ss-v240-message.is-admin{border-left:3px solid #25d8ff}.ss-v240-message.is-owner{border-left:3px solid #936dff}.ss-skip-link{position:fixed;top:-70px;left:10px;z-index:100000;background:#fff;color:#00122c!important;padding:10px 14px;border-radius:8px;font-weight:900}.ss-skip-link:focus{top:10px}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #62e4ff!important;outline-offset:3px!important}
html[data-ss-contrast="high"] body{background:#001127!important;color:#fff!important}html[data-ss-contrast="high"] .ss-v240-panel,html[data-ss-contrast="high"] .ss-page-hero{background:#00152f!important;border-color:#8de5ff!important}html[data-ss-contrast="high"] p,html[data-ss-contrast="high"] small{color:#e4f3ff!important}html[data-ss-contrast="high"] input,html[data-ss-contrast="high"] select,html[data-ss-contrast="high"] textarea{background:#000d20!important;color:#fff!important;border-color:#9eeaff!important}
@media(prefers-reduced-motion:reduce){html:not([data-ss-motion="full"]) *,html:not([data-ss-motion="full"]) *::before,html:not([data-ss-motion="full"]) *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html[data-ss-motion="reduced"] *,html[data-ss-motion="reduced"] *::before,html[data-ss-motion="reduced"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(max-width:760px){.ss-v240-grid.two{grid-template-columns:1fr}.ss-v240-ticket-row{align-items:flex-start;flex-direction:column}}
.ss-v240-footer-a11y{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.ss-v240-footer-a11y label{display:grid;gap:3px;color:#dce9fb;font-size:11px}.ss-v240-footer-a11y select{background:#071831;color:#fff;border:1px solid rgba(126,174,255,.25);border-radius:8px;padding:6px 8px}


/* ==== stations_site/css/pro-ui-v250.css ==== */
/* Station Select v2.5.0 — Voice, Social Rooms & Owner Developer Access */
:root{--ss250-bg:#061229;--ss250-panel:#0a1d40;--ss250-panel2:#102956;--ss250-line:rgba(128,178,255,.22);--ss250-text:#f7fbff;--ss250-muted:#b8cae6;--ss250-cyan:#2ad8ff;--ss250-purple:#9c76ff;--ss250-pink:#ff6eae;--ss250-good:#48e3aa;--ss250-warn:#ffd16f;--ss250-danger:#ff7397}
.ss-v250-hero,.ss-v250-panel,.ss-v250-api-card,.ss-v250-key-card,.ss-v250-room-player,.ss-v250-chat,.ss-v250-secret,.ss-v250-room-embed{color:var(--ss250-text)!important}.ss-v250-panel h1,.ss-v250-panel h2,.ss-v250-panel h3,.ss-v250-panel h4,.ss-v250-panel label,.ss-v250-room-page h1,.ss-v250-room-page h2,.ss-v250-room-page h3,.ss-v250-developer h1,.ss-v250-developer h2,.ss-v250-developer h3{color:var(--ss250-text)!important}.ss-v250-panel p,.ss-v250-panel small,.ss-v250-muted,.ss-v250-room-page p,.ss-v250-room-page small,.ss-v250-developer p,.ss-v250-developer small{color:var(--ss250-muted)!important}
.ss-v250-hero{background:radial-gradient(circle at 90% 0,rgba(156,118,255,.22),transparent 38%),linear-gradient(135deg,#081a39,#0b2450);border:1px solid var(--ss250-line);border-radius:26px;padding:28px;margin-bottom:18px}.ss-v250-panel{background:linear-gradient(180deg,rgba(13,37,79,.96),rgba(7,23,51,.97));border:1px solid var(--ss250-line);border-radius:22px;padding:22px;margin:16px 0;box-shadow:0 18px 45px rgba(0,0,0,.14)}.ss-v250-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.ss-v250-panel-head>div>span,.ss-v250-key-head span,.ss-v250-api-card>div>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#9ec3ff!important}.ss-v250-panel-head h2,.ss-v250-panel-head h3{margin:2px 0}.ss-v250-panel-head a,.ss-v250-room-links a,.ss-v250-room-links button,.ss-v250-panel button,.ss-v250-panel a[href*="support"],.ss-v250-key-actions button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ss250-cyan),#6c7cff);color:#041124!important;border:0;border-radius:12px;padding:10px 14px;font-weight:900;text-decoration:none;cursor:pointer}.ss-v250-grid{display:grid;gap:14px}.ss-v250-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-v250-form{background:rgba(3,13,34,.35);border:1px solid rgba(128,178,255,.14);border-radius:17px;padding:16px}.ss-v250-form h3{margin-top:0}.ss-v250-form label,.ss-v250-admin label{display:grid;gap:6px;margin:9px 0;font-weight:800}.ss-v250-form input,.ss-v250-form select,.ss-v250-form textarea,.ss-v250-inline input,.ss-v250-chat-form input{width:100%;background:#07172f!important;color:#fff!important;border:1px solid rgba(151,190,255,.27)!important;border-radius:11px;padding:10px 11px;outline:none}.ss-v250-form input:focus,.ss-v250-inline input:focus,.ss-v250-chat-form input:focus{border-color:var(--ss250-cyan)!important;box-shadow:0 0 0 3px rgba(42,216,255,.12)}.ss-v250-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important}.ss-v250-check input{width:auto!important}.ss-v250-form button:disabled{opacity:.45;cursor:not-allowed}.ss-v250-danger{background:rgba(255,115,151,.12)!important;color:#ffd4df!important;border:1px solid rgba(255,115,151,.35)!important}.ss-v250-inline{display:flex;gap:10px;align-items:center}.ss-v250-inline input{max-width:460px}.ss-v250-moderators{margin-top:16px;padding-top:14px;border-top:1px solid var(--ss250-line)}.ss-v250-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ss-v250-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(42,216,255,.08);border:1px solid rgba(42,216,255,.18);border-radius:99px;padding:6px 10px;color:#e8faff}.ss-v250-chip form{display:inline}.ss-v250-chip button{padding:0!important;background:transparent!important;color:#fff!important}.ss-v250-room-manage{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:15px;align-items:start;border-top:1px solid rgba(128,178,255,.12);padding:17px 0}.ss-v250-room-manage:first-of-type{border-top:0}.ss-v250-room-links{display:flex;gap:7px;flex-wrap:wrap}.ss-v250-room-edit{grid-column:1/-1;display:grid;grid-template-columns:2fr auto auto 100px 190px auto;align-items:end;gap:8px}.ss-v250-status{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:950;letter-spacing:.08em}.ss-v250-status.is-active{background:rgba(72,227,170,.12);color:#a8f3d5!important;border:1px solid rgba(72,227,170,.3)}.ss-v250-status.is-suspended{background:rgba(255,115,151,.12);color:#ffd0dc!important;border:1px solid rgba(255,115,151,.3)}.ss-v250-status.is-closed{background:rgba(177,194,222,.1);color:#d6e1f2!important;border:1px solid rgba(177,194,222,.22)}
/* Car Mode */
.ss-v250-car-shell{min-height:calc(100vh - 180px);max-width:1100px;margin:auto}.ss-v250-car{background:radial-gradient(circle at 50% 0,rgba(42,216,255,.13),transparent 38%),#06142d;border:1px solid var(--ss250-line);border-radius:30px;padding:clamp(18px,4vw,38px);color:#fff!important}.ss-v250-car-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ss-v250-car-top span{font-weight:950;letter-spacing:.15em;font-size:11px;color:#a8eefe}.ss-v250-car-live{padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.06)}.ss-v250-car-now{display:grid;grid-template-columns:minmax(180px,330px) 1fr;gap:28px;align-items:center;margin:28px 0}.ss-v250-car-art{aspect-ratio:1;border-radius:30px;background:linear-gradient(135deg,#102b5c,#251758);border:1px solid var(--ss250-line);overflow:hidden;display:grid;place-items:center;font-size:80px}.ss-v250-car-art img{width:100%;height:100%;object-fit:contain;background:#fff}.ss-v250-car-meta h1{font-size:clamp(34px,6vw,68px);line-height:1;margin:8px 0;color:#fff!important}.ss-v250-car-meta h2{font-size:clamp(19px,3vw,30px);color:#b9cdf0!important}.ss-v250-car-meta p{font-size:16px;color:#9fb7dc!important}.ss-v250-car-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ss-v250-car-controls button,.ss-v250-car-search button{min-height:82px;border-radius:20px;border:1px solid rgba(137,186,255,.24);background:#0b2350;color:#fff;font-weight:950;font-size:15px}.ss-v250-car-controls button.primary{background:linear-gradient(135deg,var(--ss250-cyan),#756cff);color:#051126;font-size:20px}.ss-v250-car-controls button.voice.is-listening{box-shadow:0 0 0 4px rgba(255,110,174,.16),0 0 34px rgba(255,110,174,.25);border-color:var(--ss250-pink)}.ss-v250-car-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.ss-v250-car-search input{background:#07172f;color:#fff;border:1px solid var(--ss250-line);border-radius:16px;padding:16px;font-size:18px}.ss-v250-car-voice-status{min-height:26px;margin:12px 2px;color:#b7c9e5}.ss-v250-car-commands{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.ss-v250-car-commands span{padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.05);color:#c7d7ee;font-size:11px}
/* Room */
.ss-v250-room-page{max-width:1180px;margin:auto;color:#fff}.ss-v250-room-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#091d40,#18275e);border:1px solid var(--ss250-line);border-radius:25px;padding:22px;margin-bottom:15px}.ss-v250-room-hero span{font-size:10px;letter-spacing:.14em;color:#a5e9ff;font-weight:900}.ss-v250-room-hero h1{margin:4px 0}.ss-v250-presence{min-width:118px;text-align:center;background:rgba(0,0,0,.2);border:1px solid var(--ss250-line);border-radius:18px;padding:13px}.ss-v250-presence strong{display:block;font-size:30px;color:#fff}.ss-v250-room-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:15px}.ss-v250-room-player,.ss-v250-chat{background:#091c3c;border:1px solid var(--ss250-line);border-radius:22px;padding:20px}.ss-v250-room-art{aspect-ratio:1;max-height:330px;border-radius:22px;background:#102a55;overflow:hidden;display:grid;place-items:center;font-size:70px}.ss-v250-room-art img{width:100%;height:100%;object-fit:contain;background:#fff}.ss-v250-room-player>[data-room-play]{width:100%;min-height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--ss250-cyan),#7c6dff);font-weight:950;color:#041124}.ss-v250-room-player>a,.ss-v250-login-chat,.ss-v250-embed-chat{display:block;text-align:center;color:#baf4ff!important;margin:10px 0}.ss-v250-reactions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.ss-v250-reactions button,.ss-v250-reactions>span{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.05);border:1px solid rgba(128,178,255,.16);border-radius:99px;padding:7px 10px;color:#fff}.ss-v250-reactions button:disabled{opacity:.55}.ss-v250-chat-head{display:flex;justify-content:space-between;gap:10px}.ss-v250-mod-badge{padding:6px 9px;border-radius:99px;background:rgba(156,118,255,.14);border:1px solid rgba(156,118,255,.3);font-size:9px;font-weight:950}.ss-v250-messages{height:440px;overflow:auto;background:#06142c;border:1px solid rgba(128,178,255,.15);border-radius:16px;padding:10px}.ss-v250-msg{padding:10px;border-bottom:1px solid rgba(128,178,255,.1)}.ss-v250-msg:last-child{border-bottom:0}.ss-v250-msg-head{display:flex;justify-content:space-between;gap:8px}.ss-v250-msg strong{color:#fff}.ss-v250-msg time{color:#8ba4c9;font-size:11px}.ss-v250-msg p{margin:4px 0;color:#d8e5f7!important;overflow-wrap:anywhere}.ss-v250-msg-actions{display:flex;gap:6px}.ss-v250-msg-actions button{border:0;background:transparent;color:#9edfff;font-size:11px;padding:2px}.ss-v250-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.ss-v250-chat-form button{border:0;border-radius:11px;padding:0 16px;background:var(--ss250-cyan);color:#041124;font-weight:950}.ss-v250-room-feedback{min-height:22px;color:#ffd18e;padding-top:5px;font-size:12px}
/* Developer */
.ss-v250-secret{background:linear-gradient(135deg,#102851,#2c185c);border:1px solid rgba(156,118,255,.35);border-radius:19px;padding:18px;margin:14px 0}.ss-v250-secret code{display:block;padding:12px;background:#030b18;color:#bdf6ff;border-radius:10px;overflow-wrap:anywhere;margin:10px 0}.ss-v250-api-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ss-v250-api-card{background:#081a38;border:1px solid var(--ss250-line);border-radius:16px;padding:14px}.ss-v250-api-card.is-unavailable{opacity:.7}.ss-v250-key-card{background:#081a38;border:1px solid var(--ss250-line);border-radius:18px;padding:17px;margin:11px 0}.ss-v250-key-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.ss-v250-key-head h3{margin:4px 0}.ss-v250-key-head code{color:#bceeff}.ss-v250-key-head>div:last-child{text-align:right}.ss-v250-key-head>div:last-child strong{display:block;font-size:24px}.ss-v250-key-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.ss-v250-key-meta span{background:rgba(255,255,255,.035);border-radius:11px;padding:10px;color:#cbd9ed}.ss-v250-key-meta b{display:block;color:#91abd0;font-size:10px;text-transform:uppercase}.ss-v250-key-actions{display:flex;gap:8px;margin-top:12px}.ss-v250-panel pre{background:#030b18;color:#c5f3ff;border:1px solid rgba(128,178,255,.14);padding:14px;border-radius:12px;overflow:auto}
/* Embed */
.ss-v250-embed-body{margin:0;background:transparent;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ss-v250-room-embed{min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(156,118,255,.2),transparent 36%),#07162f;border-radius:18px;padding:17px}.ss-v250-embed-top{display:grid;grid-template-columns:64px 1fr auto;gap:11px;align-items:center}.ss-v250-embed-top>div{width:64px;height:64px;border-radius:15px;background:#fff;overflow:hidden}.ss-v250-embed-top img{width:100%;height:100%;object-fit:contain}.ss-v250-embed-top span{display:grid}.ss-v250-embed-top small{color:#8eb8e8;font-size:8px;font-weight:900}.ss-v250-embed-top strong{color:#fff;font-size:18px}.ss-v250-embed-top em{font-style:normal;color:#bdd0e9;font-size:12px}.ss-v250-embed-top>b{color:#8ff1c9}.ss-v250-embed-play{width:100%;border:0;border-radius:13px;background:linear-gradient(135deg,var(--ss250-cyan),#7e6fff);padding:13px;color:#041124;font-weight:950;margin:14px 0 8px}.ss-v250-reactions.compact{justify-content:center}.ss-v250-reactions.compact>span{font-size:12px}.ss-v250-embed-chat{font-size:12px;margin-bottom:0}
@media(max-width:900px){.ss-v250-grid.two,.ss-v250-room-layout,.ss-v250-car-now,.ss-v250-api-grid,.ss-v250-key-meta{grid-template-columns:1fr}.ss-v250-room-edit{grid-template-columns:1fr 1fr}.ss-v250-car-controls{grid-template-columns:repeat(2,1fr)}.ss-v250-car-controls .primary{grid-column:span 2}.ss-v250-messages{height:360px}}
@media(max-width:560px){.ss-v250-panel,.ss-v250-car{border-radius:18px;padding:15px}.ss-v250-panel-head,.ss-v250-room-hero,.ss-v250-key-head{display:block}.ss-v250-room-links,.ss-v250-key-actions,.ss-v250-inline{align-items:stretch;flex-direction:column}.ss-v250-room-edit{grid-template-columns:1fr}.ss-v250-car-controls{grid-template-columns:1fr}.ss-v250-car-controls .primary{grid-column:auto}.ss-v250-car-controls button{min-height:68px}.ss-v250-car-search{grid-template-columns:1fr}.ss-v250-embed-top{grid-template-columns:52px 1fr}.ss-v250-embed-top>div{width:52px;height:52px}.ss-v250-embed-top>b{grid-column:2}}
@media(prefers-reduced-motion:reduce){.ss-v250-car *, .ss-v250-room-page *, .ss-v250-room-embed *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.ss-v250-lock-note{background:rgba(255,115,151,.09);border:1px solid rgba(255,115,151,.25);color:#ffd6df!important;border-radius:11px;padding:10px;margin:9px 0;font-size:12px}


/* ==== stations_site/css/quick-launch-v250-inline.css ==== */
.ss-v250-quick-launch{position:fixed;right:18px;bottom:92px;z-index:1045;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:min(92vw,650px)}.ss-v250-quick-launch a{background:#081a39!important;color:#eaf8ff!important;border:1px solid rgba(108,192,255,.28);border-radius:99px;padding:8px 11px;font-size:11px;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2)}@media(max-width:600px){.ss-v250-quick-launch{right:10px;bottom:86px}.ss-v250-quick-launch a{padding:7px 9px;font-size:10px}}


/* ==== stations_site/css/pro-ui-v250a.css ==== */
/* Station Select v2.5.0a — floating quick-tool collision hotfix.
   Install/PWA and v2.5 tools now share one dock instead of competing for
   independent fixed bottom/right coordinates. */
.ss-v250-tool-dock{
    position:fixed!important;
    right:18px!important;
    bottom:94px!important;
    left:auto!important;
    z-index:1045!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:auto!important;
    max-width:min(720px,calc(100vw - 36px))!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none;
}

/* Neutralise the legacy PWA fixed position and the original v2.5 fixed
   quick-launch position only while they are inside the shared dock. */
.ss-v250-tool-dock .ss-pwa-install,
.ss-v250-tool-dock .ss-v250-quick-launch{
    position:static!important;
    inset:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0!important;
    max-width:none!important;
    z-index:auto!important;
}

.ss-v250-tool-dock .ss-pwa-install[hidden]{
    display:none!important;
}

.ss-v250-tool-dock .ss-pwa-install:not([hidden]){
    display:inline-flex!important;
}

.ss-v250-tool-dock .ss-v250-quick-launch{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    pointer-events:auto;
}

.ss-v250-tool-dock .ss-v250-tool-action,
.ss-v250-tool-dock .ss-v250-quick-launch a{
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
    padding:9px 14px!important;
    margin:0!important;
    border:1px solid rgba(108,192,255,.30)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#081a39,#0b2550)!important;
    color:#edfaff!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:0 9px 26px rgba(0,0,0,.24)!important;
    vertical-align:middle!important;
    pointer-events:auto;
}

.ss-v250-tool-dock .ss-pwa-install:not([hidden]){
    appearance:none!important;
    -webkit-appearance:none!important;
    cursor:pointer!important;
}

.ss-v250-tool-dock .ss-v250-tool-action i,
.ss-v250-tool-dock .ss-v250-tool-action>span:first-child,
.ss-v250-tool-dock .ss-v250-quick-launch a>span:first-child{
    flex:0 0 auto!important;
    line-height:1!important;
}

.ss-v250-tool-dock .ss-v250-tool-action:hover,
.ss-v250-tool-dock .ss-v250-tool-action:focus-visible,
.ss-v250-tool-dock .ss-v250-quick-launch a:hover,
.ss-v250-tool-dock .ss-v250-quick-launch a:focus-visible{
    border-color:rgba(42,216,255,.64)!important;
    background:linear-gradient(135deg,#0a2249,#13326b)!important;
    color:#fff!important;
    text-decoration:none!important;
}

.ss-v250-tool-dock .ss-v250-tool-action:focus-visible,
.ss-v250-tool-dock .ss-v250-quick-launch a:focus-visible{
    outline:3px solid rgba(42,216,255,.30)!important;
    outline-offset:3px!important;
}

/* The feedback launcher remains at bottom:20px. Keep a clean vertical lane
   above it and allow tools to wrap instead of colliding on narrow screens. */
@media(max-width:700px){
    .ss-v250-tool-dock{
        right:12px!important;
        bottom:92px!important;
        max-width:calc(100vw - 24px)!important;
        gap:8px!important;
    }
    .ss-v250-tool-dock .ss-v250-quick-launch{
        gap:8px!important;
    }
    .ss-v250-tool-dock .ss-v250-tool-action,
    .ss-v250-tool-dock .ss-v250-quick-launch a{
        min-height:40px!important;
        padding:8px 12px!important;
        font-size:10.5px!important;
    }
}

@media(max-width:420px){
    .ss-v250-tool-dock{
        right:10px!important;
        left:10px!important;
        bottom:92px!important;
        max-width:none!important;
        justify-content:flex-end!important;
    }
    .ss-v250-tool-dock .ss-v250-quick-launch{
        max-width:100%!important;
    }
    .ss-v250-tool-dock .ss-v250-tool-action,
    .ss-v250-tool-dock .ss-v250-quick-launch a{
        padding:8px 11px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .ss-v250-tool-dock *,
    .ss-v250-tool-dock *::before,
    .ss-v250-tool-dock *::after{
        animation:none!important;
        transition:none!important;
    }
}


/* ==== stations_site/css/pro-ui-v250b.css ==== */
/* Station Select v2.5.0b — Listen Together UX & Permissions cleanup */
:root{--ss250b-bg:#06112a;--ss250b-panel:#0a1d40;--ss250b-panel2:#0d244d;--ss250b-line:rgba(118,190,255,.18);--ss250b-text:#f7fbff;--ss250b-muted:#a9bddb;--ss250b-cyan:#27d9ff;--ss250b-purple:#8b6dff;--ss250b-pink:#ff69b5;--ss250b-green:#3de0a3;--ss250b-danger:#ff6d8d;--ss250b-warn:#ffc968}

/* Room page */
.ss-v250b-room-page{width:min(1460px,calc(100% - 28px));margin:26px auto 60px;color:var(--ss250b-text)}
.ss-v250b-room-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--ss250b-line);border-radius:24px;background:linear-gradient(135deg,rgba(10,29,64,.98),rgba(13,36,77,.94));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.ss-v250b-room-brand{display:flex;align-items:center;gap:16px;min-width:0}.ss-v250b-room-logo{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12);flex:0 0 auto}.ss-v250b-room-logo img{width:100%;height:100%;object-fit:contain}.ss-v250b-room-logo i{font-size:32px;color:#55739b}.ss-v250b-kicker{display:inline-flex;align-items:center;gap:7px;color:#aef4ff;font-size:10px;font-weight:950;letter-spacing:.11em}.ss-v250b-room-brand h1{margin:3px 0 2px;color:#fff;font-size:clamp(25px,4vw,38px);line-height:1.05}.ss-v250b-room-brand p{margin:0;color:var(--ss250b-muted)}
.ss-v250b-room-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.ss-v250b-room-hero-actions>a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;border:1px solid var(--ss250b-line);color:#e8f5ff!important;text-decoration:none!important;background:rgba(255,255,255,.035);font-weight:850;font-size:12px}.ss-v250b-room-hero-actions>a.is-staff{border-color:rgba(255,201,104,.27);background:rgba(255,201,104,.08);color:#ffe7ae!important}.ss-v250b-live-count{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;background:rgba(61,224,163,.08);border:1px solid rgba(61,224,163,.2);color:#baf5dd}.ss-v250b-live-count strong{font-size:17px}.ss-v250b-live-count span{font-size:11px;font-weight:850}
.ss-v250b-staff-banner,.ss-v250b-owner-banner,.ss-v250b-mod-banner{margin-top:12px;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;border:1px solid var(--ss250b-line);background:rgba(10,29,64,.88)}.ss-v250b-staff-banner>i,.ss-v250b-owner-banner>i,.ss-v250b-mod-banner>i{font-size:23px}.ss-v250b-staff-banner{border-color:rgba(255,201,104,.22);background:rgba(255,201,104,.065)}.ss-v250b-staff-banner>i{color:var(--ss250b-warn)}.ss-v250b-owner-banner{border-color:rgba(139,109,255,.25);background:rgba(139,109,255,.07)}.ss-v250b-owner-banner>i{color:#b9a9ff}.ss-v250b-mod-banner{border-color:rgba(39,217,255,.21);background:rgba(39,217,255,.06)}.ss-v250b-mod-banner>i{color:var(--ss250b-cyan)}.ss-v250b-staff-banner div,.ss-v250b-owner-banner div,.ss-v250b-mod-banner div{display:grid;gap:1px}.ss-v250b-staff-banner strong,.ss-v250b-owner-banner strong,.ss-v250b-mod-banner strong{color:#fff}.ss-v250b-staff-banner span,.ss-v250b-owner-banner span,.ss-v250b-mod-banner span{color:var(--ss250b-muted);font-size:12px}.ss-v250b-owner-banner>a{margin-left:auto;color:#d9d0ff!important;font-weight:900;text-decoration:none!important}
.ss-v250b-room-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(230px,300px);gap:14px;margin-top:14px;align-items:stretch}.ss-v250b-room-side,.ss-v250b-chat-card,.ss-v250b-people-card{border:1px solid var(--ss250b-line);border-radius:22px;background:linear-gradient(180deg,rgba(10,29,64,.97),rgba(6,17,42,.99));overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.16)}
.ss-v250b-now-card{padding:18px}.ss-v250b-now-art{height:180px;border-radius:18px;background:#fff;overflow:hidden;display:grid;place-items:center;margin-bottom:15px}.ss-v250b-now-art img{width:100%;height:100%;object-fit:contain}.ss-v250b-now-art i{font-size:54px;color:#5d7393}.ss-v250b-now-card>span{font-size:9px;font-weight:950;letter-spacing:.12em;color:#8fa8cf}.ss-v250b-now-card h2{color:#fff;margin:4px 0 5px;font-size:21px}.ss-v250b-now-card p{color:var(--ss250b-muted);font-size:12px}.ss-v250b-play{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:14px!important;padding:13px 14px!important;background:linear-gradient(90deg,var(--ss250b-cyan),#6c7dff)!important;color:#041126!important;font-weight:950!important;box-shadow:0 12px 26px rgba(39,217,255,.14)}.ss-v250b-reactions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.ss-v250b-reactions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border:1px solid var(--ss250b-line)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#fff!important}.ss-v250b-reactions button:disabled{opacity:.45}.ss-v250b-reactions b{font-size:10px}.ss-v250b-hint{display:block;margin-top:10px;color:var(--ss250b-muted);text-align:center}.ss-v250b-hint a{color:#aef4ff!important}
.ss-v250b-chat-card{min-height:610px;display:flex;flex-direction:column}.ss-v250b-chat-head,.ss-v250b-people-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--ss250b-line);background:rgba(255,255,255,.02)}.ss-v250b-chat-head span,.ss-v250b-people-card>header span{display:block;color:#8fa8cf;font-size:9px;font-weight:950;letter-spacing:.12em}.ss-v250b-chat-head h2,.ss-v250b-people-card>header h2{margin:2px 0 0;color:#fff;font-size:18px}.ss-v250b-chat-head>b{font-size:10px;border-radius:99px;padding:6px 9px}.ss-v250b-chat-head>b.is-online{color:#aaf3d5;background:rgba(61,224,163,.08);border:1px solid rgba(61,224,163,.2)}.ss-v250b-chat-head>b.is-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ss250b-green);margin-right:4px}.ss-v250b-chat-head>b.is-offline{color:#ffb4c5;background:rgba(255,109,141,.08);border:1px solid rgba(255,109,141,.2)}
.ss-v250b-message-list{flex:1;min-height:390px;max-height:560px;overflow:auto;padding:15px 16px;scrollbar-width:thin}.ss-v250b-chat-welcome{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:rgba(39,217,255,.055);border:1px solid rgba(39,217,255,.13);margin-bottom:12px}.ss-v250b-chat-welcome>i{font-size:22px;color:var(--ss250b-cyan)}.ss-v250b-chat-welcome div{display:grid}.ss-v250b-chat-welcome strong{color:#fff}.ss-v250b-chat-welcome span{color:var(--ss250b-muted);font-size:11px}.ss-v250b-msg{padding:10px 12px;margin:8px 0;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(118,190,255,.09)}.ss-v250b-msg.is-owner{border-color:rgba(139,109,255,.22);background:rgba(139,109,255,.065)}.ss-v250b-msg.is-moderator{border-color:rgba(39,217,255,.18);background:rgba(39,217,255,.045)}.ss-v250b-msg.is-staff{border-color:rgba(255,201,104,.23);background:rgba(255,201,104,.06)}.ss-v250b-msg-head{display:flex;align-items:center;gap:7px;min-width:0}.ss-v250b-msg-head strong{color:#f7fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-v250b-role{display:inline-flex;align-items:center;padding:3px 6px;border-radius:99px;font-size:8px;font-weight:950;letter-spacing:.05em;border:1px solid var(--ss250b-line);color:#c9dcf7}.ss-v250b-role.is-owner{color:#d8ceff;border-color:rgba(139,109,255,.28);background:rgba(139,109,255,.08)}.ss-v250b-role.is-moderator{color:#b7f3ff;border-color:rgba(39,217,255,.24);background:rgba(39,217,255,.06)}.ss-v250b-role.is-staff{color:#ffe2a0;border-color:rgba(255,201,104,.25);background:rgba(255,201,104,.07)}.ss-v250b-msg-head time{margin-left:auto;color:#7893bb;font-size:10px}.ss-v250b-msg p{margin:5px 0 0;color:#dce7f7;white-space:pre-wrap;word-break:break-word}.ss-v250b-msg-actions{display:flex;gap:6px;margin-top:7px}.ss-v250b-msg-actions button{border:0!important;background:transparent!important;color:#87a6d0!important;padding:2px 4px!important;font-size:10px!important}.ss-v250b-msg-actions button:hover{color:#fff!important}.ss-v250b-composer{display:grid;grid-template-columns:1fr 48px;gap:8px;padding:12px;border-top:1px solid var(--ss250b-line);background:rgba(3,10,26,.7)}.ss-v250b-composer input{height:48px;border-radius:14px!important;border:1px solid var(--ss250b-line)!important;background:#071735!important;color:#fff!important;padding:0 14px!important}.ss-v250b-composer input::placeholder{color:#7f98bd}.ss-v250b-composer button{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--ss250b-cyan),var(--ss250b-purple))!important;color:#06112a!important;font-size:20px!important}.ss-v250b-feedback{min-height:20px;padding:0 14px 9px;color:#ffc7d4}.ss-v250b-chat-signin{margin:auto;max-width:430px;padding:36px 24px;text-align:center}.ss-v250b-chat-signin>i{font-size:38px;color:#8ba9d1}.ss-v250b-chat-signin h3{color:#fff;margin:8px 0 5px}.ss-v250b-chat-signin p{color:var(--ss250b-muted)}.ss-v250b-chat-signin a{display:inline-flex;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,var(--ss250b-cyan),var(--ss250b-purple));color:#06112a!important;font-weight:950;text-decoration:none!important}
.ss-v250b-people-card{min-height:610px;display:flex;flex-direction:column}.ss-v250b-people-card>header>b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:11px;color:#bdf7e0;background:rgba(61,224,163,.08);border:1px solid rgba(61,224,163,.18)}.ss-v250b-member-list{padding:10px;display:grid;gap:7px;overflow:auto;max-height:530px}.ss-v250b-member-loading{padding:18px;color:var(--ss250b-muted);text-align:center}.ss-v250b-member{display:flex;align-items:flex-start;gap:9px;padding:9px;border-radius:14px;border:1px solid rgba(118,190,255,.1);background:rgba(255,255,255,.025)}.ss-v250b-member-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(39,217,255,.16),rgba(139,109,255,.2));color:#fff;font-weight:950;flex:0 0 auto}.ss-v250b-member-main{min-width:0;flex:1}.ss-v250b-member-name{display:flex;align-items:center;gap:5px;min-width:0}.ss-v250b-member-name strong{color:#f7fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.ss-v250b-member-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.ss-v250b-member-actions button{padding:3px 6px!important;border-radius:7px!important;border:1px solid var(--ss250b-line)!important;background:rgba(255,255,255,.03)!important;color:#bcd0eb!important;font-size:9px!important}.ss-v250b-member-actions button[data-action=ban]{color:#ffc0cd!important;border-color:rgba(255,109,141,.2)!important}.ss-v250b-moderator-tip{margin:auto 10px 10px;display:flex;gap:8px;padding:10px;border-radius:12px;background:rgba(39,217,255,.045);border:1px solid rgba(39,217,255,.11);color:#9fb6d7;font-size:10px}.ss-v250b-moderator-tip i{color:var(--ss250b-cyan);font-size:16px}

/* Owner hub */
.ss-v250b-owner-hub{padding-bottom:60px}.ss-v250b-owner-hero{margin-bottom:16px}.ss-v250b-owner-stat{min-width:145px;text-align:center;padding:14px;border-radius:18px;border:1px solid var(--ss250b-line);background:rgba(255,255,255,.035)}.ss-v250b-owner-stat strong{display:block;font-size:28px;color:#fff}.ss-v250b-owner-stat span{color:var(--ss250b-muted);font-size:11px}.ss-v250b-station-chat-card{margin:16px 0;padding:0;border-radius:23px;overflow:hidden;border:1px solid var(--ss250b-line);background:linear-gradient(180deg,rgba(10,29,64,.97),rgba(6,17,42,.99));color:var(--ss250b-text)}.ss-v250b-station-chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--ss250b-line);background:rgba(255,255,255,.025)}.ss-v250b-station-ident{display:flex;gap:11px;align-items:center}.ss-v250b-station-ident>div{width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.ss-v250b-station-ident>div img{width:100%;height:100%;object-fit:contain}.ss-v250b-station-ident>span{display:grid}.ss-v250b-station-ident small{color:#7f99c0;font-size:9px;font-weight:900;letter-spacing:.1em}.ss-v250b-station-ident strong{color:#fff;font-size:18px}.ss-v250b-station-ident em{font-style:normal;color:#b5c9e4;font-size:11px}.ss-v250b-station-ident em i{color:#9f8cff}.ss-v250b-station-chat-head>a{color:#bdeefa!important;font-weight:850;text-decoration:none!important}.ss-v250b-station-chat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.ss-v250b-chat-toggle-panel,.ss-v250b-room-state-panel{padding:19px}.ss-v250b-chat-toggle-panel{border-right:1px solid var(--ss250b-line)}.ss-v250b-block-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.ss-v250b-block-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(39,217,255,.16),rgba(139,109,255,.22));color:#fff;font-weight:950}.ss-v250b-block-title h3{margin:0;color:#fff;font-size:17px}.ss-v250b-block-title p{margin:2px 0 0;color:var(--ss250b-muted);font-size:11px}.ss-v250b-clean-form{display:grid;gap:9px}.ss-v250b-switch-row{display:flex!important;align-items:center;gap:12px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.028);border:1px solid rgba(118,190,255,.09);cursor:pointer}.ss-v250b-switch-row>span{display:grid;flex:1}.ss-v250b-switch-row strong{color:#fff}.ss-v250b-switch-row small{color:#91a9ca}.ss-v250b-switch-row input{position:absolute;opacity:0;pointer-events:none}.ss-v250b-switch-row>i{position:relative;width:42px;height:24px;border-radius:99px;background:#263d60;flex:0 0 auto}.ss-v250b-switch-row>i:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.ss-v250b-switch-row input:checked+i{background:linear-gradient(90deg,#1ec99a,#26d8ff)}.ss-v250b-switch-row input:checked+i:after{left:21px}.ss-v250b-switch-row input:disabled+i{opacity:.45}.ss-v250b-field{display:grid!important;gap:5px}.ss-v250b-field>span{color:#a9bddb;font-size:11px;font-weight:850}.ss-v250b-field input{height:42px;border:1px solid var(--ss250b-line)!important;border-radius:11px!important;background:#071735!important;color:#fff!important;padding:0 11px!important}.ss-v250b-primary,.ss-v250b-live-room-actions a,.ss-v250b-live-room-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:0!important;border-radius:11px!important;padding:10px 13px!important;background:linear-gradient(90deg,var(--ss250b-cyan),#6d7dff)!important;color:#041126!important;font-weight:950!important;text-decoration:none!important}.ss-v250b-live-room-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:17px;background:rgba(61,224,163,.055);border:1px solid rgba(61,224,163,.16)}.ss-v250b-live-room-card h3{color:#fff;margin:4px 0 2px}.ss-v250b-live-room-card p{margin:0;color:var(--ss250b-muted);font-size:11px}.ss-v250b-live-dot{display:inline-flex;align-items:center;gap:5px;color:#aaf3d5;font-size:9px;font-weight:950;letter-spacing:.1em}.ss-v250b-live-dot i{width:7px;height:7px;border-radius:50%;background:var(--ss250b-green)}.ss-v250b-live-room-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ss-v250b-live-room-actions button{background:rgba(255,255,255,.08)!important;color:#eef7ff!important;border:1px solid var(--ss250b-line)!important}.ss-v250b-details,.ss-v250b-moderator-panel,.ss-v250b-history{margin-top:12px;border:1px solid rgba(118,190,255,.11);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden}.ss-v250b-details summary,.ss-v250b-moderator-panel summary,.ss-v250b-history summary{cursor:pointer;padding:11px 13px;color:#dce9fa;font-weight:900;list-style:none}.ss-v250b-details[open] summary,.ss-v250b-moderator-panel[open] summary,.ss-v250b-history[open] summary{border-bottom:1px solid rgba(118,190,255,.1)}.ss-v250b-details .ss-v250b-clean-form{padding:13px}.ss-v250b-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ss-v250b-check{display:flex!important;align-items:center;gap:8px;color:#c7d7ec!important}.ss-v250b-danger{border:1px solid rgba(255,109,141,.25)!important;background:rgba(255,109,141,.07)!important;color:#ffc0cd!important;border-radius:10px!important;padding:8px 11px!important}.ss-v250b-details>form:last-child{padding:0 13px 13px}.ss-v250b-room-empty{text-align:center;padding:34px 18px}.ss-v250b-room-empty>i{font-size:40px;color:#6f8db5}.ss-v250b-room-empty h3,.ss-v250b-room-empty h2{color:#fff;margin:7px 0 4px}.ss-v250b-room-empty p{color:var(--ss250b-muted)}.ss-v250b-pro-lock,.ss-v250b-admin-lock{margin:18px;display:flex;align-items:center;gap:13px;padding:16px;border-radius:17px;border:1px solid rgba(139,109,255,.17);background:rgba(139,109,255,.055)}.ss-v250b-admin-lock{border-color:rgba(255,109,141,.17);background:rgba(255,109,141,.05)}.ss-v250b-pro-lock>i,.ss-v250b-admin-lock>i{font-size:28px;color:#9e8cff}.ss-v250b-admin-lock>i{color:#ff95ad}.ss-v250b-pro-lock div,.ss-v250b-admin-lock div{flex:1}.ss-v250b-pro-lock h3,.ss-v250b-admin-lock h3{color:#fff;margin:0 0 3px}.ss-v250b-pro-lock p,.ss-v250b-admin-lock p{margin:0;color:var(--ss250b-muted)}.ss-v250b-pro-lock>a{padding:9px 12px;border-radius:10px;background:linear-gradient(90deg,#9b78ff,#ff69b5);color:#fff!important;font-weight:900;text-decoration:none!important}.ss-v250b-moderator-panel{margin:0 18px 18px}.ss-v250b-moderator-panel summary{display:flex;align-items:center;justify-content:space-between}.ss-v250b-moderator-panel summary>span{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center}.ss-v250b-moderator-panel summary>span>i{grid-row:1/3;color:#27d9ff;font-size:20px}.ss-v250b-moderator-panel summary strong{color:#fff}.ss-v250b-moderator-panel summary small{color:#8fa8cd}.ss-v250b-moderator-body{padding:13px}.ss-v250b-moderator-body>p{color:var(--ss250b-muted);font-size:11px}.ss-v250b-add-mod{display:grid;grid-template-columns:1fr auto;gap:8px}.ss-v250b-add-mod input{height:42px;border-radius:11px!important;border:1px solid var(--ss250b-line)!important;background:#071735!important;color:#fff!important;padding:0 11px!important}.ss-v250b-add-mod button{border:0!important;border-radius:11px!important;background:#1d77ff!important;color:#fff!important;font-weight:900!important;padding:0 13px!important}.ss-v250b-mod-list{display:grid;gap:7px;margin-top:10px}.ss-v250b-mod-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(118,190,255,.08)}.ss-v250b-mod-list>div>span{display:grid;grid-template-columns:auto 1fr;gap:0 7px;align-items:center}.ss-v250b-mod-list>div>span>i{grid-row:1/3;color:#27d9ff}.ss-v250b-mod-list strong{color:#fff}.ss-v250b-mod-list small{color:#8ea6c8}.ss-v250b-mod-list button{border:0!important;background:transparent!important;color:#ff9eb3!important}.ss-v250b-history{margin:0 18px 18px}.ss-v250b-history>div{display:grid;grid-template-columns:90px 1fr auto;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(118,190,255,.06)}.ss-v250b-history>div:last-child{border-bottom:0}.ss-v250b-history span{color:#8fa8cd;font-size:10px}.ss-v250b-history strong{color:#e8f2ff}.ss-v250b-history small{color:#7e96b9}.ss-v250b-moderating{margin-top:16px;padding:15px;border-radius:17px;border:1px solid var(--ss250b-line);background:rgba(10,29,64,.9)}.ss-v250b-moderating>span{color:#7f99c1;font-size:9px;font-weight:950;letter-spacing:.1em}.ss-v250b-moderating>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.ss-v250b-moderating a{padding:6px 9px;border-radius:99px;border:1px solid var(--ss250b-line);color:#dff6ff!important;text-decoration:none!important}.ss-v250b-profile-chat-card{margin-bottom:18px;padding:16px;border-radius:18px;border:1px solid rgba(39,217,255,.18);background:linear-gradient(135deg,rgba(39,217,255,.065),rgba(139,109,255,.07));color:#fff}.ss-v250b-profile-chat-card .top{display:flex;align-items:center;justify-content:space-between;gap:9px}.ss-v250b-profile-chat-card .badge-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:950;color:#aaf3d5;letter-spacing:.09em}.ss-v250b-profile-chat-card .badge-live i{width:7px;height:7px;border-radius:50%;background:var(--ss250b-green)}.ss-v250b-profile-chat-card h3{color:#fff;margin:7px 0 4px}.ss-v250b-profile-chat-card p{color:#b9cbe4;margin-bottom:12px}.ss-v250b-profile-chat-card a{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:11px;background:linear-gradient(90deg,var(--ss250b-cyan),#6d7dff);color:#041126!important;font-weight:950;text-decoration:none!important}.ss-v250b-profile-chat-card.is-owner{border-color:rgba(139,109,255,.2)}

/* Embed cleanup */
.ss-v250-room-embed{border-radius:20px!important}.ss-v250-room-embed .ss-v250-embed-top{gap:11px!important}.ss-v250-embed-chat{display:flex!important;justify-content:center!important;padding:10px!important;border-radius:11px!important;text-decoration:none!important;font-weight:900!important}

@media(max-width:1100px){.ss-v250b-room-grid{grid-template-columns:240px 1fr}.ss-v250b-people-card{grid-column:1/-1;min-height:0}.ss-v250b-member-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.ss-v250b-station-chat-grid{grid-template-columns:1fr}.ss-v250b-chat-toggle-panel{border-right:0;border-bottom:1px solid var(--ss250b-line)}}
@media(max-width:760px){.ss-v250b-room-page{width:min(100% - 16px,1460px);margin-top:12px}.ss-v250b-room-hero{align-items:flex-start;flex-direction:column;padding:15px}.ss-v250b-room-brand{align-items:flex-start}.ss-v250b-room-logo{width:56px;height:56px;border-radius:15px}.ss-v250b-room-hero-actions{justify-content:flex-start}.ss-v250b-room-grid{grid-template-columns:1fr}.ss-v250b-room-side{order:1}.ss-v250b-chat-card{order:2;min-height:540px}.ss-v250b-people-card{order:3}.ss-v250b-now-card{display:grid;grid-template-columns:90px 1fr;gap:0 12px;align-items:center}.ss-v250b-now-art{grid-row:1/5;width:90px;height:90px;margin:0}.ss-v250b-now-card>span,.ss-v250b-now-card h2,.ss-v250b-now-card p{grid-column:2}.ss-v250b-play,.ss-v250b-reactions,.ss-v250b-hint{grid-column:1/-1}.ss-v250b-message-list{max-height:440px}.ss-v250b-member-list{grid-template-columns:1fr 1fr}.ss-v250b-station-chat-head{align-items:flex-start;flex-direction:column}.ss-v250b-live-room-card{align-items:flex-start;flex-direction:column}.ss-v250b-live-room-actions{justify-content:flex-start}.ss-v250b-two{grid-template-columns:1fr}.ss-v250b-pro-lock,.ss-v250b-admin-lock{align-items:flex-start;flex-direction:column}.ss-v250b-history>div{grid-template-columns:70px 1fr}.ss-v250b-history small{grid-column:2}.ss-v250b-owner-banner{align-items:flex-start}.ss-v250b-owner-banner>a{margin-left:0}}
@media(max-width:500px){.ss-v250b-member-list{grid-template-columns:1fr}.ss-v250b-room-brand h1{font-size:23px}.ss-v250b-chat-head,.ss-v250b-people-card>header{padding:13px}.ss-v250b-message-list{padding:10px}.ss-v250b-composer{grid-template-columns:1fr 44px;padding:9px}.ss-v250b-station-chat-card{border-radius:18px}.ss-v250b-chat-toggle-panel,.ss-v250b-room-state-panel{padding:14px}.ss-v250b-moderator-panel,.ss-v250b-history{margin-left:14px;margin-right:14px}.ss-v250b-add-mod{grid-template-columns:1fr}.ss-v250b-add-mod button{height:40px}}
@media(prefers-reduced-motion:reduce){.ss-v250b-switch-row>i:after{transition:none!important}}

/* v2.5.0b clean moderation/report sheets */
html.ss-v250b-sheet-open{overflow:hidden}
.ss-v250b-sheet[hidden]{display:none!important}
.ss-v250b-sheet{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}
.ss-v250b-sheet-backdrop{position:absolute;inset:0;background:rgba(1,6,20,.76);backdrop-filter:blur(8px)}
.ss-v250b-sheet-panel{position:relative;width:min(520px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(108,184,255,.24);border-radius:24px;background:linear-gradient(180deg,#0d2045,#08152f);box-shadow:0 28px 90px rgba(0,0,0,.5);padding:26px;color:#f7fbff}
.ss-v250b-sheet-x{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(160,198,255,.18);background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;font-size:20px}
.ss-v250b-sheet-kicker{display:block;color:#68e5ff;font-size:10px;font-weight:900;letter-spacing:.14em;margin:2px 46px 8px 0}
.ss-v250b-sheet-panel h3{margin:0 42px 7px 0;color:#fff;font-size:23px;line-height:1.2}
.ss-v250b-sheet-panel>p{margin:0 0 20px;color:#afc3df;font-size:13px}
.ss-v250b-sheet-panel form{display:grid;gap:13px}
.ss-v250b-sheet-panel label{display:grid;gap:6px;color:#dce9fa;font-size:12px;font-weight:800}
.ss-v250b-sheet-panel input,.ss-v250b-sheet-panel select,.ss-v250b-sheet-panel textarea{width:100%;border:1px solid rgba(137,179,239,.2);border-radius:13px;background:#07152f;color:#fff;padding:12px 13px;outline:none}
.ss-v250b-sheet-panel input:focus,.ss-v250b-sheet-panel select:focus,.ss-v250b-sheet-panel textarea:focus{border-color:#42ddff;box-shadow:0 0 0 3px rgba(66,221,255,.1)}
.ss-v250b-sheet-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
.ss-v250b-sheet-actions button{border:1px solid rgba(150,190,245,.2);border-radius:12px;background:rgba(255,255,255,.045);color:#eaf4ff;padding:10px 14px;font-weight:900}
.ss-v250b-sheet-actions button.primary{border-color:rgba(54,219,255,.35);background:linear-gradient(135deg,rgba(34,199,255,.2),rgba(133,86,255,.24));color:#fff}
.ss-v250b-manage-member{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid rgba(62,219,255,.24)!important;background:rgba(62,219,255,.08)!important;color:#b9f3ff!important;border-radius:10px!important;padding:7px 9px!important;font-size:10px!important;font-weight:900!important}
.ss-v250b-msg-actions button{display:inline-flex;align-items:center;gap:5px}
@media(max-width:560px){.ss-v250b-sheet{padding:10px;align-items:end}.ss-v250b-sheet-panel{border-radius:22px 22px 14px 14px;padding:22px 18px;max-height:86vh}.ss-v250b-sheet-actions{display:grid;grid-template-columns:1fr 1fr}.ss-v250b-sheet-actions button{width:100%}}


/* ==== stations_site/css/pro-ui-v250c.css ==== */
/* Station Select v2.5.0c — Community Rooms guest + moderation expansion */
.ss-v250c-room{--ss-cyan:#25d9ff;--ss-purple:#7d62ff;--ss-pink:#ff62b2;--ss-green:#45e2ae;color:#f8fbff}.ss-v250c-room *{box-sizing:border-box}.ss-v250c-room a{color:inherit}.ss-v250c-room-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border:1px solid rgba(103,164,255,.22);border-radius:24px;background:radial-gradient(circle at 15% 0,rgba(37,217,255,.12),transparent 35%),linear-gradient(135deg,rgba(10,29,64,.96),rgba(9,18,46,.98));margin-bottom:16px}.ss-v250c-brand{display:flex;align-items:center;gap:14px}.ss-v250c-logo{width:64px;height:64px;border-radius:19px;background:#fff;display:grid;place-items:center;overflow:hidden}.ss-v250c-logo img{width:100%;height:100%;object-fit:cover}.ss-v250c-kicker{display:flex;gap:7px;align-items:center;color:#9befff;font-size:10px;font-weight:900;letter-spacing:.13em}.ss-v250c-room-hero h1{margin:3px 0;font-size:clamp(24px,4vw,38px)}.ss-v250c-room-hero p{margin:0;color:#b8cbe7}.ss-v250c-vibe{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:99px;background:rgba(125,98,255,.12);border:1px solid rgba(125,98,255,.25);font-size:11px;font-weight:850}.ss-v250c-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.ss-v250c-count,.ss-v250c-hero-actions>a{padding:10px 12px;border-radius:14px;background:rgba(4,15,38,.55);border:1px solid rgba(110,170,255,.18);text-decoration:none}.ss-v250c-count strong{font-size:20px;margin-right:5px}.ss-v250c-role-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:18px;border:1px solid rgba(68,226,174,.22);background:rgba(68,226,174,.07);margin-bottom:16px}.ss-v250c-role-banner .icon{font-size:26px}.ss-v250c-role-banner strong{display:block}.ss-v250c-role-banner span{display:block;color:#bcd0e9;font-size:12px}.ss-v250c-perms{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.ss-v250c-perms b{font-size:9px;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:#dfeaff}.ss-v250c-grid{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(320px,1.5fr) minmax(230px,.8fr);gap:14px}.ss-v250c-card{border:1px solid rgba(103,164,255,.18);border-radius:22px;background:linear-gradient(180deg,rgba(9,27,60,.96),rgba(5,15,37,.98));padding:17px;min-width:0}.ss-v250c-now img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:16px;background:#fff}.ss-v250c-now>span,.ss-v250c-chat-head span,.ss-v250c-people-head span{font-size:9px;letter-spacing:.13em;color:#87a7d0;font-weight:900}.ss-v250c-now h2,.ss-v250c-chat-head h2,.ss-v250c-people-head h2{margin:4px 0 8px}.ss-v250c-play{width:100%;border:0;border-radius:14px;padding:12px;background:linear-gradient(90deg,var(--ss-cyan),#7c68ff);color:#061126;font-weight:950}.ss-v250c-reactions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.ss-v250c-reactions button{border:1px solid rgba(111,170,255,.16);background:rgba(255,255,255,.04);color:#fff;border-radius:11px;padding:7px}.ss-v250c-chat-head,.ss-v250c-people-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(111,170,255,.12)}.ss-v250c-open{color:#7ff0c9;font-size:11px}.ss-v250c-message-list{height:360px;overflow:auto;padding:12px 3px}.ss-v250c-welcome{display:flex;gap:9px;padding:11px;border-radius:14px;background:rgba(37,217,255,.06);border:1px solid rgba(37,217,255,.13);margin-bottom:10px}.ss-v250c-welcome span{color:#b7cce6;font-size:12px}.ss-v250c-msg{padding:10px 11px;border-radius:14px;margin:8px 0;background:rgba(255,255,255,.035);border:1px solid rgba(111,170,255,.09)}.ss-v250c-msg.is-staff{border-color:rgba(37,217,255,.28);background:rgba(37,217,255,.07)}.ss-v250c-msg.is-owner{border-color:rgba(255,208,95,.24);background:rgba(255,208,95,.05)}.ss-v250c-msg-head{display:flex;align-items:center;gap:7px}.ss-v250c-msg-head strong{font-size:12px}.ss-v250c-msg-head time{margin-left:auto;color:#7590b8;font-size:10px}.ss-v250c-msg-icon{min-width:25px;text-align:center;font-size:12px}.ss-v250c-msg p{margin:6px 0 0;color:#e8f1ff;overflow-wrap:anywhere}.ss-v250c-role{display:inline-flex;padding:3px 6px;border-radius:99px;font-size:8px;font-weight:950;letter-spacing:.05em;background:rgba(255,255,255,.07);color:#d9e6fa}.ss-v250c-role.is-staff{background:linear-gradient(90deg,rgba(37,217,255,.18),rgba(125,98,255,.18));color:#b9f4ff}.ss-v250c-role.is-owner{background:rgba(255,209,94,.12);color:#ffe4a1}.ss-v250c-role.is-moderator{background:rgba(125,98,255,.16);color:#d0c5ff}.ss-v250c-role.is-guest{background:rgba(255,255,255,.05);color:#b8c8df}.ss-v250c-msg-actions{display:flex;gap:6px;margin-top:7px}.ss-v250c-msg-actions button{border:0;background:transparent;color:#8ea8cd;font-size:10px}.ss-v250c-composer{display:flex;gap:7px;padding-top:10px;border-top:1px solid rgba(111,170,255,.12)}.ss-v250c-composer input{flex:1;min-width:0;border:1px solid rgba(111,170,255,.2);background:#06142f;color:#fff;border-radius:13px;padding:11px 12px}.ss-v250c-composer button{width:44px;border:0;border-radius:13px;background:var(--ss-cyan);color:#07142e}.ss-v250c-guest-gate{padding:18px;text-align:center;border:1px dashed rgba(37,217,255,.25);border-radius:18px;background:rgba(37,217,255,.035);margin-top:12px}.ss-v250c-guest-gate h3{margin:8px 0 4px}.ss-v250c-guest-gate p{color:#aec3df;font-size:12px}.ss-v250c-guest-gate form{display:flex;gap:7px;margin-top:10px}.ss-v250c-guest-gate input{flex:1;min-width:0;border:1px solid rgba(111,170,255,.22);background:#06142f;color:#fff;border-radius:12px;padding:10px}.ss-v250c-guest-gate button{border:0;border-radius:12px;background:linear-gradient(90deg,var(--ss-cyan),var(--ss-purple));color:#07142e;font-weight:950;padding:0 14px}.ss-v250c-member-list{max-height:390px;overflow:auto;padding-top:8px}.ss-v250c-member{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(111,170,255,.08)}.ss-v250c-member-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,217,255,.15),rgba(125,98,255,.2));font-size:12px;font-weight:950}.ss-v250c-member-avatar.is-text{font-size:8px}.ss-v250c-member-main{min-width:0;flex:1}.ss-v250c-member-top{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.ss-v250c-member-top strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.ss-v250c-manage{margin-top:5px;border:1px solid rgba(125,98,255,.2);background:rgba(125,98,255,.08);color:#d8d1ff;border-radius:9px;padding:5px 7px;font-size:9px}.ss-v250c-member-empty{color:#93a9c9;font-size:11px;padding:12px 2px}.ss-v250c-feedback{display:block;min-height:18px;color:#ffb4d5;font-size:10px;margin-top:5px}.ss-v250c-sheet[hidden]{display:none}.ss-v250c-sheet{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}.ss-v250c-sheet-backdrop{position:absolute;inset:0;background:rgba(1,5,16,.78);backdrop-filter:blur(8px)}.ss-v250c-sheet-panel{position:relative;width:min(470px,100%);max-height:90vh;overflow:auto;padding:21px;border-radius:22px;background:#081a3b;border:1px solid rgba(111,170,255,.25);box-shadow:0 30px 100px rgba(0,0,0,.55)}.ss-v250c-sheet-panel h3{font-size:24px;margin:4px 0}.ss-v250c-sheet-panel p{color:#afc3de}.ss-v250c-sheet-panel label{display:block;margin:10px 0}.ss-v250c-sheet-panel label span{display:block;font-size:10px;color:#91aad0;margin-bottom:4px}.ss-v250c-sheet-panel select,.ss-v250c-sheet-panel input,.ss-v250c-sheet-panel textarea{width:100%;border:1px solid rgba(111,170,255,.22);background:#06142f;color:#fff;border-radius:12px;padding:10px}.ss-v250c-sheet-actions{display:flex;justify-content:flex-end;gap:8px}.ss-v250c-sheet-actions button{border:1px solid rgba(111,170,255,.2);background:transparent;color:#fff;border-radius:12px;padding:9px 12px}.ss-v250c-sheet-actions .primary{background:var(--ss-cyan);border-color:transparent;color:#07142e;font-weight:900}.ss-v250c-sheet-x{position:absolute;right:12px;top:12px;border:0;background:rgba(255,255,255,.06);color:#fff;border-radius:10px;width:34px;height:34px}.ss-v250c-embed-body{margin:0;background:#06142e;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ss-v250c-embed{padding:12px}.ss-v250c-embed .ss-v250c-grid{grid-template-columns:.7fr 1.3fr .8fr}.ss-v250c-embed .ss-v250c-room-hero{padding:13px;margin-bottom:10px}.ss-v250c-embed .ss-v250c-logo{width:48px;height:48px}.ss-v250c-embed .ss-v250c-message-list{height:300px}
@media(max-width:980px){.ss-v250c-grid,.ss-v250c-embed .ss-v250c-grid{grid-template-columns:1fr}.ss-v250c-message-list{height:330px}.ss-v250c-member-list{max-height:260px}}@media(max-width:560px){.ss-v250c-room-hero{align-items:flex-start;flex-direction:column}.ss-v250c-hero-actions{justify-content:flex-start}.ss-v250c-guest-gate form{flex-direction:column}.ss-v250c-reactions{grid-template-columns:repeat(6,1fr)}.ss-v250c-card{padding:13px}}
@media(prefers-reduced-motion:reduce){.ss-v250c-room *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.ss-v250c-owner-hub{color:#f8fbff}.ss-v250c-owner-hero{display:flex;justify-content:space-between;gap:20px;align-items:center}.ss-v250c-owner-stat{min-width:130px;padding:15px;border-radius:18px;background:rgba(37,217,255,.07);border:1px solid rgba(37,217,255,.17);text-align:center}.ss-v250c-owner-stat strong{display:block;font-size:28px}.ss-v250c-owner-stat span{font-size:10px;color:#9db3d2}.ss-v250c-owner-station{margin:18px 0;padding:18px;border:1px solid rgba(111,170,255,.18);border-radius:23px;background:linear-gradient(180deg,rgba(9,28,62,.97),rgba(5,15,37,.98))}.ss-v250c-owner-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(111,170,255,.11)}.ss-v250c-owner-ident{display:flex;gap:11px;align-items:center}.ss-v250c-owner-ident>img,.ss-v250c-owner-ident>span{width:50px;height:50px;border-radius:14px;object-fit:cover;background:#fff;display:grid;place-items:center}.ss-v250c-owner-ident small{color:#7896bf}.ss-v250c-owner-ident h2{margin:1px 0}.ss-v250c-owner-ident b{font-size:9px;color:#8ff0d1}.ss-v250c-owner-head>a{padding:8px 10px;border:1px solid rgba(111,170,255,.16);border-radius:11px;text-decoration:none}.ss-v250c-owner-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin-top:14px}.ss-v250c-owner-panel,.ss-v250c-owner-tools>section{padding:16px;border-radius:18px;background:rgba(4,15,37,.52);border:1px solid rgba(111,170,255,.12)}.ss-v250c-step{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#25d9ff,#7d62ff);color:#06142f;font-weight:950}.ss-v250c-owner-panel h3{margin:8px 0 3px}.ss-v250c-owner-panel p,.ss-v250c-owner-tools p{color:#abc0dc}.ss-v250c-owner-panel label,.ss-v250c-owner-tools label{display:block;margin:9px 0}.ss-v250c-owner-panel label>span,.ss-v250c-owner-tools label>span{display:block;font-size:10px;color:#8fa7ca;margin-bottom:4px}.ss-v250c-owner-panel input,.ss-v250c-owner-panel textarea,.ss-v250c-owner-panel select,.ss-v250c-owner-tools input,.ss-v250c-owner-tools select{width:100%;border:1px solid rgba(111,170,255,.2);background:#06142f;color:#fff;border-radius:11px;padding:9px 10px}.ss-v250c-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:13px;background:rgba(255,255,255,.035)}.ss-v250c-toggle>span{margin:0!important}.ss-v250c-toggle strong,.ss-v250c-toggle small{display:block}.ss-v250c-toggle small{color:#8fa7ca}.ss-v250c-toggle input{width:auto}.ss-v250c-check{display:flex!important;gap:7px;align-items:center}.ss-v250c-check input{width:auto}.ss-v250c-save{border:0;border-radius:12px;padding:10px 13px;background:linear-gradient(90deg,#25d9ff,#7d62ff);color:#06142f;font-weight:950}.ss-v250c-owner-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ss-v250c-live-summary{padding:12px;border-radius:14px;border:1px solid rgba(68,226,174,.16);background:rgba(68,226,174,.05)}.ss-v250c-live-summary>span{font-size:9px;color:#72efc4;font-weight:900}.ss-v250c-live-summary strong,.ss-v250c-live-summary small{display:block}.ss-v250c-owner-actions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.ss-v250c-owner-actions a,.ss-v250c-owner-actions button{padding:8px 10px;border-radius:10px;border:1px solid rgba(111,170,255,.18);background:rgba(255,255,255,.04);color:#fff;text-decoration:none}.ss-v250c-owner-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.ss-v250c-owner-tools header{display:flex;gap:9px}.ss-v250c-owner-tools header>span{font-size:24px}.ss-v250c-owner-tools h3{margin:0}.ss-v250c-permission-picks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ss-v250c-permission-picks label{display:flex!important;gap:6px;align-items:center;padding:7px;border-radius:9px;background:rgba(255,255,255,.035)}.ss-v250c-permission-picks input{width:auto}.ss-v250c-role-cards,.ss-v250c-mod-cards,.ss-v250c-filter-cards{display:grid;gap:7px;margin-top:10px}.ss-v250c-role-cards article,.ss-v250c-mod-cards article,.ss-v250c-filter-cards article{padding:9px;border-radius:11px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:space-between;gap:8px}.ss-v250c-role-cards article{display:block}.ss-v250c-role-cards p{display:flex;gap:5px;flex-wrap:wrap}.ss-v250c-role-cards p span{padding:4px 6px;border-radius:99px;background:rgba(125,98,255,.12);font-size:9px}.ss-v250c-role-cards button,.ss-v250c-mod-cards button,.ss-v250c-filter-cards button{border:0;background:transparent;color:#ff9ac6}.ss-v250c-mod-cards article>span{font-size:20px}.ss-v250c-mod-cards article>div{flex:1}.ss-v250c-mod-cards strong,.ss-v250c-mod-cards small,.ss-v250c-filter-cards strong,.ss-v250c-filter-cards small{display:block}.ss-v250c-owner-lock{padding:18px;border-radius:16px;background:rgba(255,185,78,.06);border:1px solid rgba(255,185,78,.16);margin-top:14px}.ss-v250c-owner-moderating{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:13px}.ss-v250c-owner-moderating span{font-size:9px;color:#8ea6ca}.ss-v250c-owner-moderating a{padding:7px 9px;border-radius:10px;background:rgba(125,98,255,.09);text-decoration:none}@media(max-width:1000px){.ss-v250c-owner-tools{grid-template-columns:1fr}.ss-v250c-owner-grid{grid-template-columns:1fr}}@media(max-width:560px){.ss-v250c-owner-head,.ss-v250c-owner-hero{align-items:flex-start;flex-direction:column}.ss-v250c-owner-two,.ss-v250c-permission-picks{grid-template-columns:1fr}}
/* v2.5.0c moderator invitation polish */
.ss-v250c-mini-perms{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.ss-v250c-mini-perms b{font-size:9px;line-height:1;padding:5px 7px;border-radius:999px;background:rgba(39,217,255,.08);border:1px solid rgba(39,217,255,.16);color:#baf4ff;letter-spacing:.03em}.ss-v250c-invites{display:block!important}.ss-v250c-invites>p{margin:5px 0 14px;color:#b7c9e5}.ss-v250c-invites article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(148,109,255,.22);background:linear-gradient(135deg,rgba(39,217,255,.06),rgba(148,109,255,.08));border-radius:16px;margin-top:9px}.ss-v250c-invites article strong,.ss-v250c-invites article small{display:block}.ss-v250c-invites article small{color:#aebfda;margin-top:3px}.ss-v250c-invite-actions{display:flex;align-items:center;gap:7px}.ss-v250c-invite-actions form{margin:0}.ss-v250c-invite-actions button{border:1px solid rgba(120,165,235,.25);background:#0a1c3e;color:#eaf4ff;border-radius:10px;padding:8px 11px;font-weight:800}.ss-v250c-invite-actions .ss-v250c-save{background:linear-gradient(135deg,#167ca4,#6352ce);border-color:rgba(111,220,255,.32)}@media(max-width:620px){.ss-v250c-invites article{align-items:flex-start;flex-direction:column}.ss-v250c-invite-actions{width:100%}.ss-v250c-invite-actions form{flex:1}.ss-v250c-invite-actions button{width:100%}}


/* ==== stations_site/css/pro-ui-v250d.css ==== */
/* Station Select v2.5.0d — Community Chat clarity + contrast hotfix */
/*
 * Loaded after v250c. Deliberately scoped to Community Rooms so legacy
 * Bootstrap/theme typography cannot reintroduce dark-on-dark text.
 */
.ss-v250c-owner-hub,
.ss-v250c-room {
    color:#f8fbff !important;
    color-scheme:dark;
}
.ss-v250c-owner-hub .ss-page-hero h1,
.ss-v250c-owner-hub .ss-page-hero h2,
.ss-v250c-owner-hub .ss-v250c-owner-station h2,
.ss-v250c-owner-hub .ss-v250c-owner-panel h3,
.ss-v250c-owner-hub .ss-v250c-owner-tools h3,
.ss-v250c-owner-hub details summary,
.ss-v250c-room h1,
.ss-v250c-room h2,
.ss-v250c-room h3,
.ss-v250c-room strong {
    color:#f8fbff !important;
}
.ss-v250c-owner-hub .ss-page-hero p,
.ss-v250c-owner-hub .ss-v250c-owner-panel>p,
.ss-v250c-owner-hub .ss-v250c-owner-tools p,
.ss-v250c-owner-hub .ss-v250c-owner-lock p,
.ss-v250c-owner-hub details p {
    color:#bfd0e8 !important;
}
.ss-v250c-owner-hub label,
.ss-v250c-owner-hub details summary {
    color:#e8f2ff !important;
}
.ss-v250c-owner-hub label>span,
.ss-v250c-owner-hub label small {
    color:#9fb5d4 !important;
}
.ss-v250c-owner-hub input:not([type="checkbox"]),
.ss-v250c-owner-hub textarea,
.ss-v250c-owner-hub select {
    background:#06142f !important;
    border-color:rgba(121,179,255,.26) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
.ss-v250c-owner-hub input::placeholder,
.ss-v250c-owner-hub textarea::placeholder {
    color:#718bad !important;
    opacity:1;
}
.ss-v250c-owner-hub select option {
    background:#081a3b;
    color:#fff;
}

/* Make the master ON/OFF choices look like real switches rather than tiny checkboxes. */
.ss-v250d-master-panel {
    border-color:rgba(39,217,255,.24) !important;
    box-shadow:inset 0 0 0 1px rgba(39,217,255,.035);
}
.ss-v250c-owner-hub .ss-v250c-toggle {
    min-height:66px;
    border:1px solid rgba(113,173,255,.13);
    background:rgba(255,255,255,.035) !important;
}
.ss-v250c-owner-hub .ss-v250c-toggle:hover {
    border-color:rgba(39,217,255,.24);
    background:rgba(39,217,255,.045) !important;
}
.ss-v250c-owner-hub .ss-v250c-toggle strong {
    color:#f7fbff !important;
    font-size:13px;
}
.ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"] {
    appearance:none;
    -webkit-appearance:none;
    width:48px !important;
    height:27px;
    min-width:48px;
    border-radius:999px;
    border:1px solid rgba(126,164,220,.35) !important;
    background:#102342 !important;
    position:relative;
    cursor:pointer;
    padding:0 !important;
    transition:.18s ease;
}
.ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"]::after {
    content:"";
    position:absolute;
    width:19px;
    height:19px;
    left:3px;
    top:3px;
    border-radius:50%;
    background:#93a8c6;
    box-shadow:0 2px 8px rgba(0,0,0,.28);
    transition:.18s ease;
}
.ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"]:checked {
    background:linear-gradient(90deg,#25d9ff,#7d62ff) !important;
    border-color:rgba(72,220,255,.55) !important;
}
.ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"]:checked::after {
    transform:translateX(21px);
    background:#fff;
}
.ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"]:disabled {
    opacity:.42;
    cursor:not-allowed;
}

/* Very obvious station-level status. */
.ss-v250d-chat-status {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    margin:14px 0 0;
    padding:13px 15px;
    border-radius:17px;
    border:1px solid rgba(115,176,255,.17);
    background:rgba(5,17,42,.72);
}
.ss-v250d-chat-status.is-on {
    border-color:rgba(67,226,174,.25);
    background:linear-gradient(90deg,rgba(67,226,174,.075),rgba(39,217,255,.035));
}
.ss-v250d-chat-status.is-off {
    border-color:rgba(255,185,78,.23);
    background:linear-gradient(90deg,rgba(255,185,78,.065),rgba(255,104,173,.025));
}
.ss-v250d-chat-status-icon {
    width:42px;height:42px;border-radius:13px;
    display:grid;place-items:center;
    background:rgba(255,255,255,.06);
    font-size:20px;
}
.ss-v250d-chat-status small,
.ss-v250d-chat-status strong,
.ss-v250d-chat-status span {display:block}
.ss-v250d-chat-status small {
    color:#8da9ce !important;
    font-size:9px;font-weight:950;letter-spacing:.12em;
}
.ss-v250d-chat-status strong {
    color:#fff !important;
    margin:1px 0;
}
.ss-v250d-chat-status span {
    color:#aebfda !important;
    font-size:11px;
}
.ss-v250d-chat-status>a {
    padding:8px 10px;
    border-radius:10px;
    border:1px solid rgba(67,226,174,.2);
    color:#bdf5df !important;
    text-decoration:none !important;
    white-space:nowrap;
}

/* OFF state now contains the action instead of telling the owner to look elsewhere. */
.ss-v250d-off-state {
    text-align:center;
    padding:24px 18px;
    border-radius:17px;
    border:1px solid rgba(255,185,78,.18);
    background:radial-gradient(circle at 50% 0,rgba(255,185,78,.08),transparent 48%),rgba(4,15,37,.35);
}
.ss-v250d-off-icon {
    width:58px;height:58px;margin:0 auto 9px;
    border-radius:18px;
    display:grid;place-items:center;
    background:linear-gradient(135deg,rgba(39,217,255,.14),rgba(125,98,255,.19));
    border:1px solid rgba(91,186,255,.18);
    font-size:27px;
}
.ss-v250d-off-state>span {
    color:#ffd98a !important;
    font-size:9px;font-weight:950;letter-spacing:.12em;
}
.ss-v250d-off-state h3 {color:#fff !important;margin:6px 0 5px}
.ss-v250d-off-state p {color:#b9cbe4 !important;max-width:560px;margin:0 auto 14px}
.ss-v250d-off-state small {display:block;color:#91a8c8 !important;margin-top:9px}
.ss-v250d-enable-chat {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:45px;
    border:0 !important;
    border-radius:13px !important;
    padding:0 18px !important;
    background:linear-gradient(90deg,#25d9ff,#7d62ff) !important;
    color:#06142f !important;
    font-weight:950 !important;
    box-shadow:0 14px 30px rgba(39,217,255,.13);
}

/* Profile community card text correction after guest-chat expansion. */
.ss-v250b-profile-chat-card p {
    color:#c2d2e8 !important;
}
.ss-v250b-profile-chat-card h3 {
    color:#fff !important;
}

@media(max-width:700px){
    .ss-v250d-chat-status{grid-template-columns:auto 1fr}
    .ss-v250d-chat-status>a{grid-column:1/-1;text-align:center}
}
@media(prefers-reduced-motion:reduce){
    .ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"],
    .ss-v250c-owner-hub .ss-v250c-toggle input[type="checkbox"]::after{transition:none!important}
}


/* ==== stations_site/css/pro-ui-v250e.css ==== */
/* Station Select v2.5.0e — Community Chat state unification */
.ss-v250e-chat-authority{
    display:grid;
    gap:3px;
    margin:12px 0;
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(102,168,255,.18);
    background:rgba(4,16,39,.48);
}
.ss-v250e-chat-authority>span{
    font-size:9px;
    font-weight:950;
    letter-spacing:.11em;
    color:#9db5d6!important;
}
.ss-v250e-chat-authority>strong{color:#f8fbff!important}
.ss-v250e-chat-authority>small{color:#aebfda!important}
.ss-v250e-chat-authority.is-on{
    border-color:rgba(67,226,174,.24);
    background:linear-gradient(90deg,rgba(67,226,174,.065),rgba(39,217,255,.025));
}
.ss-v250e-chat-authority.is-on>span{color:#86edc8!important}
.ss-v250e-chat-authority.is-off{
    border-color:rgba(255,185,78,.23);
    background:linear-gradient(90deg,rgba(255,185,78,.06),rgba(255,104,173,.02));
}
.ss-v250e-chat-authority.is-off>span{color:#ffd27d!important}


/* ==== stations_site/css/pro-ui-v250f.css ==== */
/* Station Select v2.5.0f — Community Rooms live experience */
.ss-v250f-studio{margin-top:14px;padding:18px;border:1px solid rgba(107,170,255,.18);border-radius:20px;background:linear-gradient(180deg,rgba(9,28,62,.85),rgba(5,17,40,.94));box-shadow:0 16px 42px rgba(0,0,0,.15)}
.ss-v250f-studio>header{display:flex;gap:12px;align-items:flex-start;margin-bottom:15px}.ss-v250f-studio>header>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(39,217,255,.08);border:1px solid rgba(39,217,255,.15);font-size:20px}.ss-v250f-studio h3{margin:0!important;color:#fff!important}.ss-v250f-studio p{margin:3px 0 0;color:#b9cae2!important}.ss-v250f-preset-row,.ss-v250f-theme-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);gap:13px}.ss-v250f-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.ss-v250f-control-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-v250f-studio label{display:block;color:#eaf3ff!important;font-size:12px;font-weight:800}.ss-v250f-studio label>span{display:block;margin-bottom:5px;color:#dceaff!important}.ss-v250f-studio input:not([type=color]),.ss-v250f-studio select{width:100%;min-height:42px;border-radius:11px;border:1px solid rgba(111,174,255,.2);background:#071833!important;color:#fff!important;padding:9px 10px}.ss-v250f-studio label small{display:block;color:#829cbc!important;font-weight:500;margin-top:5px;line-height:1.35}.ss-v250f-spam-summary{align-self:end;min-height:64px;border-radius:13px;padding:11px 13px;background:rgba(255,187,72,.06);border:1px solid rgba(255,187,72,.15)}.ss-v250f-spam-summary b,.ss-v250f-spam-summary span{display:block}.ss-v250f-spam-summary b{color:#ffe2a5}.ss-v250f-spam-summary span{color:#adbed6;font-size:11px}.ss-v250f-studio-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(112,169,255,.1)}.ss-v250f-studio-footer>span{color:#91a8c7;font-size:11px}.ss-v250f-colours{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ss-v250f-colours label{display:grid;grid-template-columns:1fr 42px;grid-template-areas:'label color' 'code color';align-items:center;gap:2px 8px;padding:8px;border:1px solid rgba(112,169,255,.12);border-radius:11px;background:rgba(255,255,255,.025)}.ss-v250f-colours label span{grid-area:label;margin:0;font-size:10px}.ss-v250f-colours input[type=color]{grid-area:color;width:40px;height:38px;border:0;border-radius:9px;background:transparent;padding:0}.ss-v250f-colours code{grid-area:code;color:#869fc1;font-size:9px}.ss-v250f-theme-note{display:block;margin-top:8px;color:#91a7c7}.ss-v250f-theme-preview{--ss-embed-bg:#07152e;--ss-embed-surface:#0b1f45;--ss-embed-text:#f8fbff;--ss-embed-muted:#b8cae5;--ss-embed-accent:#27d9ff;--ss-embed-bubble:#102a54;--ss-embed-radius:18px;align-self:stretch;padding:17px;border-radius:var(--ss-embed-radius);background:var(--ss-embed-bg);color:var(--ss-embed-text);border:1px solid var(--ss-embed-accent);overflow:hidden}.ss-v250f-theme-preview>span{font-size:9px;letter-spacing:.12em;color:var(--ss-embed-accent);font-weight:900}.ss-v250f-theme-preview h4{color:var(--ss-embed-text)!important;margin:4px 0 12px}.ss-v250f-theme-preview .preview-message{padding:10px 11px;margin:7px 0;border-radius:calc(var(--ss-embed-radius) * .65);background:var(--ss-embed-bubble)}.ss-v250f-theme-preview .preview-message.guest{opacity:.88}.ss-v250f-theme-preview .preview-message b{color:var(--ss-embed-text);font-size:10px}.ss-v250f-theme-preview .preview-message p{color:var(--ss-embed-text)!important;font-size:12px;margin:2px 0 0}.ss-v250f-theme-preview button{margin-top:9px;border:0;border-radius:10px;padding:9px 11px;background:var(--ss-embed-accent);color:#06131f;font-weight:900}.ss-v250f-chat-protection{display:flex;align-items:center;gap:6px;padding:7px 9px;margin-bottom:7px;border-radius:10px;background:rgba(67,224,165,.055);border:1px solid rgba(67,224,165,.12);color:#a9d9ca;font-size:10px}.ss-v250f-mentionable{cursor:pointer}.ss-v250f-mentionable:hover,.ss-v250f-mentionable:focus{color:#80eaff!important;text-decoration:underline;outline:none}
/* Embed theme variables */
.ss-v250f-embed-theme{background:var(--ss-embed-bg)!important;color:var(--ss-embed-text)!important;font-size:calc(16px * var(--ss-embed-font,1))}.ss-v250f-embed-theme.ss-v250f-bg-gradient{background:linear-gradient(135deg,var(--ss-embed-bg),var(--ss-embed-surface))!important}.ss-v250f-embed-theme.ss-v250f-bg-glow{background:radial-gradient(circle at 10% 0,var(--ss-embed-accent),transparent 34%),var(--ss-embed-bg)!important}.ss-v250f-embed-theme .ss-v250c-card,.ss-v250f-embed-theme .ss-v250c-room-hero{background:var(--ss-embed-surface)!important;border-color:var(--ss-embed-accent)!important;border-radius:var(--ss-embed-radius)!important;color:var(--ss-embed-text)!important}.ss-v250f-embed-theme h1,.ss-v250f-embed-theme h2,.ss-v250f-embed-theme h3,.ss-v250f-embed-theme strong{color:var(--ss-embed-text)!important}.ss-v250f-embed-theme p,.ss-v250f-embed-theme small,.ss-v250f-embed-theme .ss-v250c-member-empty{color:var(--ss-embed-muted)!important}.ss-v250f-embed-theme .ss-v250c-msg{background:var(--ss-embed-bubble)!important;border-radius:calc(var(--ss-embed-radius) * .65)!important}.ss-v250f-embed-theme .ss-v250c-play,.ss-v250f-embed-theme .ss-v250c-guest-gate button,.ss-v250f-embed-theme .ss-v250c-composer button{background:var(--ss-embed-accent)!important;color:var(--ss-embed-accent-text)!important}.ss-v250f-embed-theme .ss-v250c-composer input,.ss-v250f-embed-theme .ss-v250c-guest-gate input{background:var(--ss-embed-bg)!important;color:var(--ss-embed-text)!important;border-color:var(--ss-embed-accent)!important}.ss-v250f-embed-theme .ss-v250c-role,.ss-v250f-embed-theme .ss-v250c-kicker{color:var(--ss-embed-accent)!important}
@media(max-width:900px){.ss-v250f-preset-row,.ss-v250f-theme-layout{grid-template-columns:1fr}.ss-v250f-control-grid,.ss-v250f-control-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ss-v250f-control-grid,.ss-v250f-control-grid.compact,.ss-v250f-colours{grid-template-columns:1fr}.ss-v250f-studio-footer{align-items:stretch;flex-direction:column}.ss-v250f-studio-footer button{width:100%}}


.ss-v250f-theme-preview.ss-v250f-bg-gradient{background:linear-gradient(135deg,var(--ss-embed-bg),var(--ss-embed-surface))}
.ss-v250f-theme-preview.ss-v250f-bg-glow{background:radial-gradient(circle at 10% 0,var(--ss-embed-accent),transparent 36%),var(--ss-embed-bg)}
.ss-v250f-theme-preview.ss-v250f-bg-solid{background:var(--ss-embed-bg)}


/* ==== stations_site/css/pro-ui-v250g.css ==== */
/* Station Select v2.5.0g — explicit Community/Embed switches + permanent embed-code panel */
.ss-v250g-master-panel .ss-v250g-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:78px;margin:10px 0!important;padding:13px 14px;border-radius:15px;border:1px solid rgba(104,174,255,.18);background:linear-gradient(180deg,rgba(16,40,79,.72),rgba(8,25,54,.86));cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.ss-v250g-master-panel .ss-v250g-switch-row:hover{border-color:rgba(39,217,255,.42);background:linear-gradient(180deg,rgba(19,49,94,.82),rgba(8,28,61,.92))}.ss-v250g-master-panel .ss-v250g-switch-row:focus-within{outline:2px solid rgba(39,217,255,.55);outline-offset:2px}.ss-v250g-switch-row.is-disabled{opacity:.58;cursor:not-allowed}.ss-v250g-switch-copy{min-width:0;flex:1}.ss-v250g-switch-copy strong{display:block!important;color:#fff!important;font-size:14px!important}.ss-v250g-switch-copy small{display:block;color:#9fb6d6!important;margin-top:3px;line-height:1.4}.ss-v250g-switch-copy em{display:inline-block;color:#ffd284!important;font-size:10px;margin-top:5px;font-style:normal;font-weight:800}.ss-v250g-switch-control{display:flex;align-items:center;gap:9px;flex:0 0 auto;position:relative}.ss-v250g-switch-control>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}.ss-v250g-switch-track{display:block;width:54px;height:30px;border-radius:999px;padding:3px;background:#15294a;border:1px solid rgba(143,174,218,.35);box-shadow:inset 0 2px 7px rgba(0,0,0,.28);transition:.18s ease}.ss-v250g-switch-track i{display:block;width:22px;height:22px;border-radius:50%;background:#9badc6;box-shadow:0 2px 7px rgba(0,0,0,.35);transition:.18s ease}.ss-v250g-switch-control>input:checked+.ss-v250g-switch-track{background:linear-gradient(90deg,#24d9ff,#795fff);border-color:rgba(72,221,255,.58)}.ss-v250g-switch-control>input:checked+.ss-v250g-switch-track i{transform:translateX(24px);background:#fff}.ss-v250g-switch-control>b{min-width:28px;color:#9eb1cc!important;font-size:10px;letter-spacing:.08em}.ss-v250g-switch-control>input:checked~b{color:#75efc6!important}.ss-v250g-switch-row.is-disabled .ss-v250g-switch-track{filter:grayscale(.5)}
.ss-v250g-compat-note{margin:10px 0;padding:10px 11px;border-radius:11px;border:1px solid rgba(39,217,255,.12);background:rgba(39,217,255,.045);color:#acd6e8!important;font-size:11px}.ss-v250g-embed-card{margin-top:14px;padding:18px;border-radius:22px;border:1px solid rgba(106,174,255,.2);background:radial-gradient(circle at 100% 0,rgba(125,98,255,.12),transparent 35%),linear-gradient(180deg,rgba(9,29,64,.95),rgba(5,16,39,.98));box-shadow:0 18px 48px rgba(0,0,0,.18)}.ss-v250g-embed-card.is-ready{border-color:rgba(67,226,174,.28)}.ss-v250g-embed-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(119,174,255,.12)}.ss-v250g-embed-card>header>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:rgba(39,217,255,.08);border:1px solid rgba(39,217,255,.15)}.ss-v250g-embed-card>header small{display:block;color:#79a6cf!important;font-size:9px;font-weight:950;letter-spacing:.12em}.ss-v250g-embed-card>header h3{margin:1px 0!important;color:#fff!important}.ss-v250g-embed-card>header p{margin:2px 0 0;color:#a9bdd8!important}.ss-v250g-embed-card>header>b{padding:7px 10px;border-radius:999px;font-size:9px;letter-spacing:.1em;color:#ffc979!important;background:rgba(255,183,66,.08);border:1px solid rgba(255,183,66,.18)}.ss-v250g-embed-card.is-ready>header>b{color:#85f0cf!important;background:rgba(67,226,174,.07);border-color:rgba(67,226,174,.2)}.ss-v250g-embed-status{margin:13px 0;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid rgba(118,176,255,.11)}.ss-v250g-embed-status strong,.ss-v250g-embed-status span{display:block}.ss-v250g-embed-status strong{color:#fff!important}.ss-v250g-embed-status span{color:#a7bdd9!important;font-size:11px;margin-top:2px}.ss-v250g-code-label>span{display:block;margin-bottom:5px;color:#c6d7ed!important;font-size:10px;font-weight:900}.ss-v250g-code-label textarea{width:100%;resize:vertical;min-height:104px;border-radius:13px;border:1px solid rgba(110,174,255,.2);background:#041127!important;color:#bfeeff!important;padding:12px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace!important}.ss-v250g-embed-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ss-v250g-embed-actions button,.ss-v250g-embed-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:11px;text-decoration:none!important;font-weight:900;font-size:11px}.ss-v250g-embed-actions button{border:0;background:linear-gradient(90deg,#25d9ff,#7d62ff);color:#06142f}.ss-v250g-embed-actions button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}.ss-v250g-embed-actions a{border:1px solid rgba(104,176,255,.2);background:rgba(255,255,255,.035);color:#e8f5ff!important}.ss-v250g-help{display:block;margin-top:8px;color:#8fa8c8!important}.ss-v250g-empty-embed{padding:16px;border-radius:14px;text-align:center;background:rgba(255,255,255,.025);border:1px dashed rgba(114,174,255,.18)}.ss-v250g-empty-embed strong,.ss-v250g-empty-embed span{display:block}.ss-v250g-empty-embed strong{color:#fff!important}.ss-v250g-empty-embed span{color:#9eb3d0!important;font-size:11px;margin-top:3px}@media(max-width:650px){.ss-v250g-master-panel .ss-v250g-switch-row{align-items:flex-start}.ss-v250g-switch-control{margin-top:5px}.ss-v250g-embed-card>header{grid-template-columns:auto 1fr}.ss-v250g-embed-card>header>b{grid-column:1/-1;width:max-content}.ss-v250g-embed-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.ss-v250g-master-panel .ss-v250g-switch-row,.ss-v250g-switch-track,.ss-v250g-switch-track i{transition:none!important}}


/* ==== stations_site/css/pro-ui-v250h.css ==== */
/* Station Select v2.5.0h — Embed Appearance Studio V2 + complete iframe theming */
.ss-v250h-theme-studio{border:1px solid rgba(118,177,255,.18);background:radial-gradient(circle at 100% 0,rgba(125,98,255,.08),transparent 28%),rgba(5,17,42,.58);border-radius:22px;padding:18px}.ss-v250h-theme-studio>header{display:grid;grid-template-columns:auto 1fr auto}.ss-v250h-theme-studio>header>b{font-size:9px;letter-spacing:.12em;color:#86ecff;background:rgba(39,217,255,.06);border:1px solid rgba(39,217,255,.16);border-radius:99px;padding:6px 9px;align-self:start}.ss-v250h-preset-strip{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.ss-v250h-preset-strip button{display:flex;align-items:center;gap:7px;border:1px solid rgba(111,174,255,.14);background:rgba(255,255,255,.025);color:#dce9fb;border-radius:12px;padding:7px 9px;font-size:10px;font-weight:850}.ss-v250h-preset-strip button.active{border-color:rgba(39,217,255,.48);background:rgba(39,217,255,.07);color:#fff}.ss-v250h-preset-strip i{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--p1),var(--p2));border:1px solid rgba(255,255,255,.16)}.ss-v250h-preset-strip i.custom{display:grid;place-items:center;background:#10233f;color:#9aefff;font-style:normal;font-size:16px}.ss-v250h-studio-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:15px}.ss-v250h-controls{min-width:0}.ss-v250h-section-title{display:flex;gap:9px;align-items:center;margin:13px 0 9px}.ss-v250h-section-title>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#25d9ff,#7d62ff);color:#07142d;font-weight:950}.ss-v250h-section-title strong,.ss-v250h-section-title small{display:block}.ss-v250h-section-title strong{color:#fff}.ss-v250h-section-title small{color:#8ea7c9;font-size:10px}.ss-v250h-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ss-v250h-control-grid output{display:block;color:#8fdfff;font-size:10px;margin-top:3px}.ss-v250h-display-toggles{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ss-v250h-display-toggles label{display:flex;align-items:center;gap:7px!important;margin:0!important;padding:8px 10px;border:1px solid rgba(111,174,255,.14);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer}.ss-v250h-display-toggles input{accent-color:#25d9ff}.ss-v250h-display-toggles label>span{margin:0!important}.ss-v250h-colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ss-v250h-colours label{display:grid!important;grid-template-columns:1fr 44px;grid-template-areas:'copy color' 'copy color';align-items:center;padding:8px 9px;border-radius:11px;border:1px solid rgba(111,174,255,.11);background:rgba(255,255,255,.022)}.ss-v250h-colours label>span{grid-area:copy;margin:0!important;min-width:0}.ss-v250h-colours label strong,.ss-v250h-colours label small{display:block}.ss-v250h-colours label strong{font-size:10px;color:#e9f3ff}.ss-v250h-colours label small{font-size:8px;color:#7f98ba;font-weight:500}.ss-v250h-colours input[type=color]{grid-area:color;width:40px;height:40px;border:0;background:transparent}.ss-v250h-colours code{display:none}.ss-v250h-contrast-bar{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:10px;padding:10px 11px;border:1px solid rgba(67,226,174,.18);background:rgba(67,226,174,.045);border-radius:12px}.ss-v250h-contrast-bar>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(67,226,174,.12);color:#7ff2c9}.ss-v250h-contrast-bar strong,.ss-v250h-contrast-bar small{display:block}.ss-v250h-contrast-bar strong{color:#dffbf2}.ss-v250h-contrast-bar small{color:#8fb5aa;font-size:9px}.ss-v250h-contrast-bar button{border:1px solid rgba(67,226,174,.2);background:transparent;color:#aaf3db;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:900}.ss-v250h-contrast-bar.needs-help{border-color:rgba(255,194,87,.22);background:rgba(255,194,87,.05)}.ss-v250h-contrast-bar.needs-help>span{background:rgba(255,194,87,.12);color:#ffd58a}.ss-v250h-preview-wrap{position:sticky;top:85px;align-self:start;min-width:0}.ss-v250h-preview-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.ss-v250h-preview-title span{font-size:9px;letter-spacing:.12em;color:#89a8ce;font-weight:900}.ss-v250h-preview-title b{font-size:8px;color:#a9f1ff}.ss-v250h-preview{padding:11px;border-radius:var(--ss-embed-radius);color:var(--ss-embed-text);border:1px solid var(--ss-embed-border);overflow:hidden;min-height:400px}.ss-v250h-preview-bg-solid{background:var(--ss-embed-bg)}.ss-v250h-preview-bg-gradient{background:linear-gradient(135deg,var(--ss-embed-bg),var(--ss-embed-bg2))}.ss-v250h-preview-bg-glow{background:radial-gradient(circle at 5% 0,color-mix(in srgb,var(--ss-embed-accent) 24%,transparent),transparent 36%),linear-gradient(160deg,var(--ss-embed-bg),var(--ss-embed-bg2))}.ss-v250h-preview-bg-transparent{background:repeating-linear-gradient(45deg,#0c1930,#0c1930 8px,#10213b 8px,#10213b 16px)}.ss-v250h-preview>header{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:calc(var(--ss-embed-radius)*.7);background:var(--ss-embed-surface);border:1px solid var(--ss-embed-border)}.ss-v250h-preview .logo{width:36px;height:36px;display:grid;place-items:center;background:var(--ss-embed-input);border-radius:10px}.ss-v250h-preview>header small,.ss-v250h-preview>header strong,.ss-v250h-preview>header span{display:block}.ss-v250h-preview>header small{font-size:7px;color:var(--ss-embed-accent)}.ss-v250h-preview>header strong{font-size:12px}.ss-v250h-preview>header span{font-size:8px;color:var(--ss-embed-muted)}.ss-v250h-preview>header>b{font-size:8px;color:var(--ss-embed-muted)}.ss-v250h-preview .preview-grid{display:grid;grid-template-columns:.7fr 1.4fr .8fr;gap:7px;margin-top:7px}.ss-v250h-preview .preview-grid>aside,.ss-v250h-preview .preview-grid>main{padding:9px;border-radius:calc(var(--ss-embed-radius)*.7);background:var(--ss-embed-surface);border:1px solid var(--ss-embed-border)}.ss-v250h-preview .preview-grid small{color:var(--ss-embed-muted);font-size:7px}.ss-v250h-preview .preview-grid strong{display:block;margin:4px 0;color:var(--ss-embed-text);font-size:10px}.ss-v250h-preview .preview-grid button{width:100%;border:0;border-radius:8px;padding:7px;background:var(--ss-embed-accent);color:#07111f;font-size:8px;font-weight:900}.ss-v250h-preview .react{display:flex;gap:3px;margin-top:6px}.ss-v250h-preview .react i{font-style:normal;font-size:7px;padding:4px;border:1px solid var(--ss-embed-border);border-radius:6px;color:var(--ss-embed-text)}.ss-v250h-preview .chathead{display:flex;justify-content:space-between;font-size:7px;color:var(--ss-embed-muted)}.ss-v250h-preview .chathead b{color:var(--ss-embed-accent)}.ss-v250h-preview article{padding:7px;margin-top:6px;border-radius:9px;background:var(--ss-embed-bubble);color:var(--ss-embed-bubble-text)}.ss-v250h-preview article.owner{background:var(--ss-embed-owner-bubble)}.ss-v250h-preview article small{color:inherit;opacity:.78}.ss-v250h-preview article p{margin:2px 0 0!important;color:inherit!important;font-size:8px}.ss-v250h-preview .composer{margin-top:6px;padding:7px;border-radius:8px;background:var(--ss-embed-input);border:1px solid var(--ss-embed-border);color:var(--ss-embed-muted);font-size:8px}.ss-v250h-preview .composer b{float:right;color:var(--ss-embed-accent)}.ss-v250h-preview .people div{display:flex;gap:4px;margin-top:5px;color:var(--ss-embed-text);font-size:8px}.ss-v250h-preview-layout-chat .preview-grid{grid-template-columns:.52fr 1.7fr .68fr}.ss-v250h-preview-layout-compact .preview-grid{grid-template-columns:1fr}.ss-v250h-preview-density-compact{padding:7px}.ss-v250h-preview-density-roomy{padding:15px}.ss-v250h-preview-shadow-soft{box-shadow:0 14px 35px rgba(0,0,0,.24)}.ss-v250h-preview-shadow-deep{box-shadow:0 24px 60px rgba(0,0,0,.42)}.ss-v250h-preview-note{display:block;margin-top:7px;color:#7d96b7}.ss-v250h-admin-toggles{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.ss-v250h-admin-toggles label{color:#e7f2ff!important}
/* Actual iframe: complete theme ownership */
html:has(body.ss-v250h-embed){background:transparent!important}.ss-v250h-embed{margin:0!important;color:var(--ss-embed-text)!important;background:var(--ss-embed-bg)!important;font-size:calc(16px * var(--ss-embed-font,1));min-height:100vh}.ss-v250h-bg-solid{background:var(--ss-embed-bg)!important}.ss-v250h-bg-gradient{background:linear-gradient(135deg,var(--ss-embed-bg),var(--ss-embed-bg2))!important}.ss-v250h-bg-glow{background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--ss-embed-accent) 22%,transparent),transparent 34%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--ss-embed-bg2) 70%,transparent),transparent 42%),var(--ss-embed-bg)!important}.ss-v250h-bg-transparent{background:transparent!important}.ss-v250h-shell{padding:12px!important}.ss-v250h-shadow-none .ss-v250c-card,.ss-v250h-shadow-none .ss-v250c-room-hero{box-shadow:none!important}.ss-v250h-shadow-soft .ss-v250c-card,.ss-v250h-shadow-soft .ss-v250c-room-hero{box-shadow:0 12px 32px rgba(0,0,0,.20)!important}.ss-v250h-shadow-deep .ss-v250c-card,.ss-v250h-shadow-deep .ss-v250c-room-hero{box-shadow:0 22px 58px rgba(0,0,0,.38)!important}.ss-v250h-embed .ss-v250c-room-hero,.ss-v250h-embed .ss-v250c-card,.ss-v250h-embed .ss-v250c-sheet-panel{background:var(--ss-embed-surface)!important;border-color:var(--ss-embed-border)!important;color:var(--ss-embed-text)!important;border-radius:var(--ss-embed-radius)!important}.ss-v250h-embed .ss-v250c-count,.ss-v250h-embed .ss-v250c-vibe{background:var(--ss-embed-input)!important;border-color:var(--ss-embed-border)!important;color:var(--ss-embed-text)!important}.ss-v250h-embed h1,.ss-v250h-embed h2,.ss-v250h-embed h3,.ss-v250h-embed strong{color:var(--ss-embed-text)!important}.ss-v250h-embed p,.ss-v250h-embed small,.ss-v250h-embed time,.ss-v250h-embed .ss-v250c-member-empty,.ss-v250h-embed .ss-v250c-room-hero p,.ss-v250h-embed .ss-v250c-feedback{color:var(--ss-embed-muted)!important}.ss-v250h-embed .ss-v250c-kicker,.ss-v250h-embed .ss-v250c-now>span,.ss-v250h-embed .ss-v250c-chat-head span,.ss-v250h-embed .ss-v250c-people-head span,.ss-v250h-embed .ss-v250c-open,.ss-v250h-live{color:var(--ss-embed-accent)!important}.ss-v250h-hero-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ss-v250h-live{font-size:9px;font-weight:950;letter-spacing:.1em}.ss-v250h-embed .ss-v250c-chat-head,.ss-v250h-embed .ss-v250c-people-head,.ss-v250h-embed .ss-v250c-composer,.ss-v250h-embed .ss-v250c-member{border-color:var(--ss-embed-border)!important}.ss-v250h-embed .ss-v250c-play,.ss-v250h-embed .ss-v250c-guest-gate button,.ss-v250h-embed .ss-v250c-composer button,.ss-v250h-embed .ss-v250c-sheet-actions .primary{background:var(--ss-embed-accent)!important;color:var(--ss-embed-accent-text)!important}.ss-v250h-embed .ss-v250c-reactions button,.ss-v250h-embed .ss-v250c-manage,.ss-v250h-embed .ss-v250c-msg-actions button{background:var(--ss-embed-input)!important;border:1px solid var(--ss-embed-border)!important;color:var(--ss-embed-text)!important}.ss-v250h-embed .ss-v250c-msg{background:var(--ss-embed-bubble)!important;border-color:var(--ss-embed-border)!important;border-radius:calc(var(--ss-embed-radius)*.65)!important;color:var(--ss-embed-bubble-text)!important}.ss-v250h-embed .ss-v250c-msg p,.ss-v250h-embed .ss-v250c-msg strong,.ss-v250h-embed .ss-v250c-msg time{color:var(--ss-embed-bubble-text)!important}.ss-v250h-embed .ss-v250c-msg time{opacity:.66}.ss-v250h-embed .ss-v250c-msg.is-owner,.ss-v250h-embed .ss-v250c-msg.is-staff{background:var(--ss-embed-owner-bubble)!important;border-color:var(--ss-embed-accent)!important}.ss-v250h-embed .ss-v250c-role{background:color-mix(in srgb,var(--ss-embed-accent) 12%,var(--ss-embed-input))!important;color:var(--ss-embed-text)!important;border:1px solid color-mix(in srgb,var(--ss-embed-accent) 30%,var(--ss-embed-border))}.ss-v250h-embed .ss-v250c-welcome,.ss-v250h-embed .ss-v250f-chat-protection,.ss-v250h-embed .ss-v250c-guest-gate{background:color-mix(in srgb,var(--ss-embed-accent) 6%,var(--ss-embed-surface))!important;border-color:color-mix(in srgb,var(--ss-embed-accent) 24%,var(--ss-embed-border))!important}.ss-v250h-embed .ss-v250c-welcome span,.ss-v250h-embed .ss-v250f-chat-protection span,.ss-v250h-embed .ss-v250c-guest-gate p{color:var(--ss-embed-muted)!important}.ss-v250h-embed .ss-v250c-composer input,.ss-v250h-embed .ss-v250c-guest-gate input,.ss-v250h-embed .ss-v250c-sheet-panel input,.ss-v250h-embed .ss-v250c-sheet-panel textarea,.ss-v250h-embed .ss-v250c-sheet-panel select{background:var(--ss-embed-input)!important;color:var(--ss-embed-text)!important;border-color:var(--ss-embed-border)!important;border-radius:calc(var(--ss-embed-radius)*.62)!important}.ss-v250h-embed input::placeholder,.ss-v250h-embed textarea::placeholder{color:var(--ss-embed-muted)!important;opacity:.82}.ss-v250h-embed .ss-v250c-member-avatar{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-embed-accent) 24%,var(--ss-embed-input)),var(--ss-embed-input))!important;color:var(--ss-embed-text)!important}.ss-v250h-embed .ss-v250c-member-top strong{color:var(--ss-embed-text)!important}.ss-v250h-embed .ss-v250c-sheet-backdrop{background:color-mix(in srgb,var(--ss-embed-bg) 82%,transparent)!important}.ss-v250h-grid{grid-template-columns:minmax(190px,.65fr) minmax(320px,1.5fr) minmax(210px,.75fr)!important}.ss-v250h-layout-chat .ss-v250h-grid{grid-template-columns:minmax(170px,.48fr) minmax(360px,1.8fr) minmax(190px,.62fr)!important}.ss-v250h-layout-compact .ss-v250h-grid{grid-template-columns:1fr!important}.ss-v250h-layout-compact .ss-v250c-message-list{height:280px!important}.ss-v250h-density-compact .ss-v250h-shell{padding:7px!important}.ss-v250h-density-compact .ss-v250c-card{padding:11px!important}.ss-v250h-density-compact .ss-v250c-room-hero{padding:10px!important}.ss-v250h-density-roomy .ss-v250h-shell{padding:18px!important}.ss-v250h-density-roomy .ss-v250c-card{padding:21px!important}.ss-v250h-density-roomy .ss-v250c-room-hero{padding:20px!important}.ss-v250h-powered{text-align:right;padding:6px 4px 0;color:var(--ss-embed-muted);font-size:9px}.ss-v250h-powered strong{color:var(--ss-embed-accent)!important}@media(max-width:980px){.ss-v250h-grid,.ss-v250h-layout-chat .ss-v250h-grid{grid-template-columns:1fr!important}.ss-v250h-preview-wrap{position:static}.ss-v250h-studio-grid{grid-template-columns:1fr}}@media(max-width:680px){.ss-v250h-control-grid{grid-template-columns:1fr 1fr!important}.ss-v250h-colours{grid-template-columns:1fr}.ss-v250h-theme-studio>header{grid-template-columns:auto 1fr}.ss-v250h-theme-studio>header>b{grid-column:1/-1;width:max-content}.ss-v250h-preview .preview-grid{grid-template-columns:1fr}.ss-v250h-hero{align-items:flex-start!important}.ss-v250h-hero-meta{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.ss-v250h-preset-strip button{transition:none!important}}


/* Station Select v2.7.0d — Activity Pulse station logo with safe icon fallback */
.ss-activity-pulse-icon.has-logo{background:#fff!important;border-radius:12px!important;overflow:hidden;padding:2px!important;color:transparent!important;box-shadow:0 8px 22px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.14)!important}
.ss-activity-pulse-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;background:#fff}
.ss-activity-pulse-logo[hidden]{display:none!important}
.ss-activity-pulse-icon.has-logo [data-pulse-icon]{display:none!important}