/* ═════════════════════════════════════════════════════════════════════════════
   PH Stream Pages Builder — public.css
   Clean premium shell + model pages + filter landings
   Base background: #12091f
   ═════════════════════════════════════════════════════════════════════════════ */

/* ═══ Design tokens — single source of truth ═══════════════════════════════ */
.phspb-model-shortcode {
  --ph-bg: #12091f;
  --ph-card: rgba(255,255,255,.04);
  --ph-card-2: rgba(255,255,255,.03);
  --ph-stroke: rgba(190,150,255,.18);
  --ph-stroke-hi: rgba(190,150,255,.30);
  --ph-text: rgba(255,255,255,.92);
  --ph-muted: rgba(255,255,255,.72);
  --ph-muted-2: rgba(255,255,255,.56);
  --ph-accent: #be96ff;
  --ph-accent-2: #8b5cf6;
  --ph-danger: #ff4d6d;
  --ph-success: #4ade80;
  --ph-radius-card: 24px;
  --ph-radius-panel: 28px;
  --ph-radius-btn: 999px;
  --ph-btn-h: 44px;
  --ph-gap: 22px;
  --ph-shadow-card: 0 24px 70px rgba(0,0,0,.28);
  --ph-shadow-soft: 0 16px 44px rgba(0,0,0,.22);
  --ph-shadow-btn: 0 10px 24px rgba(0,0,0,.28);
}

/* ═══ Base scope ═══════════════════════════════════════════════════════════ */
.phspb-model-shortcode,
.phspb-model-shortcode * {
  box-sizing: border-box;
}

.phspb-model-shortcode {
  display: block;
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 16px 44px !important;
  color: var(--ph-text);
  background: var(--ph-bg);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.45;
  overflow-x: clip;
}

.phspb-model-shortcode img {
  display: block;
  max-width: 100%;
  height: auto;
}

.phspb-model-shortcode a {
  color: inherit;
}

.phspb-model-page .entry-title {
  display: none !important;
}

.phspb-model-shortcode .phlc-directory,
.phspb-sidebar-shortcode .phlc-directory {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.phspb-model-shortcode .phlc-recommended-wrap {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* ═══ Topbar ═══════════════════════════════════════════════════════════════ */
.phspb-topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 12px 0 14px;
  margin-bottom: 16px;
  background: linear-gradient(180deg, rgba(18,9,31,.98), rgba(18,9,31,.88) 82%, rgba(18,9,31,0));
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

.phspb-topbar-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

.phspb-search-form {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 52px !important;
  padding: 0 8px 0 20px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(190,150,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 32px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

.phspb-nav-search {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px 0 !important;
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 18px !important;
}

.phspb-nav-search::placeholder {
  color: rgba(255,255,255,.38);
}

.phspb-search-btn,
.phspb-search-form button,
.phspb-search-form button:hover,
.phspb-search-form button:focus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 12px !important;
  color: rgba(255,255,255,.68) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  cursor: default !important;
  font-size: 21px !important;
}

.phspb-search-btn:hover {
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
}

.phspb-quick-chips-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  overflow: hidden !important;
}

.phspb-quick-chips-scroll {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  scrollbar-width: none !important;
  -ms-overflow-style: none;
  padding: 4px 0 6px !important;
  -webkit-overflow-scrolling: touch;
}

.phspb-quick-chips-scroll::-webkit-scrollbar {
  display: none !important;
}

.phspb-nav-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  min-height: 38px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(190,150,255,.18) !important;
  color: rgba(255,255,255,.85) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.phspb-nav-chip:hover {
  background: rgba(190,150,255,.18) !important;
  border-color: rgba(190,150,255,.38) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* ═══ Page layout shell ═══════════════════════════════════════════════════ */
.phspb-page-layout {
  display: grid !important;
  grid-template-columns: 282px minmax(0,1fr) 268px !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.phspb-model-block {
  display: block;
  width: 100%;
  min-width: 0;
}

.phspb-model-block > * + * {
  margin-top: 34px !important;
}

/* ═══ Sidebars ═════════════════════════════════════════════════════════════ */
.phspb-sidebar-panel {
  position: sticky;
  top: 90px;
  max-height: calc(100vh - 110px);
  overflow: hidden;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.024)) !important;
  border: 1px solid rgba(190,150,255,.16) !important;
  padding: 16px 15px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.18) !important;
}

.phspb-nav-sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(173,124,255,.32) transparent;
  overscroll-behavior: contain;
}

.phspb-nav-sidebar-inner::-webkit-scrollbar {
  width: 8px;
}

.phspb-nav-sidebar-inner::-webkit-scrollbar-thumb {
  background: rgba(173,124,255,.32);
  border-radius: 999px;
}

.phspb-nav-filter-group {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.phspb-nav-filter-group:last-child {
  border-bottom: none;
}

.phspb-nav-filter-group h4,
.phspb-sidebar-panel h4,
.phspb-recently-viewed h4 {
  margin: 0 0 10px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.42) !important;
}

.phspb-nav-option-list,
.phspb-nav-facet-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.phspb-nav-chip-btn,
.phspb-nav-facet,
body .phspb-sidebar-left .phspb-nav-facet,
body .phspb-sidebar-panel .phspb-nav-facet {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 13px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  cursor: default !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.phspb-nav-chip-btn:hover,
.phspb-nav-chip-btn:focus,
.phspb-nav-facet:hover,
body .phspb-sidebar-left .phspb-nav-facet:hover,
body .phspb-sidebar-panel .phspb-nav-facet:hover {
  background: rgba(190,150,255,.16) !important;
  border-color: rgba(190,150,255,.36) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.phspb-nav-chip-btn.phspb-nav-chip-active,
.phspb-nav-facet.phspb-nav-chip-active {
  background: rgba(190,150,255,.22) !important;
  border-color: rgba(190,150,255,.50) !important;
  color: #fff !important;
  font-weight: 800 !important;
}

.phspb-nav-facet > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.phspb-nav-count,
body .phspb-sidebar-left .phspb-nav-facet .phspb-nav-count,
body .phspb-sidebar-panel .phspb-nav-facet .phspb-nav-count {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  color: rgba(255,255,255,.52) !important;
  opacity: 1 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.phspb-nav-tags {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.phspb-nav-tag,
body .phspb-sidebar-panel .phspb-nav-tag {
  justify-content: center !important;
  width: auto !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(190,140,255,.08) !important;
  border: 1px solid rgba(190,140,255,.20) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.phspb-nav-tag:hover,
body .phspb-sidebar-panel .phspb-nav-tag:hover {
  background: rgba(190,140,255,.22) !important;
  border-color: rgba(190,140,255,.40) !important;
  color: #fff !important;
}

.phspb-nav-browse-all {
  justify-content: center;
  margin-top: 4px;
  font-size: 14px !important;
  background: rgba(190,150,255,.10) !important;
  border-color: rgba(190,150,255,.25) !important;
}

/* ═══ Cards / panels ══════════════════════════════════════════════════════ */
.phspb-hero-card,
.phspb-card {
  background: #12091f;
  border: 1px solid rgba(190,150,255,.16);
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
  color: rgba(255,255,255,.92);
}

.phspb-hero-card {
  padding: 22px 22px 24px;
}

.phspb-card {
  padding: 30px 28px;
}

.phspb-sidebar-shortcode {
  display: block;
  width: 100%;
}

/* ═══ Hero ═════════════════════════════════════════════════════════════════ */
.phspb-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 10px;
}

.phspb-heading-main {
  margin-bottom: 10px;
}

.phspb-heading-copy {
  min-width: 0;
  flex: 1 1 auto;
  position: relative;
}

.phspb-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 11px;
  margin: 0 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(197,147,255,.16);
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.phspb-heading h1,
.phspb-hero-card h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(34px,4vw,60px);
  line-height: 1.03;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.phspb-heading-copy .phspb-sub,
.phspb-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ═══ Live badge / social proof ═══════════════════════════════════════════ */
.phspb-live-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  padding: 7px 16px 7px 12px;
  border-radius: 999px;
  background: rgba(220,40,40,.18);
  border: 1px solid rgba(255,80,80,.45);
  box-shadow: 0 0 14px rgba(255,60,60,.12);
}

.phspb-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff4040;
  flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(255,64,64,.7);
  animation: phspb-pulse 1.6s ease-in-out infinite;
}

@keyframes phspb-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255,64,64,.7); }
  60% { box-shadow: 0 0 0 7px rgba(255,64,64,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,64,64,0); }
}

.phspb-live-label {
  color: #ff7070;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1;
}

.phspb-live-viewers {
  color: rgba(255,255,255,.8);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  padding-left: 9px;
  border-left: 1px solid rgba(255,255,255,.18);
}

.phspb-social-proof {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}

.phspb-sp-item {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 6px 14px 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
}

.phspb-sp-icon {
  flex-shrink: 0;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size: 14px;
  line-height: 1;
}

.phspb-sp-val {
  color: #fff;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
}

.phspb-sp-lbl {
  color: rgba(255,255,255,.55);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
}

.phspb-sp-followers { border-color: rgba(255,110,175,.32) !important; background: rgba(255,80,150,.09) !important; }
.phspb-sp-viewers { border-color: rgba(70,185,255,.32) !important; background: rgba(50,170,255,.09) !important; }
.phspb-sp-hd { border-color: rgba(170,140,255,.32) !important; background: rgba(150,110,255,.09) !important; }
.phspb-sp-rank { border-color: rgba(255,210,50,.32) !important; background: rgba(255,200,40,.09) !important; }

/* ═══ Avatar / thumbnail ══════════════════════════════════════════════════ */
.phspb-thumb-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 118px;
  width: 118px;
  height: 118px;
  min-width: 118px;
  min-height: 118px;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
  padding: 0 !important;
  background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(120,72,190,.16) 45%, rgba(20,10,38,.92) 100%);
  border: 2px solid rgba(190,150,255,.34);
  box-shadow: 0 14px 36px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.05) inset;
  flex-shrink: 0;
  align-self: flex-start;
}

.phspb-thumb-wrap::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  border-radius: 50%;
  padding: 2px;
  background: linear-gradient(135deg, rgba(255,255,255,.36), rgba(190,150,255,.26), rgba(255,255,255,.08));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.phspb-thumb-wrap::after {
  display: none !important;
}

.phspb-thumb-wrap.is-live {
  box-shadow: 0 16px 40px rgba(0,0,0,.44), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 22px rgba(255,70,130,.10);
}

.phspb-thumb {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 28%;
  transform: scale(1.22) !important;
  transform-origin: center center;
}

.phspb-thumb-live-dot {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--ph-danger);
  border: 2px solid #130a21;
  box-shadow: 0 0 0 4px rgba(255,77,109,.12);
}

/* ═══ Embed ═══════════════════════════════════════════════════════════════ */
.phspb-embed-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.08);
  background: #08050f;
  aspect-ratio: 16 / 8.9;
  min-height: 0;
  margin-top: 10px;
  margin-bottom: 14px;
}

.phspb-embed-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  background: #08050f;
  overflow: hidden;
  pointer-events: auto;
}

.phspb-empty-embed {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  padding: 24px;
  text-align: center;
  color: rgba(255,255,255,.72);
  font-size: 16px;
  background: #05010a;
  border-radius: 24px;
}

.phspb-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.phspb-embed-wrap.phspb-offline {
  aspect-ratio: auto !important;
  min-height: 168px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 22px 28px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

.phspb-embed-wrap.phspb-offline iframe {
  display: none !important;
}

.phspb-offline-placeholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  width: min(100%,560px) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  gap: 14px !important;
}

.phspb-offline-copy {
  display: grid;
  gap: 8px;
  justify-items: start;
}

.phspb-offline-kicker,
.phspb-offline-avatar {
  display: none !important;
}

.phspb-offline-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 0 0 6px rgba(255,255,255,.02);
  flex: 0 0 8px;
}

.phspb-offline-label {
  max-width: 22ch;
  margin: 0;
  color: #fff !important;
  font-size: 26px !important;
  line-height: 1.06 !important;
  font-weight: 850;
}

.phspb-offline-sub {
  max-width: 48ch !important;
  margin: 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 14px !important;
  line-height: 1.55;
}

.phspb-offline-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 8px;
}

.phspb-offline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  color: rgba(255,255,255,.48);
  font-size: 12px;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.phspb-offline-link:hover {
  color: #fff;
}

/* ═══ Buttons ═════════════════════════════════════════════════════════════ */
.phspb-btn,
.phspb-push-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: .01em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  z-index: 3;
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045));
  border: 1px solid rgba(200,160,255,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.24);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.phspb-btn:not(.phspb-btn-secondary):hover,
.phspb-push-btn:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.06));
  border-color: rgba(215,165,255,.48);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.28);
  transform: translateY(-2px);
  color: #fff;
}

.phspb-btn-secondary,
.phspb-btn-ghost {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}

.phspb-btn-secondary:hover,
.phspb-btn-ghost:hover {
  background: rgba(255,255,255,.13);
  border-color: rgba(255,255,255,.32);
  color: #fff;
}

.phspb-push-btn:disabled {
  opacity: .5;
  cursor: default;
  transform: none;
}

.phspb-push-btn.is-subscribed {
  border-color: rgba(147,255,196,.28);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(147,255,196,.10), 0 18px 38px rgba(26,8,58,.34);
}

.phspb-push-btn.is-subscribed:hover {
  transform: none;
}

/* ═══ Section headers ═════════════════════════════════════════════════════ */
.phspb-section-head {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.phspb-section-accent {
  flex: 0 0 8px;
  width: 8px;
  min-height: 62px;
  margin-top: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg,#ddb3ff 0%,#9c63ff 100%);
  box-shadow: 0 0 24px rgba(176,114,255,.58), 0 0 8px rgba(255,255,255,.08);
}

.phspb-section-headcopy {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}

.phspb-section-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: clamp(30px,3vw,48px) !important;
  line-height: 1.06 !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
}

.phspb-section-subtitle {
  margin: 12px 0 0;
  max-width: 1080px;
  color: rgba(255,255,255,.60);
  font-size: 13px;
  line-height: 1.6;
}

.phspb-section-divider {
  height: 1px;
  margin: 22px 0 24px !important;
  background: linear-gradient(90deg, rgba(220,170,255,.34), rgba(170,120,255,.16), rgba(255,255,255,.05));
}

.phspb-section-card {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/* ═══ Live details / badges ═══════════════════════════════════════════════ */
.phspb-live-data-copy {
  margin: 0;
  max-width: 1120px;
  color: rgba(255,255,255,.78);
  font-size: clamp(16px,1.25vw,19px);
  line-height: 1.82;
}

.phspb-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 20px;
}

.phspb-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 8px 16px 8px 10px;
  border-radius: 18px;
  color: #fff;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(214,170,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.10);
}

.phspb-badge-icon-wrap {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

.phspb-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size: 17px;
  line-height: 1;
}

.phspb-badge-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.phspb-badge-lbl {
  color: rgba(255,255,255,.40);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}

.phspb-badge-text {
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 850;
  word-break: break-word;
  white-space: normal;
}

.phspb-badge-status { background: rgba(255,55,55,.10) !important; border-color: rgba(255,80,80,.28) !important; }
.phspb-badge-viewers { background: rgba(60,180,255,.08) !important; border-color: rgba(60,180,255,.22) !important; }
.phspb-badge-followers { background: rgba(255,100,170,.08) !important; border-color: rgba(255,120,185,.22) !important; }
.phspb-badge-show-type { background: rgba(255,190,50,.07) !important; border-color: rgba(255,200,60,.20) !important; }

/* Live tags badge — normalized to the same premium size as other detail badges */
.phspb-badge-live-tags,
.phspb-badge-tags-wrap {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 56px !important;
  padding: 8px 16px 8px 10px !important;
  border-radius: 18px !important;
  background: rgba(190,140,255,.075) !important;
  border: 1px solid rgba(190,140,255,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.10) !important;
}

.phspb-badge-live-tags .phspb-badge-icon-wrap,
.phspb-badge-tags-wrap .phspb-badge-icon-wrap {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
}

.phspb-tag-chips {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.phspb-tag-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: rgba(190,140,255,.14) !important;
  border: 1px solid rgba(210,160,255,.30) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}

.phspb-tag-chip:hover {
  background: rgba(190,140,255,.24) !important;
  border-color: rgba(225,180,255,.48) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 8px 18px rgba(0,0,0,.16) !important;
}

/* ═══ Stats quality notice ════════════════════════════════════════════════ */
.phspb-stats-quality {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 15px 18px !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at top left, rgba(190,150,255,.13), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(190,150,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 26px rgba(0,0,0,.14) !important;
}

.phspb-stats-quality--building { border-color: rgba(190,150,255,.18) !important; }

.phspb-stats-quality--limited {
  border-color: rgba(255,210,120,.18) !important;
  background: radial-gradient(circle at top left, rgba(255,210,120,.08), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.028)) !important;
}

.phspb-stats-quality-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.phspb-stats-quality-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.phspb-stats-quality-copy strong {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
}

.phspb-stats-quality-copy span {
  display: block !important;
  max-width: 820px !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 550 !important;
}

.phspb-stats-card .phspb-section-subtitle,
.phspb-history-card .phspb-section-subtitle,
.phspb-pattern-card .phspb-section-subtitle {
  display: block !important;
}

/* ═══ Stats grid ══════════════════════════════════════════════════════════ */
.phspb-stats-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  align-items: stretch;
}

.phspb-stats-grid--product {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.phspb-stat-card {
  min-height: 148px;
  padding: 20px 20px 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.042);
  border: 1px solid rgba(208,158,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(0,0,0,.10);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.phspb-stat-card[data-stat-tier="primary"] {
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.038));
  border-color: rgba(220,178,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 28px rgba(0,0,0,.12);
}

.phspb-stat-card[data-stat-tier="secondary"] {
  background: rgba(255,255,255,.032);
}

.phspb-stat-card[data-best-time-card="1"] {
  background: rgba(180,130,255,.07) !important;
  border-color: rgba(180,130,255,.24) !important;
}

.phspb-stat-card--empty {
  display: none !important;
}

.phspb-stat-icon {
  margin-bottom: 18px;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size: 21px;
  line-height: 1;
}

.phspb-stat-label {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.phspb-stat-value {
  margin-top: 14px;
  color: #fff;
  font-size: 18px;
  line-height: 1.24;
  font-weight: 850;
}

.phspb-stat-subvalue {
  margin-top: 8px;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.45;
}

.phspb-stats-grid--product .phspb-stat-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 156px !important;
  padding: 19px 18px 17px !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 18% 0%, rgba(190,150,255,.10), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(208,158,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 30px rgba(0,0,0,.14) !important;
}

.phspb-stats-grid--product .phspb-stat-card::after {
  content: "";
  position: absolute;
  inset: auto 16px 0 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(190,150,255,.26), transparent);
  opacity: .75;
  pointer-events: none;
}

.phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"] {
  background: radial-gradient(circle at 16% 0%, rgba(210,170,255,.15), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.036)) !important;
  border-color: rgba(220,178,255,.24) !important;
}

.phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  min-height: 132px !important;
  background: radial-gradient(circle at 16% 0%, rgba(255,255,255,.055), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.024)) !important;
  border-color: rgba(255,255,255,.105) !important;
}

.phspb-stats-grid--product .phspb-stat-card[data-best-time-card="1"] {
  background: radial-gradient(circle at 16% 0%, rgba(190,150,255,.18), transparent 42%), linear-gradient(180deg, rgba(180,130,255,.090), rgba(255,255,255,.030)) !important;
  border-color: rgba(190,150,255,.28) !important;
}

.phspb-stats-grid--product .phspb-stat-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 0 16px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.060) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

.phspb-stats-grid--product .phspb-stat-label {
  color: rgba(255,255,255,.50) !important;
  font-size: 11.5px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: .125em !important;
  text-transform: uppercase !important;
}

.phspb-stats-grid--product .phspb-stat-value {
  margin-top: 11px !important;
  color: #fff !important;
  font-size: clamp(17px, 1.16vw, 21px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -.026em !important;
}

.phspb-stats-grid--product .phspb-stat-subvalue {
  margin-top: 7px !important;
  color: rgba(255,255,255,.56) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 600 !important;
}

/* ═══ Viewer chart ════════════════════════════════════════════════════════ */
.phspb-vchart-card {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.phspb-stats-card .phspb-vchart-card {
  margin-top: 22px !important;
}

.phspb-vchart-shell {
  padding: 22px 22px 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.022));
  border: 1px solid rgba(208,158,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.10);
}

.phspb-vchart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.phspb-vchart-headcopy {
  min-width: 0;
  flex: 1 1 420px;
}

.phspb-vchart-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  margin: 0 0 10px;
  border-radius: 999px;
  background: rgba(190,150,255,.10);
  border: 1px solid rgba(190,150,255,.20);
  color: rgba(255,255,255,.76);
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.phspb-vchart-title {
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: -.02em;
}

.phspb-vchart-subtitle {
  margin-top: 7px;
  max-width: 760px;
  color: rgba(255,255,255,.66);
  font-size: 13px;
  line-height: 1.55;
}

.phspb-vchart-legend,
.phspb-vchart-legend--footer {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.54);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .02em;
}

.phspb-vchart-legend-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
}

.phspb-vchart-legend-dot--live {
  background: linear-gradient(180deg, rgba(180,110,255,.9), rgba(130,60,220,.72));
}

.phspb-vchart {
  display: flex;
  align-items: stretch;
  gap: 16px;
  min-height: 174px;
}

.phspb-vchart-labels {
  width: 96px;
  flex: 0 0 96px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 26px;
}

.phspb-vchart-scale {
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 850;
}

.phspb-vchart-scale-sub {
  color: rgba(255,255,255,.42);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.phspb-vchart-bars {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex: 1;
  min-height: 174px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.phspb-vchart-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  flex: 1;
  max-width: 64px;
  min-width: 0;
  min-height: 174px;
  cursor: default;
}

.phspb-vchart-bar-wrap {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: flex-end;
  min-height: 0;
}

.phspb-vchart-bar {
  width: 100%;
  min-height: 4px;
  border-radius: 10px 10px 3px 3px;
  background: rgba(255,255,255,.10);
  transition: background .15s ease, transform .15s ease;
}

.phspb-vchart-bar--live {
  background: linear-gradient(180deg, rgba(180,110,255,.85), rgba(130,60,220,.65));
}

.phspb-vchart-col:hover .phspb-vchart-bar {
  transform: translateY(-1px);
}

.phspb-vchart-col:hover .phspb-vchart-bar--live {
  background: linear-gradient(180deg, rgba(215,155,255,.95), rgba(165,95,255,.80));
}

.phspb-vchart-day {
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  flex-shrink: 0;
}

.phspb-vchart-date {
  color: rgba(255,255,255,.40);
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  min-height: 10px;
  flex-shrink: 0;
}

.phspb-vchart-switcher {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.phspb-vchart-switch,
.phspb-vchart-switch[data-metric] {
  appearance: none;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(161,106,236,.08) !important;
  border: 1px solid rgba(182,126,255,.28) !important;
  color: rgba(242,236,255,.86) !important;
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .02em;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  transition: all .16s ease;
}

.phspb-vchart-switch:hover,
.phspb-vchart-switch[data-metric]:hover {
  border-color: rgba(206,162,255,.48) !important;
  background: rgba(171,117,244,.14) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.phspb-vchart-switch.is-active,
.phspb-vchart-switch[data-metric].is-active {
  color: #fff !important;
  border-color: rgba(215,178,255,.58) !important;
  background: linear-gradient(180deg, rgba(180,110,255,.30), rgba(126,67,216,.26)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06);
}

.phspb-vchart-legend--footer {
  margin-top: 14px;
  justify-content: flex-end;
  padding-top: 4px;
}

/* ═══ Session history ═════════════════════════════════════════════════════ */
.phspb-session-history {
  display: grid;
  gap: 14px;
}

.phspb-session-history--clean {
  gap: 12px !important;
}

.phspb-session-row {
  display: grid;
  grid-template-columns: 1.1fr 1fr .8fr .8fr;
  gap: 18px;
  align-items: center;
  min-height: 94px;
  padding: 18px 20px;
  border-radius: 22px;
  background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.035));
  border: 1px solid rgba(208,158,255,.15);
  border-left: 3px solid rgba(180,120,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.phspb-session-row--clean {
  grid-template-columns: .82fr 1.25fr .70fr .80fr .70fr !important;
  gap: 14px !important;
  min-height: 86px !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 0% 0%, rgba(190,150,255,.08), transparent 35%), linear-gradient(90deg, rgba(255,255,255,.050), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(208,158,255,.14) !important;
  border-left: 3px solid rgba(190,150,255,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 22px rgba(0,0,0,.10) !important;
}

.phspb-session-row--clean.is-current {
  border-color: rgba(255,80,110,.24) !important;
  border-left-color: rgba(255,80,110,.62) !important;
  background: radial-gradient(circle at 0% 0%, rgba(255,80,110,.12), transparent 36%), linear-gradient(90deg, rgba(255,255,255,.054), rgba(255,255,255,.032)) !important;
}

.phspb-session-day {
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 850;
}

.phspb-session-row--clean .phspb-session-day strong {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.phspb-session-date {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.45);
  font-size: 13px;
  font-weight: 500;
}

.phspb-session-row--clean .phspb-session-date {
  margin-top: 5px !important;
  color: rgba(255,255,255,.44) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.phspb-session-time,
.phspb-session-meta {
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 750;
}

.phspb-session-row--clean .phspb-session-time {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.phspb-session-row--clean .phspb-session-meta {
  color: rgba(255,255,255,.82) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.phspb-session-duration { color: #fff !important; }
.phspb-session-peak { color: rgba(255,255,255,.86) !important; }
.phspb-session-avg { color: rgba(255,255,255,.58) !important; }

.phspb-session-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(190,150,255,.11) !important;
  border: 1px solid rgba(190,150,255,.22) !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  font-style: normal !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.phspb-session-row--clean.is-current .phspb-session-badge {
  background: rgba(255,80,110,.13) !important;
  border-color: rgba(255,80,110,.28) !important;
  color: rgba(255,255,255,.88) !important;
}

.phspb-session-local {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.38);
  font-size: 12px;
  font-weight: 500;
}

.phspb-session-tz-note {
  margin: 14px 0 0;
  color: rgba(255,255,255,.30);
  font-size: 12px;
  font-weight: 500;
}

/* ═══ Streaming pattern block ═════════════════════════════════════════════ */
.phspb-pattern-card {
  position: relative !important;
  overflow: hidden !important;
}

.phspb-pattern-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 18% 0%, rgba(190,150,255,.08), transparent 34%), radial-gradient(circle at 92% 20%, rgba(80,160,255,.05), transparent 32%);
  opacity: 1;
}

.phspb-pattern-card > * {
  position: relative;
  z-index: 1;
}

.phspb-pattern-summary {
  margin: -4px 0 20px !important;
  max-width: 980px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

.phspb-pattern-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.phspb-pattern-chip {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 126px !important;
  padding: 17px 16px !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 18% 0%, rgba(190,150,255,.10), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(208,158,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.032), 0 8px 22px rgba(0,0,0,.10) !important;
}

.phspb-pattern-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.062) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

.phspb-pattern-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.phspb-pattern-label {
  display: block !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 11.5px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  letter-spacing: .125em !important;
  text-transform: uppercase !important;
}

.phspb-pattern-value {
  display: block !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -.024em !important;
}

.phspb-pattern-subvalue {
  display: block !important;
  color: rgba(255,255,255,.56) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 600 !important;
}

.phspb-stats-card + .phspb-history-card,
.phspb-history-card + .phspb-pattern-card,
.phspb-pattern-card + .phspb-schedule-card {
  margin-top: 28px !important;
}

.phspb-pattern-card + .phspb-schedule-card {
  opacity: .96;
}

/* ═══ SEO summary ═════════════════════════════════════════════════════════ */
.phspb-seo-summary-card {
  display: none !important;
}

.phspb-seo-summary-copy {
  margin: 0;
  color: rgba(255,255,255,.81);
  font-size: 18px;
  line-height: 1.92;
}

.phspb-summary-actions {
  margin-top: 26px;
}

/* ═══ Schedule heatmap ════════════════════════════════════════════════════ */
.phspb-heatmap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 8px;
}

.phspb-heatmap-inner {
  min-width: 620px;
}

.phspb-heatmap-head,
.phspb-heatmap-row {
  display: grid !important;
  grid-template-columns: 36px repeat(24,minmax(0,1fr)) !important;
  gap: 3px;
  margin-bottom: 3px;
  align-items: center;
  width: 100%;
}

.phspb-heatmap-corner,
.phspb-heatmap-dlabel {
  padding-right: 6px;
  color: rgba(255,255,255,.45);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}

.phspb-heatmap-hlabel {
  height: 14px;
  color: rgba(255,255,255,.35);
  font-size: 10px;
  font-weight: 650;
  text-align: center;
  line-height: 1;
}

.phspb-heatmap-cell {
  height: 26px;
  border-radius: 6px;
  background: rgba(170,100,255,calc(0.06 + var(--hi,0) * 0.0082));
  cursor: default;
  transition: transform .1s ease, background .1s ease;
}

.phspb-heatmap-cell:hover {
  transform: scale(1.3);
  z-index: 2;
  position: relative;
  background: rgba(200,140,255,calc(0.18 + var(--hi,0) * 0.0078)) !important;
}

.phspb-heatmap-legend {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  justify-content: flex-end;
  color: rgba(255,255,255,.38);
  font-size: 11px;
  font-weight: 650;
}

.phspb-heatmap-legend-strip {
  display: flex;
  gap: 3px;
}

.phspb-heatmap-legend-strip .phspb-heatmap-cell {
  width: 18px;
  height: 14px;
  border-radius: 3px;
}

.phspb-schedule-building {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 18px;
  margin-bottom: 20px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.phspb-schedule-building-icon {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}

.phspb-schedule-building strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 750;
  margin-bottom: 4px;
}

.phspb-schedule-building p {
  margin: 0;
  color: rgba(255,255,255,.55);
  font-size: 13px;
  line-height: 1.6;
}

.phspb-heatmap--building {
  opacity: .65;
}

.phspb-schedule-card .phspb-section-subtitle {
  font-size: 13px !important;
  opacity: .65;
  margin-top: 8px !important;
}

/* ═══ Related / More like this ════════════════════════════════════════════ */
.phspb-related-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}

.phspb-related-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  color: #fff;
  text-decoration: none;
}

.phspb-related-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 14px;
}

.phspb-related-card span {
  color: rgba(255,255,255,.66);
  font-size: 13px;
}

.phspb-more-like-this {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  padding: 18px 20px;
  margin: 8px 0 10px;
  border-radius: 22px;
  background: radial-gradient(circle at top left, rgba(111,61,202,.14), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border: 1px solid rgba(190,150,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 38px rgba(8,3,24,.24);
}

.phspb-mlt-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.phspb-mlt-label {
  color: rgba(255,255,255,.92);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 850;
}

.phspb-mlt-sub {
  color: rgba(255,255,255,.46);
  font-size: 12px;
  line-height: 1.45;
}

.phspb-mlt-main,
.phspb-mlt-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.phspb-mlt-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(190,150,255,.08);
  border: 1px solid rgba(190,150,255,.18);
  color: rgba(255,255,255,.84);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 750;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.phspb-mlt-chip-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  font-size: 15px;
}

.phspb-mlt-chip--primary {
  min-height: 50px;
  padding: 12px 20px;
  background: linear-gradient(180deg, rgba(110,76,190,.26), rgba(94,54,170,.18));
  border-color: rgba(190,150,255,.28);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 22px rgba(46,18,95,.24);
}

.phspb-mlt-chip--location { background: rgba(129,108,196,.12); }
.phspb-mlt-chip--feature { background: rgba(108,88,170,.14); }

.phspb-mlt-chip:hover {
  transform: translateY(-1px);
  background: rgba(190,150,255,.16);
  border-color: rgba(190,150,255,.38);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(20,8,42,.26);
}

/* ═══ Goal / trend ════════════════════════════════════════════════════════ */
.phspb-trend {
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
}

.phspb-trend-up { color: #4ade80; background: rgba(74,222,128,.18); }
.phspb-trend-down { color: #f87171; background: rgba(248,113,113,.18); }

.phspb-goal-wrap {
  margin-top: 20px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,200,50,.18);
}

.phspb-goal-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.phspb-goal-label {
  color: rgba(255,255,255,.65);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.phspb-goal-pct {
  color: #fff;
  font-size: 22px;
  font-weight: 850;
  line-height: 1;
}

.phspb-goal-counts {
  margin-left: auto;
  color: rgba(255,255,255,.5);
  font-size: 13px;
}

.phspb-goal-bar-track {
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  margin-bottom: 8px;
}

.phspb-goal-bar-fill {
  height: 100%;
  min-width: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #a855f7, #f59e0b);
  transition: width .4s ease;
}

.phspb-goal-bar-fill.phspb-goal-done {
  background: linear-gradient(90deg, #22c55e, #4ade80);
}

.phspb-goal-remaining {
  color: rgba(255,255,255,.45);
  font-size: 12px;
}

.phspb-goal-done-text {
  color: #4ade80 !important;
  font-weight: 750;
}

.phspb-goal-wrap--remaining {
  display: flex;
  align-items: center;
  gap: 12px;
  border-color: rgba(255,200,50,.14);
}

.phspb-goal-remaining-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(245,158,11,.12);
  border: 1px solid rgba(245,158,11,.28);
  color: rgba(255,220,100,.9);
  font-size: 13px;
  font-weight: 750;
}

/* ═══ Breadcrumbs ═════════════════════════════════════════════════════════ */
.phspb-breadcrumbs {
  padding: 8px 0 16px;
  font-size: 13px;
}

.phspb-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.phspb-breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.40);
}

.phspb-breadcrumbs li::after {
  content: "›";
  opacity: .4;
}

.phspb-breadcrumbs li:last-child::after {
  display: none;
}

.phspb-breadcrumbs a {
  color: rgba(255,255,255,.55);
  text-decoration: none !important;
}

.phspb-breadcrumbs a:hover {
  color: rgba(255,255,255,.85);
}

.phspb-breadcrumbs [aria-current] {
  color: rgba(255,255,255,.75);
  font-weight: 650;
}

/* ═══ Recently viewed ═════════════════════════════════════════════════════ */
.phspb-recently-viewed-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.phspb-rv-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}

.phspb-rv-item:hover {
  background: linear-gradient(180deg, rgba(190,150,255,.14), rgba(255,255,255,.06)) !important;
  border-color: rgba(190,150,255,.26) !important;
  color: #fff !important;
}

.phspb-rv-thumb,
.phspb-rv-thumb-placeholder {
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 0 0 3px rgba(190,150,255,.06) !important;
}

.phspb-rv-thumb-placeholder {
  background: rgba(255,255,255,.08);
}

.phspb-rv-name {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.phspb-rv-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
  flex-shrink: 0 !important;
  animation: phspb-pulse 2s ease-in-out infinite !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.10) !important;
}

/* ═══ Sticky CTA ══════════════════════════════════════════════════════════ */
.phspb-sticky-cta {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999;
  width: min(360px, calc(100vw - 32px));
  opacity: 0;
  transform: translateY(18px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}

.phspb-sticky-cta--visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.phspb-sticky-shell {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(34,18,62,.92), rgba(18,10,34,.96));
  border: 1px solid rgba(195,150,255,.24);
  box-shadow: 0 18px 48px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  text-decoration: none !important;
}

.phspb-sticky-shell:hover {
  border-color: rgba(215,170,255,.38);
  box-shadow: 0 22px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07);
}

.phspb-sticky-thumb-wrap {
  width: 54px;
  height: 54px;
  min-width: 54px;
  flex: 0 0 54px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(210,165,255,.44);
  box-shadow: 0 6px 20px rgba(0,0,0,.28);
}

.phspb-sticky-thumb {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 100%;
  max-width: none !important;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1 / 1;
}

.phspb-sticky-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

.phspb-sticky-name {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: none !important;
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.phspb-sticky-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.8);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 750;
}

.phspb-sticky-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ph-danger);
  box-shadow: 0 0 0 4px rgba(255,77,109,.14);
  flex: 0 0 auto;
}

.phspb-sticky-watch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(175,95,255,.24), rgba(110,50,210,.18));
  border: 1px solid rgba(205,145,255,.34);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ═══ Live Core card overrides inside PHSPB ═══════════════════════════════ */
.phspb-model-shortcode .phlc-name-link,
.phspb-filter-landing-wrap .phlc-name-link,
body.phspb-filter-landing-page .phlc-name-link {
  color: inherit !important;
  text-decoration: none !important;
}

.phspb-model-shortcode .phlc-name-link:hover,
.phspb-filter-landing-wrap .phlc-name-link:hover,
body.phspb-filter-landing-page .phlc-name-link:hover {
  text-decoration: underline !important;
}

.phspb-model-shortcode .phlc-card .phlc-cta,
.phspb-model-shortcode .phlc-scope .phlc-cta,
.phspb-filter-landing-wrap .phlc-card .phlc-cta,
body.phspb-filter-landing-page .phlc-card .phlc-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 12px 18px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
  border: 1px solid rgba(197,146,255,.34) !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
  backdrop-filter: blur(12px) saturate(140%) !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}

.phspb-model-shortcode .phlc-card .phlc-cta:hover,
.phspb-model-shortcode .phlc-scope .phlc-cta:hover,
.phspb-filter-landing-wrap .phlc-card .phlc-cta:hover,
body.phspb-filter-landing-page .phlc-card .phlc-cta:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08)) !important;
  border-color: rgba(210,160,255,.48) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 28px rgba(0,0,0,.26) !important;
}

.phspb-sidebar-shortcode .phlc-subject,
.phlc-card-compact .phlc-subject,
.phlc-recommended-wrap .phlc-subject {
  display: none !important;
}

.phspb-model-shortcode .phlc-layout,
.phspb-filter-landing-wrap .phlc-layout,
body.phspb-filter-landing-page .phlc-layout {
  display: block !important;
}

.phspb-model-shortcode .phlc-main,
.phspb-filter-landing-wrap .phlc-main,
body.phspb-filter-landing-page .phlc-main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.phspb-model-shortcode .phlc-grid,
.phspb-model-shortcode .phlc-grid-featured,
.phspb-model-shortcode .phlc-grid-country,
.phspb-model-shortcode .phlc-grid.phlc-grid-our_models,
.phspb-model-shortcode .phlc-grid.phlc-grid-country_rooms,
.phspb-model-shortcode .phlc-grid.phlc-grid-other_rooms,
.phspb-filter-landing-wrap .phlc-grid,
.phspb-filter-landing-wrap .phlc-grid-featured,
.phspb-filter-landing-wrap .phlc-grid-country,
.phspb-filter-landing-wrap .phlc-grid.phlc-grid-our_models,
.phspb-filter-landing-wrap .phlc-grid.phlc-grid-country_rooms,
.phspb-filter-landing-wrap .phlc-grid.phlc-grid-other_rooms,
body.phspb-filter-landing-page .phlc-grid,
body.phspb-filter-landing-page .phlc-grid-featured,
body.phspb-filter-landing-page .phlc-grid-country,
body.phspb-filter-landing-page .phlc-grid.phlc-grid-our_models,
body.phspb-filter-landing-page .phlc-grid.phlc-grid-country_rooms,
body.phspb-filter-landing-page .phlc-grid.phlc-grid-other_rooms {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  justify-content: start !important;
}

.phspb-model-shortcode .phlc-grid > .phlc-card,
.phspb-filter-landing-wrap .phlc-grid > .phlc-card,
body.phspb-filter-landing-page .phlc-grid > .phlc-card {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* ═══ Filter landing pages ════════════════════════════════════════════════ */
body.phspb-filter-landing-page,
html body.phspb-filter-landing-page {
  background: #12091f !important;
  color: rgba(255,255,255,.92) !important;
  overflow-x: hidden !important;
}

body.phspb-filter-landing-page .site,
body.phspb-filter-landing-page .site-content,
body.phspb-filter-landing-page .content-area,
body.phspb-filter-landing-page main,
body.phspb-filter-landing-page #primary,
body.phspb-filter-landing-page #main,
body.phspb-filter-landing-page .entry-content,
body.phspb-filter-landing-page .page-content,
body.phspb-filter-landing-page #content,
body.phspb-filter-landing-page .phspb-shell,
body.phspb-filter-landing-page .phspb-shell-inner,
body.phspb-filter-landing-page .phspb-model-shortcode,
body.phspb-filter-landing-page .phspb-page-layout,
body.phspb-filter-landing-page .phspb-model-block {
  background: #12091f !important;
  max-width: none !important;
  width: 100% !important;
  padding-top: 0 !important;
  overflow: visible !important;
}

.phspb-filter-page-wrap {
  padding: 0;
}

.phspb-filter-page-header {
  padding: 28px 0 20px;
  margin-bottom: 4px;
}

.phspb-filter-page-header h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(28px,4vw,52px);
  font-weight: 850;
  letter-spacing: -.03em;
  line-height: 1.05;
}

.phspb-filter-page-desc {
  margin: 0;
  max-width: 640px;
  color: rgba(255,255,255,.55);
  font-size: 15px;
  line-height: 1.55;
}

.phspb-filter-live-count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(239,68,68,.10);
  border: 1px solid rgba(239,68,68,.22);
  color: rgba(255,255,255,.85);
  font-size: 14px;
  font-weight: 750;
}

body.phspb-filter-landing-page .phspb-filter-hero-card,
.phspb-filter-landing-wrap .phspb-filter-hero-card,
body.phspb-filter-landing-page .phspb-filter-directory-shell,
.phspb-filter-landing-wrap .phspb-filter-directory-shell {
  background: #12091f !important;
  border: 1px solid rgba(190,150,255,.16) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card,
.phspb-filter-landing-wrap .phspb-filter-hero-card {
  margin-bottom: 16px !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell,
.phspb-filter-landing-wrap .phspb-filter-directory-shell {
  padding: 20px 20px 24px !important;
}

body.phspb-filter-landing-page .phspb-filter-thumb-wrap,
.phspb-filter-landing-wrap .phspb-filter-thumb-wrap {
  width: 84px;
  height: 84px;
  min-width: 84px;
  flex: 0 0 84px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(167,101,255,.28), rgba(74,27,120,.52));
  border: 1px solid rgba(214,176,255,.28);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
}

body.phspb-filter-landing-page .phspb-filter-thumb-badge,
.phspb-filter-landing-wrap .phspb-filter-thumb-badge {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  font-weight: 850;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.26), rgba(255,255,255,.06) 58%, rgba(0,0,0,.08) 100%);
  border: 1px solid rgba(255,255,255,.18);
}

body.phspb-filter-landing-page .phspb-btn-ghost,
.phspb-filter-landing-wrap .phspb-btn-ghost {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory,
body.phspb-filter-landing-page #phspb-filter-directory > .phlc-scope,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-directory,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-layout,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-main,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-section,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-block,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-wrap,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-shell,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-stage,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-our_models,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country_rooms,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-other_rooms,
.phspb-filter-landing-wrap #phspb-filter-directory,
.phspb-filter-landing-wrap #phspb-filter-directory > .phlc-scope,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-directory,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-layout,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-main,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-section,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-block,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid-wrap,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid-featured,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid-country,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid-other_rooms,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid-country_rooms,
.phspb-filter-landing-wrap #phspb-filter-directory .phlc-grid-our_models {
  background: #12091f !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell > .phlc-scope,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-directory,
.phspb-filter-landing-wrap .phspb-filter-directory-shell > .phlc-scope,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-directory {
  --bg: #12091f !important;
  --card: rgba(255,255,255,.04) !important;
  --card2: rgba(255,255,255,.03) !important;
  --stroke: rgba(190,150,255,.18) !important;
  --text: rgba(255,255,255,.92) !important;
  --muted: rgba(255,255,255,.72) !important;
  --muted2: rgba(255,255,255,.56) !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-toolbar,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-filters,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-toolbar,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-filters {
  background: transparent !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-toolbar,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-toolbar {
  margin-bottom: 18px;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-search,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-sort,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-reset,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-open-filters,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-search,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-sort,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-reset,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-open-filters {
  min-height: 46px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(190,150,255,.28) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-search,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-search {
  padding: 0 16px !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-toggle,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-results-count,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-toggle,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-results-count {
  color: rgba(255,255,255,.72) !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-section,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-section {
  border: 0 !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-block-head,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-block-head {
  margin-bottom: 14px !important;
  background: transparent !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-block-head h3,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-block-head h3 {
  color: #fff !important;
  font-size: clamp(26px,2vw,42px) !important;
  line-height: 1.02 !important;
  font-weight: 850 !important;
  letter-spacing: -.04em !important;
  background: transparent !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-block-count,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-block-count {
  color: rgba(255,255,255,.68) !important;
  background: transparent !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-card,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-card {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(190,150,255,.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.24) !important;
  overflow: hidden !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-thumb-wrap,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-thumb-wrap {
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-card-body,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-card-body {
  padding: 16px 16px 18px !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-name-link,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-name-link {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 850 !important;
  letter-spacing: -.04em !important;
  text-decoration: none !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-subname,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-subject,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-subname,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-subject {
  color: rgba(255,255,255,.72) !important;
}

body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-pill,
body.phspb-filter-landing-page .phspb-filter-directory-shell .phlc-chipline,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-pill,
.phspb-filter-landing-wrap .phspb-filter-directory-shell .phlc-chipline {
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
}

/* ═══ Responsive ══════════════════════════════════════════════════════════ */
@media (max-width: 1680px) {
  .phspb-page-layout {
    grid-template-columns: 262px minmax(0,1fr) 248px !important;
    gap: 20px !important;
  }

  .phspb-embed-wrap {
    aspect-ratio: 16 / 8.8 !important;
  }
}

@media (max-width: 1440px) {
  .phspb-page-layout {
    grid-template-columns: 236px minmax(0,1fr) 220px !important;
    gap: 18px !important;
  }

  .phspb-thumb-wrap {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    flex-basis: 110px !important;
  }

  .phspb-embed-wrap {
    aspect-ratio: 16 / 8.7 !important;
  }

  .phspb-stats-grid--product {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .phspb-pattern-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1200px) {
  .phspb-page-layout {
    grid-template-columns: 214px minmax(0,1fr) 196px !important;
    gap: 16px !important;
  }

  .phspb-sidebar-panel {
    padding: 14px 12px !important;
  }
}

@media (max-width: 1050px) {
  .phspb-page-layout {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 16px !important;
  }

  .phspb-sidebar-left,
  .phspb-sidebar-right {
    display: none !important;
  }

  .phspb-model-shortcode {
    padding: 0 12px 30px !important;
  }

  .phspb-topbar {
    top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .phspb-model-shortcode .phlc-grid,
  .phspb-model-shortcode .phlc-grid-featured,
  .phspb-model-shortcode .phlc-grid-country,
  .phspb-model-shortcode .phlc-grid.phlc-grid-our_models,
  .phspb-model-shortcode .phlc-grid.phlc-grid-country_rooms,
  .phspb-model-shortcode .phlc-grid.phlc-grid-other_rooms,
  .phspb-filter-landing-wrap .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid-featured,
  .phspb-filter-landing-wrap .phlc-grid-country,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-our_models,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-country_rooms,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-other_rooms,
  body.phspb-filter-landing-page .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid-featured,
  body.phspb-filter-landing-page .phlc-grid-country,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  }

  .phspb-stats-grid--product {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .phspb-session-row--clean {
    grid-template-columns: .75fr 1.20fr .70fr .70fr .70fr !important;
    gap: 12px !important;
  }
}

@media (max-width: 980px) {
  .phspb-sticky-cta {
    right: 12px;
    left: 12px;
    width: auto;
    bottom: 12px;
  }

  .phspb-sticky-watch {
    padding: 10px 12px;
    font-size: 12px;
  }

  .phspb-sticky-thumb-wrap {
    width: 48px;
    height: 48px;
    min-width: 48px;
    flex-basis: 48px;
  }
}

@media (max-width: 767px) {
  .phspb-model-shortcode {
    padding: 10px 12px 24px !important;
  }

  .phspb-model-block > * + * {
    margin-top: 24px !important;
  }

  .phspb-topbar {
    display: block !important;
    top: 0;
    padding: 10px 0 8px !important;
    margin-bottom: 12px;
  }

  .phspb-topbar-search-row {
    margin-bottom: 8px !important;
    gap: 10px !important;
  }

  .phspb-search-form {
    min-height: 48px !important;
    padding-left: 16px !important;
  }

  .phspb-nav-search {
    font-size: 15px !important;
  }

  .phspb-quick-chips-scroll {
    gap: 6px !important;
    padding-bottom: 4px !important;
  }

  .phspb-nav-chip {
    min-height: 34px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
  }

  .phspb-page-layout {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    max-width: none !important;
  }

  .phspb-sidebar-left,
  .phspb-sidebar-right {
    display: none !important;
  }

  .phspb-hero-card,
  .phspb-card {
    padding: 16px 14px 18px !important;
    border-radius: 20px !important;
  }

  .phspb-heading {
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
  }

  .phspb-kicker {
    min-height: 24px !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }

  .phspb-heading h1,
  .phspb-hero-card h1 {
    margin: 0 0 8px !important;
    color: #fff !important;
    background: transparent !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #fff !important;
    font-size: clamp(22px,9.4vw,42px) !important;
    line-height: 1.04 !important;
  }

  .phspb-thumb-wrap {
    display: none !important;
  }

  .phspb-embed-wrap {
    aspect-ratio: 16 / 12 !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  .phspb-embed-wrap iframe {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }

  .phspb-embed-wrap.phspb-offline {
    width: 100% !important;
    min-height: auto !important;
    grid-column: 1 / -1 !important;
    padding: 20px 16px !important;
  }

  .phspb-offline-placeholder {
    width: 100% !important;
    gap: 14px !important;
  }

  .phspb-offline-label {
    max-width: none;
    font-size: 22px !important;
  }

  .phspb-offline-sub {
    max-width: none !important;
    font-size: 13px !important;
  }

  .phspb-offline-actions,
  .phspb-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .phspb-btn,
  .phspb-push-btn,
  .phspb-offline-actions .phspb-btn,
  .phspb-offline-actions .phspb-push-btn,
  .phspb-hero-actions .phspb-btn,
  .phspb-hero-actions .phspb-push-btn {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  .phspb-badges {
    gap: 8px !important;
  }

  .phspb-badge,
  .phspb-badge-live-tags,
  .phspb-badge-tags-wrap {
    width: 100% !important;
    min-height: 48px !important;
  }

  .phspb-badge-live-tags,
  .phspb-badge-tags-wrap {
    align-items: flex-start !important;
    padding: 10px 12px !important;
  }

  .phspb-tag-chips {
    gap: 7px !important;
    flex: 1 1 auto !important;
  }

  .phspb-tag-chip {
    min-height: 32px !important;
    padding: 7px 12px !important;
    font-size: 12.5px !important;
  }

  .phspb-stats-grid,
  .phspb-stats-grid--product {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  .phspb-stat-card,
  .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 132px !important;
    padding: 15px 13px !important;
    border-radius: 18px !important;
  }

  .phspb-stats-grid--product .phspb-stat-icon {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 13px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
  }

  .phspb-stats-grid--product .phspb-stat-label {
    font-size: 9.8px !important;
    letter-spacing: .10em !important;
  }

  .phspb-stats-grid--product .phspb-stat-value {
    font-size: 18px !important;
    line-height: 1.20 !important;
  }

  .phspb-stats-grid--product .phspb-stat-subvalue {
    font-size: 11.5px !important;
  }

  .phspb-stats-quality {
    padding: 14px !important;
    border-radius: 16px !important;
    gap: 12px !important;
  }

  .phspb-stats-quality-icon {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    font-size: 21px !important;
  }

  .phspb-session-row,
  .phspb-session-row--clean {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 15px 14px !important;
    border-radius: 18px !important;
  }

  .phspb-session-row--clean .phspb-session-day {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
  }

  .phspb-session-row--clean .phspb-session-date {
    display: inline !important;
    margin-top: 0 !important;
  }

  .phspb-session-row--clean .phspb-session-time {
    gap: 6px !important;
    font-size: 15px !important;
  }

  .phspb-session-time,
  .phspb-session-meta,
  .phspb-session-row--clean .phspb-session-meta {
    font-size: 13.5px !important;
  }

  .phspb-related-grid {
    grid-template-columns: 1fr;
  }

  .phspb-more-like-this {
    padding: 16px;
    gap: 12px;
  }

  .phspb-mlt-grid {
    gap: 8px;
  }

  .phspb-mlt-chip {
    min-height: 40px;
    padding: 9px 14px;
    font-size: 13px;
  }

  .phspb-mlt-chip--primary {
    width: 100%;
  }

  .phspb-vchart-shell {
    padding: 16px 14px 14px;
  }

  .phspb-vchart-head {
    align-items: flex-start;
    gap: 14px;
  }

  .phspb-vchart-headcopy {
    flex: 1 1 100%;
  }

  .phspb-vchart-switcher {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: 8px;
    justify-content: stretch;
  }

  .phspb-vchart-switch {
    width: 100% !important;
    min-width: 0;
    text-align: center;
    padding: 11px 10px;
    font-size: 13px;
    display: flex;
    justify-content: center;
  }

  .phspb-vchart {
    gap: 12px;
    flex-direction: column;
    min-height: 0;
  }

  .phspb-vchart-labels {
    width: 100%;
    flex: 0 0 auto;
    padding-bottom: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
  }

  .phspb-vchart-scale {
    font-size: 14px;
    max-width: 100%;
  }

  .phspb-vchart-scale-sub {
    text-align: left;
  }

  .phspb-vchart-bars {
    min-height: 138px;
    width: 100%;
    overflow: hidden;
    gap: 6px;
  }

  .phspb-vchart-col {
    min-height: 138px;
    max-width: none;
  }

  .phspb-vchart-day {
    font-size: 11px;
  }

  .phspb-vchart-date {
    font-size: 9px;
  }

  .phspb-pattern-grid {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }

  .phspb-pattern-chip {
    min-height: 0 !important;
    padding: 15px 14px !important;
    border-radius: 18px !important;
  }

  .phspb-pattern-icon {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
    font-size: 17px !important;
  }

  .phspb-pattern-value {
    font-size: 18px !important;
  }

  .phspb-pattern-summary {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  .phspb-model-shortcode .phlc-grid,
  .phspb-model-shortcode .phlc-grid-featured,
  .phspb-model-shortcode .phlc-grid-country,
  .phspb-model-shortcode .phlc-grid.phlc-grid-our_models,
  .phspb-model-shortcode .phlc-grid.phlc-grid-country_rooms,
  .phspb-model-shortcode .phlc-grid.phlc-grid-other_rooms,
  .phspb-filter-landing-wrap .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid-featured,
  .phspb-filter-landing-wrap .phlc-grid-country,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-our_models,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-country_rooms,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-other_rooms,
  body.phspb-filter-landing-page .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid-featured,
  body.phspb-filter-landing-page .phlc-grid-country,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-directory-shell,
  .phspb-filter-landing-wrap .phspb-filter-directory-shell {
    padding: 16px 14px 18px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-thumb-wrap,
  .phspb-filter-landing-wrap .phspb-filter-thumb-wrap {
    width: 72px;
    height: 72px;
    min-width: 72px;
    flex-basis: 72px;
  }

  body.phspb-filter-landing-page .phspb-filter-thumb-badge,
  .phspb-filter-landing-wrap .phspb-filter-thumb-badge {
    width: 54px;
    height: 54px;
    font-size: 22px;
  }
}

@media (max-width: 520px) {
  .phspb-model-shortcode {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .phspb-model-shortcode .phlc-grid,
  .phspb-model-shortcode .phlc-grid-featured,
  .phspb-model-shortcode .phlc-grid-country,
  .phspb-model-shortcode .phlc-grid.phlc-grid-our_models,
  .phspb-model-shortcode .phlc-grid.phlc-grid-country_rooms,
  .phspb-model-shortcode .phlc-grid.phlc-grid-other_rooms,
  .phspb-filter-landing-wrap .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid-featured,
  .phspb-filter-landing-wrap .phlc-grid-country,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-our_models,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-country_rooms,
  .phspb-filter-landing-wrap .phlc-grid.phlc-grid-other_rooms,
  body.phspb-filter-landing-page .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid-featured,
  body.phspb-filter-landing-page .phlc-grid-country,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: 1fr !important;
  }

  .phspb-badge-live-tags,
  .phspb-badge-tags-wrap {
    gap: 10px !important;
  }

  .phspb-tag-chip {
    min-height: 31px !important;
    padding: 6px 11px !important;
    font-size: 12px !important;
  }

  .phspb-stats-grid,
  .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
  }

  .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 112px !important;
  }

  .phspb-sticky-shell {
    padding: 10px 12px;
    border-radius: 18px;
  }

  .phspb-sticky-watch {
    display: none;
  }
}
/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.1 — final visual polish
   Full-width live tag row + cleaner premium stats/cards alignment
   ═════════════════════════════════════════════════════════════════════════════ */

.phspb-fact-badges .phspb-badge-live-tags,
.phspb-fact-badges .phspb-badge-tags-wrap {
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 64px !important;
  padding: 14px 16px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(190,150,255,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.030)) !important;
  border-color: rgba(190,150,255,.18) !important;
}

.phspb-fact-badges .phspb-badge-live-tags .phspb-badge-icon-wrap,
.phspb-fact-badges .phspb-badge-tags-wrap .phspb-badge-icon-wrap {
  margin-top: 1px !important;
}

.phspb-fact-badges .phspb-badge-live-tags .phspb-tag-chips,
.phspb-fact-badges .phspb-badge-tags-wrap .phspb-tag-chips {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding-top: 2px !important;
}

.phspb-fact-badges .phspb-badge-live-tags .phspb-tag-chip,
.phspb-fact-badges .phspb-badge-tags-wrap .phspb-tag-chip {
  min-height: 32px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(190,150,255,.105) !important;
  border: 1px solid rgba(190,150,255,.24) !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

.phspb-stats-grid--product {
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)) !important;
}

.phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"] {
  min-height: 150px !important;
}

.phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  min-height: 128px !important;
}

.phspb-session-tz-note {
  max-width: 920px !important;
  color: rgba(255,255,255,.42) !important;
  line-height: 1.55 !important;
}

.phspb-pattern-card .phspb-pattern-chip:last-child:nth-child(1),
.phspb-pattern-card .phspb-pattern-chip:last-child:nth-child(2),
.phspb-pattern-card .phspb-pattern-chip:last-child:nth-child(3) {
  min-height: 112px !important;
}

@media (max-width: 767px) {
  .phspb-fact-badges .phspb-badge-live-tags,
  .phspb-fact-badges .phspb-badge-tags-wrap {
    align-items: flex-start !important;
    min-height: 0 !important;
    padding: 13px !important;
    gap: 10px !important;
  }

  .phspb-fact-badges .phspb-badge-live-tags .phspb-tag-chips,
  .phspb-fact-badges .phspb-badge-tags-wrap .phspb-tag-chips {
    gap: 7px !important;
  }

  .phspb-fact-badges .phspb-badge-live-tags .phspb-tag-chip,
  .phspb-fact-badges .phspb-badge-tags-wrap .phspb-tag-chip {
    min-height: 30px !important;
    padding: 7px 11px !important;
    font-size: 11.5px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB public.css — final watch-time UX polish
   Full-file build patch: live tag badge sizing + premium pattern cards
   ═════════════════════════════════════════════════════════════════════════════ */

/* Live tags inside Live room details: keep the badge readable and same-size */
.phspb-badge-live-tags,
.phspb-badge-tags-wrap {
  flex: 1 1 280px !important;
  min-width: min(100%, 280px) !important;
  max-width: 100% !important;
  align-items: center !important;
}

.phspb-badge-tags-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 6px !important;
}

.phspb-badge-tags-body .phspb-badge-lbl {
  display: block !important;
  margin-bottom: 1px !important;
}

.phspb-badge-live-tags .phspb-tag-chips,
.phspb-badge-tags-wrap .phspb-tag-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.phspb-badge-live-tags .phspb-tag-chip,
.phspb-badge-tags-wrap .phspb-tag-chip {
  min-height: 26px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
  background: rgba(190,150,255,.14) !important;
  border-color: rgba(210,170,255,.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Best time block: make it useful, not technical */
.phspb-pattern-card .phspb-section-title {
  letter-spacing: -.045em !important;
}

.phspb-pattern-summary {
  max-width: 1120px !important;
  color: rgba(255,255,255,.70) !important;
}

.phspb-pattern-chip[data-pattern-primary="1"],
.phspb-pattern-chip[data-best-time-card="1"] {
  background:
    radial-gradient(circle at 15% 0%, rgba(210,170,255,.18), transparent 42%),
    linear-gradient(180deg, rgba(190,150,255,.105), rgba(255,255,255,.034)) !important;
  border-color: rgba(214,176,255,.30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 30px rgba(0,0,0,.14) !important;
}

.phspb-pattern-chip[data-pattern-primary="1"] .phspb-pattern-value,
.phspb-pattern-chip[data-best-time-card="1"] .phspb-pattern-value {
  font-size: clamp(19px, 1.25vw, 23px) !important;
}

.phspb-pattern-chip .phspb-pattern-subvalue {
  max-width: 24ch !important;
}

/* Public alert subscriber card */
.phspb-stats-grid--product .phspb-stat-card .phspb-stat-label {
  min-height: 1.18em !important;
}

/* Slightly reduce empty-feeling second rows on wide screens */
@media (min-width: 1441px) {
  .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 144px !important;
  }
}

@media (max-width: 767px) {
  .phspb-badge-live-tags,
  .phspb-badge-tags-wrap {
    flex-basis: 100% !important;
    min-width: 0 !important;
  }

  .phspb-badge-live-tags .phspb-tag-chip,
  .phspb-badge-tags-wrap .phspb-tag-chip {
    min-height: 28px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  .phspb-pattern-chip[data-pattern-primary="1"] .phspb-pattern-value,
  .phspb-pattern-chip[data-best-time-card="1"] .phspb-pattern-value {
    font-size: 17px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.3 — premium layout corrections
   Fixes: compact mobile cards, centered stats content, 12 recommended streams,
   no oversized mobile blocks, cleaner watch-time text area.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Stream stats: 8 useful cards should read as a clean 4 × 2 product grid. */
.phspb-stats-card .phspb-stats-grid--product {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
  min-height: 136px !important;
  padding: 17px 17px 16px !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon {
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 13px !important;
  border-radius: 13px !important;
  font-size: 17px !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-label {
  min-height: 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  letter-spacing: .115em !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
  margin-top: 9px !important;
  font-size: clamp(18px, 1.05vw, 22px) !important;
  line-height: 1.12 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.34 !important;
}

/* Best time block: keep it compact and premium instead of looking like another large stats section. */
.phspb-pattern-card .phspb-pattern-summary {
  max-width: 880px !important;
  margin: -2px 0 18px !important;
  color: rgba(255,255,255,.64) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.phspb-pattern-card .phspb-pattern-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.phspb-pattern-card .phspb-pattern-chip {
  min-height: 112px !important;
  padding: 15px 15px !important;
  align-items: center !important;
}

.phspb-pattern-card .phspb-pattern-icon {
  width: 36px !important;
  height: 36px !important;
  flex-basis: 36px !important;
  border-radius: 13px !important;
  font-size: 17px !important;
}

.phspb-pattern-card .phspb-pattern-label {
  font-size: 10px !important;
  line-height: 1.16 !important;
  letter-spacing: .112em !important;
}

.phspb-pattern-card .phspb-pattern-value {
  font-size: 21px !important;
  line-height: 1.15 !important;
}

.phspb-pattern-card .phspb-pattern-subvalue {
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

/* Recent sessions: less empty space on desktop, tighter rows on mobile. */
.phspb-history-card .phspb-session-history--clean {
  gap: 10px !important;
}

.phspb-history-card .phspb-session-row--clean {
  min-height: 76px !important;
  padding: 14px 16px !important;
  grid-template-columns: .72fr 1.15fr .58fr .66fr .58fr !important;
  gap: 12px !important;
}

.phspb-history-card .phspb-session-row--clean .phspb-session-day strong,
.phspb-history-card .phspb-session-row--clean .phspb-session-time,
.phspb-history-card .phspb-session-row--clean .phspb-session-meta {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.phspb-history-card .phspb-session-row--clean .phspb-session-date,
.phspb-history-card .phspb-session-row--clean .phspb-session-avg {
  font-size: 11.5px !important;
}

/* Recommended block: on desktop use exactly 6 columns, so 12 rooms form 2 complete rows. */
.phspb-recommended-streams .phlc-grid,
.phspb-recommended-streams .phlc-grid-featured,
.phspb-recommended-streams .phlc-grid-country,
.phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
.phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
.phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.phspb-recommended-streams .phlc-grid > .phlc-card,
.phspb-recommended-streams .phlc-grid-featured > .phlc-card,
.phspb-recommended-streams .phlc-grid-country > .phlc-card {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (max-width: 1680px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1440px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .phspb-pattern-card .phspb-pattern-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1050px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card .phspb-section-divider,
  .phspb-history-card .phspb-section-divider,
  .phspb-pattern-card .phspb-section-divider {
    margin: 16px 0 18px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 104px !important;
    padding: 12px 12px !important;
    border-radius: 16px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 9px !important;
    border-radius: 11px !important;
    font-size: 15px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-label {
    font-size: 8.7px !important;
    letter-spacing: .082em !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
    margin-top: 6px !important;
    font-size: 15px !important;
    line-height: 1.12 !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
    margin-top: 4px !important;
    font-size: 11.5px !important;
    line-height: 1.24 !important;
  }

  .phspb-pattern-card .phspb-pattern-summary {
    margin: -4px 0 14px !important;
    font-size: 13px !important;
    line-height: 1.54 !important;
  }

  .phspb-pattern-card .phspb-pattern-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .phspb-pattern-card .phspb-pattern-chip {
    min-height: 0 !important;
    padding: 13px 13px !important;
    border-radius: 17px !important;
  }

  .phspb-pattern-card .phspb-pattern-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border-radius: 11px !important;
    font-size: 15px !important;
  }

  .phspb-pattern-card .phspb-pattern-value {
    font-size: 15.5px !important;
  }

  .phspb-history-card .phspb-session-row--clean {
    grid-template-columns: 1fr 1fr !important;
    min-height: 0 !important;
    padding: 13px 14px !important;
    gap: 9px 12px !important;
    border-radius: 16px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-day,
  .phspb-history-card .phspb-session-row--clean .phspb-session-time {
    grid-column: span 1 !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-duration,
  .phspb-history-card .phspb-session-row--clean .phspb-session-peak,
  .phspb-history-card .phspb-session-row--clean .phspb-session-avg {
    font-size: 12px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-avg {
    display: none !important;
  }

  .phspb-session-badge {
    min-height: 20px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 430px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 98px !important;
    padding: 11px 10px !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: 1fr !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.4 — mobile conversion polish
   Fixes: non-overlapping mobile header/CTA, compact stats, 2-column mobile
   recommendations, tighter sessions, cleaner lower-page rhythm.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Stats cards: keep content optically centered inside each tile. */
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
  justify-content: center !important;
  align-items: flex-start !important;
}

/* Recommended streams should form clean complete rows on desktop. */
@media (min-width: 1681px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* Mobile shell: top search must not cover section headings while scrolling. */
@media (max-width: 767px) {
  .phspb-model-shortcode {
    padding: 8px 10px 112px !important;
    overflow-x: hidden !important;
  }

  .phspb-topbar {
    position: relative !important;
    top: auto !important;
    z-index: 3 !important;
    padding: 8px 0 10px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(180deg, rgba(18,9,31,.98), rgba(18,9,31,.92)) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .phspb-search-form {
    min-height: 46px !important;
    padding: 0 7px 0 15px !important;
  }

  .phspb-nav-search {
    padding: 12px 0 !important;
    font-size: 14.5px !important;
  }

  .phspb-search-btn,
  .phspb-search-form button,
  .phspb-search-form button:hover,
  .phspb-search-form button:focus {
    min-width: 40px !important;
    height: 40px !important;
    font-size: 17px !important;
  }

  .phspb-quick-chips-scroll {
    gap: 6px !important;
    padding: 3px 0 4px !important;
  }

  .phspb-nav-chip {
    min-height: 32px !important;
    padding: 6px 11px !important;
    font-size: 11.5px !important;
  }

  .phspb-model-block > * + * {
    margin-top: 20px !important;
  }

  .phspb-hero-card,
  .phspb-card {
    padding: 15px 13px 17px !important;
    border-radius: 19px !important;
  }

  .phspb-section-head {
    gap: 12px !important;
  }

  .phspb-section-accent {
    flex-basis: 6px !important;
    width: 6px !important;
    min-height: 54px !important;
  }

  .phspb-section-title {
    font-size: clamp(25px, 7.2vw, 34px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
  }

  .phspb-section-subtitle {
    margin-top: 7px !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .phspb-section-divider {
    margin: 14px 0 16px !important;
  }

  .phspb-heading h1,
  .phspb-hero-card h1 {
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: 1.02 !important;
  }

  .phspb-live-badge {
    padding: 6px 11px 6px 10px !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
  }

  .phspb-live-label,
  .phspb-live-viewers {
    font-size: 11px !important;
  }

  .phspb-social-proof {
    gap: 6px !important;
  }

  .phspb-sp-item {
    padding: 6px 10px 6px 8px !important;
  }

  .phspb-sp-val {
    font-size: 12.5px !important;
  }

  .phspb-sp-lbl {
    font-size: 11.5px !important;
  }

  .phspb-embed-wrap {
    aspect-ratio: 16 / 11.2 !important;
    border-radius: 15px !important;
  }

  .phspb-hero-actions {
    margin-top: 10px !important;
  }

  .phspb-btn,
  .phspb-push-btn {
    min-height: 48px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
  }

  /* Live room details: readable but not oversized. */
  .phspb-badges {
    margin-top: 0 !important;
    gap: 9px !important;
  }

  .phspb-badge,
  .phspb-badge-tags-wrap,
  .phspb-fact-badges .phspb-badge-live-tags,
  .phspb-fact-badges .phspb-badge-tags-wrap {
    min-height: 54px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    gap: 10px !important;
  }

  .phspb-badge-icon-wrap {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 12px !important;
  }

  .phspb-badge-lbl {
    font-size: 9px !important;
    letter-spacing: .085em !important;
  }

  .phspb-badge-text {
    font-size: 13.5px !important;
    line-height: 1.18 !important;
  }

  .phspb-badge-live-tags .phspb-tag-chip,
  .phspb-badge-tags-wrap .phspb-tag-chip,
  .phspb-fact-badges .phspb-badge-live-tags .phspb-tag-chip,
  .phspb-fact-badges .phspb-badge-tags-wrap .phspb-tag-chip {
    min-height: 27px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }

  /* Stats: compact two-column mobile product grid. */
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 100px !important;
    padding: 11px 10px !important;
    border-radius: 15px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon {
    width: 29px !important;
    height: 29px !important;
    margin-bottom: 8px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-label {
    font-size: 8.4px !important;
    line-height: 1.15 !important;
    letter-spacing: .075em !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
    margin-top: 5px !important;
    font-size: 14.5px !important;
    line-height: 1.12 !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.22 !important;
  }

  .phspb-stats-quality {
    margin-bottom: 14px !important;
    padding: 12px !important;
    gap: 10px !important;
    border-radius: 15px !important;
  }

  .phspb-stats-quality-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }

  .phspb-stats-quality-copy strong {
    font-size: 13px !important;
  }

  .phspb-stats-quality-copy span {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  /* Recommended streams: two cards per row on mobile, not one oversized card. */
  .phspb-recommended-streams {
    padding: 15px 12px 16px !important;
  }

  .phspb-recommended-streams .phlc-recommended-header {
    margin-bottom: 12px !important;
  }

  .phspb-recommended-streams .phlc-section-title,
  .phspb-recommended-streams .phlc-recommended-header h2 {
    font-size: 21px !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .phspb-recommended-streams .phlc-card {
    border-radius: 16px !important;
    min-width: 0 !important;
  }

  .phspb-recommended-streams .phlc-thumb-wrap {
    aspect-ratio: 1 / .94 !important;
    min-height: 0 !important;
    border-radius: 15px 15px 0 0 !important;
  }

  .phspb-recommended-streams .phlc-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .phspb-recommended-streams .phlc-card-body {
    padding: 10px 9px 10px !important;
  }

  .phspb-recommended-streams .phlc-name {
    margin-bottom: 7px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 15px !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    word-break: break-word !important;
  }

  .phspb-recommended-streams .phlc-stats {
    gap: 4px !important;
    margin-bottom: 6px !important;
  }

  .phspb-recommended-streams .phlc-pill,
  .phspb-recommended-streams .phlc-chipline {
    min-height: 22px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 9.8px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
  }

  .phspb-recommended-streams .phlc-ico {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
  }

  .phspb-recommended-streams .phlc-meta,
  .phspb-recommended-streams .phlc-card-tags {
    gap: 4px !important;
    margin-top: 5px !important;
  }

  .phspb-recommended-streams .phlc-card-tags .phlc-chipline:nth-child(n+2) {
    display: none !important;
  }

  .phspb-recommended-streams .phlc-cta {
    min-height: 37px !important;
    margin-top: 9px !important;
    padding: 9px 8px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  /* Recent sessions: two-column mobile data cards, no wide desktop table feel. */
  .phspb-history-card .phspb-session-history--clean {
    gap: 9px !important;
  }

  .phspb-history-card .phspb-session-row--clean {
    grid-template-columns: 1fr 1fr !important;
    gap: 9px 11px !important;
    padding: 12px 13px !important;
    border-radius: 16px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-day {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-time {
    align-items: flex-start !important;
    gap: 5px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-day strong,
  .phspb-history-card .phspb-session-row--clean .phspb-session-time,
  .phspb-history-card .phspb-session-row--clean .phspb-session-meta {
    font-size: 13px !important;
    line-height: 1.16 !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-date {
    font-size: 11.5px !important;
    opacity: .72 !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-duration,
  .phspb-history-card .phspb-session-row--clean .phspb-session-peak {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
  }

  .phspb-session-tz-note {
    margin-top: 11px !important;
    font-size: 11.5px !important;
  }

  /* Best time block: strong answer, compact card stack. */
  .phspb-pattern-card .phspb-pattern-summary {
    margin: -2px 0 13px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .phspb-pattern-card .phspb-pattern-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .phspb-pattern-card .phspb-pattern-chip {
    min-height: 0 !important;
    padding: 12px 12px !important;
    border-radius: 16px !important;
    gap: 10px !important;
  }

  .phspb-pattern-card .phspb-pattern-icon {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  .phspb-pattern-card .phspb-pattern-label {
    font-size: 9.2px !important;
    letter-spacing: .085em !important;
  }

  .phspb-pattern-card .phspb-pattern-value,
  .phspb-pattern-chip[data-pattern-primary="1"] .phspb-pattern-value,
  .phspb-pattern-chip[data-best-time-card="1"] .phspb-pattern-value {
    font-size: 15px !important;
    line-height: 1.14 !important;
  }

  .phspb-pattern-card .phspb-pattern-subvalue {
    font-size: 10.8px !important;
    line-height: 1.28 !important;
  }

  .phspb-more-like-this {
    padding: 14px !important;
    border-radius: 17px !important;
  }

  .phspb-mlt-main,
  .phspb-mlt-grid {
    gap: 7px !important;
  }

  .phspb-mlt-chip {
    min-height: 36px !important;
    padding: 8px 12px !important;
    font-size: 12.5px !important;
  }

  .phspb-breadcrumbs {
    padding: 4px 0 10px !important;
    font-size: 12px !important;
  }

  /* Sticky CTA should never cover lower content. JS adds the lower-section class. */
  .phspb-sticky-cta {
    left: 10px !important;
    right: 10px !important;
    bottom: 9px !important;
    width: auto !important;
    z-index: 900 !important;
  }

  .phspb-sticky-shell {
    min-height: 58px !important;
    padding: 8px 10px !important;
    border-radius: 17px !important;
    gap: 9px !important;
  }

  .phspb-sticky-thumb-wrap {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-basis: 42px !important;
  }

  .phspb-sticky-name {
    font-size: 13.5px !important;
  }

  .phspb-sticky-live {
    font-size: 11px !important;
  }

  .phspb-sticky-watch {
    display: none !important;
  }

  .phspb-sticky-cta.phspb-sticky-cta--lower-section {
    opacity: 0 !important;
    transform: translateY(16px) !important;
    pointer-events: none !important;
  }
}

@media (max-width: 430px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .phspb-recommended-streams .phlc-card-body {
    padding: 9px 8px 9px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 14px !important;
  }

  .phspb-recommended-streams .phlc-pill,
  .phspb-recommended-streams .phlc-chipline {
    font-size: 9.2px !important;
    padding: 4px 6px !important;
  }
}

@media (max-width: 360px) {
  .phspb-recommended-streams .phlc-name-link {
    font-size: 13px !important;
  }

  .phspb-recommended-streams .phlc-pill,
  .phspb-recommended-streams .phlc-chipline {
    font-size: 8.8px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.5 — final mobile rhythm + recommended card equalizer
   Fixes: lower recommended block order, smaller mobile hero title, centered stat
   content, non-covering sticky CTA, stable two-column recommended cards.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Stats: visual center inside tiles, less empty top/bottom space. */
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card .phspb-stat-card {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon,
.phspb-stats-card .phspb-stat-icon {
  margin-left: auto !important;
  margin-right: auto !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-label,
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-value,
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
  width: 100% !important;
}

/* Recommended cards: equal-height product cards inside model pages. */
.phspb-recommended-streams .phlc-grid,
.phspb-recommended-streams .phlc-grid-featured,
.phspb-recommended-streams .phlc-grid-country,
.phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
.phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
.phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
.phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
  align-items: stretch !important;
}

.phspb-recommended-streams .phlc-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
}

.phspb-recommended-streams .phlc-thumb-wrap {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.phspb-recommended-streams .phlc-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.phspb-recommended-streams .phlc-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.phspb-recommended-streams .phlc-name,
.phspb-recommended-streams .phlc-subname,
.phspb-recommended-streams .phlc-subject {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.phspb-recommended-streams .phlc-name-link,
.phspb-recommended-streams .phlc-subname,
.phspb-recommended-streams .phlc-subject {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.phspb-recommended-streams .phlc-name-link {
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
}

.phspb-recommended-streams .phlc-subname,
.phspb-recommended-streams .phlc-subject {
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
}

.phspb-recommended-streams .phlc-meta .phlc-chipline:nth-child(n+2),
.phspb-recommended-streams .phlc-card-tags .phlc-chipline:nth-child(n+3) {
  display: none !important;
}

.phspb-recommended-streams .phlc-cta {
  margin-top: auto !important;
}

@media (min-width: 1681px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phspb-model-shortcode {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .phspb-heading h1,
  .phspb-hero-card h1 {
    font-size: clamp(28px, 8.15vw, 38px) !important;
    line-height: 1.03 !important;
    letter-spacing: -.05em !important;
  }

  .phspb-kicker {
    max-width: 100% !important;
    font-size: 11.5px !important;
  }

  .phspb-social-proof {
    margin-top: 8px !important;
  }

  .phspb-sp-item {
    min-height: 28px !important;
    padding: 5px 9px 5px 8px !important;
  }

  .phspb-sp-val {
    font-size: 12px !important;
  }

  .phspb-sp-lbl {
    font-size: 10px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 88px !important;
    padding: 10px 8px !important;
    border-radius: 14px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon {
    width: 27px !important;
    height: 27px !important;
    margin-bottom: 7px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-label {
    font-size: 8px !important;
    line-height: 1.12 !important;
    letter-spacing: .065em !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
    margin-top: 4px !important;
    font-size: 13.5px !important;
    line-height: 1.1 !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
    margin-top: 3px !important;
    font-size: 9.5px !important;
    line-height: 1.18 !important;
  }

  .phspb-history-card .phspb-session-row--clean {
    min-height: 0 !important;
    padding: 11px 12px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-day strong,
  .phspb-history-card .phspb-session-row--clean .phspb-session-time,
  .phspb-history-card .phspb-session-row--clean .phspb-session-meta {
    font-size: 12.5px !important;
  }

  .phspb-pattern-card .phspb-pattern-summary {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  .phspb-pattern-card .phspb-pattern-chip {
    padding: 11px 12px !important;
  }

  .phspb-recommended-streams {
    padding: 14px 11px 15px !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 292px !important;
    border-radius: 15px !important;
  }

  .phspb-recommended-streams .phlc-thumb-wrap {
    aspect-ratio: 4 / 3 !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .phspb-recommended-streams .phlc-card-body {
    padding: 9px 8px 9px !important;
  }

  .phspb-recommended-streams .phlc-name {
    margin-bottom: 5px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 13.5px !important;
    line-height: 1.08 !important;
    word-break: normal !important;
  }

  .phspb-recommended-streams .phlc-subname,
  .phspb-recommended-streams .phlc-subject {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    margin: 0 0 5px !important;
  }

  .phspb-recommended-streams .phlc-stats,
  .phspb-recommended-streams .phlc-meta,
  .phspb-recommended-streams .phlc-card-tags {
    gap: 4px !important;
  }

  .phspb-recommended-streams .phlc-pill,
  .phspb-recommended-streams .phlc-chipline {
    min-height: 20px !important;
    padding: 3px 6px !important;
    font-size: 8.8px !important;
    line-height: 1 !important;
  }

  .phspb-recommended-streams .phlc-stats .phlc-pill:nth-child(n+3),
  .phspb-recommended-streams .phlc-meta .phlc-chipline:nth-child(n+2),
  .phspb-recommended-streams .phlc-card-tags .phlc-chipline:nth-child(n+3) {
    display: none !important;
  }

  .phspb-recommended-streams .phlc-cta {
    min-height: 34px !important;
    padding: 8px 7px !important;
    font-size: 11px !important;
    border-radius: 12px !important;
  }

  .phspb-sticky-cta.phspb-sticky-cta--lower-section {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 276px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 13px !important;
  }

  .phspb-recommended-streams .phlc-pill,
  .phspb-recommended-streams .phlc-chipline {
    font-size: 8.4px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 360px) {
  .phspb-recommended-streams .phlc-card {
    min-height: 262px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 12.4px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.6 — recommended cards mobile cleanup + browse-similar desktop flow
   Fixes: hide recommendation tags on mobile, cleaner browse-similar layout on desktop,
   tighter equal-height recommendation cards.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Browse similar rooms: on desktop, collapse primary/secondary groups into one clean chip flow. */
@media (min-width: 768px) {
  .phspb-more-like-this {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .phspb-mlt-head {
    flex: 1 1 100% !important;
    margin-bottom: 2px !important;
  }

  .phspb-mlt-main,
  .phspb-mlt-grid {
    display: contents !important;
  }

  .phspb-more-like-this .phspb-mlt-chip {
    margin: 0 !important;
  }
}

/* Recommended cards: keep subject excerpt controlled and CTA pinned. */
.phspb-recommended-streams .phlc-subject {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  min-height: 2.5em !important;
}

@media (max-width: 767px) {
  /* On mobile, recommendation cards should stay cleaner and more uniform. */
  .phspb-recommended-streams .phlc-meta,
  .phspb-recommended-streams .phlc-card-tags {
    display: none !important;
  }

  .phspb-recommended-streams .phlc-subject {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    min-height: 2.4em !important;
    margin: 4px 0 8px !important;
    font-size: 10.6px !important;
    line-height: 1.18 !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 246px !important;
  }

  .phspb-recommended-streams .phlc-card-body {
    padding: 9px 8px 10px !important;
  }

  .phspb-recommended-streams .phlc-stats {
    margin-bottom: 6px !important;
  }
}

@media (max-width: 430px) {
  .phspb-recommended-streams .phlc-card {
    min-height: 236px !important;
  }
}

@media (max-width: 360px) {
  .phspb-recommended-streams .phlc-card {
    min-height: 224px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.7 — final recommended-card cleanup + browse-similar flow
   Fixes: Browse similar chips as one horizontal flow, recommendation nicknames,
   no goal/room-subject noise, equal cards, no recommendation tags on mobile.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Browse similar rooms: one clean horizontal chip flow. */
.phspb-more-like-this {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 13px !important;
}

.phspb-mlt-flow,
.phspb-more-like-this .phspb-mlt-main,
.phspb-more-like-this .phspb-mlt-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.phspb-more-like-this .phspb-mlt-chip,
.phspb-more-like-this .phspb-mlt-chip--primary,
.phspb-more-like-this .phspb-mlt-chip--main {
  width: auto !important;
  max-width: 100% !important;
  min-height: 42px !important;
  padding: 10px 17px !important;
  margin: 0 !important;
}

.phspb-more-like-this .phspb-mlt-chip--main {
  background: linear-gradient(180deg, rgba(110,76,190,.26), rgba(94,54,170,.18)) !important;
  border-color: rgba(190,150,255,.30) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 22px rgba(46,18,95,.22) !important;
}

/* Recommended streams: clean product-card layout. */
.phspb-recommended-streams .phlc-subject {
  display: none !important;
}

.phspb-recommended-streams .phlc-grid,
.phspb-recommended-streams .phlc-grid-featured,
.phspb-recommended-streams .phlc-grid-country,
.phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
.phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
.phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
.phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
  align-items: stretch !important;
}

.phspb-recommended-streams .phlc-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)) !important;
}

.phspb-recommended-streams .phlc-thumb-wrap {
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.phspb-recommended-streams .phlc-thumb {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.phspb-recommended-streams .phlc-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 15px 15px 16px !important;
  position: relative !important;
  z-index: 2 !important;
}

.phspb-recommended-streams .phlc-name {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 27px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.phspb-recommended-streams .phlc-name-link {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: clamp(18px, 1.03vw, 22px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-decoration: none !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.phspb-recommended-streams .phlc-subname {
  display: block !important;
  min-height: 18px !important;
  margin: -2px 0 9px !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 12.5px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.phspb-recommended-streams .phlc-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 9px !important;
}

.phspb-recommended-streams .phlc-meta,
.phspb-recommended-streams .phlc-card-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 8px !important;
  min-height: 0 !important;
}

.phspb-recommended-streams .phlc-meta .phlc-chipline:nth-child(n+2),
.phspb-recommended-streams .phlc-card-tags .phlc-chipline:nth-child(n+3) {
  display: none !important;
}

.phspb-recommended-streams .phlc-pill,
.phspb-recommended-streams .phlc-chipline {
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.phspb-recommended-streams .phlc-label-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.phspb-recommended-streams .phlc-cta {
  margin-top: auto !important;
  width: 100% !important;
}

/* Desktop: 14 rooms = two clean 7-card rows on wide screens. */
@media (min-width: 1681px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* Mobile recommendation cards: no tags, no subject, compact 2-column cards. */
@media (max-width: 767px) {
  .phspb-more-like-this {
    gap: 11px !important;
  }

  .phspb-mlt-flow,
  .phspb-more-like-this .phspb-mlt-main,
  .phspb-more-like-this .phspb-mlt-grid {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 3px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .phspb-mlt-flow::-webkit-scrollbar,
  .phspb-more-like-this .phspb-mlt-main::-webkit-scrollbar,
  .phspb-more-like-this .phspb-mlt-grid::-webkit-scrollbar {
    display: none !important;
  }

  .phspb-more-like-this .phspb-mlt-chip,
  .phspb-more-like-this .phspb-mlt-chip--primary,
  .phspb-more-like-this .phspb-mlt-chip--main {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 36px !important;
    padding: 8px 13px !important;
    font-size: 12px !important;
  }

  .phspb-recommended-streams .phlc-meta,
  .phspb-recommended-streams .phlc-card-tags,
  .phspb-recommended-streams .phlc-subname,
  .phspb-recommended-streams .phlc-subject {
    display: none !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 224px !important;
    border-radius: 15px !important;
  }

  .phspb-recommended-streams .phlc-thumb-wrap {
    aspect-ratio: 1 / .88 !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .phspb-recommended-streams .phlc-card-body {
    padding: 9px 8px 9px !important;
  }

  .phspb-recommended-streams .phlc-name {
    min-height: 17px !important;
    margin-bottom: 7px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 13.2px !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
  }

  .phspb-recommended-streams .phlc-stats {
    gap: 4px !important;
    margin-bottom: 8px !important;
  }

  .phspb-recommended-streams .phlc-pill {
    min-height: 20px !important;
    padding: 3px 6px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  .phspb-recommended-streams .phlc-cta {
    min-height: 34px !important;
    padding: 8px 7px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 430px) {
  .phspb-recommended-streams .phlc-card {
    min-height: 212px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 12.8px !important;
  }

  .phspb-recommended-streams .phlc-pill {
    font-size: 8.1px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.8 — final mobile + recommended-stream cleanup
   Fixes: clean recommendation cards, no fake dash chips, no goal text, stable
   14-room desktop grid, compact mobile stats, horizontal similar-room chips.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Stream stats: keep a readable 4 × 2 rhythm instead of one long row. */
.phspb-stats-card .phspb-stats-grid--product {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card .phspb-stat-card {
  min-height: 122px !important;
  padding: 15px 14px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.phspb-stats-card .phspb-stat-icon {
  width: 32px !important;
  height: 32px !important;
  margin: 0 auto 10px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}

.phspb-stats-card .phspb-stat-label,
.phspb-stats-card .phspb-stat-value,
.phspb-stats-card .phspb-stat-subvalue {
  width: 100% !important;
}

.phspb-stats-card .phspb-stat-label {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
  letter-spacing: .09em !important;
}

.phspb-stats-card .phspb-stat-value {
  margin-top: 7px !important;
  font-size: clamp(16px, .95vw, 20px) !important;
  line-height: 1.12 !important;
}

.phspb-stats-card .phspb-stat-subvalue {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Browse similar rooms: one horizontal row. Scroll if it does not fit. */
.phspb-more-like-this {
  min-height: 0 !important;
  padding: 16px 18px !important;
}

.phspb-mlt-flow,
.phspb-more-like-this .phspb-mlt-main,
.phspb-more-like-this .phspb-mlt-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.phspb-mlt-flow::-webkit-scrollbar,
.phspb-more-like-this .phspb-mlt-main::-webkit-scrollbar,
.phspb-more-like-this .phspb-mlt-grid::-webkit-scrollbar {
  display: none !important;
}

.phspb-more-like-this .phspb-mlt-chip,
.phspb-more-like-this .phspb-mlt-chip--primary,
.phspb-more-like-this .phspb-mlt-chip--main {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-height: 38px !important;
  padding: 9px 15px !important;
  white-space: nowrap !important;
}

/* Recommended live streams: show only useful product-card info. */
.phspb-recommended-streams .phlc-meta,
.phspb-recommended-streams .phlc-card-tags,
.phspb-recommended-streams .phlc-subname,
.phspb-recommended-streams .phlc-subject {
  display: none !important;
}

.phspb-recommended-streams .phlc-grid,
.phspb-recommended-streams .phlc-grid-featured,
.phspb-recommended-streams .phlc-grid-country,
.phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
.phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
.phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
.phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
.phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  justify-content: start !important;
}

.phspb-recommended-streams .phlc-card:nth-of-type(n+15) {
  display: none !important;
}

.phspb-recommended-streams .phlc-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 292px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)) !important;
}

.phspb-recommended-streams .phlc-thumb-wrap {
  display: block !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 18px 18px 0 0 !important;
}

.phspb-recommended-streams .phlc-thumb {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.phspb-recommended-streams .phlc-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 14px 14px 15px !important;
  position: relative !important;
  z-index: 2 !important;
}

.phspb-recommended-streams .phlc-name {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 24px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.phspb-recommended-streams .phlc-name-link {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: clamp(17px, .95vw, 21px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.phspb-recommended-streams .phlc-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
}

.phspb-recommended-streams .phlc-stats .phlc-pill:nth-child(n+3) {
  display: none !important;
}

.phspb-recommended-streams .phlc-stats .phlc-pill {
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.phspb-recommended-streams .phlc-cta {
  margin-top: auto !important;
  width: 100% !important;
  min-height: 44px !important;
  border-radius: 14px !important;
}

@media (max-width: 1680px) {
  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1440px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1050px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phspb-model-shortcode {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .phspb-heading h1,
  .phspb-hero-card h1 {
    font-size: clamp(27px, 8vw, 38px) !important;
    line-height: 1.04 !important;
  }

  .phspb-sticky-cta {
    display: none !important;
  }

  .phspb-card,
  .phspb-hero-card {
    border-radius: 18px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card .phspb-stat-card,
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 88px !important;
    padding: 10px 8px !important;
    border-radius: 14px !important;
  }

  .phspb-stats-card .phspb-stat-icon {
    width: 27px !important;
    height: 27px !important;
    margin-bottom: 7px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  .phspb-stats-card .phspb-stat-label {
    font-size: 7.9px !important;
    line-height: 1.12 !important;
    letter-spacing: .055em !important;
  }

  .phspb-stats-card .phspb-stat-value {
    margin-top: 4px !important;
    font-size: 13.2px !important;
    line-height: 1.1 !important;
  }

  .phspb-stats-card .phspb-stat-subvalue {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.18 !important;
  }

  .phspb-history-card .phspb-session-row--clean {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 10px !important;
    padding: 11px 12px !important;
    border-radius: 15px !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-day strong,
  .phspb-history-card .phspb-session-row--clean .phspb-session-time,
  .phspb-history-card .phspb-session-row--clean .phspb-session-meta {
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  .phspb-history-card .phspb-session-row--clean .phspb-session-avg {
    display: none !important;
  }

  .phspb-pattern-card .phspb-pattern-summary {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  .phspb-pattern-card .phspb-pattern-chip {
    min-height: 0 !important;
    padding: 11px 12px !important;
    border-radius: 15px !important;
  }

  .phspb-recommended-streams {
    padding: 14px 11px 15px !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 190px !important;
    border-radius: 14px !important;
  }

  .phspb-recommended-streams .phlc-thumb-wrap {
    aspect-ratio: 4 / 3 !important;
    border-radius: 13px 13px 0 0 !important;
  }

  .phspb-recommended-streams .phlc-card-body {
    padding: 8px 8px 9px !important;
  }

  .phspb-recommended-streams .phlc-name {
    min-height: 16px !important;
    margin-bottom: 7px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 12.8px !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
  }

  .phspb-recommended-streams .phlc-stats {
    gap: 4px !important;
    margin-bottom: 7px !important;
  }

  .phspb-recommended-streams .phlc-stats .phlc-pill {
    min-height: 19px !important;
    padding: 3px 5px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  .phspb-recommended-streams .phlc-cta {
    min-height: 32px !important;
    padding: 8px 6px !important;
    border-radius: 11px !important;
    font-size: 11.5px !important;
  }
}

@media (max-width: 390px) {
  .phspb-stats-card .phspb-stat-label {
    font-size: 7.4px !important;
  }

  .phspb-stats-card .phspb-stat-value {
    font-size: 12.4px !important;
  }

  .phspb-recommended-streams .phlc-name-link {
    font-size: 12.2px !important;
  }

  .phspb-recommended-streams .phlc-stats .phlc-pill {
    font-size: 7.6px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.10 — model-page recommendation finalizer
   Fixes: no Load More on model pages, stable 14-card recommendations, visible
   nicknames, no goal/subject clutter, horizontal similar-room chips.
   ═════════════════════════════════════════════════════════════════════════════ */

/* Model pages are not directory pages: recommendations stay fixed, no pagination. */
.phspb-recommended-streams .phlc-load-more,
.phspb-recommended-streams .phlc-load-more-wrap,
.phspb-recommended-streams .phlc-more,
.phspb-recommended-streams .phlc-more-wrap,
.phspb-recommended-streams .phlc-pagination,
.phspb-recommended-streams .phlc-pager,
.phspb-recommended-streams .phlc-page-nav,
.phspb-recommended-streams [class*="load-more"] {
  display: none !important;
}

.phspb-recommended-streams .phlc-card:nth-child(n+15),
.phspb-recommended-streams .phlc-card:nth-of-type(n+15) {
  display: none !important;
}

/* Keep recommendation cards clean: no room goal, topic, explicit subject, or random tag rows. */
.phspb-recommended-streams .phlc-meta,
.phspb-recommended-streams .phlc-card-tags,
.phspb-recommended-streams .phlc-tags,
.phspb-recommended-streams .phlc-subname,
.phspb-recommended-streams .phlc-subject,
.phspb-recommended-streams .phlc-topic,
.phspb-recommended-streams .phlc-goal,
.phspb-recommended-streams .phlc-room-goal,
.phspb-recommended-streams .phlc-room-subject,
.phspb-recommended-streams .phlc-card [class*="subject"],
.phspb-recommended-streams .phlc-card [class*="topic"],
.phspb-recommended-streams .phlc-card [class*="goal"] {
  display: none !important;
}

/* Make usernames impossible to lose under thumbnail overlays or inherited PHLC styles. */
.phspb-recommended-streams .phlc-name,
.phspb-recommended-streams .phlc-title,
.phspb-recommended-streams .phlc-card-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 24px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #fff !important;
  position: relative !important;
  z-index: 3 !important;
}

.phspb-recommended-streams .phlc-name-link,
.phspb-recommended-streams .phlc-title a,
.phspb-recommended-streams .phlc-card-title a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

/* Equal-card rhythm for the recommendation grid. */
.phspb-recommended-streams .phlc-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.phspb-recommended-streams .phlc-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
}

.phspb-recommended-streams .phlc-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
}

.phspb-recommended-streams .phlc-stats .phlc-pill:nth-child(n+3) {
  display: none !important;
}

.phspb-recommended-streams .phlc-cta {
  margin-top: auto !important;
}

/* Browse similar rooms must be one horizontal row, not a tall empty panel. */
.phspb-more-like-this {
  min-height: 0 !important;
}

.phspb-more-like-this .phspb-mlt-flow {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.phspb-more-like-this .phspb-mlt-flow::-webkit-scrollbar {
  display: none !important;
}

.phspb-more-like-this .phspb-mlt-chip {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .phspb-recommended-streams .phlc-meta,
  .phspb-recommended-streams .phlc-card-tags,
  .phspb-recommended-streams .phlc-tags,
  .phspb-recommended-streams .phlc-chipline,
  .phspb-recommended-streams .phlc-pill:not(.phlc-viewers):not(.phlc-followers),
  .phspb-recommended-streams .phlc-card [class*="subject"],
  .phspb-recommended-streams .phlc-card [class*="topic"],
  .phspb-recommended-streams .phlc-card [class*="goal"] {
    display: none !important;
  }

  .phspb-recommended-streams .phlc-name,
  .phspb-recommended-streams .phlc-title,
  .phspb-recommended-streams .phlc-card-title {
    min-height: 16px !important;
    margin-bottom: 7px !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 178px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.11 — model page right sidebar recommendations
   Replaces low-value refine filters on individual stream pages with compact
   admin-priority recommended live rooms.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-sidebar-right--model {
  overflow: hidden !important;
}

.phspb-sidebar-right--model .phspb-nav-sidebar-inner {
  gap: 0 !important;
}

.phspb-sidebar-recommended-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

.phspb-sidebar-room {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 72px !important;
  padding: 10px 11px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.032)) !important;
  border: 1px solid rgba(190,150,255,.15) !important;
  color: rgba(255,255,255,.90) !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 9px 22px rgba(0,0,0,.12) !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
}

.phspb-sidebar-room:hover,
.phspb-sidebar-room:focus {
  transform: translateY(-1px) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.16), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.040)) !important;
  border-color: rgba(190,150,255,.32) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.18) !important;
}

.phspb-sidebar-room-media {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  flex: 0 0 52px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 0 0 3px rgba(190,150,255,.05) !important;
}

.phspb-sidebar-room-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
}

.phspb-sidebar-room-placeholder {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: rgba(255,255,255,.48) !important;
  font-size: 21px !important;
  font-weight: 850 !important;
}

.phspb-sidebar-room-dot {
  position: absolute !important;
  right: 5px !important;
  bottom: 5px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: var(--ph-danger, #ff4d6d) !important;
  border: 2px solid #130a21 !important;
  box-shadow: 0 0 0 4px rgba(255,77,109,.12) !important;
}

.phspb-sidebar-room-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.phspb-sidebar-room-name {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: -.015em !important;
}

.phspb-sidebar-room-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: rgba(255,255,255,.55) !important;
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

.phspb-sidebar-room-meta span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.phspb-sidebar-room-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(190,150,255,.10) !important;
  border: 1px solid rgba(190,150,255,.20) !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease !important;
}

.phspb-sidebar-room:hover .phspb-sidebar-room-cta,
.phspb-sidebar-room:focus .phspb-sidebar-room-cta {
  background: rgba(190,150,255,.18) !important;
  border-color: rgba(190,150,255,.36) !important;
  color: #fff !important;
}

.phspb-sidebar-recommended-empty {
  padding: 12px 13px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

@media (max-width: 1440px) {
  .phspb-sidebar-room {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  .phspb-sidebar-room-media {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    border-radius: 15px !important;
  }

  .phspb-sidebar-room-cta {
    display: none !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.12 — right sidebar uses the same PH Live Core recommendations
   Compact visual adapter for ph_live_recommended inside the model sidebar.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-sidebar-right--model .phspb-sidebar-recommended-shortcode,
.phspb-sidebar-right--model .phspb-sidebar-recommended-shortcode > *,
.phspb-sidebar-right--model .phlc-scope,
.phspb-sidebar-right--model .phlc-directory,
.phspb-sidebar-right--model .phlc-layout,
.phspb-sidebar-right--model .phlc-main,
.phspb-sidebar-right--model .phlc-section,
.phspb-sidebar-right--model .phlc-block,
.phspb-sidebar-right--model .phlc-grid-wrap,
.phspb-sidebar-right--model .phlc-grid-shell,
.phspb-sidebar-right--model .phlc-grid-stage {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.phspb-sidebar-right--model .phlc-toolbar,
.phspb-sidebar-right--model .phlc-filters,
.phspb-sidebar-right--model .phlc-block-head,
.phspb-sidebar-right--model .phlc-section-head,
.phspb-sidebar-right--model .phlc-load-more,
.phspb-sidebar-right--model .phlc-load-more-wrap,
.phspb-sidebar-right--model .phlc-pagination,
.phspb-sidebar-right--model .phlc-results-count,
.phspb-sidebar-right--model .phlc-empty,
.phspb-sidebar-right--model .phlc-card-tags,
.phspb-sidebar-right--model .phlc-tags,
.phspb-sidebar-right--model .phlc-chipline,
.phspb-sidebar-right--model .phlc-subject,
.phspb-sidebar-right--model .phlc-topic,
.phspb-sidebar-right--model .phlc-meta,
.phspb-sidebar-right--model .phlc-subname,
.phspb-sidebar-right--model .phlc-card [class*="subject"],
.phspb-sidebar-right--model .phlc-card [class*="topic"],
.phspb-sidebar-right--model .phlc-card [class*="goal"] {
  display: none !important;
}

.phspb-sidebar-right--model .phlc-grid,
.phspb-sidebar-right--model .phlc-grid-featured,
.phspb-sidebar-right--model .phlc-grid-country,
.phspb-sidebar-right--model .phlc-grid-our_models,
.phspb-sidebar-right--model .phlc-grid-country_rooms,
.phspb-sidebar-right--model .phlc-grid-other_rooms {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.phspb-sidebar-right--model .phlc-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 10px 58px 10px 72px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.032)) !important;
  border: 1px solid rgba(190,150,255,.15) !important;
  color: rgba(255,255,255,.90) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 9px 22px rgba(0,0,0,.12) !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
}

.phspb-sidebar-right--model .phlc-card:hover,
.phspb-sidebar-right--model .phlc-card:focus-within {
  transform: translateY(-1px) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.16), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.040)) !important;
  border-color: rgba(190,150,255,.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.18) !important;
}

.phspb-sidebar-right--model .phlc-thumb-wrap,
.phspb-sidebar-right--model .phlc-thumb,
.phspb-sidebar-right--model .phlc-thumb-link {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 0 0 3px rgba(190,150,255,.05) !important;
}

.phspb-sidebar-right--model .phlc-thumb-wrap img,
.phspb-sidebar-right--model .phlc-thumb img,
.phspb-sidebar-right--model .phlc-thumb-link img,
.phspb-sidebar-right--model .phlc-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
}

.phspb-sidebar-right--model .phlc-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.phspb-sidebar-right--model .phlc-name,
.phspb-sidebar-right--model .phlc-card-title,
.phspb-sidebar-right--model .phlc-title {
  display: block !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.phspb-sidebar-right--model .phlc-name-link,
.phspb-sidebar-right--model .phlc-card-title a,
.phspb-sidebar-right--model .phlc-title a {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: -.015em !important;
  text-decoration: none !important;
}

.phspb-sidebar-right--model .phlc-stats {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.phspb-sidebar-right--model .phlc-stats .phlc-pill,
.phspb-sidebar-right--model .phlc-pill.phlc-viewers,
.phspb-sidebar-right--model .phlc-pill.phlc-followers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-height: 20px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.phspb-sidebar-right--model .phlc-stats .phlc-pill:nth-child(n+2) {
  display: none !important;
}

.phspb-sidebar-right--model .phlc-cta,
.phspb-sidebar-right--model .phlc-card .phlc-cta {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 42px !important;
  max-width: 48px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;
  background: rgba(190,150,255,.10) !important;
  border: 1px solid rgba(190,150,255,.20) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.phspb-sidebar-right--model .phlc-card:hover .phlc-cta,
.phspb-sidebar-right--model .phlc-card:focus-within .phlc-cta {
  transform: translateY(-50%) !important;
  background: rgba(190,150,255,.18) !important;
  border-color: rgba(190,150,255,.36) !important;
  color: #fff !important;
}

@media (max-width: 1440px) {
  .phspb-sidebar-right--model .phlc-card {
    padding-right: 11px !important;
  }

  .phspb-sidebar-right--model .phlc-cta,
  .phspb-sidebar-right--model .phlc-card .phlc-cta {
    display: none !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.13 — compact right-sidebar recommendations + balanced desktop shell
   Fixes: sidebar uses compact rows from the same bottom recommendation source,
   no squeezed Watch button, better desktop proportions, cleaner recommendation cards.
   ═════════════════════════════════════════════════════════════════════════════ */

@media (min-width: 1681px) {
  .phspb-page-layout {
    grid-template-columns: 232px minmax(0,1280px) 320px !important;
    gap: 22px !important;
    justify-content: center !important;
  }
}

@media (min-width: 1201px) and (max-width: 1680px) {
  .phspb-page-layout {
    grid-template-columns: 214px minmax(0,1fr) 292px !important;
    gap: 18px !important;
    justify-content: center !important;
  }
}

@media (min-width: 1051px) and (max-width: 1200px) {
  .phspb-page-layout {
    grid-template-columns: 200px minmax(0,1fr) 268px !important;
    gap: 14px !important;
    justify-content: center !important;
  }
}

@media (min-width: 1051px) {
  .phspb-hero-main-card .phspb-embed-wrap {
    aspect-ratio: 16 / 8.85 !important;
  }

  .phspb-sidebar-right--model {
    min-width: 0 !important;
  }
}

/* Right sidebar: compact rows, no tiny CTA. The full row is the click target. */
.phspb-sidebar-right--model .phspb-sidebar-recommended-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  width: 100% !important;
}

.phspb-sidebar-right--model .phspb-sidebar-room {
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 70px !important;
  padding: 9px 11px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.12), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.030)) !important;
  border: 1px solid rgba(190,150,255,.17) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 20px rgba(0,0,0,.12) !important;
}

.phspb-sidebar-right--model .phspb-sidebar-room:hover,
.phspb-sidebar-right--model .phspb-sidebar-room:focus {
  transform: translateY(-1px) !important;
  border-color: rgba(190,150,255,.34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.18), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.040)) !important;
}

.phspb-sidebar-right--model .phspb-sidebar-room-media {
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
  border-radius: 15px !important;
}

.phspb-sidebar-right--model .phspb-sidebar-room-name {
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.phspb-sidebar-right--model .phspb-sidebar-room-meta {
  color: rgba(255,255,255,.58) !important;
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
}

.phspb-sidebar-right--model .phspb-sidebar-room-cta {
  display: none !important;
}

/* Safety: if an older cached page still contains PHLC shortcode HTML in the sidebar,
   hide its tiny CTA and keep only compact row content. */
.phspb-sidebar-right--model .phlc-cta,
.phspb-sidebar-right--model .phlc-card .phlc-cta {
  display: none !important;
}

.phspb-sidebar-right--model .phlc-card {
  padding-right: 11px !important;
}

/* Bottom recommendations: keep product cards clean and uniform. */
.phspb-recommended-streams .phlc-meta,
.phspb-recommended-streams .phlc-card-tags,
.phspb-recommended-streams .phlc-tags,
.phspb-recommended-streams .phlc-chipline,
.phspb-recommended-streams .phlc-subname,
.phspb-recommended-streams .phlc-subject,
.phspb-recommended-streams .phlc-topic,
.phspb-recommended-streams .phlc-goal,
.phspb-recommended-streams .phlc-room-goal,
.phspb-recommended-streams .phlc-room-subject,
.phspb-recommended-streams .phlc-card p,
.phspb-recommended-streams .phlc-card [class*="subject"],
.phspb-recommended-streams .phlc-card [class*="topic"],
.phspb-recommended-streams .phlc-card [class*="goal"] {
  display: none !important;
}

.phspb-recommended-streams .phlc-name,
.phspb-recommended-streams .phlc-title,
.phspb-recommended-streams .phlc-card-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 24px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}

.phspb-recommended-streams .phlc-name-link,
.phspb-recommended-streams .phlc-title a,
.phspb-recommended-streams .phlc-card-title a {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(16px,.92vw,20px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

.phspb-recommended-streams .phlc-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
}

.phspb-recommended-streams .phlc-stats .phlc-pill:nth-child(n+3) {
  display: none !important;
}

.phspb-recommended-streams .phlc-cta {
  margin-top: auto !important;
}

/* Similar rooms: one compact horizontal row, not a tall empty-looking panel. */
.phspb-more-like-this {
  min-height: 0 !important;
  padding: 16px 18px !important;
}

.phspb-more-like-this .phspb-mlt-flow,
.phspb-more-like-this .phspb-mlt-main,
.phspb-more-like-this .phspb-mlt-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.phspb-more-like-this .phspb-mlt-flow::-webkit-scrollbar,
.phspb-more-like-this .phspb-mlt-main::-webkit-scrollbar,
.phspb-more-like-this .phspb-mlt-grid::-webkit-scrollbar {
  display: none !important;
}

.phspb-more-like-this .phspb-mlt-chip,
.phspb-more-like-this .phspb-mlt-chip--primary,
.phspb-more-like-this .phspb-mlt-chip--main {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .phspb-heading h1,
  .phspb-hero-card h1 {
    font-size: clamp(26px, 8vw, 37px) !important;
  }

  .phspb-recommended-streams .phlc-grid,
  .phspb-recommended-streams .phlc-grid-featured,
  .phspb-recommended-streams .phlc-grid-country,
  .phspb-recommended-streams .phlc-grid.phlc-grid-our_models,
  .phspb-recommended-streams .phlc-grid.phlc-grid-country_rooms,
  .phspb-recommended-streams .phlc-grid.phlc-grid-other_rooms,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 9px !important;
  }

  .phspb-recommended-streams .phlc-card {
    min-height: 184px !important;
  }

  .phspb-recommended-streams .phlc-thumb-wrap {
    aspect-ratio: 4 / 3 !important;
  }

  .phspb-recommended-streams .phlc-name,
  .phspb-recommended-streams .phlc-title,
  .phspb-recommended-streams .phlc-card-title {
    min-height: 16px !important;
    margin-bottom: 7px !important;
  }

  .phspb-recommended-streams .phlc-name-link,
  .phspb-recommended-streams .phlc-title a,
  .phspb-recommended-streams .phlc-card-title a {
    font-size: 12.8px !important;
    line-height: 1.08 !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.14 — true full-width desktop shell + balanced stream/sidebar fit
   Fixes: no centered narrow layout on large screens, stream fills available width,
   compact right sidebar rows, stable main/sidebar proportions.
   ═════════════════════════════════════════════════════════════════════════════ */
body.phspb-model-page,
html body.phspb-model-page {
  background: #12091f !important;
  overflow-x: hidden !important;
}

body.phspb-model-page .site,
body.phspb-model-page .site-content,
body.phspb-model-page .content-area,
body.phspb-model-page main,
body.phspb-model-page #primary,
body.phspb-model-page #main,
body.phspb-model-page .entry-content,
body.phspb-model-page .page-content,
body.phspb-model-page #content {
  max-width: none !important;
  width: 100% !important;
  background: #12091f !important;
}

@media (min-width: 1051px) {
  .phspb-model-shortcode {
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: clip !important;
  }

  .phspb-page-layout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: stretch !important;
    align-items: start !important;
  }

  .phspb-model-block {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap {
    aspect-ratio: 16 / 8.35 !important;
    max-height: calc(100vh - 270px) !important;
    min-height: 480px !important;
  }

  .phspb-sidebar-panel {
    top: 86px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-recommended-list {
    gap: 8px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 9px !important;
    min-height: 62px !important;
    padding: 8px 10px !important;
    border-radius: 15px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    border-radius: 14px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-name {
    font-size: 12.5px !important;
    line-height: 1.12 !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-meta {
    font-size: 11.5px !important;
    line-height: 1.12 !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-cta,
  .phspb-sidebar-right--model .phlc-cta,
  .phspb-sidebar-right--model .phlc-card .phlc-cta {
    display: none !important;
  }
}

@media (min-width: 1681px) {
  .phspb-page-layout {
    grid-template-columns: 200px minmax(0, 1fr) 260px !important;
    gap: 14px !important;
    justify-content: stretch !important;
  }
}

@media (min-width: 1201px) and (max-width: 1680px) {
  .phspb-page-layout {
    grid-template-columns: 190px minmax(0, 1fr) 240px !important;
    gap: 12px !important;
    justify-content: stretch !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap {
    aspect-ratio: 16 / 8.55 !important;
    min-height: 420px !important;
  }
}

@media (min-width: 1051px) and (max-width: 1200px) {
  .phspb-page-layout {
    grid-template-columns: 178px minmax(0, 1fr) 220px !important;
    gap: 10px !important;
    justify-content: stretch !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap {
    aspect-ratio: 16 / 8.75 !important;
    min-height: 380px !important;
  }

  .phspb-sidebar-panel {
    padding: 12px 10px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    min-height: 58px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.15 — measured premium desktop proportions
   Fixes: left sidebar no longer too narrow, right recommended sidebar has enough
   room, stream stays large but controlled, desktop uses full viewport cleanly.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  .phspb-model-shortcode {
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: clip !important;
  }

  .phspb-page-layout {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: start !important;
    justify-content: stretch !important;
  }

  .phspb-sidebar-panel {
    min-width: 0 !important;
    padding: 14px 13px !important;
    top: 88px !important;
  }

  .phspb-sidebar-left {
    min-width: 0 !important;
  }

  .phspb-sidebar-left .phspb-nav-chip-btn,
  .phspb-sidebar-left .phspb-nav-facet,
  body .phspb-sidebar-left .phspb-nav-facet {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 39px !important;
    padding: 9px 11px !important;
    font-size: 12.5px !important;
    line-height: 1.12 !important;
  }

  .phspb-sidebar-left .phspb-nav-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    overflow: hidden !important;
  }

  .phspb-sidebar-left .phspb-nav-ico img.emoji,
  .phspb-sidebar-left .phspb-nav-ico .emoji {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
  }

  .phspb-sidebar-left .phspb-nav-label,
  .phspb-sidebar-left .phspb-nav-facet > span:first-child,
  .phspb-sidebar-left .phspb-nav-chip-btn > span:first-child {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .phspb-sidebar-left .phspb-nav-count {
    min-width: 28px !important;
    margin-left: 6px !important;
    text-align: right !important;
    font-size: 11px !important;
  }

  .phspb-sidebar-left .phspb-nav-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .phspb-sidebar-left .phspb-nav-tag {
    display: inline-flex !important;
    width: auto !important;
    min-height: 31px !important;
    padding: 7px 10px !important;
    grid-template-columns: none !important;
    font-size: 12px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    aspect-ratio: auto !important;
    height: clamp(560px, calc(100vh - 290px), 720px) !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) iframe {
    width: 100% !important;
    height: 100% !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-recommended-list {
    gap: 9px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 68px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
    border-radius: 14px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-body {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-name {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12.8px !important;
    line-height: 1.12 !important;
    font-weight: 850 !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-meta {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.8px !important;
    line-height: 1.15 !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-cta,
  .phspb-sidebar-right--model .phlc-cta,
  .phspb-sidebar-right--model .phlc-card .phlc-cta {
    display: none !important;
  }
}

@media (min-width: 1681px) {
  .phspb-page-layout {
    grid-template-columns: 238px minmax(0, 1fr) 270px !important;
    gap: 18px !important;
  }
}

@media (min-width: 1441px) and (max-width: 1680px) {
  .phspb-page-layout {
    grid-template-columns: 230px minmax(0, 1fr) 258px !important;
    gap: 16px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    height: clamp(520px, calc(100vh - 285px), 680px) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .phspb-page-layout {
    grid-template-columns: 218px minmax(0, 1fr) 244px !important;
    gap: 14px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    height: clamp(480px, calc(100vh - 280px), 640px) !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    min-height: 64px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
  }
}

@media (min-width: 1051px) and (max-width: 1200px) {
  .phspb-page-layout {
    grid-template-columns: 206px minmax(0, 1fr) 226px !important;
    gap: 12px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    height: clamp(420px, calc(100vh - 270px), 570px) !important;
  }

  .phspb-sidebar-panel {
    padding: 12px 10px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 60px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
}

@media (min-width: 1350px) {
  .phspb-model-shortcode .phspb-recommended-streams .phlc-grid,
  .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.16 — stream viewport proportion fix
   Fixes: desktop embed is no longer height-compressed/cropped; left/right
   sidebars keep premium readable proportions while the center still fills width.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (min-width: 1051px) {
  .phspb-model-shortcode {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .phspb-page-layout {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: stretch !important;
    align-items: start !important;
  }

  .phspb-sidebar-panel {
    top: 88px !important;
    padding: 14px 13px !important;
  }

  /*
   * Use width-driven ratio instead of viewport-height clamps.
   * The previous clamp could make the iframe too flat on wide screens and cut
   * the bottom of the embedded player UI. This keeps the stream large and stable
   * without forcing it to fit into one viewport screen.
   */
  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    width: 100% !important;
    aspect-ratio: 16 / 9.12 !important;
    height: auto !important;
    min-height: 560px !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }

  .phspb-sidebar-left .phspb-nav-chip-btn,
  .phspb-sidebar-left .phspb-nav-facet,
  body .phspb-sidebar-left .phspb-nav-facet {
    min-height: 40px !important;
    font-size: 12.8px !important;
  }

  .phspb-sidebar-left .phspb-nav-count {
    min-width: 32px !important;
    font-size: 11.2px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    min-height: 68px !important;
  }
}

@media (min-width: 1681px) {
  .phspb-page-layout {
    grid-template-columns: 258px minmax(0, 1fr) 282px !important;
    gap: 18px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    min-height: 620px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
  }
}

@media (min-width: 1441px) and (max-width: 1680px) {
  .phspb-page-layout {
    grid-template-columns: 248px minmax(0, 1fr) 270px !important;
    gap: 16px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    min-height: 580px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .phspb-page-layout {
    grid-template-columns: 232px minmax(0, 1fr) 252px !important;
    gap: 14px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    aspect-ratio: 16 / 9.2 !important;
    min-height: 520px !important;
  }

  .phspb-sidebar-panel {
    padding: 13px 11px !important;
  }
}

@media (min-width: 1051px) and (max-width: 1200px) {
  .phspb-page-layout {
    grid-template-columns: 214px minmax(0, 1fr) 232px !important;
    gap: 12px !important;
  }

  .phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
    aspect-ratio: 16 / 9.25 !important;
    min-height: 470px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-height: 60px !important;
  }

  .phspb-sidebar-right--model .phspb-sidebar-room-media {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.17 — premium hero typography cleanup
   Fixes: duplicated watch/title wording, oversized desktop H1, crowded hero rhythm.
   The stream stays the visual priority while the title remains readable and SEO-safe.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-hero-main-card .phspb-heading-copy {
  min-width: 0 !important;
}

.phspb-hero-main-card .phspb-kicker {
  min-height: 24px !important;
  padding: 4px 10px !important;
  margin: 0 0 6px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  color: rgba(255,255,255,.58) !important;
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(190,150,255,.14) !important;
}

.phspb-hero-main-card .phspb-live-badge {
  margin-bottom: 7px !important;
}

.phspb-hero-main-card .phspb-heading h1,
.phspb-hero-main-card h1 {
  max-width: 1120px !important;
  margin: 0 0 9px !important;
  font-size: clamp(38px, 2.72vw, 54px) !important;
  line-height: 1.045 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.phspb-hero-main-card .phspb-social-proof {
  margin-top: 7px !important;
}

.phspb-hero-main-card .phspb-embed-wrap:not(.phspb-offline) {
  margin-top: 10px !important;
}

@media (min-width: 1681px) {
  .phspb-hero-main-card .phspb-heading-copy {
    max-width: calc(100% - 142px) !important;
  }

  .phspb-hero-main-card .phspb-heading h1,
  .phspb-hero-main-card h1 {
    max-width: 1180px !important;
    font-size: clamp(42px, 2.55vw, 56px) !important;
  }
}

@media (min-width: 1441px) and (max-width: 1680px) {
  .phspb-hero-main-card .phspb-heading-copy {
    max-width: calc(100% - 136px) !important;
  }

  .phspb-hero-main-card .phspb-heading h1,
  .phspb-hero-main-card h1 {
    max-width: 1040px !important;
    font-size: clamp(38px, 2.62vw, 50px) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .phspb-hero-main-card .phspb-heading-copy {
    max-width: calc(100% - 126px) !important;
  }

  .phspb-hero-main-card .phspb-heading h1,
  .phspb-hero-main-card h1 {
    max-width: 920px !important;
    font-size: clamp(34px, 2.85vw, 46px) !important;
    line-height: 1.05 !important;
  }
}

@media (min-width: 1051px) and (max-width: 1200px) {
  .phspb-hero-main-card .phspb-heading-copy {
    max-width: calc(100% - 116px) !important;
  }

  .phspb-hero-main-card .phspb-heading h1,
  .phspb-hero-main-card h1 {
    max-width: 920px !important;
    font-size: clamp(31px, 3vw, 40px) !important;
    line-height: 1.055 !important;
  }
}

@media (max-width: 767px) {
  .phspb-hero-main-card .phspb-kicker {
    display: none !important;
  }

  .phspb-hero-main-card .phspb-live-badge {
    margin-bottom: 8px !important;
  }

  .phspb-hero-main-card .phspb-heading h1,
  .phspb-hero-main-card h1 {
    max-width: 100% !important;
    margin-bottom: 8px !important;
    font-size: clamp(29px, 8.05vw, 39px) !important;
    line-height: 1.045 !important;
    letter-spacing: -.052em !important;
  }

  .phspb-hero-main-card .phspb-social-proof {
    margin-top: 6px !important;
  }
}

@media (max-width: 420px) {
  .phspb-hero-main-card .phspb-heading h1,
  .phspb-hero-main-card h1 {
    font-size: clamp(28px, 8.6vw, 36px) !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.18 — new followers trend metric
   Adds room for the fourth performance switch and keeps the chart readable.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-vchart-switcher {
  max-width: 620px;
}

.phspb-vchart-switch[data-metric="followers_delta"]::before {
  content: "💖";
  margin-right: 6px;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size: 12px;
  line-height: 1;
}

.phspb-vchart-switch[data-metric="followers_delta"].is-active {
  border-color: rgba(255,120,185,.52) !important;
  background: linear-gradient(180deg, rgba(255,96,170,.22), rgba(126,67,216,.24)) !important;
}

@media (max-width: 767px) {
  .phspb-vchart-switcher {
    max-width: none;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.19 — stable stats cards for rooms with early/no history
   The performance card no longer disappears while snapshots are still building.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-vchart-card--collecting .phspb-vchart-shell,
.phspb-vchart-card--building .phspb-vchart-shell {
  position: relative;
  overflow: hidden;
}

.phspb-vchart-card--collecting .phspb-vchart-shell::before,
.phspb-vchart-card--building .phspb-vchart-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 0%, rgba(190,150,255,.08), transparent 38%),
    radial-gradient(circle at 82% 14%, rgba(255,255,255,.035), transparent 32%);
  opacity: .9;
}

.phspb-vchart-card--collecting .phspb-vchart-shell > *,
.phspb-vchart-card--building .phspb-vchart-shell > * {
  position: relative;
  z-index: 1;
}

.phspb-vchart-state {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-top: 10px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(190,150,255,.10);
  border: 1px solid rgba(190,150,255,.20);
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.phspb-vchart-card--collecting .phspb-vchart-bar,
.phspb-vchart-card--building .phspb-vchart-bar {
  opacity: .78;
}

.phspb-vchart-card--collecting .phspb-vchart-legend--footer,
.phspb-vchart-card--building .phspb-vchart-legend--footer {
  opacity: .78;
}

@media (max-width: 767px) {
  .phspb-vchart-state {
    display: flex;
    width: 100%;
    border-radius: 14px;
    font-size: 11.5px;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.27 — premium filter landing layout
   Applies to /live-cams/{type|country|language|tag}/... pages.
   Goal: balanced sidebars, cleaner toolbar, equal-height cards, no subject/goal spam.
   ═════════════════════════════════════════════════════════════════════════════ */
body.phspb-filter-landing-page .phspb-model-shortcode.phspb-filter-landing-wrap {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
  grid-template-columns: 240px minmax(0, 1fr) 276px !important;
  gap: 22px !important;
  align-items: start !important;
}

body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-sidebar-panel {
  border-radius: 20px !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card {
  padding: 24px 28px !important;
  margin-bottom: 18px !important;
  min-height: 0 !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-heading {
  margin-bottom: 0 !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-kicker,
body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-live-badge {
  margin-bottom: 8px !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card h1 {
  margin-bottom: 8px !important;
  font-size: clamp(34px, 2.75vw, 52px) !important;
  line-height: 1.03 !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-hero-actions {
  margin-top: 16px !important;
}

body.phspb-filter-landing-page .phspb-filter-thumb-wrap {
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  flex-basis: 78px !important;
}

body.phspb-filter-landing-page .phspb-filter-thumb-badge {
  width: 58px !important;
  height: 58px !important;
  font-size: 25px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory.phspb-filter-directory-shell {
  padding: 18px 20px 22px !important;
  overflow: hidden !important;
}

/* Compact premium toolbar: no giant Clear button in the center. */
body.phspb-filter-landing-page #phspb-filter-directory .phlc-toolbar,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-filters {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-sort,
body.phspb-filter-landing-page #phspb-filter-directory select.phlc-sort {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 170px !important;
  max-width: 220px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 34px 0 14px !important;
  border-radius: 14px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-toggle,
body.phspb-filter-landing-page #phspb-filter-directory label.phlc-toggle {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-reset,
body.phspb-filter-landing-page #phspb-filter-directory button.phlc-reset,
body.phspb-filter-landing-page #phspb-filter-directory a.phlc-reset {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  opacity: .82 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-results-count {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-active-filters,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-active-filter-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: -6px 0 18px !important;
}

/* Controlled grid: 6 cards max on wide desktop, fewer on smaller layouts. */
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  justify-content: start !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid > .phlc-card,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 362px !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.026)) !important;
  border: 1px solid rgba(190,150,255,.15) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.22) !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-wrap,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-link {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10.6 !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-wrap img,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 14px 14px 15px !important;
  gap: 9px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-name,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-title,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-title {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-name-link,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-title a,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-title a {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: clamp(17px, .95vw, 22px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
  text-decoration: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-subname {
  display: block !important;
  max-width: 100% !important;
  min-height: 15px !important;
  max-height: 16px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.48) !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-meta,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats .phlc-pill,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-pill,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-chipline {
  max-width: 100% !important;
  min-height: 25px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Keep catalog cards clean: only viewers/followers and max two soft tags. */
body.phspb-filter-landing-page #phspb-filter-directory .phlc-subject,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-topic,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card [class*="subject"],
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card [class*="topic"],
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card [class*="goal"] {
  display: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-meta .phlc-chipline:nth-child(n+2),
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-tags .phlc-chipline:nth-child(n+3),
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-tags .phlc-pill:nth-child(n+3) {
  display: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-cta,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-cta {
  margin-top: auto !important;
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 15px !important;
}

body.phspb-filter-landing-page .phspb-sidebar-right--model .phspb-sidebar-recommended h4::before {
  content: "🔥 ";
}

body.phspb-filter-landing-page .phspb-sidebar-right--model .phspb-nav-browse-all {
  min-height: 42px !important;
}

@media (max-width: 1680px) {
  body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
    grid-template-columns: 230px minmax(0, 1fr) 258px !important;
    gap: 20px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1280px) {
  body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
    grid-template-columns: 220px minmax(0, 1fr) 238px !important;
    gap: 18px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
    min-height: 346px !important;
  }
}

@media (max-width: 1050px) {
  body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.phspb-filter-landing-page .phspb-model-shortcode.phspb-filter-landing-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card {
    padding: 18px 16px !important;
    border-radius: 20px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card h1 {
    font-size: clamp(28px, 8vw, 40px) !important;
  }

  body.phspb-filter-landing-page .phspb-filter-thumb-wrap {
    display: none !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory.phspb-filter-directory-shell {
    padding: 14px 12px 16px !important;
    border-radius: 20px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-results-count {
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
    min-height: 270px !important;
    border-radius: 18px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-wrap,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-link {
    aspect-ratio: 1 / .82 !important;
    border-radius: 18px 18px 0 0 !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-body {
    padding: 11px 10px 12px !important;
    gap: 7px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-name-link,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-title a,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-title a {
    font-size: 14px !important;
    letter-spacing: -.02em !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-subname,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-meta,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-tags,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-chipline,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-pill:not(.phlc-viewers):not(.phlc-followers) {
    display: none !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats .phlc-pill {
    min-height: 22px !important;
    padding: 4px 7px !important;
    font-size: 9.8px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-cta,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-cta {
    min-height: 40px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 520px) {
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: 1fr !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
    min-height: 300px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.28 — filter pages use existing premium directory card rhythm
   Goal: reuse the clean model/recommended card system, no experimental filter cards.
   ═════════════════════════════════════════════════════════════════════════════ */
body.phspb-filter-landing-page .phspb-model-shortcode.phspb-filter-landing-wrap {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
  grid-template-columns: 228px minmax(0, 1fr) 270px !important;
  gap: 18px !important;
  align-items: start !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card {
  padding: 22px 24px !important;
  margin-bottom: 18px !important;
  min-height: 0 !important;
  background:
    radial-gradient(circle at top right, rgba(190,150,255,.07), transparent 34%),
    #12091f !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-heading {
  align-items: center !important;
  margin-bottom: 0 !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card h1 {
  margin: 0 0 10px !important;
  font-size: clamp(34px, 2.55vw, 50px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-kicker,
body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-live-badge {
  margin-bottom: 8px !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-social-proof {
  margin-top: 8px !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-sp-item {
  min-height: 30px !important;
  padding: 6px 12px 6px 10px !important;
}

body.phspb-filter-landing-page .phspb-filter-visual {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 82px !important;
  width: 82px !important;
  height: 82px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), rgba(255,255,255,.06) 42%, rgba(190,150,255,.12) 100%),
    linear-gradient(180deg, rgba(190,150,255,.16), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(190,150,255,.30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 38px rgba(0,0,0,.24) !important;
  overflow: hidden !important;
}

body.phspb-filter-landing-page .phspb-filter-visual-icon {
  display: block !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-size: 34px !important;
  line-height: 1 !important;
  margin-bottom: 7px !important;
}

body.phspb-filter-landing-page .phspb-filter-visual-label {
  display: block !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

body.phspb-filter-landing-page .phspb-filter-thumb-wrap,
body.phspb-filter-landing-page .phspb-filter-thumb-badge {
  display: none !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-btn {
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory.phspb-filter-directory-shell {
  padding: 18px 18px 22px !important;
  overflow: visible !important;
  background: #12091f !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-directory,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-layout,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-main,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-section,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-block,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-wrap,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-shell,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-stage {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  background: transparent !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-layout,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-main {
  display: block !important;
}

/* Toolbar: left-aligned controls, room count on the right, no giant center button. */
body.phspb-filter-landing-page #phspb-filter-directory .phlc-toolbar,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-filters {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-sort,
body.phspb-filter-landing-page #phspb-filter-directory select.phlc-sort {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 210px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 34px 0 14px !important;
  border-radius: 15px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-toggle,
body.phspb-filter-landing-page #phspb-filter-directory label.phlc-toggle {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(190,150,255,.16) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-reset,
body.phspb-filter-landing-page #phspb-filter-directory button.phlc-reset,
body.phspb-filter-landing-page #phspb-filter-directory a.phlc-reset {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-results-count {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-active-filters,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-active-filter-list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 16px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-block-head,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-block-head h3 {
  background: transparent !important;
}

/* Cards: same clean rhythm as Recommended Live Streams, but without the 12-card limit. */
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  justify-content: start !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid > .phlc-card,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 318px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.026)) !important;
  border: 1px solid rgba(190,150,255,.16) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-wrap,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-link {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10.4 !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-wrap img,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 14px 14px 15px !important;
  gap: 9px !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-name,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-title,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 0 !important;
  min-height: 22px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  position: relative !important;
  z-index: 3 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-name-link,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-title a,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-title a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: clamp(16px, .86vw, 19px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -.03em !important;
  text-decoration: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  min-width: 0 !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats .phlc-pill {
  max-width: 100% !important;
  min-height: 25px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats .phlc-pill:nth-child(n+3) {
  display: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-subname,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-meta,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-card-tags,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-tags,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-chipline,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-subject,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-topic,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-goal,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-room-goal,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-room-subject,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card p,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card [class*="subject"],
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card [class*="topic"],
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card [class*="goal"] {
  display: none !important;
}

body.phspb-filter-landing-page #phspb-filter-directory .phlc-cta,
body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-cta {
  margin-top: auto !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body.phspb-filter-landing-page .phspb-sidebar-right--model .phspb-sidebar-recommended h4::before {
  content: "🔥 ";
}

@media (max-width: 1680px) {
  body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
    grid-template-columns: 222px minmax(0, 1fr) 258px !important;
    gap: 18px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1360px) {
  body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
    grid-template-columns: 210px minmax(0, 1fr) 232px !important;
    gap: 16px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1050px) {
  body.phspb-filter-landing-page .phspb-filter-landing-wrap .phspb-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.phspb-filter-landing-page .phspb-model-shortcode.phspb-filter-landing-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card {
    padding: 18px 16px !important;
    border-radius: 20px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-heading {
    align-items: flex-start !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card h1 {
    font-size: clamp(27px, 8vw, 40px) !important;
  }

  body.phspb-filter-landing-page .phspb-filter-visual {
    width: auto !important;
    height: 36px !important;
    flex-basis: auto !important;
    flex-direction: row !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-visual-icon {
    font-size: 21px !important;
    margin: 0 !important;
  }

  body.phspb-filter-landing-page .phspb-filter-visual-label {
    font-size: 9px !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-hero-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.phspb-filter-landing-page .phspb-filter-hero-card .phspb-btn {
    width: 100% !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory.phspb-filter-directory-shell {
    padding: 14px 12px 16px !important;
    border-radius: 20px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-results-count {
    width: 100% !important;
    margin-left: 0 !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
    min-height: 218px !important;
    border-radius: 18px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-wrap,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-thumb-link {
    aspect-ratio: 1 / .78 !important;
    border-radius: 18px 18px 0 0 !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-body {
    padding: 11px 10px 12px !important;
    gap: 7px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-name-link,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card-title a,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-title a {
    font-size: 13.5px !important;
    letter-spacing: -.02em !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-stats .phlc-pill {
    min-height: 22px !important;
    padding: 4px 7px !important;
    font-size: 9.3px !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-cta,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card .phlc-cta {
    min-height: 40px !important;
    font-size: 11.5px !important;
  }
}

@media (max-width: 520px) {
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-featured,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid-country,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-our_models,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-country_rooms,
  body.phspb-filter-landing-page #phspb-filter-directory .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: 1fr !important;
  }

  body.phspb-filter-landing-page #phspb-filter-directory .phlc-card {
    min-height: 268px !important;
  }
}


/* Fast filter landing pages: keep the normal shell, but remove the heavy right rail. */
body.phspb-filter-landing-page .phspb-page-layout {
  grid-template-columns: 282px minmax(0, 1fr) !important;
}

@media (max-width: 1680px) {
  body.phspb-filter-landing-page .phspb-page-layout {
    grid-template-columns: 262px minmax(0, 1fr) !important;
  }
}

@media (max-width: 1440px) {
  body.phspb-filter-landing-page .phspb-page-layout {
    grid-template-columns: 236px minmax(0, 1fr) !important;
  }
}

@media (max-width: 1200px) {
  body.phspb-filter-landing-page .phspb-page-layout {
    grid-template-columns: 214px minmax(0, 1fr) !important;
  }
}

@media (max-width: 1050px) {
  body.phspb-filter-landing-page .phspb-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.35 — Stream stats premium neon dashboard redesign
   Scope: visual-only styling for the model Stream stats block.
   No data logic, filters, cards, sidebars, or global layout are changed.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card.phspb-section-card {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(26px, 3.2vw, 48px) clamp(20px, 3.3vw, 48px) clamp(26px, 3vw, 42px) !important;
  border-radius: clamp(22px, 2vw, 34px) !important;
  border: 1px solid rgba(239, 83, 255, .58) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(192, 82, 255, .22) 0, transparent 34%),
    radial-gradient(circle at 96% 6%, rgba(255, 52, 213, .18) 0, transparent 36%),
    radial-gradient(circle at 50% 112%, rgba(69, 82, 255, .15) 0, transparent 42%),
    linear-gradient(145deg, rgba(20, 7, 43, .95) 0%, rgba(15, 5, 33, .96) 52%, rgba(23, 7, 39, .94) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .045) inset,
    0 0 44px rgba(226, 56, 255, .22),
    0 0 96px rgba(123, 76, 255, .14),
    0 30px 80px rgba(4, 0, 16, .46) !important;
  isolation: isolate !important;
}

.phspb-stats-card.phspb-section-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06), transparent 18%, transparent 82%, rgba(255,255,255,.05)),
    radial-gradient(circle at 48% 25%, rgba(111, 83, 255, .18), transparent 26%) !important;
}

.phspb-stats-card.phspb-section-card::after {
  content: "" !important;
  position: absolute !important;
  right: -18% !important;
  top: -38% !important;
  width: 56% !important;
  height: 70% !important;
  pointer-events: none !important;
  background: radial-gradient(circle, rgba(244, 56, 255, .18) 0, rgba(112, 70, 255, .08) 32%, transparent 68%) !important;
  filter: blur(8px) !important;
  opacity: .85 !important;
}

.phspb-stats-card .phspb-section-head {
  position: relative !important;
  z-index: 1 !important;
  gap: clamp(18px, 2vw, 30px) !important;
  align-items: flex-start !important;
  margin-bottom: clamp(26px, 3vw, 42px) !important;
}

.phspb-stats-card .phspb-section-accent {
  width: 9px !important;
  flex-basis: 9px !important;
  min-height: clamp(60px, 4.8vw, 86px) !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ff89ff 0%, #bd5fff 38%, #7a5dff 100%) !important;
  box-shadow:
    0 0 14px rgba(255, 124, 255, .92),
    0 0 34px rgba(198, 92, 255, .72),
    0 0 64px rgba(115, 88, 255, .42) !important;
}

.phspb-stats-card .phspb-section-title {
  color: #fff !important;
  text-shadow:
    0 0 20px rgba(255, 255, 255, .12),
    0 8px 34px rgba(156, 84, 255, .24) !important;
  font-size: clamp(38px, 4vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
  font-weight: 950 !important;
}

.phspb-stats-card .phspb-section-subtitle {
  margin-top: clamp(10px, 1.1vw, 16px) !important;
  color: rgba(255, 255, 255, .66) !important;
  font-size: clamp(14px, 1.15vw, 20px) !important;
  line-height: 1.5 !important;
  max-width: 780px !important;
}

.phspb-stats-card .phspb-section-divider {
  position: relative !important;
  z-index: 1 !important;
  height: 1px !important;
  margin: 0 0 clamp(18px, 2.2vw, 28px) !important;
  border: 0 !important;
  background: linear-gradient(90deg, rgba(255, 99, 255, .42), rgba(132, 97, 255, .24), rgba(255, 255, 255, .09)) !important;
  box-shadow: 0 0 22px rgba(220, 70, 255, .17) !important;
}

.phspb-stats-card .phspb-stats-grid--product {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.55vw, 24px) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
  --phspb-stat-accent-rgb: 238, 66, 255;
  --phspb-stat-accent-2-rgb: 111, 86, 255;
  position: relative !important;
  overflow: hidden !important;
  min-height: clamp(155px, 11vw, 212px) !important;
  padding: clamp(18px, 1.8vw, 26px) clamp(16px, 1.8vw, 24px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  border-radius: clamp(18px, 1.35vw, 26px) !important;
  border: 1px solid rgba(var(--phspb-stat-accent-rgb), .52) !important;
  background:
    radial-gradient(circle at 13% 0%, rgba(var(--phspb-stat-accent-rgb), .30) 0, transparent 34%),
    radial-gradient(circle at 88% 104%, rgba(var(--phspb-stat-accent-2-rgb), .24) 0, transparent 42%),
    linear-gradient(160deg, rgba(56, 34, 76, .68) 0%, rgba(19, 8, 38, .92) 52%, rgba(12, 5, 26, .94) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 0 -1px 0 rgba(var(--phspb-stat-accent-rgb), .13),
    0 0 0 1px rgba(255, 255, 255, .025),
    0 18px 48px rgba(6, 0, 20, .34),
    0 0 36px rgba(var(--phspb-stat-accent-rgb), .11) !important;
  transform: translateZ(0) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card::before,
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card::before {
  left: -12% !important;
  right: -12% !important;
  bottom: -22% !important;
  height: 52% !important;
  background:
    radial-gradient(ellipse at 18% 100%, rgba(var(--phspb-stat-accent-rgb), .30) 0, transparent 46%),
    radial-gradient(ellipse at 85% 100%, rgba(var(--phspb-stat-accent-2-rgb), .24) 0, transparent 48%) !important;
  filter: blur(1px) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card::after {
  left: 8% !important;
  right: 8% !important;
  bottom: 8% !important;
  height: 34px !important;
  opacity: .34 !important;
  background:
    linear-gradient(110deg, transparent 0 8%, rgba(var(--phspb-stat-accent-2-rgb), .32) 8% 9%, transparent 9% 18%, rgba(var(--phspb-stat-accent-rgb), .26) 18% 19%, transparent 19%),
    radial-gradient(ellipse at 48% 92%, rgba(var(--phspb-stat-accent-rgb), .24), transparent 64%) !important;
  mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,.78) 54%, transparent 100%) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(1) {
  --phspb-stat-accent-rgb: 255, 78, 234;
  --phspb-stat-accent-2-rgb: 128, 78, 255;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(2) {
  --phspb-stat-accent-rgb: 139, 92, 255;
  --phspb-stat-accent-2-rgb: 43, 205, 255;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(3) {
  --phspb-stat-accent-rgb: 255, 71, 220;
  --phspb-stat-accent-2-rgb: 255, 55, 134;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(4) {
  --phspb-stat-accent-rgb: 93, 111, 255;
  --phspb-stat-accent-2-rgb: 34, 215, 255;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(5) {
  --phspb-stat-accent-rgb: 70, 201, 255;
  --phspb-stat-accent-2-rgb: 112, 82, 255;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(6) {
  --phspb-stat-accent-rgb: 179, 86, 255;
  --phspb-stat-accent-2-rgb: 85, 79, 255;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(7) {
  --phspb-stat-accent-rgb: 255, 68, 218;
  --phspb-stat-accent-2-rgb: 255, 74, 130;
}
.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:nth-child(8) {
  --phspb-stat-accent-rgb: 255, 73, 208;
  --phspb-stat-accent-2-rgb: 255, 77, 129;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon {
  width: clamp(48px, 4vw, 78px) !important;
  height: clamp(48px, 4vw, 78px) !important;
  margin: 0 0 clamp(14px, 1.25vw, 22px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: clamp(22px, 2.05vw, 36px) !important;
  line-height: 1 !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255,255,255,.32), transparent 30%),
    radial-gradient(circle, rgba(var(--phspb-stat-accent-rgb), .32), rgba(var(--phspb-stat-accent-2-rgb), .11) 58%, rgba(255,255,255,.05) 100%) !important;
  border: 1px solid rgba(var(--phspb-stat-accent-rgb), .66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -12px 28px rgba(0,0,0,.18),
    0 0 0 7px rgba(var(--phspb-stat-accent-rgb), .075),
    0 0 28px rgba(var(--phspb-stat-accent-rgb), .45),
    0 0 56px rgba(var(--phspb-stat-accent-2-rgb), .18) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-label {
  margin: 0 !important;
  max-width: 100% !important;
  color: rgba(218, 199, 255, .78) !important;
  font-size: clamp(10px, .78vw, 13px) !important;
  line-height: 1.16 !important;
  letter-spacing: .15em !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 18px rgba(var(--phspb-stat-accent-rgb), .18) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
  margin: clamp(8px, .85vw, 13px) 0 0 !important;
  color: #fff !important;
  font-size: clamp(26px, 2.45vw, 44px) !important;
  line-height: .98 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,.035),
    0 10px 30px rgba(0,0,0,.36),
    0 0 22px rgba(var(--phspb-stat-accent-rgb), .15) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
  margin-top: clamp(8px, .9vw, 14px) !important;
  color: rgba(255, 255, 255, .64) !important;
  font-size: clamp(12px, .95vw, 16px) !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
  font-size: clamp(24px, 2.15vw, 38px) !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card--empty {
  opacity: .82 !important;
}

@media (hover: hover) {
  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(var(--phspb-stat-accent-rgb), .78) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 22px 58px rgba(7,0,24,.42),
      0 0 42px rgba(var(--phspb-stat-accent-rgb), .20) !important;
  }
}

@media (max-width: 1280px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card.phspb-section-card {
    padding: 24px 16px 22px !important;
    border-radius: 24px !important;
  }

  .phspb-stats-card .phspb-section-head {
    gap: 14px !important;
    margin-bottom: 22px !important;
  }

  .phspb-stats-card .phspb-section-title {
    font-size: clamp(34px, 10vw, 46px) !important;
  }

  .phspb-stats-card .phspb-section-subtitle {
    font-size: 13px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
    min-height: 156px !important;
    padding: 22px 18px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
    white-space: normal !important;
    font-size: clamp(24px, 7.2vw, 34px) !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.36 — Stream stats compact neon fit correction
   Scope: visual-only sizing correction for model pages with sidebars.
   Real statistics still come from PHSPB_Stats / PH Live Core; the glow/mini-lines
   below are CSS decoration only.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card.phspb-section-card {
  padding: clamp(22px, 2.1vw, 34px) clamp(18px, 2.25vw, 34px) clamp(22px, 2vw, 32px) !important;
  border-radius: clamp(20px, 1.45vw, 28px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .04) inset,
    0 0 30px rgba(226, 56, 255, .16),
    0 0 64px rgba(123, 76, 255, .10),
    0 22px 54px rgba(4, 0, 16, .38) !important;
}

.phspb-stats-card .phspb-section-head {
  gap: clamp(14px, 1.35vw, 22px) !important;
  margin-bottom: clamp(20px, 2.05vw, 30px) !important;
}

.phspb-stats-card .phspb-section-accent {
  width: 7px !important;
  flex-basis: 7px !important;
  min-height: clamp(50px, 3.65vw, 68px) !important;
}

.phspb-stats-card .phspb-section-title {
  font-size: clamp(34px, 3.05vw, 52px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.phspb-stats-card .phspb-section-subtitle {
  margin-top: clamp(8px, .8vw, 12px) !important;
  font-size: clamp(13px, .92vw, 16px) !important;
  line-height: 1.45 !important;
}

.phspb-stats-card .phspb-section-divider {
  margin: 0 0 clamp(16px, 1.45vw, 22px) !important;
}

.phspb-stats-card .phspb-stats-grid--product {
  gap: clamp(12px, 1.05vw, 18px) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
  min-height: clamp(128px, 8.1vw, 162px) !important;
  padding: clamp(15px, 1.25vw, 20px) clamp(14px, 1.25vw, 19px) !important;
  border-radius: clamp(16px, 1.05vw, 22px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(var(--phspb-stat-accent-rgb), .11),
    0 12px 34px rgba(6,0,20,.28),
    0 0 26px rgba(var(--phspb-stat-accent-rgb), .09) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card::after {
  bottom: 6% !important;
  height: 26px !important;
  opacity: .26 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-icon {
  width: clamp(40px, 3.2vw, 58px) !important;
  height: clamp(40px, 3.2vw, 58px) !important;
  margin-bottom: clamp(10px, .92vw, 15px) !important;
  font-size: clamp(18px, 1.52vw, 27px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -9px 20px rgba(0,0,0,.16),
    0 0 0 5px rgba(var(--phspb-stat-accent-rgb), .06),
    0 0 22px rgba(var(--phspb-stat-accent-rgb), .34),
    0 0 42px rgba(var(--phspb-stat-accent-2-rgb), .13) !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-label {
  font-size: clamp(9px, .66vw, 11px) !important;
  letter-spacing: .135em !important;
  line-height: 1.18 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
  margin-top: clamp(6px, .58vw, 9px) !important;
  font-size: clamp(22px, 1.82vw, 34px) !important;
  line-height: 1.02 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-subvalue {
  margin-top: clamp(6px, .58vw, 9px) !important;
  font-size: clamp(11px, .78vw, 13px) !important;
  line-height: 1.26 !important;
}

.phspb-stats-card .phspb-stats-grid--product .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
  font-size: clamp(21px, 1.6vw, 30px) !important;
}

/* Keep the dashboard compact inside the center column while sidebars are visible. */
@media (min-width: 1281px) {
  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Tablet / narrow center column fallback. */
@media (max-width: 1280px) {
  .phspb-stats-card.phspb-section-card {
    padding: 24px 18px 22px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: readable, single-column, no overlap. */
@media (max-width: 767px) {
  .phspb-stats-card.phspb-section-card {
    padding: 22px 14px 20px !important;
    border-radius: 22px !important;
  }

  .phspb-stats-card .phspb-section-title {
    font-size: clamp(30px, 9vw, 40px) !important;
  }

  .phspb-stats-card .phspb-section-accent {
    width: 6px !important;
    flex-basis: 6px !important;
    min-height: 46px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-card {
    min-height: 132px !important;
    padding: 18px 14px !important;
  }

  .phspb-stats-card .phspb-stats-grid--product .phspb-stat-value {
    font-size: clamp(24px, 7.2vw, 32px) !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.37 — Stream stats premium dashboard
   Scope: Stream stats visual layer only. Numbers are rendered from PHSPB_Stats /
   PH Live Core. Micro bars and lower helper rows are compact visual summaries.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card--premium-dashboard.phspb-section-card {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(24px, 2.25vw, 38px) clamp(20px, 2.45vw, 38px) clamp(22px, 2.2vw, 34px) !important;
  border-radius: clamp(22px, 1.45vw, 30px) !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(121, 81, 255, .20), transparent 36%),
    radial-gradient(circle at 83% 18%, rgba(255, 61, 208, .14), transparent 34%),
    linear-gradient(145deg, rgba(20, 18, 43, .92), rgba(12, 8, 30, .96) 62%, rgba(20, 10, 42, .94)) !important;
  border: 1px solid rgba(188, 160, 255, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 18px 52px rgba(5,0,18,.42),
    0 0 46px rgba(127,74,255,.10) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::before {
  content: '' !important;
  position: absolute !important;
  inset: -35% -20% auto auto !important;
  width: min(520px, 48vw) !important;
  height: min(420px, 38vw) !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(128, 92, 255, .19), rgba(255, 57, 219, .08) 42%, transparent 70%) !important;
  filter: blur(18px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) !important;
  background-size: 36px 36px !important;
  opacity: .16 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.phspb-stats-card--premium-dashboard > * {
  position: relative !important;
  z-index: 1 !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-head {
  align-items: center !important;
  gap: clamp(14px, 1.2vw, 20px) !important;
  margin: 0 0 clamp(24px, 2vw, 32px) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-accent {
  width: 7px !important;
  flex: 0 0 7px !important;
  min-height: clamp(52px, 4.3vw, 72px) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ff73ff, #875dff 58%, #6d4fff) !important;
  box-shadow: 0 0 24px rgba(181, 87, 255, .70), 0 0 48px rgba(255, 65, 217, .25) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-title {
  font-size: clamp(38px, 3.35vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.058em !important;
  font-weight: 950 !important;
  color: #fff !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.40), 0 0 20px rgba(139, 91, 255, .12) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-subtitle {
  margin-top: clamp(8px, .7vw, 12px) !important;
  font-size: clamp(13px, .96vw, 16px) !important;
  line-height: 1.45 !important;
  color: rgba(235, 229, 255, .63) !important;
  font-weight: 600 !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-divider {
  margin: 0 0 clamp(18px, 1.6vw, 24px) !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(164, 126, 255, .02), rgba(173, 141, 255, .30), rgba(255, 80, 224, .10), rgba(164, 126, 255, .02)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.12vw, 20px) !important;
  align-items: stretch !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  --phspb-stat-accent-rgb: 135, 87, 255;
  --phspb-stat-accent-2-rgb: 255, 73, 218;
  position: relative !important;
  overflow: hidden !important;
  min-height: clamp(168px, 11.2vw, 208px) !important;
  padding: clamp(18px, 1.28vw, 23px) clamp(18px, 1.35vw, 24px) !important;
  border-radius: clamp(18px, 1.1vw, 24px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 15% 8%, rgba(var(--phspb-stat-accent-rgb), .20), transparent 46%),
    radial-gradient(circle at 85% 86%, rgba(var(--phspb-stat-accent-2-rgb), .11), transparent 42%),
    linear-gradient(155deg, rgba(37, 35, 68, .66), rgba(14, 12, 35, .80) 58%, rgba(18, 15, 43, .74)) !important;
  border: 1px solid rgba(180, 158, 255, .15) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 14px 36px rgba(3,0,14,.25),
    0 0 28px rgba(var(--phspb-stat-accent-rgb), .055) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(1) { --phspb-stat-accent-rgb: 184, 89, 255; --phspb-stat-accent-2-rgb: 255, 74, 219; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(2) { --phspb-stat-accent-rgb: 116, 88, 255; --phspb-stat-accent-2-rgb: 44, 226, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(3) { --phspb-stat-accent-rgb: 255, 76, 213; --phspb-stat-accent-2-rgb: 255, 65, 134; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(4) { --phspb-stat-accent-rgb: 80, 102, 255; --phspb-stat-accent-2-rgb: 40, 215, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(5) { --phspb-stat-accent-rgb: 53, 197, 255; --phspb-stat-accent-2-rgb: 127, 81, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(6) { --phspb-stat-accent-rgb: 161, 82, 255; --phspb-stat-accent-2-rgb: 113, 75, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(7) { --phspb-stat-accent-rgb: 255, 67, 184; --phspb-stat-accent-2-rgb: 255, 74, 112; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(8) { --phspb-stat-accent-rgb: 129, 71, 255; --phspb-stat-accent-2-rgb: 64, 225, 168; }

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 32%),
    radial-gradient(circle at 13% 10%, rgba(var(--phspb-stat-accent-rgb), .18), transparent 35%) !important;
  opacity: .82 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::after {
  content: '' !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: 8% !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(var(--phspb-stat-accent-rgb), .38), transparent) !important;
  opacity: .32 !important;
  filter: blur(.1px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-icon,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-icon {
  width: clamp(42px, 3vw, 54px) !important;
  height: clamp(42px, 3vw, 54px) !important;
  margin: 0 0 clamp(18px, 1.25vw, 22px) !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: clamp(20px, 1.55vw, 27px) !important;
  line-height: 1 !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.26), transparent 28%),
    linear-gradient(145deg, rgba(var(--phspb-stat-accent-rgb), .26), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 5px rgba(var(--phspb-stat-accent-rgb), .045),
    0 0 26px rgba(var(--phspb-stat-accent-rgb), .28) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-label,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-label {
  margin: 0 !important;
  color: rgba(221, 211, 247, .70) !important;
  font-size: clamp(10px, .70vw, 12px) !important;
  line-height: 1.2 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-value,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-value {
  margin: clamp(7px, .55vw, 10px) 0 0 !important;
  color: #fff !important;
  font-size: clamp(27px, 2.05vw, 38px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
  text-align: left !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.44) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
  font-size: clamp(23px, 1.7vw, 33px) !important;
  white-space: nowrap !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-subvalue,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-subvalue {
  margin-top: clamp(7px, .55vw, 10px) !important;
  max-width: 100% !important;
  color: rgba(239, 232, 255, .62) !important;
  font-size: clamp(11px, .8vw, 13px) !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-extra {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: clamp(14px, 1vw, 18px) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars {
  height: 32px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: clamp(3px, .28vw, 5px) !important;
  width: 100% !important;
  opacity: .96 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
  display: block !important;
  flex: 1 1 0 !important;
  min-width: 3px !important;
  height: var(--h, 5px) !important;
  border-radius: 999px !important;
  background: rgba(111, 111, 143, .34) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-active {
  background: linear-gradient(180deg, rgba(202, 92, 255, .95), rgba(113, 70, 255, .76)) !important;
  box-shadow: 0 0 10px rgba(149, 82, 255, .32) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-latest {
  background: linear-gradient(180deg, rgba(68, 255, 157, .92), rgba(79, 196, 255, .72)) !important;
  box-shadow: 0 0 13px rgba(72, 255, 174, .34) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-progress {
  width: 100% !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track {
  position: relative !important;
  height: 8px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(93, 91, 130, .28) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.30) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track span {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  min-width: 7% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #9d58ff, #7d2bff 48%, #b33dff) !important;
  box-shadow: 0 0 18px rgba(139, 76, 255, .42) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-scale {
  margin-top: 8px !important;
  display: flex !important;
  justify-content: space-between !important;
  color: rgba(233, 225, 255, .50) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(42, 201, 116, .13) !important;
  border: 1px solid rgba(88, 255, 162, .12) !important;
  color: #77ffad !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: 0 0 20px rgba(57, 255, 150, .075) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-note {
  color: rgba(235, 228, 255, .55) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-footer {
  margin-top: clamp(16px, 1.25vw, 22px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: clamp(14px, 1.2vw, 22px) !important;
  align-items: center !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight {
  min-height: 66px !important;
  padding: 13px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(119, 77, 255, .18), transparent 48%),
    linear-gradient(135deg, rgba(40, 35, 75, .56), rgba(18, 16, 45, .58)) !important;
  border: 1px solid rgba(178, 156, 255, .10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  background: linear-gradient(145deg, rgba(121, 77, 255, .90), rgba(68, 51, 132, .82)) !important;
  box-shadow: 0 0 24px rgba(123, 81, 255, .28) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy strong {
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(13px, .92vw, 15px) !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy span {
  color: rgba(229, 220, 255, .60) !important;
  font-size: clamp(12px, .8vw, 13px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-legend {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  color: rgba(231, 224, 255, .62) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-legend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot {
  width: 11px !important;
  height: 11px !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--live {
  background: #8a58ff !important;
  box-shadow: 0 0 13px rgba(138, 88, 255, .55) !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--empty {
  background: rgba(138, 139, 164, .42) !important;
}

@media (hover:hover) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card {
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(var(--phspb-stat-accent-rgb), .36) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 17px 42px rgba(4,0,18,.33),
      0 0 34px rgba(var(--phspb-stat-accent-rgb), .11) !important;
  }
}

@media (max-width: 1380px) and (min-width: 901px) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    gap: 14px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card {
    min-height: 160px !important;
    padding: 17px 16px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-value {
    font-size: clamp(24px, 1.75vw, 32px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
    font-size: clamp(21px, 1.45vw, 28px) !important;
  }
}

@media (max-width: 1100px) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-footer {
    grid-template-columns: 1fr !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-legend {
    justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card--premium-dashboard.phspb-section-card {
    padding: 22px 14px 20px !important;
    border-radius: 22px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-head {
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-title {
    font-size: clamp(32px, 9.4vw, 42px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-accent {
    width: 6px !important;
    flex-basis: 6px !important;
    min-height: 48px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 152px !important;
    padding: 17px 15px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
    white-space: normal !important;
    font-size: clamp(25px, 7vw, 34px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-insight {
    align-items: flex-start !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-legend {
    gap: 12px !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    font-size: 12px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.38 — Stream stats reference-fit correction
   Scope: make the block compact, cooler-toned, and closer to the approved
   reference style. No stats logic changed.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card--premium-dashboard.phspb-section-card {
  padding: clamp(18px, 1.7vw, 26px) clamp(16px, 1.8vw, 24px) clamp(18px, 1.7vw, 24px) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(112, 126, 255, .20) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(80, 108, 255, .10) 0, transparent 32%),
    radial-gradient(circle at 96% 10%, rgba(85, 102, 210, .08) 0, transparent 28%),
    linear-gradient(180deg, rgba(13, 14, 34, .985) 0%, rgba(10, 12, 31, .985) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 34px rgba(4, 6, 22, .30),
    0 0 0 1px rgba(255,255,255,.015) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.025), transparent 16%, transparent 84%, rgba(255,255,255,.02)),
    radial-gradient(circle at 40% 18%, rgba(84, 104, 255, .08), transparent 26%) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::after {
  right: -10% !important;
  top: -26% !important;
  width: 40% !important;
  height: 44% !important;
  background: radial-gradient(circle, rgba(86, 104, 220, .10) 0, rgba(71, 90, 190, .05) 40%, transparent 74%) !important;
  opacity: .6 !important;
  filter: blur(10px) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-head {
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-accent {
  width: 7px !important;
  flex-basis: 7px !important;
  min-height: 76px !important;
  margin-top: 2px !important;
  background: linear-gradient(180deg, #8da2ff 0%, #657cff 45%, #586bf0 100%) !important;
  box-shadow:
    0 0 10px rgba(119, 136, 255, .35),
    0 0 22px rgba(96, 114, 255, .18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-title {
  font-size: clamp(28px, 2.7vw, 40px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-subtitle {
  margin-top: 8px !important;
  color: rgba(225, 231, 255, .72) !important;
  font-size: clamp(13px, .92vw, 15px) !important;
  max-width: 620px !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-divider {
  margin: 0 0 14px !important;
  background: linear-gradient(90deg, rgba(137, 151, 255, .18), rgba(86, 107, 198, .10), rgba(255,255,255,.04)) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
  gap: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  min-height: 150px !important;
  padding: 16px 16px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(104, 118, 196, .18) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--phspb-stat-accent-rgb), .08) 0, transparent 28%),
    linear-gradient(180deg, rgba(21, 24, 55, .96) 0%, rgba(12, 15, 39, .98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 24px rgba(5, 8, 26, .22) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::before {
  left: 10px !important;
  right: 10px !important;
  bottom: 14px !important;
  height: 18px !important;
  background:
    linear-gradient(90deg, rgba(var(--phspb-stat-accent-rgb), .12), rgba(var(--phspb-stat-accent-rgb), 0) 45%),
    radial-gradient(ellipse at 88% 100%, rgba(var(--phspb-stat-accent-2-rgb), .10), transparent 46%) !important;
  filter: none !important;
  opacity: .9 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::after {
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  height: 3px !important;
  opacity: .22 !important;
  background: linear-gradient(90deg, rgba(255,255,255,.10), transparent 26%, rgba(var(--phspb-stat-accent-rgb), .20) 50%, transparent 74%, rgba(255,255,255,.08)) !important;
  mask-image: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(1) { --phspb-stat-accent-rgb: 125, 139, 255; --phspb-stat-accent-2-rgb: 93, 214, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(2) { --phspb-stat-accent-rgb: 111, 127, 255; --phspb-stat-accent-2-rgb: 95, 215, 226; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(3) { --phspb-stat-accent-rgb: 119, 118, 255; --phspb-stat-accent-2-rgb: 160, 131, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(4) { --phspb-stat-accent-rgb: 99, 142, 255; --phspb-stat-accent-2-rgb: 95, 206, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(5) { --phspb-stat-accent-rgb: 95, 199, 235; --phspb-stat-accent-2-rgb: 110, 132, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(6) { --phspb-stat-accent-rgb: 120, 126, 255; --phspb-stat-accent-2-rgb: 154, 140, 255; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(7) { --phspb-stat-accent-rgb: 97, 126, 255; --phspb-stat-accent-2-rgb: 105, 222, 195; }
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(8) { --phspb-stat-accent-rgb: 113, 126, 255; --phspb-stat-accent-2-rgb: 89, 214, 233; }

.phspb-stats-card--premium-dashboard .phspb-stat-icon {
  width: 42px !important;
  height: 42px !important;
  margin: 0 0 14px !important;
  border-radius: 14px !important;
  font-size: 21px !important;
  background: linear-gradient(180deg, rgba(44, 51, 103, .95), rgba(31, 37, 79, .96)) !important;
  border: 1px solid rgba(var(--phspb-stat-accent-rgb), .20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(5,8,25,.18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-label {
  color: rgba(216, 222, 245, .76) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  letter-spacing: .11em !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-value {
  margin-top: 8px !important;
  font-size: clamp(22px, 1.95vw, 33px) !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
  font-size: clamp(21px, 1.7vw, 31px) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-subvalue {
  margin-top: 8px !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
  color: rgba(228, 232, 255, .66) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-extra {
  margin-top: auto !important;
  width: 100% !important;
  padding-top: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars {
  gap: 5px !important;
  min-height: 18px !important;
  align-items: end !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
  width: 5px !important;
  border-radius: 6px !important;
  background: rgba(189, 196, 233, .20) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-active {
  background: linear-gradient(180deg, rgba(144, 121, 255, .92), rgba(103, 131, 255, .96)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-latest {
  background: linear-gradient(180deg, rgba(111, 233, 192, .96), rgba(86, 214, 174, .96)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-progress {
  gap: 8px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track span {
  background: linear-gradient(90deg, #6d79ff 0%, #8e63ff 100%) !important;
  box-shadow: 0 0 14px rgba(109, 121, 255, .22) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-scale {
  color: rgba(225,231,255,.62) !important;
  font-size: 11px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-row {
  gap: 8px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
  min-height: 22px !important;
  padding: 3px 8px !important;
  background: rgba(60, 198, 135, .10) !important;
  border: 1px solid rgba(88, 218, 161, .14) !important;
  color: #8aefb9 !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-note {
  font-size: 11px !important;
  color: rgba(225,231,255,.58) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-footer {
  margin-top: 12px !important;
  gap: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight {
  min-height: 56px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(25, 28, 58, .86), rgba(18, 22, 45, .86)) !important;
  border: 1px solid rgba(104, 118, 196, .14) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
  font-size: 18px !important;
  background: linear-gradient(180deg, rgba(106, 119, 255, .90), rgba(77, 89, 207, .94)) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy strong {
  font-size: 13px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy span {
  font-size: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-legend {
  color: rgba(226,231,255,.68) !important;
  font-size: 12px !important;
  gap: 14px !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--live {
  background: #7a87ff !important;
  box-shadow: none !important;
}

@media (hover:hover) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 26px rgba(5, 8, 26, .25) !important;
    border-color: rgba(123, 137, 220, .26) !important;
  }
}

@media (max-width: 1380px) and (min-width: 901px) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card {
    min-height: 145px !important;
    padding: 15px 14px 13px !important;
  }
}

@media (max-width: 1100px) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card--premium-dashboard.phspb-section-card {
    padding: 18px 12px 18px !important;
    border-radius: 18px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-head {
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-title {
    font-size: clamp(26px, 9vw, 34px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-accent {
    width: 5px !important;
    flex-basis: 5px !important;
    min-height: 54px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 138px !important;
    padding: 15px 14px 13px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
    white-space: normal !important;
    font-size: clamp(22px, 6.8vw, 30px) !important;
  }
}


/*
   PHSPB 3.12.39 — Stream stats exact-fit correction
   Compact central-column sizing, colder palette, percentage chips.
*/
.phspb-stats-card--premium-dashboard.phspb-section-card {
  padding: 20px 18px 18px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(81, 106, 255, .10), transparent 26%),
    radial-gradient(circle at 18% 12%, rgba(116, 92, 255, .10), transparent 30%),
    linear-gradient(180deg, rgba(16, 18, 37, .98), rgba(11, 13, 30, .98)) !important;
  border: 1px solid rgba(124, 135, 196, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.015),
    0 14px 34px rgba(3, 5, 16, .22) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::before {
  inset: auto -10% -24% auto !important;
  width: min(360px, 36vw) !important;
  height: min(260px, 24vw) !important;
  background: radial-gradient(circle, rgba(81, 105, 255, .12), transparent 68%) !important;
  filter: blur(22px) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::after {
  background-image: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-head {
  gap: 14px !important;
  margin: 0 0 18px !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-accent {
  width: 6px !important;
  flex: 0 0 6px !important;
  min-height: 76px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #b98cff, #7a6dff 58%, #5d72ff) !important;
  box-shadow: 0 0 14px rgba(130, 120, 255, .30) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-title {
  font-size: clamp(32px, 2.7vw, 46px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.052em !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-subtitle {
  margin-top: 8px !important;
  font-size: clamp(12px, .88vw, 15px) !important;
  color: rgba(220, 228, 255, .66) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-divider {
  margin: 0 0 16px !important;
  background: linear-gradient(90deg, rgba(124,135,196,.02), rgba(124,135,196,.28), rgba(124,135,196,.02)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
  gap: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  min-height: 136px !important;
  padding: 14px 14px 12px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--phspb-stat-accent-rgb), .12), transparent 40%),
    linear-gradient(180deg, rgba(22, 25, 50, .96), rgba(15, 18, 40, .98)) !important;
  border: 1px solid rgba(124, 135, 196, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(4, 7, 18, .18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(1),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(3),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(6) {
  --phspb-stat-accent-rgb: 124, 107, 255 !important;
  --phspb-stat-accent-2-rgb: 73, 121, 255 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(2),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(4),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(5),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(7),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(8) {
  --phspb-stat-accent-rgb: 77, 142, 255 !important;
  --phspb-stat-accent-2-rgb: 56, 213, 255 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 32%),
    radial-gradient(circle at 14% 10%, rgba(var(--phspb-stat-accent-rgb), .10), transparent 34%) !important;
  opacity: .92 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::after {
  left: 10% !important;
  right: 10% !important;
  bottom: 10px !important;
  background: linear-gradient(90deg, transparent, rgba(var(--phspb-stat-accent-rgb), .18), transparent) !important;
  opacity: .28 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-icon,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-icon {
  width: 38px !important;
  height: 38px !important;
  margin: 0 0 12px !important;
  border-radius: 12px !important;
  font-size: 21px !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(145deg, rgba(var(--phspb-stat-accent-rgb), .18), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 4px rgba(var(--phspb-stat-accent-rgb), .03),
    0 0 16px rgba(var(--phspb-stat-accent-rgb), .16) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-label,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-label {
  color: rgba(220, 226, 255, .70) !important;
  font-size: 11px !important;
  letter-spacing: .11em !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-value,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-value {
  margin-top: 7px !important;
  font-size: clamp(24px, 1.9vw, 31px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
  font-size: clamp(22px, 1.7vw, 28px) !important;
  white-space: nowrap !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-subvalue,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-subvalue {
  margin-top: 6px !important;
  color: rgba(220, 228, 255, .62) !important;
  font-size: 12px !important;
  line-height: 1.24 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-extra {
  padding-top: 10px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars {
  height: 18px !important;
  gap: 4px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
  min-width: 3px !important;
  background: rgba(159, 169, 210, .18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-active {
  background: linear-gradient(180deg, rgba(124, 107, 255, .95), rgba(96, 123, 255, .78)) !important;
  box-shadow: 0 0 8px rgba(108, 117, 255, .18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-latest {
  background: linear-gradient(180deg, rgba(92, 240, 166, .92), rgba(56, 213, 255, .70)) !important;
  box-shadow: 0 0 10px rgba(92, 240, 166, .16) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track {
  height: 7px !important;
  background: rgba(86, 92, 138, .26) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track span {
  background: linear-gradient(90deg, #7c6bff, #5f7cff 54%, #6f79ff) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-scale {
  margin-top: 7px !important;
  color: rgba(220,228,255,.50) !important;
  font-size: 11.5px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-row {
  gap: 8px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
  min-height: 24px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(17, 90, 62, .30) !important;
  border: 1px solid rgba(92, 240, 166, .18) !important;
  color: #79efb0 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip--down {
  background: rgba(109, 58, 58, .24) !important;
  border-color: rgba(255, 132, 132, .20) !important;
  color: #ff9c9c !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip--flat {
  background: rgba(69, 82, 121, .24) !important;
  border-color: rgba(170, 182, 230, .18) !important;
  color: rgba(221, 228, 255, .72) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-note {
  color: rgba(220, 228, 255, .56) !important;
  font-size: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-footer {
  margin-top: 14px !important;
  gap: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight {
  min-height: 54px !important;
  padding: 11px 14px !important;
  gap: 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(19, 24, 48, .92), rgba(15, 18, 38, .96)) !important;
  border: 1px solid rgba(124, 135, 196, .14) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
  font-size: 21px !important;
  background: linear-gradient(145deg, rgba(124, 107, 255, .88), rgba(82, 102, 255, .80)) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy strong {
  font-size: 14px !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy span {
  font-size: 12px !important;
  color: rgba(220,228,255,.62) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-legend {
  gap: 14px !important;
  color: rgba(220,228,255,.62) !important;
  font-size: 12px !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--live {
  background: #7c6bff !important;
  box-shadow: 0 0 9px rgba(124,107,255,.30) !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--empty {
  background: rgba(141, 150, 188, .45) !important;
}

@media (max-width: 1279px) {
  .phspb-stats-card--premium-dashboard.phspb-section-card {
    padding: 18px 16px 16px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card--premium-dashboard .phspb-section-title {
    font-size: clamp(28px, 9vw, 34px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-accent {
    min-height: 56px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 126px !important;
    padding: 14px 13px 12px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
    white-space: normal !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-footer {
    grid-template-columns: 1fr !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-legend {
    justify-content: flex-start !important;
  }
}


/*
   PHSPB 3.12.40 — Stream stats site-palette correction
   Keep v3.12.39 compact sizing. Shift colors back to PLAYHARD054 dark purple glass UI.
*/
.phspb-stats-card--premium-dashboard.phspb-section-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(157, 91, 255, .15), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(103, 54, 165, .12), transparent 32%),
    linear-gradient(180deg, rgba(18, 9, 31, .985), rgba(11, 5, 22, .99)) !important;
  border: 1px solid rgba(186, 118, 255, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 16px 34px rgba(5, 0, 14, .28) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::before {
  background: radial-gradient(circle, rgba(157, 91, 255, .13), rgba(86, 45, 142, .07) 42%, transparent 72%) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-accent {
  background: linear-gradient(180deg, #c084ff, #9b5cff 54%, #7c3aed) !important;
  box-shadow: 0 0 14px rgba(155, 92, 255, .34) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-title {
  color: #fff !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-subtitle {
  color: rgba(235, 224, 255, .68) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-divider {
  background: linear-gradient(90deg, rgba(186,118,255,.03), rgba(186,118,255,.30), rgba(186,118,255,.03)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--phspb-stat-accent-rgb), .14), transparent 40%),
    radial-gradient(circle at 100% 0%, rgba(143, 78, 230, .06), transparent 36%),
    linear-gradient(180deg, rgba(31, 17, 48, .965), rgba(18, 9, 31, .985)) !important;
  border: 1px solid rgba(203, 152, 255, .16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(8, 0, 20, .20) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(1),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(2),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(3),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(4),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(5),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(6),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(7),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(8) {
  --phspb-stat-accent-rgb: 168, 85, 247 !important;
  --phspb-stat-accent-2-rgb: 124, 58, 237 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 32%),
    radial-gradient(circle at 14% 10%, rgba(var(--phspb-stat-accent-rgb), .12), transparent 34%) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::after {
  background: linear-gradient(90deg, transparent, rgba(168,85,247,.22), transparent) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-icon,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-icon {
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(145deg, rgba(168, 85, 247, .20), rgba(52, 24, 83, .44)) !important;
  border: 1px solid rgba(203, 152, 255, .11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 4px rgba(168,85,247,.035),
    0 0 16px rgba(168,85,247,.16) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-label,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-label {
  color: rgba(236, 222, 255, .72) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-subvalue,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-subvalue {
  color: rgba(235, 224, 255, .63) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
  background: rgba(180, 156, 214, .19) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-active {
  background: linear-gradient(180deg, rgba(192, 132, 255, .95), rgba(124, 58, 237, .78)) !important;
  box-shadow: 0 0 8px rgba(168,85,247,.20) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-latest {
  background: linear-gradient(180deg, rgba(92, 240, 166, .92), rgba(57, 211, 153, .72)) !important;
  box-shadow: 0 0 10px rgba(92,240,166,.16) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track {
  background: rgba(78, 48, 107, .34) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track span {
  background: linear-gradient(90deg, #c084ff, #9b5cff 48%, #7c3aed) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-scale,
.phspb-stats-card--premium-dashboard .phspb-stat-growth-note,
.phspb-stats-card--premium-dashboard .phspb-stats-legend,
.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy span {
  color: rgba(235,224,255,.58) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight {
  background:
    radial-gradient(circle at 10% 12%, rgba(168, 85, 247, .10), transparent 42%),
    linear-gradient(135deg, rgba(32, 18, 50, .92), rgba(18, 9, 31, .96)) !important;
  border: 1px solid rgba(203, 152, 255, .14) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
  background: linear-gradient(145deg, rgba(168, 85, 247, .88), rgba(124, 58, 237, .80)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--live {
  background: #a855f7 !important;
  box-shadow: 0 0 9px rgba(168,85,247,.32) !important;
}


/*
   PHSPB 3.12.41 — Stream stats true site-palette + mobile polish
   Keeps the v3.12.39/3.12.40 compact size, but removes the too-bright purple/blue cast.
   Visual-only layer for the public Stream stats block.
*/
.phspb-stats-card--premium-dashboard.phspb-section-card {
  background:
    radial-gradient(circle at 14% -4%, rgba(116, 54, 157, .14), transparent 34%),
    radial-gradient(circle at 92% 3%, rgba(72, 31, 105, .10), transparent 34%),
    linear-gradient(180deg, rgba(16, 7, 29, .985) 0%, rgba(11, 4, 21, .992) 100%) !important;
  border: 1px solid rgba(116, 70, 145, .28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 0 1px rgba(255,255,255,.012),
    0 16px 34px rgba(5,0,14,.24) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::before {
  background: radial-gradient(circle, rgba(115, 55, 158, .10), rgba(58, 24, 86, .055) 44%, transparent 72%) !important;
  opacity: .72 !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::after {
  background-image: none !important;
  opacity: 0 !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-accent {
  background: linear-gradient(180deg, #b56cff 0%, #8d45cf 54%, #5d267f 100%) !important;
  box-shadow: 0 0 10px rgba(141,69,207,.22) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-title {
  color: #fff !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-subtitle {
  color: rgba(236, 222, 255, .64) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-divider {
  background: linear-gradient(90deg, rgba(116,70,145,.02), rgba(116,70,145,.34), rgba(255,255,255,.035), rgba(116,70,145,.02)) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  background:
    radial-gradient(circle at 11% 0%, rgba(var(--phspb-stat-accent-rgb), .105), transparent 38%),
    radial-gradient(circle at 100% 0%, rgba(80, 35, 113, .07), transparent 34%),
    linear-gradient(180deg, rgba(27, 13, 40, .955) 0%, rgba(17, 7, 30, .985) 100%) !important;
  border: 1px solid rgba(142, 92, 173, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 8px 18px rgba(6,0,15,.18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(1),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(2),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(3),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(4),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(5),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(6),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(7),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(8) {
  --phspb-stat-accent-rgb: 139, 69, 199 !important;
  --phspb-stat-accent-2-rgb: 91, 38, 128 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,.032), transparent 34%),
    radial-gradient(circle at 14% 10%, rgba(var(--phspb-stat-accent-rgb), .10), transparent 34%) !important;
  opacity: .78 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card::after {
  background: linear-gradient(90deg, transparent, rgba(139,69,199,.18), transparent) !important;
  opacity: .22 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-icon,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-icon {
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(145deg, rgba(139,69,199,.17), rgba(36,15,55,.50)) !important;
  border: 1px solid rgba(164, 107, 208, .14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 4px rgba(139,69,199,.025),
    0 0 12px rgba(139,69,199,.105) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-label,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-label {
  color: rgba(229, 211, 246, .72) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-subvalue,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-subvalue,
.phspb-stats-card--premium-dashboard .phspb-stat-time-scale,
.phspb-stats-card--premium-dashboard .phspb-stat-growth-note,
.phspb-stats-card--premium-dashboard .phspb-stats-legend,
.phspb-stats-card--premium-dashboard .phspb-stats-insight-copy span {
  color: rgba(231, 216, 247, .58) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-value,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-value {
  color: #fff !important;
  text-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
  background: rgba(139, 113, 161, .21) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-active {
  background: linear-gradient(180deg, rgba(158, 92, 222, .92), rgba(103, 48, 151, .78)) !important;
  box-shadow: 0 0 6px rgba(139,69,199,.15) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-latest {
  background: linear-gradient(180deg, rgba(92, 240, 166, .90), rgba(57, 211, 153, .72)) !important;
  box-shadow: 0 0 8px rgba(92,240,166,.13) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track {
  background: rgba(64, 39, 82, .36) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track span {
  background: linear-gradient(90deg, #9d5fe0 0%, #7d3fba 54%, #5b287c 100%) !important;
  box-shadow: 0 0 10px rgba(125,63,186,.16) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
  background: rgba(44, 156, 112, .12) !important;
  border-color: rgba(92, 240, 166, .16) !important;
  color: #78edb0 !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip--flat {
  background: rgba(87, 61, 105, .24) !important;
  border-color: rgba(167, 125, 199, .18) !important;
  color: rgba(232, 217, 247, .76) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip--down {
  background: rgba(112, 58, 70, .22) !important;
  border-color: rgba(255, 132, 150, .18) !important;
  color: #ff9ba8 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight {
  background:
    radial-gradient(circle at 8% 10%, rgba(139,69,199,.075), transparent 40%),
    linear-gradient(135deg, rgba(27, 13, 40, .90), rgba(17, 7, 30, .96)) !important;
  border: 1px solid rgba(142, 92, 173, .16) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
  background: linear-gradient(145deg, rgba(139,69,199,.80), rgba(91,38,128,.82)) !important;
  box-shadow: none !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--live {
  background: #9d5fe0 !important;
  box-shadow: 0 0 8px rgba(157,95,224,.22) !important;
}

@media (hover:hover) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(160, 103, 196, .30) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 12px 24px rgba(6,0,15,.22) !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card--premium-dashboard.phspb-section-card {
    padding: 18px 12px 18px !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 10% -2%, rgba(116, 54, 157, .13), transparent 32%),
      linear-gradient(180deg, rgba(15, 6, 27, .99), rgba(10, 4, 19, .995)) !important;
    border-color: rgba(116,70,145,.26) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-head {
    gap: 10px !important;
    margin-bottom: 14px !important;
    align-items: flex-start !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-accent {
    width: 5px !important;
    flex: 0 0 5px !important;
    min-height: 52px !important;
    margin-top: 2px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-title {
    font-size: clamp(30px, 9.2vw, 38px) !important;
    letter-spacing: -.055em !important;
    line-height: 1 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-subtitle {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-divider {
    margin-bottom: 12px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 112px !important;
    padding: 13px 13px 11px !important;
    border-radius: 16px !important;
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(139,69,199,.095), transparent 34%),
      linear-gradient(180deg, rgba(24, 11, 36, .965), rgba(14, 6, 26, .99)) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-icon,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-icon {
    width: 34px !important;
    height: 34px !important;
    margin: 0 0 10px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-label,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-label {
    font-size: 10px !important;
    letter-spacing: .105em !important;
    line-height: 1.18 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-value,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-value {
    margin-top: 6px !important;
    font-size: clamp(24px, 7.1vw, 31px) !important;
    line-height: 1.02 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-card[data-best-time-card="1"] .phspb-stat-value {
    white-space: normal !important;
    font-size: clamp(22px, 6.3vw, 29px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-subvalue,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-subvalue {
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.28 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-extra {
    padding-top: 9px !important;
    margin-top: auto !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-microbars {
    min-height: 16px !important;
    gap: 4px !important;
    align-items: flex-end !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
    width: 4px !important;
    min-width: 4px !important;
    border-radius: 6px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-time-progress {
    gap: 6px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-time-track {
    height: 7px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-time-scale {
    font-size: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-growth-row {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
    min-height: 21px !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-growth-note {
    font-size: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-footer {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-insight {
    min-height: 50px !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
    gap: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    font-size: 15px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-insight-copy strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-insight-copy span {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-legend {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 420px) {
  .phspb-stats-card--premium-dashboard.phspb-section-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-section-title {
    font-size: clamp(28px, 9vw, 34px) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
    min-height: 108px !important;
    padding: 12px 12px 10px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.42 — Recent stream sessions premium cards
   Scope: only Recent stream sessions block. Uses site palette (#12091f)
   and keeps real session data unchanged.
   ═════════════════════════════════════════════════════════════════════════════ */

.phspb-history-card--premium.phspb-section-card {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(18px, 1.75vw, 26px) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(190, 112, 255, .20) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(171, 84, 255, .10) 0, transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(123, 63, 204, .08) 0, transparent 34%),
    linear-gradient(180deg, rgba(20, 9, 35, .98), rgba(13, 6, 25, .985)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 16px 42px rgba(5, 1, 12, .26) !important;
}

.phspb-history-card--premium.phspb-section-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02), transparent 18%, transparent 82%, rgba(255,255,255,.02)),
    radial-gradient(circle at 18% 8%, rgba(186, 104, 255, .11), transparent 26%) !important;
  z-index: 0 !important;
}

.phspb-history-card--premium > * {
  position: relative !important;
  z-index: 1 !important;
}

.phspb-history-card--premium .phspb-section-head {
  margin-bottom: 22px !important;
}

.phspb-history-card--premium .phspb-section-title {
  font-size: clamp(32px, 3.3vw, 54px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
}

.phspb-history-card--premium .phspb-section-subtitle {
  color: rgba(235, 224, 255, .68) !important;
  font-size: clamp(13px, 1vw, 16px) !important;
}

.phspb-history-card--premium .phspb-section-accent {
  background: linear-gradient(180deg, #e5a8ff 0%, #a35cff 52%, #7c4dff 100%) !important;
  box-shadow:
    0 0 14px rgba(180, 93, 255, .40),
    0 0 34px rgba(148, 82, 255, .18) !important;
}

.phspb-history-card--premium .phspb-section-divider {
  margin: 0 0 18px !important;
  background: linear-gradient(90deg, transparent, rgba(195, 126, 255, .26), transparent) !important;
}

.phspb-history-card--premium .phspb-session-history--premium {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.phspb-history-card--premium .phspb-session-row--premium {
  display: grid !important;
  grid-template-columns: minmax(160px, .9fr) minmax(210px, 1.15fr) minmax(360px, 1.75fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 122px !important;
  padding: 18px 22px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(202, 137, 255, .20) !important;
  background:
    radial-gradient(circle at 0% 8%, rgba(161, 82, 235, .13) 0, transparent 32%),
    linear-gradient(180deg, rgba(31, 16, 49, .88), rgba(18, 9, 31, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 12px 28px rgba(3, 1, 10, .22) !important;
}

.phspb-history-card--premium .phspb-session-row--premium.is-current {
  border-color: rgba(255, 90, 138, .34) !important;
  background:
    radial-gradient(circle at 0% 8%, rgba(255, 83, 151, .12) 0, transparent 32%),
    linear-gradient(180deg, rgba(34, 16, 52, .90), rgba(18, 9, 31, .97)) !important;
}

.phspb-history-card--premium .phspb-session-datebox {
  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-dateicon {
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 15px !important;
  color: #e5b7ff !important;
  font-size: 24px !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(145deg, rgba(148, 77, 226, .48), rgba(77, 39, 128, .62)) !important;
  border: 1px solid rgba(220, 160, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 22px rgba(146, 78, 224, .18) !important;
}

.phspb-history-card--premium .phspb-session-day {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-day strong {
  color: #fff !important;
  font-size: clamp(18px, 1.5vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
}

.phspb-history-card--premium .phspb-session-date {
  color: rgba(233, 223, 255, .58) !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.phspb-history-card--premium .phspb-session-window {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding-left: 18px !important;
  border-left: 1px solid rgba(206, 151, 255, .13) !important;
}

.phspb-history-card--premium .phspb-session-time-main {
  color: #fff !important;
  font-size: clamp(20px, 1.7vw, 28px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  white-space: nowrap !important;
}

.phspb-history-card--premium .phspb-session-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  background: linear-gradient(180deg, rgba(143, 78, 212, .64), rgba(78, 43, 126, .72)) !important;
  border: 1px solid rgba(216, 165, 255, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.phspb-history-card--premium .phspb-session-badge--latest,
.phspb-history-card--premium .phspb-session-badge--live-now {
  background: linear-gradient(180deg, rgba(255, 88, 148, .54), rgba(118, 47, 103, .72)) !important;
  border-color: rgba(255, 130, 180, .24) !important;
}

.phspb-history-card--premium .phspb-session-time-sub {
  color: rgba(233, 223, 255, .52) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.phspb-history-card--premium .phspb-session-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: center !important;
}

.phspb-history-card--premium .phspb-session-metric {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-metric-icon {
  color: #bf82ff !important;
  font-size: 23px !important;
  line-height: 1 !important;
  text-shadow: 0 0 16px rgba(188, 118, 255, .22) !important;
}

.phspb-history-card--premium .phspb-session-metric-label {
  color: rgba(232, 222, 255, .58) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
}

.phspb-history-card--premium .phspb-session-metric strong {
  color: #fff !important;
  font-size: clamp(18px, 1.55vw, 25px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

.phspb-history-card--premium .phspb-session-tz-note {
  margin: 16px 0 0 !important;
  color: rgba(235, 224, 255, .58) !important;
  font-size: clamp(12px, .9vw, 15px) !important;
  font-weight: 800 !important;
}

/* Existing compact row fallback if cached markup is still old for one page load. */
.phspb-history-card--premium .phspb-session-row--clean {
  border-color: rgba(202, 137, 255, .20) !important;
  background: linear-gradient(180deg, rgba(31, 16, 49, .88), rgba(18, 9, 31, .96)) !important;
}

/* Responsive recent sessions */
@media (max-width: 1280px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: minmax(150px, .8fr) minmax(190px, 1fr) minmax(300px, 1.55fr) !important;
    gap: 14px !important;
    padding: 16px 18px !important;
  }

  .phspb-history-card--premium .phspb-session-datebox {
    grid-template-columns: 46px 1fr !important;
    gap: 12px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon {
    width: 46px !important;
    height: 46px !important;
    font-size: 20px !important;
  }
}

@media (max-width: 1024px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  .phspb-history-card--premium .phspb-session-window {
    padding-left: 0 !important;
    border-left: 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(206, 151, 255, .12) !important;
  }

  .phspb-history-card--premium .phspb-session-metrics {
    padding-top: 12px !important;
    border-top: 1px solid rgba(206, 151, 255, .12) !important;
  }
}

@media (max-width: 767px) {
  .phspb-history-card--premium.phspb-section-card {
    padding: 16px 12px !important;
    border-radius: 20px !important;
  }

  .phspb-history-card--premium .phspb-section-head {
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .phspb-history-card--premium .phspb-section-accent {
    width: 5px !important;
    flex-basis: 5px !important;
    min-height: 54px !important;
  }

  .phspb-history-card--premium .phspb-section-title {
    font-size: clamp(26px, 8.2vw, 34px) !important;
    line-height: 1.03 !important;
  }

  .phspb-history-card--premium .phspb-section-subtitle {
    font-size: 12px !important;
  }

  .phspb-history-card--premium .phspb-session-history--premium {
    gap: 10px !important;
  }

  .phspb-history-card--premium .phspb-session-row--premium {
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .phspb-history-card--premium .phspb-session-datebox {
    grid-template-columns: 42px 1fr !important;
    gap: 11px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    font-size: 21px !important;
  }

  .phspb-history-card--premium .phspb-session-day strong {
    font-size: 20px !important;
  }

  .phspb-history-card--premium .phspb-session-time-main {
    font-size: clamp(22px, 7vw, 28px) !important;
    white-space: normal !important;
  }

  .phspb-history-card--premium .phspb-session-time-sub {
    font-size: 12px !important;
  }

  .phspb-history-card--premium .phspb-session-metrics {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .phspb-history-card--premium .phspb-session-metric {
    display: grid !important;
    grid-template-columns: 34px 1fr auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(206, 151, 255, .10) !important;
  }

  .phspb-history-card--premium .phspb-session-metric-icon {
    font-size: 20px !important;
  }

  .phspb-history-card--premium .phspb-session-metric-label {
    font-size: 11.5px !important;
  }

  .phspb-history-card--premium .phspb-session-metric strong {
    font-size: 21px !important;
    text-align: right !important;
  }

  .phspb-history-card--premium .phspb-session-tz-note {
    margin-top: 12px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 420px) {
  .phspb-history-card--premium .phspb-session-metric {
    grid-template-columns: 28px 1fr !important;
  }

  .phspb-history-card--premium .phspb-session-metric strong {
    grid-column: 2 / 3 !important;
    text-align: left !important;
    font-size: 20px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.43 — Recent stream sessions reference-fit icons + local time
   Scope: recent session block only. Uses site palette and preserves real data.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-history-card--premium.phspb-section-card {
  padding: clamp(20px, 1.9vw, 30px) !important;
  border-radius: 26px !important;
  border-color: rgba(179, 112, 255, .18) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(166, 108, 255, .105) 0, transparent 32%),
    radial-gradient(circle at 90% 6%, rgba(111, 61, 170, .055) 0, transparent 32%),
    linear-gradient(180deg, rgba(18, 8, 31, .985), rgba(12, 5, 23, .992)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 38px rgba(5, 1, 12, .22) !important;
}

.phspb-history-card--premium.phspb-section-card::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.018), transparent 20%, transparent 80%, rgba(255,255,255,.018)),
    radial-gradient(circle at 16% 10%, rgba(166, 108, 255, .085), transparent 27%) !important;
}

.phspb-history-card--premium .phspb-section-title {
  font-size: clamp(34px, 3.05vw, 52px) !important;
  letter-spacing: -.058em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
}

.phspb-history-card--premium .phspb-section-subtitle {
  color: rgba(235, 224, 255, .62) !important;
}

.phspb-history-card--premium .phspb-section-accent {
  background: linear-gradient(180deg, #d9a4ff 0%, #a66cff 52%, #7b52ff 100%) !important;
  box-shadow: 0 0 14px rgba(166,108,255,.34), 0 0 30px rgba(166,108,255,.14) !important;
}

.phspb-history-card--premium .phspb-section-divider {
  margin-bottom: 18px !important;
  background: linear-gradient(90deg, transparent, rgba(190, 118, 255, .20), transparent) !important;
}

.phspb-history-card--premium .phspb-session-row--premium {
  grid-template-columns: minmax(184px, .95fr) minmax(230px, 1.12fr) minmax(392px, 1.76fr) !important;
  min-height: 142px !important;
  padding: 22px 26px !important;
  gap: 20px !important;
  border-radius: 24px !important;
  border-color: rgba(190, 118, 255, .20) !important;
  background:
    radial-gradient(circle at 0% 9%, rgba(166, 108, 255, .115) 0, transparent 34%),
    linear-gradient(180deg, rgba(28, 14, 45, .86), rgba(18, 9, 31, .965)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 26px rgba(3, 1, 10, .18) !important;
}

.phspb-history-card--premium .phspb-session-datebox {
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 18px !important;
}

.phspb-history-card--premium .phspb-session-dateicon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 17px !important;
  color: #d9a4ff !important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.14), transparent 30%),
    linear-gradient(145deg, rgba(166, 108, 255, .32), rgba(79, 42, 125, .58)) !important;
  border: 1px solid rgba(218, 168, 255, .15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 20px rgba(166,108,255,.14) !important;
}

.phspb-history-card--premium .phspb-session-dateicon svg,
.phspb-history-card--premium .phspb-session-metric-icon svg {
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.85 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.phspb-history-card--premium .phspb-session-dateicon svg {
  width: 31px !important;
  height: 31px !important;
}

.phspb-history-card--premium .phspb-session-day strong {
  font-size: clamp(20px, 1.55vw, 27px) !important;
}

.phspb-history-card--premium .phspb-session-date {
  color: rgba(235, 224, 255, .54) !important;
  font-size: 14px !important;
}

.phspb-history-card--premium .phspb-session-window {
  gap: 10px !important;
  padding-left: 22px !important;
  border-left-color: rgba(190, 118, 255, .12) !important;
}

.phspb-history-card--premium .phspb-session-time-main {
  font-size: clamp(22px, 1.75vw, 29px) !important;
}

.phspb-history-card--premium .phspb-session-time-sub {
  color: rgba(235, 224, 255, .50) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.phspb-history-card--premium .phspb-session-badge {
  min-height: 26px !important;
  padding: 5px 14px !important;
  background: linear-gradient(180deg, rgba(132, 83, 193, .66), rgba(67, 38, 103, .76)) !important;
  border-color: rgba(214, 165, 255, .18) !important;
}

.phspb-history-card--premium .phspb-session-badge--latest,
.phspb-history-card--premium .phspb-session-badge--live-now {
  background: linear-gradient(180deg, rgba(146, 88, 205, .66), rgba(73, 42, 108, .76)) !important;
  border-color: rgba(214, 165, 255, .18) !important;
}

.phspb-history-card--premium .phspb-session-metrics {
  gap: 18px !important;
}

.phspb-history-card--premium .phspb-session-metric {
  gap: 8px !important;
}

.phspb-history-card--premium .phspb-session-metric-icon {
  color: #a66cff !important;
  font-size: 29px !important;
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  text-shadow: none !important;
}

.phspb-history-card--premium .phspb-session-metric-label {
  color: rgba(235, 224, 255, .58) !important;
  font-size: 12px !important;
  letter-spacing: .095em !important;
}

.phspb-history-card--premium .phspb-session-metric strong {
  font-size: clamp(20px, 1.58vw, 27px) !important;
}

@media (max-width: 1280px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: minmax(164px, .85fr) minmax(204px, 1fr) minmax(330px, 1.58fr) !important;
    min-height: 132px !important;
    padding: 18px 20px !important;
    gap: 16px !important;
  }

  .phspb-history-card--premium .phspb-session-datebox {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon {
    width: 54px !important;
    height: 54px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon svg {
    width: 27px !important;
    height: 27px !important;
  }

  .phspb-history-card--premium .phspb-session-metric-icon {
    font-size: 25px !important;
    width: 27px !important;
    height: 27px !important;
  }
}

@media (max-width: 1024px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .phspb-history-card--premium .phspb-session-window {
    padding-left: 0 !important;
    border-left: 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(190, 118, 255, .12) !important;
  }
}

@media (max-width: 767px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    padding: 14px !important;
  }

  .phspb-history-card--premium .phspb-session-datebox {
    grid-template-columns: 44px 1fr !important;
    gap: 12px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .phspb-history-card--premium .phspb-session-time-sub {
    font-size: 12px !important;
  }

  .phspb-history-card--premium .phspb-session-metric-icon {
    width: 24px !important;
    height: 24px !important;
    font-size: 22px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.44 — Stream stats tooltip + site palette refinement
   Scope: no stat calculations changed. Adds hover/tap microbar info and pulls
   the block back to the #12091f / violet glass site palette.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card--premium-dashboard.phspb-section-card {
  --phspb-stats-bg: #12091f;
  --phspb-stats-panel: 18, 9, 31;
  --phspb-stats-violet: 174, 108, 255;
  --phspb-stats-violet-soft: 139, 88, 215;
  --phspb-stats-mint: 93, 207, 169;
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--phspb-stats-violet), .115), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(126, 82, 190, .075), transparent 30%),
    linear-gradient(180deg, rgba(18, 9, 31, .992), rgba(13, 7, 24, .992)) !important;
  border-color: rgba(185, 130, 255, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 16px 38px rgba(6, 0, 14, .32),
    0 0 0 1px rgba(255,255,255,.012) !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::before {
  background: radial-gradient(circle, rgba(174, 108, 255, .11), rgba(116, 64, 185, .035) 48%, transparent 72%) !important;
  opacity: .74 !important;
}

.phspb-stats-card--premium-dashboard.phspb-section-card::after {
  background-image: none !important;
  opacity: 0 !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-accent {
  background: linear-gradient(180deg, #d9a7ff 0%, #a76cff 48%, #7c55e7 100%) !important;
  box-shadow: 0 0 12px rgba(173, 104, 255, .38), 0 0 24px rgba(133, 86, 214, .14) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-title {
  color: #ffffff !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.30) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-subtitle {
  color: rgba(232, 218, 255, .66) !important;
}

.phspb-stats-card--premium-dashboard .phspb-section-divider {
  background: linear-gradient(90deg, rgba(186, 128, 255, .20), rgba(151, 97, 230, .11), rgba(255,255,255,.035)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="primary"],
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card[data-stat-tier="secondary"] {
  --phspb-stat-accent-rgb: 166, 103, 255;
  --phspb-stat-accent-2-rgb: 116, 74, 190;
  overflow: visible !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(var(--phspb-stat-accent-rgb), .135), transparent 34%),
    radial-gradient(circle at 88% 110%, rgba(117, 73, 185, .09), transparent 42%),
    linear-gradient(180deg, rgba(31, 15, 49, .95), rgba(18, 9, 31, .98)) !important;
  border-color: rgba(185, 126, 255, .20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 12px 26px rgba(5, 0, 13, .24) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(1),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(2),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(3),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(4),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(5),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(6),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(7),
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:nth-child(8) {
  --phspb-stat-accent-rgb: 166, 103, 255;
  --phspb-stat-accent-2-rgb: 116, 74, 190;
}

.phspb-stats-card--premium-dashboard .phspb-stat-icon {
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.11), transparent 34%),
    linear-gradient(180deg, rgba(64, 34, 97, .92), rgba(36, 19, 61, .94)) !important;
  border-color: rgba(190, 134, 255, .21) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 7px 18px rgba(7, 0, 16, .22),
    0 0 16px rgba(166, 103, 255, .10) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-label {
  color: rgba(232, 218, 255, .64) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-subvalue,
.phspb-stats-card--premium-dashboard .phspb-stat-growth-note,
.phspb-stats-card--premium-dashboard .phspb-stats-legend {
  color: rgba(232, 218, 255, .58) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span {
  position: relative !important;
  cursor: help !important;
  outline: none !important;
  background: rgba(189, 163, 225, .17) !important;
  transition: transform .14s ease, background .14s ease, box-shadow .14s ease !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-active {
  background: linear-gradient(180deg, rgba(190, 132, 255, .92), rgba(134, 83, 214, .96)) !important;
  box-shadow: 0 0 8px rgba(166, 103, 255, .12) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-latest {
  background: linear-gradient(180deg, rgba(107, 215, 177, .92), rgba(82, 188, 153, .94)) !important;
  box-shadow: 0 0 8px rgba(88, 207, 166, .14) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:hover,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:focus-visible,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-tooltip-open {
  transform: translateY(-2px) scaleX(1.18) !important;
  z-index: 8 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(var(--h, 12px) + 12px) !important;
  transform: translateX(-50%) translateY(5px) scale(.98) !important;
  width: max-content !important;
  max-width: min(220px, 74vw) !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(25, 13, 42, .98), rgba(15, 8, 28, .98)) !important;
  border: 1px solid rgba(196, 143, 255, .24) !important;
  box-shadow: 0 12px 26px rgba(5, 0, 15, .44), inset 0 1px 0 rgba(255,255,255,.045) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
  white-space: normal !important;
  text-align: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: 30 !important;
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(var(--h, 12px) + 7px) !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: rgba(17, 9, 31, .98) !important;
  border-right: 1px solid rgba(196, 143, 255, .22) !important;
  border-bottom: 1px solid rgba(196, 143, 255, .22) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: 29 !important;
  transition: opacity .14s ease, visibility .14s ease !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:hover::after,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:hover::before,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:focus-visible::after,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:focus-visible::before,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-tooltip-open::after,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-tooltip-open::before {
  opacity: 1 !important;
  visibility: visible !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:hover::after,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span:focus-visible::after,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span.is-tooltip-open::after {
  transform: translateX(-50%) translateY(0) scale(1) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-time-track span {
  background: linear-gradient(90deg, #8f5cff 0%, #b06dff 100%) !important;
  box-shadow: 0 0 12px rgba(166, 103, 255, .18) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
  background: rgba(87, 196, 153, .10) !important;
  border-color: rgba(96, 213, 166, .16) !important;
  color: #86eab5 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight {
  background:
    radial-gradient(circle at 4% 0%, rgba(174, 108, 255, .10), transparent 36%),
    linear-gradient(180deg, rgba(24, 13, 42, .88), rgba(16, 8, 29, .90)) !important;
  border-color: rgba(185, 126, 255, .16) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stats-insight-icon {
  background: linear-gradient(180deg, rgba(145, 91, 222, .92), rgba(94, 58, 160, .94)) !important;
}

.phspb-stats-card--premium-dashboard .phspb-legend-dot--live {
  background: #9b67ff !important;
}

@media (hover:hover) {
  .phspb-stats-card--premium-dashboard .phspb-stats-grid--product .phspb-stat-card:hover {
    border-color: rgba(190, 134, 255, .28) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 14px 30px rgba(5, 0, 13, .28),
      0 0 20px rgba(166, 103, 255, .07) !important;
  }
}

@media (max-width: 767px) {
  .phspb-stats-card--premium-dashboard.phspb-section-card {
    background:
      radial-gradient(circle at 18% 0%, rgba(174, 108, 255, .13), transparent 35%),
      linear-gradient(180deg, rgba(18, 9, 31, .995), rgba(13, 7, 24, .995)) !important;
  }

  .phspb-stats-card--premium-dashboard .phspb-stat-microbars span::after {
    max-width: min(210px, 78vw) !important;
    font-size: 11.5px !important;
    padding: 7px 9px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.45 — Fresh sessions source + floating microbar tooltip fix
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card--premium-dashboard,
.phspb-stats-card--premium-dashboard .phspb-stats-grid,
.phspb-stats-card--premium-dashboard .phspb-stats-grid--product,
.phspb-stats-card--premium-dashboard .phspb-stat-card,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars {
  overflow: visible !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-card.is-tooltip-card-active,
.phspb-stats-card--premium-dashboard .phspb-stat-card:has(.phspb-stat-microbars span:hover),
.phspb-stats-card--premium-dashboard .phspb-stat-card:has(.phspb-stat-microbars span:focus-visible),
.phspb-stats-card--premium-dashboard .phspb-stat-card:has(.phspb-stat-microbars span.is-tooltip-open) {
  position: relative !important;
  z-index: 90 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-microbars span::after,
.phspb-stats-card--premium-dashboard .phspb-stat-microbars span::before {
  display: none !important;
}

.phspb-floating-tooltip {
  position: fixed !important;
  z-index: 2147483000 !important;
  max-width: min(280px, calc(100vw - 18px)) !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(178, 111, 255, .16), transparent 46%),
    linear-gradient(180deg, rgba(25, 13, 42, .985), rgba(14, 7, 27, .99)) !important;
  border: 1px solid rgba(203, 153, 255, .32) !important;
  box-shadow:
    0 18px 42px rgba(4, 0, 14, .58),
    0 0 0 1px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  font-weight: 800 !important;
  letter-spacing: .005em !important;
  text-align: center !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(5px) scale(.985) !important;
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
}

.phspb-floating-tooltip.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

.phspb-floating-tooltip::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -5px !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: rgba(14, 7, 27, .99) !important;
  border-right: 1px solid rgba(203, 153, 255, .25) !important;
  border-bottom: 1px solid rgba(203, 153, 255, .25) !important;
}

.phspb-floating-tooltip.is-below::after {
  top: -5px !important;
  bottom: auto !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid rgba(203, 153, 255, .25) !important;
  border-top: 1px solid rgba(203, 153, 255, .25) !important;
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.47 — Stats/time/badges polish
   Site palette: #12091f / deep violet glass / soft lavender accents.
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-history-card--premium,
.phspb-schedule-card--premium,
.phspb-pattern-card--watch {
  background:
    radial-gradient(circle at 9% 0%, rgba(184, 119, 255, .10), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(95, 49, 146, .14), transparent 36%),
    linear-gradient(180deg, rgba(18, 9, 31, .985), rgba(15, 7, 26, .985)) !important;
  border: 1px solid rgba(194, 128, 255, .18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 18px 48px rgba(5, 2, 12, .32) !important;
}

.phspb-history-card--premium .phspb-section-title,
.phspb-schedule-card--premium .phspb-section-title,
.phspb-pattern-card--watch .phspb-section-title {
  letter-spacing: -.055em !important;
}

.phspb-history-card--premium .phspb-section-accent,
.phspb-schedule-card--premium .phspb-section-accent,
.phspb-pattern-card--watch .phspb-section-accent {
  background: linear-gradient(180deg, #d69aff 0%, #a45cff 52%, #7d49ff 100%) !important;
  box-shadow: 0 0 18px rgba(181, 100, 255, .34) !important;
}

/* Recent sessions: keep fresh source but fill Avg viewers cleanly. */
.phspb-history-card--premium .phspb-session-row--premium {
  background:
    radial-gradient(circle at 4% 10%, rgba(177, 95, 255, .11), transparent 32%),
    linear-gradient(180deg, rgba(33, 15, 49, .82), rgba(20, 9, 34, .92)) !important;
  border-color: rgba(194, 128, 255, .20) !important;
}

.phspb-history-card--premium .phspb-session-row--premium.is-current {
  border-color: rgba(255, 87, 169, .34) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 77, 157, .10), transparent 34%),
    linear-gradient(180deg, rgba(43, 16, 52, .92), rgba(24, 8, 36, .95)) !important;
}

.phspb-session-time-main {
  letter-spacing: -.04em !important;
}

.phspb-session-time-sub {
  color: rgba(232, 216, 255, .56) !important;
}

.phspb-session-metric-label {
  color: rgba(223, 198, 255, .62) !important;
}

.phspb-session-metric-icon svg,
.phspb-session-dateicon svg,
.phspb-pattern-icon svg,
.phspb-schedule-summary-icon svg,
.phspb-schedule-insight-icon svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.phspb-session-metric strong {
  text-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}

/* Best time to watch */
.phspb-pattern-card--watch .phspb-pattern-summary {
  margin: 0 0 18px !important;
  max-width: 920px !important;
  color: rgba(242, 232, 255, .78) !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.55 !important;
}

.phspb-pattern-grid--watch {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.phspb-pattern-chip--watch {
  min-height: 158px !important;
  padding: 22px 18px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(179, 97, 255, .15), transparent 38%),
    linear-gradient(180deg, rgba(31, 14, 47, .86), rgba(19, 8, 33, .96)) !important;
  border: 1px solid rgba(197, 133, 255, .19) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 32px rgba(5,2,12,.22) !important;
}

.phspb-pattern-chip--watch .phspb-pattern-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d59aff !important;
  font-size: 28px !important;
  background: linear-gradient(180deg, rgba(128, 62, 205, .42), rgba(67, 32, 112, .42)) !important;
  border: 1px solid rgba(207, 151, 255, .18) !important;
  box-shadow: 0 0 22px rgba(164, 92, 255, .16) !important;
}

.phspb-pattern-chip--watch .phspb-pattern-label {
  margin-top: 16px !important;
  color: rgba(220, 181, 255, .92) !important;
  font-size: 12px !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.phspb-pattern-chip--watch .phspb-pattern-value {
  margin-top: 8px !important;
  color: #fff !important;
  font-size: clamp(24px, 1.85vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

.phspb-pattern-chip--watch .phspb-pattern-subvalue {
  margin-top: 10px !important;
  color: rgba(241, 231, 255, .68) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Stream schedule: functional summary + map. */
.phspb-schedule-card--premium {
  overflow: hidden !important;
}

.phspb-schedule-layout {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.phspb-schedule-summary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.phspb-schedule-summary-card {
  min-height: 126px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 18%, rgba(179, 97, 255, .14), transparent 40%),
    linear-gradient(180deg, rgba(30, 14, 48, .82), rgba(17, 7, 30, .92));
  border: 1px solid rgba(197, 133, 255, .20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.phspb-schedule-summary-icon {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #d59aff;
  font-size: 34px;
  background: radial-gradient(circle, rgba(153, 83, 240, .28), rgba(58, 25, 95, .58));
  border: 1px solid rgba(211, 151, 255, .18);
  box-shadow: 0 0 22px rgba(164, 92, 255, .14);
}

.phspb-schedule-summary-card small {
  display: block;
  margin-bottom: 8px;
  color: rgba(225, 202, 255, .66);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.phspb-schedule-summary-card strong {
  display: block;
  color: #fff;
  font-size: clamp(20px, 1.8vw, 30px);
  line-height: 1.12;
  letter-spacing: -.04em;
}

.phspb-schedule-map {
  min-width: 0;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(18, 8, 31, .72), rgba(13, 6, 24, .84));
  border: 1px solid rgba(197, 133, 255, .18);
}

.phspb-schedule-map-title {
  margin: 0 0 14px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.03em;
}

.phspb-schedule-card--premium .phspb-heatmap {
  margin-top: 0 !important;
}

.phspb-schedule-card--premium .phspb-heatmap-inner {
  min-width: 780px;
}

.phspb-schedule-card--premium .phspb-heatmap-cell {
  border-radius: 7px !important;
  background:
    linear-gradient(180deg,
      rgba(184, 103, 255, calc(.10 + (var(--hi, 0) * .006))),
      rgba(121, 61, 202, calc(.10 + (var(--hi, 0) * .004)))
    ) !important;
  border: 1px solid rgba(203, 139, 255, calc(.05 + (var(--hi, 0) * .002))) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.phspb-schedule-card--premium .phspb-heatmap-cell[style*="--hi:0"] {
  background: rgba(45, 22, 67, .38) !important;
  border-color: rgba(203, 139, 255, .035) !important;
}

.phspb-schedule-card--premium .phspb-heatmap-hlabel,
.phspb-schedule-card--premium .phspb-heatmap-dlabel,
.phspb-schedule-card--premium .phspb-heatmap-legend {
  color: rgba(233, 218, 255, .56) !important;
}

.phspb-schedule-insight {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(30, 14, 48, .68), rgba(18, 8, 32, .82));
  border: 1px solid rgba(197, 133, 255, .14);
}

.phspb-schedule-insight-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #d59aff;
  font-size: 26px;
  background: rgba(127, 66, 205, .25);
  border: 1px solid rgba(197, 133, 255, .14);
}

.phspb-schedule-insight p {
  margin: 0;
  color: rgba(244, 235, 255, .82);
  font-size: 15px;
  line-height: 1.45;
}

@media (max-width: 1280px) {
  .phspb-pattern-grid--watch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .phspb-schedule-layout {
    grid-template-columns: 1fr;
  }
  .phspb-schedule-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .phspb-schedule-summary-card {
    min-height: 112px;
    padding: 14px;
  }
  .phspb-schedule-summary-icon {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    font-size: 27px;
  }
}

@media (max-width: 767px) {
  .phspb-pattern-grid--watch,
  .phspb-schedule-summary {
    grid-template-columns: 1fr !important;
  }
  .phspb-pattern-chip--watch {
    min-height: 136px !important;
    padding: 18px 16px !important;
  }
  .phspb-pattern-chip--watch .phspb-pattern-icon {
    width: 46px !important;
    height: 46px !important;
    font-size: 23px !important;
  }
  .phspb-schedule-map {
    padding: 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .phspb-schedule-card--premium .phspb-heatmap-inner {
    min-width: 690px;
  }
  .phspb-schedule-summary-card {
    min-height: 96px;
  }
  .phspb-schedule-insight {
    align-items: flex-start;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.47 — trend badges, time labels and one-row live details
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-stats-card--premium-dashboard .phspb-stat-growth-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 25px !important;
  padding: 4px 10px 4px 8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: -.01em !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  border-radius: 999px !important;
  background: rgba(120, 237, 176, .13) !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip--down .phspb-stat-growth-icon {
  background: rgba(255, 155, 168, .13) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-chip--flat .phspb-stat-growth-icon {
  background: rgba(232, 217, 247, .10) !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-value {
  display: inline-block !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.phspb-stats-card--premium-dashboard .phspb-stat-growth-note {
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

.phspb-stat-card .phspb-stat-subvalue,
.phspb-pattern-subvalue,
.phspb-session-time-sub {
  font-variant-numeric: tabular-nums !important;
}

.phspb-session-time-sub.phspb-session-local,
.phspb-pattern-chip[data-best-time-card="1"] .phspb-pattern-subvalue,
.phspb-stat-card[data-best-time-card="1"] .phspb-stat-subvalue {
  color: rgba(232, 216, 255, .70) !important;
}

/* Live room details: never split facts into two horizontal rows on desktop/tablet.
   If the central column is narrow, scroll the details row itself. */
.phspb-live-details-card .phspb-live-data-block,
.phspb-live-data-block {
  min-width: 0 !important;
}

.phspb-live-details-card .phspb-fact-badges,
.phspb-live-details-card .phspb-badges.phspb-fact-badges,
.phspb-live-details-card .phspb-badges {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 2px 10px !important;
  margin-top: 18px !important;
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(190, 150, 255, .28) rgba(255,255,255,.04) !important;
}

.phspb-live-details-card .phspb-fact-badges::-webkit-scrollbar,
.phspb-live-details-card .phspb-badges::-webkit-scrollbar {
  height: 7px !important;
}

.phspb-live-details-card .phspb-fact-badges::-webkit-scrollbar-track,
.phspb-live-details-card .phspb-badges::-webkit-scrollbar-track {
  background: rgba(255,255,255,.04) !important;
  border-radius: 999px !important;
}

.phspb-live-details-card .phspb-fact-badges::-webkit-scrollbar-thumb,
.phspb-live-details-card .phspb-badges::-webkit-scrollbar-thumb {
  background: rgba(190, 150, 255, .28) !important;
  border-radius: 999px !important;
}

.phspb-live-details-card .phspb-badge,
.phspb-live-details-card .phspb-fact-badges .phspb-badge,
.phspb-live-details-card .phspb-fact-badges .phspb-badge-live-tags,
.phspb-live-details-card .phspb-fact-badges .phspb-badge-tags-wrap {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 132px !important;
  max-width: none !important;
  scroll-snap-align: start !important;
  white-space: nowrap !important;
}

.phspb-live-details-card .phspb-fact-badges .phspb-badge-live-tags,
.phspb-live-details-card .phspb-fact-badges .phspb-badge-tags-wrap,
.phspb-live-details-card .phspb-badge-live-tags,
.phspb-live-details-card .phspb-badge-tags-wrap {
  min-width: 360px !important;
  align-items: center !important;
}

.phspb-live-details-card .phspb-badge-live-tags .phspb-tag-chips,
.phspb-live-details-card .phspb-badge-tags-wrap .phspb-tag-chips,
.phspb-live-details-card .phspb-fact-badges .phspb-badge-live-tags .phspb-tag-chips,
.phspb-live-details-card .phspb-fact-badges .phspb-badge-tags-wrap .phspb-tag-chips {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.phspb-live-details-card .phspb-badge-live-tags .phspb-tag-chips::-webkit-scrollbar,
.phspb-live-details-card .phspb-badge-tags-wrap .phspb-tag-chips::-webkit-scrollbar {
  display: none !important;
}

.phspb-live-details-card .phspb-badge-live-tags .phspb-tag-chip,
.phspb-live-details-card .phspb-badge-tags-wrap .phspb-tag-chip {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .phspb-stats-card--premium-dashboard .phspb-stat-growth-row {
    gap: 6px !important;
  }
  .phspb-stats-card--premium-dashboard .phspb-stat-growth-chip {
    min-height: 23px !important;
    padding: 4px 9px 4px 7px !important;
    gap: 6px !important;
    font-size: 11.5px !important;
  }
  .phspb-stats-card--premium-dashboard .phspb-stat-growth-icon {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
    font-size: 9px !important;
  }
  .phspb-stats-card--premium-dashboard .phspb-stat-growth-note {
    white-space: normal !important;
  }
  .phspb-live-details-card .phspb-badges,
  .phspb-live-details-card .phspb-fact-badges {
    gap: 10px !important;
    padding-bottom: 8px !important;
    margin-top: 14px !important;
  }
  .phspb-live-details-card .phspb-badge,
  .phspb-live-details-card .phspb-fact-badges .phspb-badge {
    min-width: 128px !important;
  }
  .phspb-live-details-card .phspb-badge-live-tags,
  .phspb-live-details-card .phspb-badge-tags-wrap,
  .phspb-live-details-card .phspb-fact-badges .phspb-badge-live-tags,
  .phspb-live-details-card .phspb-fact-badges .phspb-badge-tags-wrap {
    min-width: min(78vw, 360px) !important;
  }
}


/* PHSPB 3.12.50 — Performance trends chart, ranking tab + value label anchoring */
.phspb-performance-card.phspb-section-card {
  margin-top: 28px !important;
  padding: clamp(22px, 2.2vw, 34px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(166,108,255,.12), transparent 34%),
    radial-gradient(circle at 85% 12%, rgba(126,87,255,.09), transparent 36%),
    linear-gradient(180deg, rgba(18,9,31,.98), rgba(14,7,25,.98)) !important;
  border: 1px solid rgba(189,130,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 20px 54px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
}

.phspb-performance-topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  margin-bottom: 26px !important;
}

.phspb-performance-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 28px !important;
  padding: 6px 14px !important;
  margin-bottom: 18px !important;
  border-radius: 999px !important;
  color: #d6b6ff !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  background: rgba(93, 48, 150, .28) !important;
  border: 1px solid rgba(191, 137, 255, .18) !important;
}

.phspb-performance-title-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
}

.phspb-performance-title-row .phspb-section-accent {
  width: 7px !important;
  min-height: 70px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #d79cff, #9868ff 60%, #7c5cff) !important;
  box-shadow: 0 0 22px rgba(169,105,255,.34) !important;
}

.phspb-performance-title {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(34px, 3.2vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
  font-weight: 950 !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.35) !important;
}

.phspb-performance-subtitle {
  margin: 12px 0 0 !important;
  color: rgba(240,232,255,.72) !important;
  font-size: clamp(14px, 1.05vw, 18px) !important;
  line-height: 1.35 !important;
}

.phspb-performance-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  max-width: 920px !important;
}

.phspb-performance-tab {
  appearance: none !important;
  border: 1px solid rgba(220,190,255,.18) !important;
  background: rgba(18,9,31,.66) !important;
  color: rgba(255,255,255,.9) !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: default !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.phspb-performance-tab:hover,
.phspb-performance-tab:focus-visible {
  border-color: rgba(205,152,255,.42) !important;
  transform: translateY(-1px) !important;
}

.phspb-performance-tab.is-active {
  background: linear-gradient(180deg, rgba(124,78,206,.42), rgba(74,42,132,.36)) !important;
  border-color: rgba(190,124,255,.75) !important;
  box-shadow: 0 0 0 1px rgba(190,124,255,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.phspb-performance-layout {
  display: grid !important;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important;
  gap: 18px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(225,196,255,.13) !important;
}

.phspb-performance-summary {
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
}

.phspb-performance-summary-card {
  min-height: 118px !important;
  display: grid !important;
  grid-template-columns: 60px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(38,19,60,.78), rgba(18,9,31,.76)) !important;
  border: 1px solid rgba(202,151,255,.15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.phspb-performance-summary-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 27px !important;
  background: linear-gradient(145deg, rgba(116,65,195,.62), rgba(78,42,142,.52)) !important;
  border: 1px solid rgba(214,169,255,.16) !important;
  box-shadow: 0 10px 28px rgba(112,65,190,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.phspb-performance-summary-card small {
  display: block !important;
  margin-bottom: 6px !important;
  color: rgba(236,221,255,.66) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.phspb-performance-summary-card strong {
  display: block !important;
  color: #fff !important;
  font-size: clamp(26px, 2.3vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
  font-weight: 950 !important;
}

.phspb-performance-summary-card em {
  display: block !important;
  margin-top: 8px !important;
  color: #d3b8ff !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.phspb-performance-chartpanel {
  position: relative !important;
  min-height: 360px !important;
  padding: 20px 22px 52px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(16,8,29,.74), rgba(12,6,22,.78)) !important;
  border: 1px solid rgba(205,152,255,.14) !important;
  overflow: hidden !important;
}

.phspb-performance-yaxis {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: rgba(235,222,255,.72) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.phspb-performance-chart {
  position: relative !important;
  min-height: 310px !important;
  padding: 28px 4px 0 !important;
}

.phspb-performance-gridlines {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 34px !important;
  bottom: 70px !important;
  display: grid !important;
  grid-template-rows: repeat(4, 1fr) !important;
  pointer-events: none !important;
}

.phspb-performance-gridlines span {
  border-top: 1px dashed rgba(220,190,255,.14) !important;
}

.phspb-performance-line {
  position: absolute !important;
  left: 4.5% !important;
  right: 4.5% !important;
  top: 42px !important;
  width: 91% !important;
  height: 230px !important;
  pointer-events: none !important;
  overflow: visible !important;
  z-index: 3 !important;
}

.phspb-performance-line polyline {
  fill: none !important;
  stroke: rgba(176,107,255,.72) !important;
  stroke-width: 1.8 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 8px rgba(168,105,255,.22)) !important;
}

.phspb-performance-bars {
  position: relative !important;
  z-index: 4 !important;
  height: 284px !important;
  display: grid !important;
  grid-template-columns: repeat(14, minmax(38px, 1fr)) !important;
  gap: clamp(7px, .75vw, 13px) !important;
  align-items: end !important;
}

.phspb-performance-col {
  position: relative !important;
  min-width: 0 !important;
  height: 284px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  outline: none !important;
}

.phspb-performance-value {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(52px + var(--phspb-bar-height, 4px)) !important;
  transform: translateX(-50%) !important;
  z-index: 8 !important;
  min-height: 19px !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: clamp(10px, .78vw, 13px) !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.52) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.phspb-performance-barwrap {
  width: 100% !important;
  height: 230px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

.phspb-performance-bar {
  width: min(42px, 78%) !important;
  min-height: 4px !important;
  border-radius: 8px 8px 3px 3px !important;
  background: rgba(77,42,113,.46) !important;
  border: 1px solid rgba(210,168,255,.08) !important;
  transition: transform .18s ease, filter .18s ease, background .18s ease !important;
}

.phspb-performance-bar.is-live {
  background: linear-gradient(180deg, rgba(190,126,255,.82), rgba(111,67,197,.84)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 20px rgba(134,72,216,.22) !important;
}

.phspb-performance-col:hover .phspb-performance-bar,
.phspb-performance-col:focus-visible .phspb-performance-bar {
  transform: translateY(-3px) !important;
  filter: brightness(1.16) !important;
}

.phspb-performance-col strong,
.phspb-performance-col span {
  display: block !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.phspb-performance-col span {
  color: rgba(235,222,255,.68) !important;
  font-weight: 700 !important;
}

.phspb-performance-col::after {
  content: attr(title) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% - 20px) !important;
  transform: translateX(-50%) translateY(8px) !important;
  min-width: 170px !important;
  max-width: 240px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  background: rgba(19, 8, 32, .96) !important;
  border: 1px solid rgba(205,152,255,.30) !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  text-align: center !important;
  white-space: normal !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 30 !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.32) !important;
}

.phspb-performance-col:hover::after,
.phspb-performance-col:focus-visible::after {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

.phspb-performance-legend {
  position: absolute !important;
  right: 22px !important;
  bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(235,222,255,.74) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.phspb-performance-dot {
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  background: rgba(118,99,154,.48) !important;
}

.phspb-performance-dot--live {
  background: #9567ff !important;
  box-shadow: 0 0 16px rgba(149,103,255,.35) !important;
}

.phspb-performance-insight {
  margin-top: 18px !important;
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 16px 20px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(34,17,55,.76), rgba(18,9,31,.84)) !important;
  border: 1px solid rgba(205,152,255,.12) !important;
}

.phspb-performance-insight-icon {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(116,65,195,.62), rgba(78,42,142,.52)) !important;
  font-size: 24px !important;
}

.phspb-performance-insight p {
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}

@media (max-width: 1320px) {
  .phspb-performance-topbar { grid-template-columns: 1fr !important; }
  .phspb-performance-tabs { justify-content: flex-start !important; max-width: none !important; }
  .phspb-performance-layout { grid-template-columns: 1fr !important; }
  .phspb-performance-summary { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}

@media (max-width: 860px) {
  .phspb-performance-card.phspb-section-card { padding: 20px 16px !important; border-radius: 22px !important; }
  .phspb-performance-title { font-size: clamp(30px, 9vw, 42px) !important; }
  .phspb-performance-title-row .phspb-section-accent { min-height: 58px !important; }
  .phspb-performance-tabs { overflow-x: auto !important; flex-wrap: nowrap !important; padding-bottom: 4px !important; }
  .phspb-performance-tab { min-height: 44px !important; padding: 0 16px !important; white-space: nowrap !important; }
  .phspb-performance-summary { grid-template-columns: 1fr !important; }
  .phspb-performance-chartpanel { padding: 16px 14px 52px !important; overflow-x: auto !important; }
  .phspb-performance-chart { min-width: 760px !important; }
  .phspb-performance-bars { grid-template-columns: repeat(14, minmax(40px, 1fr)) !important; }
  .phspb-performance-line { min-width: 690px !important; left: 5% !important; right: auto !important; }
  .phspb-performance-legend { left: 14px !important; right: auto !important; }
  .phspb-performance-insight { align-items: flex-start !important; }
}


/* PHSPB 3.12.52 — ranking live source consistency */
.phspb-section-title .phspb-info-button,
.phspb-performance-title-row .phspb-info-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: 10px !important;
  vertical-align: middle !important;
  border: 1px solid rgba(198, 139, 255, .34) !important;
  border-radius: 999px !important;
  background: rgba(35, 17, 56, .72) !important;
  color: rgba(226, 205, 255, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(18,9,31,.32) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: help !important;
  z-index: 30 !important;
}

.phspb-section-title .phspb-info-button:hover,
.phspb-section-title .phspb-info-button:focus-visible,
.phspb-performance-title-row .phspb-info-button:hover,
.phspb-performance-title-row .phspb-info-button:focus-visible {
  color: #fff !important;
  border-color: rgba(204, 159, 255, .72) !important;
  background: rgba(69, 34, 108, .92) !important;
  outline: none !important;
}

.phspb-section-title .phspb-info-button::after,
.phspb-performance-title-row .phspb-info-button::after {
  content: attr(data-info) !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + 12px) !important;
  transform: translateX(-50%) translateY(6px) !important;
  width: min(420px, 78vw) !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(198, 139, 255, .30) !important;
  background: linear-gradient(135deg, rgba(25, 12, 41, .98), rgba(18, 9, 31, .98)) !important;
  color: rgba(244, 237, 255, .96) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  white-space: normal !important;
  text-align: left !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.05) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease !important;
  z-index: 9999 !important;
}

.phspb-section-title .phspb-info-button:hover::after,
.phspb-section-title .phspb-info-button:focus-visible::after,
.phspb-section-title .phspb-info-button:focus::after,
.phspb-performance-title-row .phspb-info-button:hover::after,
.phspb-performance-title-row .phspb-info-button:focus-visible::after,
.phspb-performance-title-row .phspb-info-button:focus::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

.phspb-performance-title-row {
  overflow: visible !important;
}

.phspb-performance-title-row > div {
  overflow: visible !important;
}

.phspb-performance-title-row .phspb-performance-info {
  top: -4px !important;
}

.phspb-performance-title-row .phspb-info-button::after {
  left: auto !important;
  right: 0 !important;
  transform: translateY(6px) !important;
}

.phspb-performance-title-row .phspb-info-button:hover::after,
.phspb-performance-title-row .phspb-info-button:focus-visible::after,
.phspb-performance-title-row .phspb-info-button:focus::after {
  transform: translateY(0) !important;
}

.phspb-performance-card[data-performance-source] .phspb-performance-summary-card small {
  white-space: normal !important;
}

@media (max-width: 760px) {
  .phspb-section-title .phspb-info-button,
  .phspb-performance-title-row .phspb-info-button {
    width: 24px !important;
    height: 24px !important;
    margin-left: 7px !important;
    font-size: 12px !important;
  }
  .phspb-section-title .phspb-info-button::after,
  .phspb-performance-title-row .phspb-info-button::after {
    left: auto !important;
    right: -8px !important;
    transform: translateY(6px) !important;
    width: min(330px, 82vw) !important;
  }
  .phspb-section-title .phspb-info-button:hover::after,
  .phspb-section-title .phspb-info-button:focus-visible::after,
  .phspb-section-title .phspb-info-button:focus::after,
  .phspb-performance-title-row .phspb-info-button:hover::after,
  .phspb-performance-title-row .phspb-info-button:focus-visible::after,
  .phspb-performance-title-row .phspb-info-button:focus::after {
    transform: translateY(0) !important;
  }
}

/* PHSPB 3.12.53 — public ranking UX + 24h/12h time switcher */
.phspb-time-format-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: -4px 0 18px clamp(18px, 3vw, 34px);
  padding: 5px;
  border: 1px solid rgba(190, 118, 255, .22);
  border-radius: 999px;
  background: rgba(24, 10, 39, .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.22);
}

.phspb-time-format-control > span {
  padding: 0 8px 0 10px;
  color: rgba(236, 223, 255, .64);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.phspb-time-format-control button {
  appearance: none;
  border: 1px solid rgba(190, 118, 255, .18);
  border-radius: 999px;
  padding: 7px 12px;
  min-width: 48px;
  background: rgba(255,255,255,.035);
  color: rgba(244, 237, 255, .76);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.phspb-time-format-control button:hover,
.phspb-time-format-control button:focus-visible {
  color: #fff;
  border-color: rgba(190, 118, 255, .42);
  transform: translateY(-1px);
}

.phspb-time-format-control button.is-active,
.phspb-time-format-control button[aria-pressed="true"] {
  color: #fff;
  border-color: rgba(178, 111, 255, .72);
  background: linear-gradient(135deg, rgba(122, 71, 255, .72), rgba(160, 94, 255, .50));
  box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset, 0 10px 28px rgba(124, 78, 255, .22);
}

.phspb-performance-card .phspb-performance-summary-card em {
  word-break: normal;
}

@media (max-width: 760px) {
  .phspb-time-format-control {
    margin-left: 18px;
    margin-bottom: 14px;
    max-width: calc(100% - 36px);
  }
  .phspb-time-format-control > span {
    font-size: 10px;
    padding-left: 7px;
  }
  .phspb-time-format-control button {
    min-width: 44px;
    padding: 7px 10px;
  }
}

/* PHSPB 3.12.55 — force English public date labels for visitor time output */

/* PHSPB 3.12.56 — auto visitor timezone/time-format UX */
.phspb-time-format-control {
  flex-wrap: wrap;
}

.phspb-time-format-control button[data-time-format="auto"] {
  min-width: 58px;
}

.phspb-session-time-main[title],
.phspb-stat-value[title],
.phspb-pattern-value[title] {
  cursor: help;
}

@media (max-width: 520px) {
  .phspb-time-format-control {
    gap: 5px;
  }
  .phspb-time-format-control > span {
    width: 100%;
    padding: 2px 8px 3px;
  }
  .phspb-time-format-control button {
    flex: 1 1 auto;
  }
}

/* PHSPB 3.12.57 — selected timezone UX */
.phspb-timezone-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: calc(100% - 36px);
  margin: -4px 0 18px clamp(18px, 3vw, 34px);
  padding: 7px 9px 7px 13px;
  border: 1px solid rgba(190, 118, 255, .24);
  border-radius: 999px;
  background: rgba(24, 10, 39, .76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.22);
}

.phspb-timezone-control label {
  color: rgba(236, 223, 255, .68);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.phspb-timezone-control select {
  appearance: none;
  min-width: 210px;
  max-width: min(340px, 58vw);
  border: 1px solid rgba(190, 118, 255, .26);
  border-radius: 999px;
  padding: 9px 34px 9px 14px;
  color: #fff;
  background:
    linear-gradient(45deg, transparent 50%, rgba(244,237,255,.86) 50%) right 17px center / 7px 7px no-repeat,
    linear-gradient(135deg, rgba(34, 16, 53, .95), rgba(47, 23, 70, .86));
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  outline: none;
}

.phspb-timezone-control select:hover,
.phspb-timezone-control select:focus-visible {
  border-color: rgba(190, 118, 255, .62);
  box-shadow: 0 0 0 3px rgba(154, 94, 255, .16);
}

.phspb-session-time-sub:empty,
.phspb-pattern-subvalue:empty,
.phspb-stat-subvalue:empty {
  display: none !important;
}

@media (max-width: 760px) {
  .phspb-timezone-control {
    margin-left: 18px;
    margin-bottom: 14px;
    border-radius: 20px;
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
    width: calc(100% - 36px);
  }
  .phspb-timezone-control label {
    padding-left: 2px;
  }
  .phspb-timezone-control select {
    width: 100%;
    max-width: 100%;
  }
}

/* PHSPB 3.12.58 — timezone UX, Chrome-safe custom select, fit fixes */
.phspb-timezone-control select option {
  background: #1a1029 !important;
  color: #fff !important;
}

.phspb-timezone-control.is-customized select[data-timezone-select] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

.phspb-timezone-picker {
  position: relative !important;
  min-width: min(340px, 58vw) !important;
}

.phspb-timezone-button {
  width: 100% !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border: 1px solid rgba(190, 118, 255, .30) !important;
  border-radius: 999px !important;
  padding: 9px 14px 9px 16px !important;
  background: linear-gradient(135deg, rgba(34, 16, 53, .96), rgba(47, 23, 70, .90)) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: default !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(144, 80, 220, .10) !important;
}

.phspb-timezone-control.is-open .phspb-timezone-button,
.phspb-timezone-button:hover,
.phspb-timezone-button:focus-visible {
  border-color: rgba(198, 139, 255, .68) !important;
  box-shadow: 0 0 0 3px rgba(154, 94, 255, .15), inset 0 1px 0 rgba(255,255,255,.08) !important;
  outline: none !important;
}

.phspb-timezone-caret {
  color: rgba(235, 224, 255, .72) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.phspb-timezone-menu {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  max-height: min(440px, 56vh) !important;
  overflow-y: auto !important;
  padding: 8px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(198, 139, 255, .30) !important;
  background: linear-gradient(180deg, rgba(29, 14, 45, .98), rgba(17, 8, 29, .98)) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05) !important;
  z-index: 99950 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  pointer-events: none !important;
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
}

.phspb-timezone-control.is-open .phspb-timezone-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.phspb-timezone-option {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  background: transparent !important;
  color: rgba(245, 239, 255, .92) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-align: left !important;
  cursor: default !important;
}

.phspb-timezone-option:hover,
.phspb-timezone-option:focus-visible,
.phspb-timezone-option.is-active {
  background: rgba(130, 82, 205, .30) !important;
  color: #fff !important;
  outline: none !important;
}

/* Use fixed floating info tooltips instead of clipped pseudo-elements. */
.phspb-section-title .phspb-info-button::after,
.phspb-performance-title-row .phspb-info-button::after {
  display: none !important;
  content: none !important;
}

.phspb-floating-info-tooltip {
  position: fixed !important;
  z-index: 2147483000 !important;
  width: min(420px, calc(100vw - 24px)) !important;
  padding: 13px 15px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(198, 139, 255, .36) !important;
  background: linear-gradient(135deg, rgba(25, 12, 41, .985), rgba(18, 9, 31, .985)) !important;
  color: rgba(244, 237, 255, .96) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.06) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  opacity: 0 !important;
  transform: translateY(4px) !important;
  pointer-events: none !important;
  transition: opacity .14s ease, transform .14s ease !important;
}

.phspb-floating-info-tooltip.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Keep analytics headers readable on narrower desktop widths. */
@media (max-width: 1540px) {
  .phspb-performance-topbar {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .phspb-performance-tabs {
    justify-content: flex-start !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }
  .phspb-performance-title {
    font-size: clamp(38px, 4.4vw, 56px) !important;
    white-space: nowrap !important;
  }
  .phspb-performance-subtitle {
    max-width: 760px !important;
  }
}

@media (max-width: 1180px) {
  .phspb-performance-title {
    font-size: clamp(30px, 5.4vw, 46px) !important;
    white-space: normal !important;
  }
}

/* Recent session rows: preserve one clean desktop line without collisions. */
.phspb-history-card--premium .phspb-session-row--premium {
  grid-template-columns: minmax(142px, .72fr) minmax(260px, 1.08fr) minmax(390px, 1.42fr) !important;
  gap: 14px !important;
}

.phspb-history-card--premium .phspb-session-window {
  padding-left: 16px !important;
}

.phspb-history-card--premium .phspb-session-time-main {
  font-size: clamp(18px, 1.25vw, 24px) !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.phspb-history-card--premium .phspb-session-metrics {
  grid-template-columns: repeat(3, minmax(92px, 1fr)) !important;
  gap: 12px !important;
}

.phspb-history-card--premium .phspb-session-metric strong {
  font-size: clamp(18px, 1.32vw, 24px) !important;
}

.phspb-history-card--premium .phspb-session-metric-label {
  font-size: 11.5px !important;
  letter-spacing: .075em !important;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: minmax(120px, .62fr) minmax(230px, 1fr) minmax(336px, 1.35fr) !important;
    padding: 17px 18px !important;
    gap: 12px !important;
  }
  .phspb-history-card--premium .phspb-session-datebox {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 11px !important;
  }
  .phspb-history-card--premium .phspb-session-dateicon {
    width: 46px !important;
    height: 46px !important;
  }
  .phspb-history-card--premium .phspb-session-window {
    padding-left: 12px !important;
  }
  .phspb-history-card--premium .phspb-session-time-main {
    font-size: clamp(16px, 1.25vw, 21px) !important;
    letter-spacing: -.045em !important;
  }
  .phspb-history-card--premium .phspb-session-metrics {
    grid-template-columns: repeat(3, minmax(78px, 1fr)) !important;
    gap: 9px !important;
  }
  .phspb-history-card--premium .phspb-session-metric-icon {
    font-size: 22px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .phspb-history-card--premium .phspb-session-metric-label {
    font-size: 9.5px !important;
  }
  .phspb-history-card--premium .phspb-session-metric strong {
    font-size: clamp(16px, 1.25vw, 21px) !important;
  }
}

@media (max-width: 760px) {
  .phspb-timezone-picker {
    width: 100% !important;
    min-width: 0 !important;
  }
  .phspb-timezone-menu {
    max-height: 48vh !important;
  }
}

/* PHSPB 3.12.59 — timezone-aware performance trends + solid dropdown + title fit */
.phspb-stats-card--premium-dashboard,
.phspb-performance-card.phspb-section-card {
  overflow: visible !important;
}

.phspb-timezone-control {
  position: relative !important;
  z-index: 100020 !important;
}

.phspb-timezone-control.is-open {
  z-index: 2147482000 !important;
}

.phspb-timezone-picker {
  width: min(360px, 62vw) !important;
  min-width: min(360px, 62vw) !important;
  max-width: calc(100vw - 40px) !important;
}

.phspb-timezone-button [data-timezone-current] {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.phspb-timezone-menu {
  left: 0 !important;
  right: auto !important;
  width: min(360px, calc(100vw - 40px)) !important;
  max-height: min(420px, 54vh) !important;
  background: #12091f !important;
  background-image:
    radial-gradient(circle at 15% 0%, rgba(142, 88, 229, .18), transparent 38%),
    linear-gradient(180deg, #1c102d, #12091f 58%, #0e0719) !important;
  border-color: rgba(190, 118, 255, .48) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.78), 0 0 0 1px rgba(156, 92, 230, .16), inset 0 1px 0 rgba(255,255,255,.07) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(154, 101, 244, .72) rgba(26, 13, 43, .92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.phspb-timezone-menu::-webkit-scrollbar {
  width: 9px !important;
}

.phspb-timezone-menu::-webkit-scrollbar-track {
  background: rgba(26, 13, 43, .92) !important;
  border-radius: 999px !important;
}

.phspb-timezone-menu::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(175, 120, 255, .88), rgba(110, 71, 190, .88)) !important;
  border: 2px solid rgba(26, 13, 43, .92) !important;
  border-radius: 999px !important;
}

.phspb-timezone-option {
  color: rgba(250, 246, 255, .96) !important;
  text-shadow: none !important;
}

.phspb-timezone-option:hover,
.phspb-timezone-option:focus-visible,
.phspb-timezone-option.is-active {
  background: linear-gradient(135deg, rgba(132, 82, 214, .48), rgba(79, 45, 141, .42)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.phspb-performance-topbar {
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
}

.phspb-performance-copy {
  min-width: 0 !important;
  max-width: 100% !important;
}

.phspb-performance-title-row {
  min-width: 0 !important;
  max-width: 100% !important;
}

.phspb-performance-title-row > div {
  min-width: 0 !important;
  max-width: 100% !important;
}

.phspb-performance-headingline {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
}

.phspb-performance-headingline .phspb-performance-title {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: clamp(32px, 3.55vw, 54px) !important;
  line-height: .98 !important;
}

.phspb-performance-headingline .phspb-performance-info {
  flex: 0 0 26px !important;
  margin-left: 0 !important;
  margin-top: .18em !important;
  top: auto !important;
}

.phspb-performance-tabs {
  justify-content: flex-start !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  padding-bottom: 5px !important;
  scrollbar-width: none !important;
}

.phspb-performance-tabs::-webkit-scrollbar {
  display: none !important;
}

@media (min-width: 1025px) and (max-width: 1380px) {
  .phspb-performance-headingline .phspb-performance-title {
    font-size: clamp(29px, 3.35vw, 46px) !important;
    letter-spacing: -.06em !important;
  }
}

@media (max-width: 1024px) {
  .phspb-performance-headingline {
    align-items: flex-start !important;
  }
  .phspb-performance-headingline .phspb-performance-title {
    white-space: normal !important;
    font-size: clamp(30px, 8.2vw, 44px) !important;
  }
}

@media (max-width: 760px) {
  .phspb-timezone-picker,
  .phspb-timezone-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .phspb-timezone-menu {
    max-height: min(360px, 52vh) !important;
  }
  .phspb-performance-headingline .phspb-performance-info {
    flex-basis: 24px !important;
    margin-top: .28em !important;
  }
}


/* PHSPB 3.12.60 — visual/timezone stability layer */
body.phspb-model-page,
body.phspb-stream-page-full,
body.phspb-filter-landing-page {
  background: #12091f !important;
}

.phspb-model-shortcode {
  --phspb-bg: #12091f;
  --phspb-card: rgba(28, 14, 48, .74);
  --phspb-card-strong: rgba(36, 16, 60, .84);
  --phspb-border: rgba(166, 101, 240, .30);
  --phspb-border-strong: rgba(190, 126, 255, .48);
  --phspb-text: rgba(255,255,255,.94);
  --phspb-muted: rgba(229,215,255,.68);
  --phspb-violet: #9d63ff;
  --phspb-violet-2: #7446d7;
  --phspb-live: #67d6ae;
  --phspb-warn: #e5ae5c;
  color: var(--phspb-text) !important;
}

.phspb-shell,
.phspb-model-shortcode,
.phspb-stream-page-full .phspb-shell-inner {
  background:
    radial-gradient(circle at 18% 0%, rgba(120, 61, 205, .18), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(109, 63, 179, .12), transparent 34%),
    #12091f !important;
}

.phspb-shell-inner,
.phspb-main-column,
.phspb-model-block {
  min-width: 0 !important;
}

.phspb-topbar,
.phspb-filterbar,
.phspb-shell-topbar {
  margin-top: clamp(10px, 1.1vw, 18px) !important;
  margin-bottom: clamp(14px, 1.2vw, 22px) !important;
  overflow: visible !important;
}

.phspb-card,
.phspb-section-card,
.phspb-stats-card--premium-dashboard,
.phspb-performance-card.phspb-section-card {
  background: linear-gradient(180deg, rgba(31, 14, 53, .80), rgba(18, 9, 31, .92)) !important;
  border: 1px solid var(--phspb-border) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
  overflow: visible !important;
}

.phspb-stats-card--premium-dashboard:hover,
.phspb-performance-card.phspb-section-card:hover {
  border-color: var(--phspb-border-strong) !important;
}

.phspb-performance-topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.phspb-performance-copy,
.phspb-performance-title-row,
.phspb-performance-title-row > div,
.phspb-performance-headingline {
  min-width: 0 !important;
  max-width: 100% !important;
}

.phspb-performance-headingline {
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  width: auto !important;
}

.phspb-performance-headingline .phspb-performance-title {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #fff !important;
  font-size: clamp(31px, 3.15vw, 50px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-wrap: nowrap !important;
}

.phspb-performance-headingline .phspb-performance-info,
.phspb-section-title .phspb-info-dot,
.phspb-info-dot {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  margin-top: .2em !important;
  border-color: rgba(178, 111, 255, .48) !important;
  background: rgba(42, 20, 70, .82) !important;
  color: rgba(244, 234, 255, .96) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.phspb-performance-tabs-wrap,
.phspb-performance-tabs {
  max-width: 100% !important;
  min-width: 0 !important;
}

.phspb-performance-tabs {
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  padding: 2px 2px 7px !important;
  scrollbar-width: none !important;
}

.phspb-performance-tabs::-webkit-scrollbar { display: none !important; }

.phspb-performance-tab {
  flex: 0 0 auto !important;
  background: rgba(31, 15, 51, .76) !important;
  border-color: rgba(160, 98, 233, .28) !important;
  color: rgba(239, 229, 255, .78) !important;
}

.phspb-performance-tab.is-active,
.phspb-performance-tab:hover,
.phspb-performance-tab:focus-visible {
  background: linear-gradient(135deg, rgba(134, 83, 231, .66), rgba(74, 42, 136, .70)) !important;
  border-color: rgba(204, 152, 255, .62) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(169, 104, 255, .16), 0 14px 34px rgba(90, 47, 160, .26) !important;
}

.phspb-timezone-control {
  position: relative !important;
  z-index: 100020 !important;
  overflow: visible !important;
}

.phspb-timezone-control.is-open { z-index: 2147482000 !important; }

.phspb-timezone-picker {
  width: min(380px, 66vw) !important;
  min-width: min(360px, 66vw) !important;
  max-width: calc(100vw - 40px) !important;
}

.phspb-timezone-button {
  min-height: 52px !important;
  background: linear-gradient(180deg, rgba(44, 20, 72, .96), rgba(28, 12, 47, .98)) !important;
  border: 1px solid rgba(185, 120, 255, .44) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 15px 36px rgba(0,0,0,.28) !important;
}

.phspb-timezone-button [data-timezone-current] {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.96) !important;
}

.phspb-timezone-menu {
  left: 0 !important;
  right: auto !important;
  width: min(380px, calc(100vw - 40px)) !important;
  max-height: min(430px, 56vh) !important;
  padding: 10px !important;
  background: #12091f !important;
  background-image: radial-gradient(circle at 12% 0%, rgba(149, 89, 241, .22), transparent 38%), linear-gradient(180deg, #211138, #12091f 62%, #0e0719) !important;
  border: 1px solid rgba(190, 118, 255, .52) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.82), 0 0 0 1px rgba(156, 92, 230, .16), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(154, 101, 244, .72) rgba(26, 13, 43, .92) !important;
}

.phspb-timezone-group {
  margin: 10px 8px 6px !important;
  color: rgba(221, 201, 255, .55) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.phspb-timezone-option {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  color: rgba(250, 246, 255, .96) !important;
  text-align: left !important;
  text-shadow: none !important;
}

.phspb-timezone-option-main {
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

.phspb-timezone-option-sub {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(222, 204, 255, .58) !important;
  line-height: 1.15 !important;
}

.phspb-timezone-option:hover,
.phspb-timezone-option:focus-visible,
.phspb-timezone-option.is-active {
  background: linear-gradient(135deg, rgba(132, 82, 214, .52), rgba(79, 45, 141, .46)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.phspb-timezone-option.is-active .phspb-timezone-option-sub {
  color: rgba(246, 239, 255, .78) !important;
}

.phspb-mini-tooltip,
.phspb-floating-tooltip,
[data-phspb-tooltip-layer] {
  z-index: 2147482200 !important;
}

.phspb-live-detail-chip .phspb-chip-label,
.phspb-live-detail-chip small {
  color: rgba(230, 216, 255, .66) !important;
}

.phspb-live-detail-chip[data-label="Updated"] .phspb-chip-value,
.phspb-live-detail-chip[data-label="Live refresh"] .phspb-chip-value,
.phspb-live-detail-chip[data-label="Last live"] .phspb-chip-value {
  color: rgba(236, 222, 255, .88) !important;
}

@media (min-width: 1025px) and (max-width: 1380px) {
  .phspb-performance-headingline .phspb-performance-title {
    font-size: clamp(28px, 2.85vw, 42px) !important;
    letter-spacing: -.06em !important;
  }
}

@media (max-width: 1024px) {
  .phspb-performance-headingline {
    display: flex !important;
    width: 100% !important;
  }
  .phspb-performance-headingline .phspb-performance-title {
    white-space: normal !important;
    text-wrap: balance !important;
    font-size: clamp(30px, 8.2vw, 44px) !important;
  }
}

@media (max-width: 760px) {
  .phspb-topbar,
  .phspb-filterbar,
  .phspb-shell-topbar {
    margin-top: 8px !important;
  }
  .phspb-timezone-picker,
  .phspb-timezone-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .phspb-timezone-menu {
    max-height: min(370px, 58vh) !important;
  }
  .phspb-performance-headingline .phspb-performance-info,
  .phspb-section-title .phspb-info-dot,
  .phspb-info-dot {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin-top: .28em !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.61 — compact recent sessions + single visible timezone context
   ═════════════════════════════════════════════════════════════════════════════ */

.phspb-timezone-control::after {
  content: "All times below use this selection" !important;
  display: block !important;
  margin-top: 7px !important;
  color: rgba(235, 224, 255, .54) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}

.phspb-history-card--premium .phspb-session-history--premium {
  gap: 10px !important;
}

.phspb-history-card--premium .phspb-session-row--premium {
  grid-template-columns: minmax(130px, .55fr) minmax(300px, 1.9fr) minmax(185px, auto) !important;
  min-height: 74px !important;
  padding: 12px 16px !important;
  gap: 14px !important;
  border-radius: 18px !important;
  border-color: rgba(190, 118, 255, .14) !important;
  background:
    radial-gradient(circle at 0% 8%, rgba(166, 108, 255, .075) 0, transparent 30%),
    linear-gradient(180deg, rgba(27, 13, 43, .72), rgba(18, 9, 31, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.032), 0 8px 18px rgba(3, 1, 10, .14) !important;
}

.phspb-history-card--premium .phspb-session-row--premium.is-current {
  border-color: rgba(189, 111, 255, .22) !important;
  background:
    radial-gradient(circle at 0% 8%, rgba(166, 108, 255, .10) 0, transparent 30%),
    linear-gradient(180deg, rgba(31, 14, 49, .80), rgba(18, 9, 31, .94)) !important;
}

.phspb-history-card--premium .phspb-session-datebox {
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 10px !important;
}

.phspb-history-card--premium .phspb-session-dateicon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  color: #d9a4ff !important;
  background: linear-gradient(145deg, rgba(166, 108, 255, .28), rgba(79, 42, 125, .48)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 0 14px rgba(166,108,255,.10) !important;
}

.phspb-history-card--premium .phspb-session-dateicon svg {
  width: 20px !important;
  height: 20px !important;
}

.phspb-history-card--premium .phspb-session-day {
  gap: 3px !important;
}

.phspb-history-card--premium .phspb-session-day strong {
  font-size: clamp(16px, 1.05vw, 20px) !important;
  letter-spacing: -.02em !important;
}

.phspb-history-card--premium .phspb-session-date {
  font-size: 12px !important;
  color: rgba(235, 224, 255, .52) !important;
}

.phspb-history-card--premium .phspb-session-window {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding-left: 12px !important;
  border-left-color: rgba(190, 118, 255, .09) !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-time-main {
  font-size: clamp(16px, 1.08vw, 21px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-badge {
  flex: 0 0 auto !important;
  min-height: 20px !important;
  padding: 4px 9px !important;
  font-size: 9px !important;
  letter-spacing: .055em !important;
  background: linear-gradient(180deg, rgba(132, 83, 193, .54), rgba(67, 38, 103, .66)) !important;
  border-color: rgba(214, 165, 255, .14) !important;
}

.phspb-history-card--premium .phspb-session-time-sub {
  display: none !important;
}

.phspb-history-card--premium .phspb-session-metrics {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-metric {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(190, 118, 255, .13) !important;
  background: rgba(255,255,255,.035) !important;
  color: rgba(255,255,255,.94) !important;
  white-space: nowrap !important;
}

.phspb-history-card--premium .phspb-session-metric-icon,
.phspb-history-card--premium .phspb-session-metric-label {
  display: none !important;
}

.phspb-history-card--premium .phspb-session-metric strong {
  color: rgba(255,255,255,.95) !important;
  font-size: clamp(13px, .9vw, 16px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
}

.phspb-history-card--premium .phspb-session-avg {
  display: none !important;
}

.phspb-history-card--premium .phspb-session-tz-note {
  margin-top: 12px !important;
  color: rgba(235,224,255,.60) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.phspb-pattern-card--watch .phspb-pattern-value,
.phspb-schedule-card--premium .phspb-schedule-summary-card strong,
.phspb-schedule-card--premium .phspb-schedule-insight p {
  word-spacing: normal !important;
}

@media (max-width: 1180px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: minmax(118px, .55fr) minmax(240px, 1.55fr) minmax(150px, auto) !important;
    padding: 11px 14px !important;
    gap: 12px !important;
  }

  .phspb-history-card--premium .phspb-session-time-main {
    font-size: clamp(15px, 1.25vw, 18px) !important;
  }
}

@media (max-width: 900px) {
  .phspb-history-card--premium .phspb-session-row--premium {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 13px !important;
  }

  .phspb-history-card--premium .phspb-session-window {
    flex-wrap: wrap !important;
    padding-left: 0 !important;
    padding-top: 10px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(190, 118, 255, .10) !important;
  }

  .phspb-history-card--premium .phspb-session-time-main {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .phspb-history-card--premium .phspb-session-metrics {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 520px) {
  .phspb-history-card--premium .phspb-session-datebox {
    grid-template-columns: 36px 1fr !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon {
    width: 36px !important;
    height: 36px !important;
  }

  .phspb-history-card--premium .phspb-session-dateicon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .phspb-history-card--premium .phspb-session-metric {
    min-height: 30px !important;
    padding: 6px 9px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.62 — mobile hero hierarchy, non-wrapping chips, follower restore
   ═════════════════════════════════════════════════════════════════════════════ */

.phspb-hero-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0 .22em !important;
  min-width: 0 !important;
}

.phspb-hero-title-name {
  display: inline-block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.phspb-hero-title-suffix {
  display: inline-block !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.phspb-quick-chips-wrap,
.phspb-social-proof,
.phspb-tag-chips {
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.phspb-quick-chips-wrap::-webkit-scrollbar,
.phspb-social-proof::-webkit-scrollbar,
.phspb-tag-chips::-webkit-scrollbar {
  display: none !important;
}

.phspb-quick-chips-wrap {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.phspb-quick-chips-wrap::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 34px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background: linear-gradient(90deg, rgba(18,9,31,0), rgba(18,9,31,.96)) !important;
}

.phspb-quick-chips-scroll,
.phspb-nav-facets,
.phspb-tag-chips {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.phspb-nav-chip,
.phspb-nav-chip-btn,
.phspb-nav-facet,
.phspb-nav-tag,
.phspb-tag-chip,
.phspb-sp-item {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.phspb-social-proof {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  padding-bottom: 3px !important;
}

.phspb-sp-followers {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  order: 1 !important;
}

.phspb-sp-viewers { order: 2 !important; }
.phspb-sp-hd { order: 3 !important; }
.phspb-sp-rank { order: 4 !important; }

.phspb-performance-card .phspb-performance-summary-card {
  min-height: 104px !important;
}

.phspb-performance-card .phspb-performance-summary-card small {
  line-height: 1.05 !important;
}

.phspb-performance-card .phspb-performance-summary-card strong {
  font-size: clamp(24px, 1.85vw, 34px) !important;
  line-height: .98 !important;
}

.phspb-performance-card .phspb-performance-summary-card em {
  line-height: 1.28 !important;
}

@media (min-width: 768px) {
  .phspb-hero-title-name,
  .phspb-hero-title-suffix {
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .phspb-hero-main-card .phspb-heading h1.phspb-hero-title,
  .phspb-hero-main-card h1.phspb-hero-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    max-width: 100% !important;
    font-size: clamp(31px, 9.1vw, 44px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.06em !important;
  }

  .phspb-hero-title-name {
    max-width: 100% !important;
    font-size: 1em !important;
    line-height: 1.02 !important;
  }

  .phspb-hero-title-suffix {
    max-width: 100% !important;
    font-size: .84em !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
    color: rgba(255,255,255,.96) !important;
  }

  .phspb-quick-chips-wrap {
    width: calc(100% + 18px) !important;
    margin-right: -18px !important;
  }

  .phspb-quick-chips-scroll,
  .phspb-nav-facets,
  .phspb-tag-chips,
  .phspb-social-proof {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  .phspb-quick-chips-scroll {
    padding-right: 38px !important;
  }

  .phspb-social-proof {
    margin-top: 8px !important;
    gap: 7px !important;
    padding-right: 18px !important;
  }

  .phspb-sp-item {
    min-height: 34px !important;
    padding: 7px 12px 7px 10px !important;
    gap: 6px !important;
  }

  .phspb-sp-val {
    font-size: 13px !important;
  }

  .phspb-sp-lbl {
    font-size: 11px !important;
  }

  .phspb-tag-chips {
    width: 100% !important;
    padding-bottom: 4px !important;
  }

  .phspb-badge-tags-wrap,
  .phspb-badge-live-tags {
    overflow: hidden !important;
  }

  .phspb-performance-card .phspb-performance-summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .phspb-performance-card .phspb-performance-summary-card {
    min-height: 76px !important;
    padding: 12px !important;
  }

  .phspb-performance-card .phspb-performance-summary-card strong {
    font-size: clamp(22px, 7vw, 30px) !important;
  }
}

@media (max-width: 420px) {
  .phspb-hero-main-card .phspb-heading h1.phspb-hero-title,
  .phspb-hero-main-card h1.phspb-hero-title {
    font-size: clamp(29px, 9.4vw, 39px) !important;
  }

  .phspb-hero-title-suffix {
    font-size: .82em !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.63 — stats source fallback + empty trend polish
   ═════════════════════════════════════════════════════════════════════════════ */
.phspb-performance-card .phspb-performance-chartpanel:has(.phspb-performance-value:empty) {
  background: linear-gradient(180deg, rgba(11, 4, 21, .62), rgba(8, 3, 16, .86)) !important;
}

.phspb-performance-summary-card em {
  max-width: 100% !important;
}

.phspb-performance-card[data-followers-total="0"] .phspb-performance-summary-card:first-child strong {
  opacity: .86 !important;
}

/* PHSPB 3.12.65 — follower catch-up growth marker */
.phspb-performance-bar.is-catchup {
  background: linear-gradient(180deg, rgba(190,126,255,.68), rgba(111,67,197,.58)) !important;
  border: 1px dashed rgba(223,190,255,.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 20px rgba(134,72,216,.14) !important;
}

.phspb-performance-bar.is-catchup::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.12) 0 3px, transparent 3px 8px) !important;
  opacity: .42;
  pointer-events: none;
}

.phspb-performance-bar.is-catchup {
  position: relative !important;
  overflow: hidden !important;
}

.phspb-performance-bar.is-catchup::after {
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
}


/* PHSPB 3.12.66 — follower catch-up is not a daily bar */
.phspb-performance-bar.is-catchup {
  min-height: 4px !important;
  opacity: .72 !important;
}
.phspb-performance-col:has(.phspb-performance-bar.is-catchup) .phspb-performance-value {
  display: none !important;
}


/* PHSPB 3.12.72 — make Featured Models feature landing use the same directory rhythm as other feature tabs. */
.phspb-featured-directory-static .phspb-featured-directory-shell {
    width: 100%;
}

.phspb-featured-directory-static .phlc-toolbar {
    margin-bottom: 28px;
}

.phspb-featured-directory-static .phlc-toolbar-top {
    justify-content: center;
}

.phspb-featured-directory-static .phlc-sort:disabled,
.phspb-featured-directory-static .phlc-toggle input:disabled + span,
.phspb-featured-directory-static .phlc-toggle--muted {
    opacity: .92;
    cursor: default;
}

.phspb-featured-directory-static .phspb-featured-view-all {
    text-decoration: none !important;
    cursor: pointer;
}

.phspb-featured-directory-static .phlc-main,
.phspb-featured-directory-static .phlc-section-other_rooms {
    width: 100%;
}

@media (max-width: 767px) {
    .phspb-featured-directory-static .phlc-toolbar-top {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .phspb-featured-directory-static .phlc-toolbar-top > * {
        flex: 0 0 auto;
    }
}

/* PHSPB 3.12.76 — active live session marker in performance trends */
.phspb-performance-bar.is-current {
  position: relative !important;
  overflow: visible !important;
  border-color: rgba(211, 173, 255, .55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 26px rgba(145, 88, 236, .30), 0 0 0 1px rgba(187, 128, 255, .18) !important;
  filter: brightness(1.08) saturate(1.08) !important;
}

.phspb-performance-bar.is-current::after {
  content: "";
  position: absolute !important;
  inset: -7px !important;
  border-radius: 14px 14px 7px 7px !important;
  border: 1px solid rgba(191, 129, 255, .32) !important;
  opacity: .82 !important;
  pointer-events: none !important;
  animation: phspb-current-live-pulse 1.85s ease-in-out infinite !important;
}

@keyframes phspb-current-live-pulse {
  0%, 100% { transform: scale(.98); opacity: .42; }
  50% { transform: scale(1.035); opacity: .92; }
}


/* PHSPB 3.12.77 — clean SVG info icons and readable session metrics */
.phspb-info-button.phspb-info-dot,
.phspb-performance-headingline .phspb-info-button.phspb-info-dot,
.phspb-section-title .phspb-info-button.phspb-info-dot {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  margin-left: 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(190, 128, 255, .42) !important;
  background: linear-gradient(180deg, rgba(70, 35, 112, .82), rgba(34, 17, 56, .92)) !important;
  color: rgba(246, 238, 255, .96) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.30) !important;
  transform: translateY(-.04em) !important;
}

.phspb-info-button.phspb-info-dot .phspb-info-icon-svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  overflow: visible !important;
}

.phspb-info-button.phspb-info-dot .phspb-info-icon-svg circle,
.phspb-info-button.phspb-info-dot .phspb-info-icon-svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.phspb-info-button.phspb-info-dot:hover,
.phspb-info-button.phspb-info-dot:focus-visible {
  color: #fff !important;
  border-color: rgba(214, 166, 255, .78) !important;
  background: linear-gradient(180deg, rgba(94, 49, 145, .94), rgba(48, 24, 78, .96)) !important;
  outline: none !important;
}

.phspb-history-card--premium .phspb-session-metrics {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.phspb-history-card--premium .phspb-session-metric {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(190, 118, 255, .16) !important;
  background: rgba(255,255,255,.04) !important;
  white-space: nowrap !important;
}

.phspb-history-card--premium .phspb-session-metric-icon {
  display: none !important;
}

.phspb-history-card--premium .phspb-session-metric-label {
  display: inline-flex !important;
  color: rgba(235, 224, 255, .62) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}

.phspb-history-card--premium .phspb-session-metric strong {
  display: inline-flex !important;
  color: rgba(255,255,255,.96) !important;
  font-size: clamp(13px, .86vw, 16px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
}

.phspb-history-card--premium .phspb-session-row.is-current .phspb-session-duration,
.phspb-history-card--premium .phspb-session-row.is-current .phspb-session-peak {
  border-color: rgba(188, 118, 255, .30) !important;
  background: linear-gradient(180deg, rgba(102, 55, 160, .26), rgba(255,255,255,.035)) !important;
}

@media (max-width: 760px) {
  .phspb-info-button.phspb-info-dot,
  .phspb-performance-headingline .phspb-info-button.phspb-info-dot,
  .phspb-section-title .phspb-info-button.phspb-info-dot {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    margin-left: 7px !important;
  }

  .phspb-info-button.phspb-info-dot .phspb-info-icon-svg {
    width: 13px !important;
    height: 13px !important;
  }

  .phspb-history-card--premium .phspb-session-metrics {
    justify-content: flex-start !important;
  }

  .phspb-history-card--premium .phspb-session-metric {
    min-height: 32px !important;
    padding: 6px 9px !important;
  }
}

/* ==========================================================
   PHSPB 3.12.115 — consolidated homepage CSS
   Scope: [phspb_home_live_cams] only.
   Replaces the old stacked homepage patches from v3.12.91–v3.12.114.
   Desktop keeps the Builder shell. Mobile uses image-first Stripchat-style cards.
   ========================================================== */

.phspb-home-live-cams-shortcode {
  --phspb-home-bg: #12091f;
  --phspb-home-panel: rgba(28, 12, 48, .58);
  --phspb-home-panel-strong: rgba(35, 14, 60, .76);
  --phspb-home-border: rgba(214, 145, 255, .14);
  --phspb-home-border-strong: rgba(255, 112, 216, .24);
  --phspb-home-text: rgba(255,255,255,.94);
  --phspb-home-muted: rgba(235, 224, 255, .68);
  --phspb-home-glow: rgba(255, 65, 184, .22);
  background: var(--phspb-home-bg) !important;
  overflow-x: hidden !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: clamp(260px, 22vw, 360px) !important;
  padding: clamp(26px, 3.1vw, 46px) !important;
  border: 1px solid var(--phspb-home-border-strong) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(90deg, rgba(18,9,31,.985) 0%, rgba(18,9,31,.92) 44%, rgba(18,9,31,.54) 70%, rgba(18,9,31,.20) 100%),
    radial-gradient(circle at 18% 24%, rgba(255,92,205,.18), transparent 34%),
    radial-gradient(circle at 48% 110%, rgba(139,78,255,.23), transparent 36%),
    url('/wp-content/uploads/2026/05/b7b049ae-253c-4117-93f4-03bb32fec265.webp') center right / cover no-repeat !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 42%),
    radial-gradient(circle at 78% 18%, rgba(255,99,204,.16), transparent 32%) !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card > * {
  position: relative !important;
  z-index: 1 !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-heading,
.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-heading-main {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-heading-copy {
  width: min(680px, 58%) !important;
  max-width: 680px !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-filter-visual,
.phspb-home-live-cams-shortcode .phspb-home-social-proof,
.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-social-proof {
  display: none !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.055) !important;
  color: rgba(250,238,255,.82) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card h1 {
  max-width: 720px !important;
  margin: 14px 0 12px !important;
  font-size: clamp(32px, 4.2vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  color: var(--phspb-home-text) !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.48) !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-card .phspb-sub {
  max-width: 610px !important;
  color: var(--phspb-home-muted) !important;
  font-size: clamp(14px, 1vw, 17px) !important;
  line-height: 1.55 !important;
}

.phspb-home-live-cams-shortcode .phspb-home-hero-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
  gap: 10px !important;
  width: min(520px, 44%) !important;
  margin: 22px 0 0 !important;
  z-index: 2 !important;
}

.phspb-home-live-cams-shortcode .phspb-home-stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  background: rgba(16,8,30,.52) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

.phspb-home-live-cams-shortcode .phspb-home-stat-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.075) !important;
}

.phspb-home-live-cams-shortcode .phspb-home-stat-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.phspb-home-live-cams-shortcode .phspb-home-stat-copy strong {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.phspb-home-live-cams-shortcode .phspb-home-stat-copy small {
  color: rgba(245,239,255,.70) !important;
  font-size: 10.8px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

.phspb-home-live-cams-shortcode .phspb-section-card {
  margin-top: 18px !important;
  border-radius: 24px !important;
  border: 1px solid var(--phspb-home-border) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026)) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.28) !important;
}

.phspb-home-live-cams-shortcode .phlc-block-count,
.phspb-home-live-cams-shortcode .phlc-load-more,
.phspb-home-live-cams-shortcode .phlc-subname,
.phspb-home-live-cams-shortcode .phlc-subject,
.phspb-home-live-cams-shortcode .phlc-card [class*="topic"],
.phspb-home-live-cams-shortcode .phlc-card [class*="goal"] {
  display: none !important;
}

@media (min-width: 1025px) {
  .phspb-home-live-cams-shortcode .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  .phspb-home-live-cams-shortcode .phlc-grid > .phlc-card,
  .phspb-home-live-cams-shortcode .phlc-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .phspb-home-live-cams-shortcode .phlc-title,
  .phspb-home-live-cams-shortcode .phlc-title-link,
  .phspb-home-live-cams-shortcode .phlc-title a,
  .phspb-home-live-cams-shortcode .phlc-block-head h2,
  .phspb-home-live-cams-shortcode .phlc-block-head h3 {
    color: rgba(255,255,255,.96) !important;
    font-size: clamp(22px, 1.55vw, 30px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    text-decoration: none !important;
  }
}

/* Mobile/tablet homepage: clean flow + image-first cards. */
@media (max-width: 1024px) {
  html body .phspb-home-live-cams-shortcode,
  html body .phspb-home-live-cams-shortcode.phspb-home-mobile-flat-v114,
  html body .phspb-home-live-cams-shortcode.phspb-home-mobile-flat-v115 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    left: 50% !important;
    background: #12091f !important;
    padding: 0 10px 28px !important;
    overflow-x: hidden !important;
  }

  html body .phspb-home-live-cams-shortcode > .phspb-topbar,
  html body .phspb-home-live-cams-shortcode .phspb-topbar,
  html body .phspb-home-live-cams-shortcode .phspb-home-hero-card,
  html body .phspb-home-live-cams-shortcode .phspb-hero-main-card.phspb-home-hero-card,
  html body .phspb-home-live-cams-shortcode .phspb-filter-hero-card.phspb-home-hero-card {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body .phspb-home-live-cams-shortcode .phspb-page-layout,
  html body .phspb-home-live-cams-shortcode .phspb-center,
  html body .phspb-home-live-cams-shortcode .phspb-main,
  html body .phspb-home-live-cams-shortcode .phspb-content,
  html body .phspb-home-live-cams-shortcode .phspb-shell-content,
  html body .phspb-home-live-cams-shortcode .phspb-model-block,
  html body .phspb-home-live-cams-shortcode .phspb-filter-landing-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-scope,
  html body .phspb-home-live-cams-shortcode .phlc-directory {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #12091f !important;
    border: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html body .phspb-home-live-cams-shortcode .phspb-sidebar-left,
  html body .phspb-home-live-cams-shortcode .phspb-sidebar-right,
  html body .phspb-home-live-cams-shortcode .phspb-sidebar-panel {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phspb-model-block > * + * {
    margin-top: 24px !important;
  }

  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models,
  html body .phspb-home-live-cams-shortcode .phspb-home-popular-section,
  html body .phspb-home-live-cams-shortcode .phspb-home-country-section,
  html body .phspb-home-live-cams-shortcode .phspb-home-new-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams::before,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams::after,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams::before,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams::after,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models::before,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models::after {
    display: none !important;
    content: none !important;
  }

  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-directory,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-wrap,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-section,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-block,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-inner,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-homepage-block,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-directory,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-wrap,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-section,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-block,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-inner,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode #phspb-home-country-cams .phlc-homepage-block,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-directory,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-wrap,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-section,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-block,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-inner,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode #phspb-home-new-models .phlc-homepage-block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-block-head,
  html body .phspb-home-live-cams-shortcode .phlc-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phspb-section-head,
  html body .phspb-home-live-cams-shortcode .phspb-section-divider {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-title,
  html body .phspb-home-live-cams-shortcode .phlc-title-link,
  html body .phspb-home-live-cams-shortcode .phlc-title a,
  html body .phspb-home-live-cams-shortcode .phlc-block-head h2,
  html body .phspb-home-live-cams-shortcode .phlc-block-head h3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    color: rgba(255,255,255,.96) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: clamp(22px, 6.4vw, 28px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-rooms-grid,
  html body .phspb-home-live-cams-shortcode .phlc-directory-grid,
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid-featured,
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid-country {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-rooms-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode #phspb-home-popular-cams .phlc-directory-grid > *:nth-child(n+7) {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage,
  html body .phspb-home-live-cams-shortcode .phlc-room-card,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
    contain: layout paint !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-room-card .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 13px !important;
    background: #12091f !important;
    box-shadow: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-thumb-wrap img,
  html body .phspb-home-live-cams-shortcode .phlc-card img,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean img,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 13px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-thumb-wrap::before {
    display: none !important;
    content: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card::after,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean::after,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage::after,
  html body .phspb-home-live-cams-shortcode .phlc-thumb-wrap::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 58% !important;
    pointer-events: none !important;
    background: linear-gradient(
      to top,
      rgba(5,0,12,.92) 0%,
      rgba(5,0,12,.66) 34%,
      rgba(5,0,12,.22) 68%,
      rgba(5,0,12,0) 100%
    ) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-body {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    min-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 30px 10px 8px !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card:has(.phlc-card-name-overlay) .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean:has(.phlc-card-name-overlay) .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage:has(.phlc-card-name-overlay) .phlc-card-body {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-name,
  html body .phspb-home-live-cams-shortcode .phlc-name-link,
  html body .phspb-home-live-cams-shortcode .phlc-card-name,
  html body .phspb-home-live-cams-shortcode .phlc-model-name,
  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay-text,
  html body .phspb-home-live-cams-shortcode .phlc-name-overlay {
    display: block !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    text-decoration: none !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.90), 0 0 14px rgba(0,0,0,.58) !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode .phlc-name-overlay {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: 8px !important;
    z-index: 6 !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-meta,
  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-followers,
  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-stats,
  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-room-subtitle,
  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-card-tags,
  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-subname,
  html body .phspb-home-live-cams-shortcode .phlc-card-body .phlc-subject,
  html body .phspb-home-live-cams-shortcode .phlc-cta {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-badges,
  html body .phspb-home-live-cams-shortcode .phlc-card-badges,
  html body .phspb-home-live-cams-shortcode .phlc-room-badges,
  html body .phspb-home-live-cams-shortcode .phlc-live-badge,
  html body .phspb-home-live-cams-shortcode .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-home-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-top,
  html body .phspb-home-live-cams-shortcode .phlc-card-top-left,
  html body .phspb-home-live-cams-shortcode .phlc-card-top-right {
    position: absolute !important;
    z-index: 8 !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-country,
  html body .phspb-home-live-cams-shortcode .phlc-country-flag,
  html body .phspb-home-live-cams-shortcode .phlc-flag,
  html body .phspb-home-live-cams-shortcode .phlc-country-badge,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge {
    position: absolute !important;
    right: 8px !important;
    left: auto !important;
    top: auto !important;
    bottom: 8px !important;
    z-index: 7 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(8,4,14,.66) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 480px) {
  html body .phspb-home-live-cams-shortcode .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-rooms-grid,
  html body .phspb-home-live-cams-shortcode .phlc-directory-grid,
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid {
    gap: 10px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb-wrap,
  html body .phspb-home-live-cams-shortcode .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-thumb-wrap img,
  html body .phspb-home-live-cams-shortcode .phlc-card img {
    border-radius: 12px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-body {
    padding: 28px 9px 7px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode .phlc-name-overlay {
    left: 9px !important;
    right: 9px !important;
    bottom: 7px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-name,
  html body .phspb-home-live-cams-shortcode .phlc-name-link,
  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay-text {
    font-size: 13.5px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.117 — safe mobile homepage final patch
   Scope-only patch: homepage mobile/tablet only. Do not remove legacy CSS above.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 {
    background: #12091f !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-popular-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-country-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-new-models,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phspb-home-popular-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phspb-home-country-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phspb-home-girls-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phspb-home-couples-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phspb-home-trans-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phspb-home-new-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-directory,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-wrap,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-homepage-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-directory,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-wrap,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-homepage-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-directory,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-wrap,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-homepage-block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-block-head,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-section-head {
    margin: 0 0 13px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-title,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-title-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-title a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-block-head h2,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-block-head h3 {
    gap: 8px !important;
    font-size: clamp(23px, 6vw, 27px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-shadow: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-clean::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-homepage::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-thumb-wrap::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    background: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 8px 8px !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-model-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-name-overlay-text,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-name-overlay {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: calc(100% - 12px) !important;
    min-height: 24px !important;
    padding: 4px 8px !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(15, 7, 27, .58) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.22) !important;
    -webkit-backdrop-filter: blur(7px) saturate(130%);
    backdrop-filter: blur(7px) saturate(130%);
    font-size: 13.5px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.46) !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 a.phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 a.phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 a.phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-name-overlay a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-name-overlay a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-body a {
    pointer-events: auto !important;
    cursor: default !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 .phlc-name-overlay {
    left: 8px !important;
    right: auto !important;
    bottom: 8px !important;
    z-index: 9 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-popular-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-country-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-girls-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-couples-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-trans-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-new-models .phlc-grid > *:nth-child(n+9) {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-country-cams .phlc-country,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-country-cams .phlc-country-flag,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-country-cams .phlc-flag,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v117 #phspb-home-country-cams .phlc-country-badge {
    display: none !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.118 — safe homepage repair after v117
   - desktop keeps full rows from PHP limits
   - mobile hides extra cards with CSS only
   - category titles look clickable
   - nickname overlay returns to clean text, no heavy pill
   - model page mobile H1 cannot overflow
   ═════════════════════════════════════════════════════════════════════════════ */

/* Homepage section titles: make clickable titles visibly clickable when PH Live Core outputs links */
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title-link,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title a,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h2 a,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h3 a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #fff !important;
  text-decoration: none !important;
  cursor: default !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title-link::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title a::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h2 a::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h3 a::after {
  content: "View all →";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(190,150,255,.12) !important;
  border: 1px solid rgba(190,150,255,.24) !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  transform: translateY(1px);
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title-link:hover::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title a:hover::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h2 a:hover::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h3 a:hover::after {
  background: rgba(190,150,255,.20) !important;
  border-color: rgba(190,150,255,.42) !important;
  color: #fff !important;
}

/* Mobile model page title fix: long usernames must never overflow hero card */
@media (max-width: 640px) {
  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-heading h1,
  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-hero-card h1,
  html body.phspb-stream-template .phspb-heading h1,
  html body.phspb-stream-template .phspb-hero-card h1 {
    max-width: 100% !important;
    font-size: clamp(27px, 8.2vw, 34px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }

  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-heading,
  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-heading-copy,
  html body.phspb-stream-template .phspb-heading,
  html body.phspb-stream-template .phspb-heading-copy {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  /* Keep homepage flat and mobile-only. Desktop is handled by PHP limits. */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-popular-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-country-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-girls-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-couples-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-trans-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-new-models {
    margin: 0 0 30px !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-directory,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-wrap,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-homepage-block {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h2,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h3,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h2 a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h3 a {
    font-size: clamp(23px, 6vw, 27px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-shadow: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title-link::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-title a::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h2 a::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-block-head h3 a::after {
    content: "›";
    min-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    font-size: 21px !important;
    transform: translateY(0);
  }

  /* Mobile limits only: PHP sends desktop-friendly full rows. */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-popular-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-country-cams .phlc-grid > *:nth-child(n+5),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-girls-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-couples-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-trans-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-new-models .phlc-grid > *:nth-child(n+9) {
    display: none !important;
  }

  /* Remove the heavy bottom mask. Leave only a small readability scrim. */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-clean::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-homepage::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-thumb-wrap::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: 24% !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(to top, rgba(5,0,12,.50) 0%, rgba(5,0,12,.20) 52%, rgba(5,0,12,0) 100%) !important;
  }

  /* Nickname: clean clickable text, no big pill. */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-body {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: flex-end !important;
    min-height: 34px !important;
    padding: 0 9px 8px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-model-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-name-overlay-text,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-name-overlay {
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 18px) !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: #fff !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.82), 0 0 14px rgba(0,0,0,.50) !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    pointer-events: auto !important;
    cursor: default !important;
    z-index: 7 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-name-overlay {
    position: absolute !important;
    left: 9px !important;
    right: 9px !important;
    bottom: 8px !important;
    z-index: 7 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-body a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 a.phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 a.phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 a.phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-card-name-overlay a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 .phlc-name-overlay a {
    pointer-events: auto !important;
    cursor: default !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-country-cams .phlc-country,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-country-cams .phlc-country-flag,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-country-cams .phlc-flag,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v118 #phspb-home-country-cams .phlc-country-badge {
    display: none !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.119 — safe mobile homepage navigation + clean card overlay
   - does not remove legacy CSS
   - desktop keeps PH Live Core card layout
   - mobile gets homepage filters, left-aligned clickable sections, no dark bottom mask
   ═════════════════════════════════════════════════════════════════════════════ */

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filters {
  display: none !important;
}

/* Clickable section titles on desktop/tablet */
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title-link,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title a,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h2 a,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h3 a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #fff !important;
  text-decoration: none !important;
  cursor: default !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title-link::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title a::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h2 a::after,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h3 a::after {
  content: "View all →";
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(190,150,255,.12) !important;
  border: 1px solid rgba(190,150,255,.24) !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

/* Model page mobile title guard */
@media (max-width: 640px) {
  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-heading h1,
  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-hero-card h1,
  html body.phspb-stream-template .phspb-heading h1,
  html body.phspb-stream-template .phspb-hero-card h1 {
    max-width: 100% !important;
    font-size: clamp(27px, 8.2vw, 34px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }

  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-heading,
  html body .phspb-model-shortcode:not(.phspb-home-live-cams-shortcode) .phspb-heading-copy,
  html body.phspb-stream-template .phspb-heading,
  html body.phspb-stream-template .phspb-heading-copy {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 640px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 {
    background: #12091f !important;
  }

  /* Homepage mobile filters: visible replacement for hidden sidebar/burger filters */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filters {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filters-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filters-head strong {
    color: rgba(255,255,255,.92) !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filters-head a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.76) !important;
    background: rgba(190,150,255,.10) !important;
    border: 1px solid rgba(190,150,255,.20) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filter-group {
    margin: 0 0 11px !important;
    padding: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filter-label {
    display: block !important;
    margin: 0 0 6px !important;
    color: rgba(255,255,255,.42) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filter-row {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 1px 0 5px !important;
    margin: 0 !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-mobile-filter-row::-webkit-scrollbar {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-filter-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    min-height: 32px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.86) !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(190,150,255,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    scroll-snap-align: start;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phspb-home-filter-chip-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 16px !important;
    color: rgba(255,255,255,.90) !important;
    font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  /* Flat mobile sections */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-popular-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-girls-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-couples-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-trans-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-new-models {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-directory,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-wrap,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-section,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-directory-inner,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-homepage-block {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  /* Section titles: left aligned, starting at the card grid edge */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h2,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h3,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h2 a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h3 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #fff !important;
    font-size: clamp(22px, 5.8vw, 26px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-shadow: none !important;
    text-decoration: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title-link::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-title a::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h2 a::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-block-head h3 a::after {
    content: "›" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin-left: 2px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(190,150,255,.14) !important;
    border: 1px solid rgba(190,150,255,.26) !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
  }

  /* Mobile limits only: desktop stays full-row friendly from PHP limits */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-popular-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams .phlc-grid > *:nth-child(n+5),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-girls-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-couples-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-trans-cams .phlc-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-new-models .phlc-grid > *:nth-child(n+9),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-popular-cams .phlc-rooms-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams .phlc-rooms-grid > *:nth-child(n+5),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-girls-cams .phlc-rooms-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-couples-cams .phlc-rooms-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-trans-cams .phlc-rooms-grid > *:nth-child(n+7),
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-new-models .phlc-rooms-grid > *:nth-child(n+9) {
    display: none !important;
  }

  /* Remove bottom dark mask completely */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-clean::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-homepage::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-thumb-link::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-thumb::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
  }

  /* Nickname: clean clickable white text, no pill and no heavy overlay */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-body {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    min-height: 26px !important;
    height: auto !important;
    padding: 0 8px 7px !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-model-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-name-overlay-text,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-name-overlay {
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 14px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-decoration: none !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.82), 0 0 8px rgba(0,0,0,.40) !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    pointer-events: auto !important;
    cursor: default !important;
    z-index: 7 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-name-overlay {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 7px !important;
    z-index: 7 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-body a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 a.phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 a.phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 a.phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-name-overlay a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-name-overlay a {
    pointer-events: auto !important;
    cursor: default !important;
  }

  /* Viewer badge / eye: smaller, lighter, transparent */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-pill.phlc-viewers,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-top-right,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-top-right .phlc-pill,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-badges .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-room-badges .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 [class*="viewers-badge"] {
    position: absolute !important;
    top: 6px !important;
    right: 7px !important;
    left: auto !important;
    z-index: 9 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 16px !important;
    height: 16px !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.86) !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    opacity: .82 !important;
    -webkit-backdrop-filter: blur(3px) saturate(110%) !important;
    backdrop-filter: blur(3px) saturate(110%) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-viewers-badge *,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-pill.phlc-viewers *,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-card-top-right *,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 [class*="viewers-badge"] * {
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  /* Keep LIVE compact, but do not change its color system */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 .phlc-live-badge {
    top: 6px !important;
    left: 7px !important;
    min-height: 18px !important;
    padding: 4px 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams .phlc-country,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams .phlc-country-flag,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams .phlc-flag,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v119 #phspb-home-country-cams .phlc-country-badge {
    display: none !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.120 — safe mobile homepage marketplace flow
   - no top filter wall
   - shortcut circles between sections
   - dynamic country section stays IP/CDN based from renderer
   - desktop stays untouched/full-row friendly
   ═════════════════════════════════════════════════════════════════════════════ */

.phspb-home-live-cams-shortcode .phspb-home-highlight-row {
  display: none;
}

@media (max-width: 640px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-mobile-filters {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 #phspb-home-popular-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 #phspb-home-country-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 #phspb-home-girls-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 #phspb-home-couples-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 #phspb-home-trans-cams,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 #phspb-home-new-models {
    margin: 0 0 28px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-title,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-title-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-title a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head h2,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head h3,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head h2 a,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head h3 a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #fff !important;
    font-size: clamp(21px, 5.6vw, 25px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-decoration: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-title-link::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-title a::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head h2 a::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-block-head h3 a::after {
    content: "›" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    background: rgba(190,150,255,.14) !important;
    border: 1px solid rgba(190,150,255,.30) !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  /* Shortcut circles between sections, not in the first screen top area */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-highlight-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: -14px 0 28px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-highlight-scroll {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 0 7px !important;
    margin: 0 !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-highlight-scroll::-webkit-scrollbar {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-highlight-item {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    text-align: center !important;
    scroll-snap-align: start !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-highlight-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: radial-gradient(circle at 35% 20%, rgba(255,255,255,.13), transparent 46%), rgba(190,150,255,.075) !important;
    border: 1px solid rgba(190,150,255,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 10px 24px rgba(0,0,0,.18) !important;
    font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Inter,system-ui,sans-serif !important;
    font-size: 23px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phspb-home-highlight-label {
    display: block !important;
    max-width: 74px !important;
    color: rgba(255,255,255,.74) !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
    white-space: normal !important;
  }

  /* Mobile card: clean image-first, no bottom mask, no nickname pill */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-clean::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-clean::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-homepage::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-homepage::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-thumb-wrap::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-thumb-link::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-thumb-link::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-body {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-name-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-model-name,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-name-overlay {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.86), 0 0 7px rgba(0,0,0,.38) !important;
  }

  /* Eye/viewers: small, light, secondary */
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-pill.phlc-viewers,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-top-right,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 .phlc-card-top-right .phlc-pill,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v120 [class*="viewers-badge"] {
    height: 15px !important;
    min-height: 15px !important;
    padding: 2px 5px !important;
    background: rgba(0,0,0,.16) !important;
    border-color: rgba(255,255,255,.09) !important;
    opacity: .76 !important;
    font-size: 9px !important;
    box-shadow: none !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.121 — final mobile highlight polish
   - HD removed from primary highlights in renderer
   - Lovense uses visible pink wave
   - Teen 18+ is aligned by CSS
   - highlight rail starts from left, never centered
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-row {
    margin: -10px 0 28px !important;
    padding: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-scroll {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    scroll-padding-left: 0 !important;
    overscroll-behavior-x: contain !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-icon {
    font-variant-numeric: tabular-nums !important;
    line-height: 1 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-item--lovense .phspb-home-highlight-icon {
    color: transparent !important;
    font-size: 0 !important;
    position: relative !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-item--lovense .phspb-home-highlight-icon::before {
    content: "" !important;
    display: block !important;
    width: 32px !important;
    height: 16px !important;
    border-radius: 999px !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    position: relative !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-item--lovense .phspb-home-highlight-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    right: 6px !important;
    top: 50% !important;
    height: 3px !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #ff4ba6, #ff86cf, #ff4ba6) !important;
    box-shadow: 0 0 10px rgba(255,75,166,.45) !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v121 .phspb-home-highlight-item--teen .phspb-home-highlight-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.122 — mobile homepage lazy category rail
   - no top filter block
   - categories continue down the homepage by popularity
   - counts are displayed
   - lazy sections render on scroll from cached AJAX
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-mobile-filters {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phlc-block-head {
    justify-content: space-between !important;
    text-align: left !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phlc-title,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phlc-title-link {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-highlight-row {
    margin: -8px 0 24px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-highlight-item {
    flex-basis: 66px !important;
    width: 66px !important;
    min-width: 66px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-highlight-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 15px !important;
    margin-top: -3px !important;
    padding: 1px 6px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.68) !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-auto-section {
    display: block !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-head {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    color: #fff !important;
    text-decoration: none !important;
    text-align: left !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-title strong {
    min-width: 0 !important;
    color: #fff !important;
    font-size: clamp(21px, 5.6vw, 25px) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    white-space: normal !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-title small {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    margin-left: 2px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.68) !important;
    background: rgba(190,150,255,.10) !important;
    border: 1px solid rgba(190,150,255,.18) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.82) !important;
    background: rgba(190,150,255,.14) !important;
    border: 1px solid rgba(190,150,255,.30) !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-body {
    width: 100% !important;
    min-height: 152px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-skeleton {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-skeleton span {
    display: block !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 13px !important;
    background: linear-gradient(90deg, rgba(255,255,255,.045), rgba(190,150,255,.09), rgba(255,255,255,.04)) !important;
    background-size: 220% 100% !important;
    animation: phspb-home-lazy-pulse 1.25s ease-in-out infinite !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-section.is-loaded .phspb-home-lazy-head,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-section.is-loaded .phspb-home-lazy-skeleton {
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-lazy-error {
    padding: 13px 14px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-home-new-section {
    margin-bottom: 20px !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-model-block,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-center,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v122 .phspb-main {
    padding-bottom: 18px !important;
  }
}

@keyframes phspb-home-lazy-pulse {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.123 — final navigation/search cleanup + desktop category rail
   ═════════════════════════════════════════════════════════════════════════════ */
/* Remove search line globally: Builder shell/topbar and any Elementor render. */
html body .phspb-topbar-search-row,
html body .phspb-search-form,
html body .phspb-nav-search,
html body .phspb-search-btn,
html body .phspb-search-clear {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

html body .phspb-topbar {
  padding-top: 10px !important;
}

/* Desktop homepage: categories continue downward, but mobile highlights are hidden. */
@media (min-width: 641px) {
  html body .phspb-home-live-cams-shortcode .phspb-home-highlight-row {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .phspb-home-live-cams-shortcode .phspb-home-auto-section {
    display: block !important;
  }
}

@media (max-width: 640px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phlc-block-head,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phlc-section-head,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phspb-home-lazy-head {
    justify-content: space-between !important;
    text-align: left !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phlc-title,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phlc-title-link,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phspb-home-lazy-title {
    justify-content: flex-start !important;
    text-align: left !important;
    margin-left: 0 !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phspb-home-highlight-item--teen .phspb-home-highlight-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
    transform: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phspb-home-highlight-item--lovense .phspb-home-highlight-icon {
    color: transparent !important;
    font-size: 0 !important;
    position: relative !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v123 .phspb-home-highlight-item--lovense .phspb-home-highlight-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    right: 5px !important;
    top: 50% !important;
    height: 3px !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #ff4ba6, #ff8bd3, #ff4ba6) !important;
    box-shadow: 0 0 10px rgba(255,75,166,.42) !important;
  }
}


/* PHSPB 3.12.123 — safety override for Live Core grids inside Builder filter pages */
@media (max-width: 640px) {
  html body .phspb-filter-live-directory .phlc-grid,
  html body .phspb-filter-directory-shell .phlc-grid,
  html body .phspb-model-shortcode .phlc-directory .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: start !important;
  }

  html body .phspb-filter-live-directory .phlc-card,
  html body .phspb-filter-directory-shell .phlc-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.125 — safe cleanup on top of stable 3.12.123 base
   ═════════════════════════════════════════════════════════════════════════════ */
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v125 .phspb-home-highlight-item--teen .phspb-home-highlight-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

/* Lazy sections already draw their clickable title in Builder; loaded Live Core HTML must not show a second heading. */
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v125 .phspb-home-lazy-body .phlc-block-head {
  display: none !important;
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.126 — reliable lazy homepage sections
   Fixes lower category rows staying as static bars when public.js is not loaded
   or when IntersectionObserver fails to trigger. This is scoped and does not
   change card rendering.
   ═════════════════════════════════════════════════════════════════════════════ */
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-section {
  display: block !important;
  overflow: visible !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-body {
  display: block !important;
  width: 100% !important;
  min-height: 120px !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-load-btn,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-retry {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin: 12px 0 0 !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,.88) !important;
  background: rgba(190,150,255,.12) !important;
  border: 1px solid rgba(190,150,255,.28) !important;
  box-shadow: none !important;
  font: 800 12px/1 Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  cursor: default !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-section[data-loading="1"] .phspb-home-lazy-load-btn {
  opacity: .55 !important;
  pointer-events: none !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-section[data-loaded="1"] .phspb-home-lazy-load-btn,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-section.is-loaded .phspb-home-lazy-load-btn,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-section.is-loaded .phspb-home-lazy-skeleton {
  display: none !important;
}

html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-error {
  display: block !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
}

@media (min-width: 641px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v126 .phspb-home-lazy-section {
    margin-bottom: 22px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.128 — homepage mobile card conflict fix
   Why: Builder CSS is loaded after Live Core. Older PHSPB mobile-home rules were
   re-enabling .phlc-card-body over the new Live Core mobile overlay, causing
   duplicate nicknames and the grey/black rectangle. This block intentionally
   wins only inside the Builder homepage and does not affect desktop.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-clean::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-clean::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-homepage::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-homepage::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-thumb-wrap::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-body::before,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-body::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card > .phlc-card-body,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-clean > .phlc-card-body,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-homepage > .phlc-card-body,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-directory .phlc-card > .phlc-card-body,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-directory[data-homepage-cards="1"] .phlc-card > .phlc-card-body,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-directory[data-clean-filter="1"] .phlc-card > .phlc-card-body {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    bottom: auto !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-clean .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card-homepage .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-directory .phlc-card .phlc-card-name-overlay {
    position: absolute !important;
    left: 7px !important;
    right: 34px !important;
    bottom: 7px !important;
    top: auto !important;
    z-index: 18 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: calc(100% - 42px) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-card .phlc-card-name-overlay-text,
  html body .phspb-home-live-cams-shortcode.phspb-home-safe-v128 .phlc-directory .phlc-card .phlc-card-name-overlay-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.9), 0 0 6px rgba(0,0,0,.52) !important;
  }
}


/* PHSPB 3.12.130 — safe lazy category fallback */
.phspb-home-lazy-fallback {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 0 0;
}
.phspb-home-lazy-fallback-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.92);
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
}
.phspb-home-lazy-fallback-link:hover {
  border-color: rgba(255,55,140,.45);
  background: rgba(255,55,140,.10);
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHSPB 3.12.131 — responsive shell breakpoints cleanup
   Goal: prevent cramped three-column desktop shell on medium screens.
   - >=1440px: full desktop shell may keep both sidebars.
   - 1181–1439px: hide the right rail first, keep filters + main content.
   - <=1180px: hide both sidebars and give the main content the full width.
   This is layout-only; it does not change cards, lazy sections, filters, or data.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1439px) and (min-width: 1181px) {
  html body .phspb-model-shortcode,
  html body .phspb-filter-landing-wrap,
  html body .phspb-home-live-cams-shortcode {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: clip !important;
  }

  html body .phspb-page-layout,
  html body.phspb-filter-landing-page .phspb-page-layout,
  html body .phspb-filter-landing-wrap .phspb-page-layout,
  html body .phspb-home-live-cams-shortcode .phspb-page-layout {
    display: grid !important;
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: start !important;
    overflow: visible !important;
  }

  html body .phspb-sidebar-right,
  html body .phspb-sidebar-right--model,
  html body .phspb-page-layout > .phspb-sidebar-panel.phspb-sidebar-right,
  html body .phspb-page-layout > .phspb-sidebar-panel.phspb-sidebar-right--model,
  html body .phspb-home-live-cams-shortcode .phspb-sidebar-right,
  html body .phspb-home-live-cams-shortcode .phspb-sidebar-right--model {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body .phspb-model-block,
  html body .phspb-page-layout > .phspb-model-block,
  html body .phspb-home-live-cams-shortcode .phspb-model-block {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .phspb-topbar,
  html body .phspb-quick-chips-wrap,
  html body .phspb-quick-chips-scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
  }
}

@media (max-width: 1180px) and (min-width: 769px) {
  html body .phspb-model-shortcode,
  html body .phspb-filter-landing-wrap,
  html body .phspb-home-live-cams-shortcode {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden !important;
  }

  html body .phspb-page-layout,
  html body.phspb-filter-landing-page .phspb-page-layout,
  html body .phspb-filter-landing-wrap .phspb-page-layout,
  html body .phspb-home-live-cams-shortcode .phspb-page-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  html body .phspb-sidebar-left,
  html body .phspb-sidebar-right,
  html body .phspb-sidebar-right--model,
  html body .phspb-page-layout > .phspb-sidebar-panel,
  html body .phspb-home-live-cams-shortcode .phspb-sidebar-panel {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body .phspb-model-block,
  html body .phspb-page-layout > .phspb-model-block,
  html body .phspb-home-live-cams-shortcode .phspb-model-block {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .phspb-topbar,
  html body .phspb-quick-chips-wrap,
  html body .phspb-quick-chips-scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
  }
}

@media (max-width: 768px) {
  html body .phspb-model-shortcode,
  html body .phspb-filter-landing-wrap,
  html body .phspb-home-live-cams-shortcode {
    overflow-x: hidden !important;
  }

  html body .phspb-page-layout,
  html body.phspb-filter-landing-page .phspb-page-layout,
  html body .phspb-filter-landing-wrap .phspb-page-layout,
  html body .phspb-home-live-cams-shortcode .phspb-page-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .phspb-sidebar-left,
  html body .phspb-sidebar-right,
  html body .phspb-sidebar-right--model,
  html body .phspb-page-layout > .phspb-sidebar-panel {
    display: none !important;
  }
}

/* ==========================================================
   PHSPB 3.12.133 — non-clickable homepage hero metrics + improved photo focus
   Scope: desktop/tablet homepage hero only. Mobile keeps the compact hidden hero rules.
   ========================================================== */
.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card {
  background:
    linear-gradient(90deg, rgba(18,9,31,.99) 0%, rgba(18,9,31,.94) 38%, rgba(18,9,31,.62) 62%, rgba(18,9,31,.10) 100%),
    radial-gradient(circle at 18% 24%, rgba(255,92,205,.18), transparent 34%),
    radial-gradient(circle at 48% 110%, rgba(139,78,255,.23), transparent 36%),
    url('/wp-content/uploads/2026/05/b7b049ae-253c-4117-93f4-03bb32fec265.webp') 88% 28% / cover no-repeat !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 42%),
    radial-gradient(circle at 82% 28%, rgba(255,99,204,.08), transparent 30%) !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-stats {
  grid-template-columns: repeat(3, minmax(178px, 1fr)) !important;
  gap: 12px !important;
  width: min(760px, 72%) !important;
  max-width: 760px !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-card {
  position: relative !important;
  min-height: 86px !important;
  padding: 15px 16px !important;
  border-radius: 18px !important;
  text-decoration: none !important;
  cursor: default !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.038)),
    radial-gradient(circle at 18% 8%, rgba(255,76,195,.18), transparent 44%) !important;
  border: 1px solid rgba(226,153,255,.22) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.09) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-card::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 12px 9px 48px !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(255,70,190,.55), transparent) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255,104,213,.42) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.30), 0 0 0 1px rgba(255,85,203,.13), inset 0 1px 0 rgba(255,255,255,.12) !important;
  outline: none !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-icon {
  flex-basis: 30px !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 13px !important;
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 18px rgba(255,79,196,.16) !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-card-live .phspb-home-stat-icon {
  color: #ff477f !important;
  animation: phspbHeroLivePulse 1.8s ease-in-out infinite !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-copy {
  gap: 3px !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-copy strong {
  font-size: 21px !important;
  letter-spacing: -.035em !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-copy small {
  color: rgba(255,255,255,.80) !important;
  font-size: 11.5px !important;
  text-transform: none !important;
}

.phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-copy em {
  display: block !important;
  max-width: 100% !important;
  color: rgba(255,191,235,.78) !important;
  font-size: 10.8px !important;
  line-height: 1.2 !important;
  font-style: normal !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@keyframes phspbHeroLivePulse {
  0%, 100% { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 0 rgba(255,43,114,.34); }
  50% { box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 0 0 7px rgba(255,43,114,0); }
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card {
    background-position: 84% 27% !important;
  }
  .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card .phspb-heading-copy {
    width: min(640px, 62%) !important;
  }
  .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-stats {
    width: min(700px, 72%) !important;
  }
}

@media (max-width: 1180px) and (min-width: 1025px) {
  .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-card {
    background-position: 78% 26% !important;
  }
  .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-hero-stats {
    grid-template-columns: repeat(3, minmax(148px, 1fr)) !important;
    width: min(600px, 78%) !important;
  }
  .phspb-home-live-cams-shortcode.phspb-home-safe-v133 .phspb-home-stat-copy strong {
    font-size: 18px !important;
  }
}


/* PHSPB 3.12.144 — desktop dU9X interactive player + mobile safe preview shield */
.phspb-embed-wrap.phspb-dual-embed {
  position: relative;
}

.phspb-embed-wrap.phspb-dual-embed .phspb-stream-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
}

.phspb-embed-wrap.phspb-dual-embed .phspb-stream-frame-mobile {
  display: none;
}

.phspb-embed-wrap.phspb-dual-embed .phspb-stream-click-shield {
  display: none;
}

@media (min-width: 768px) {
  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-frame-desktop {
    display: block !important;
    pointer-events: auto !important;
  }

  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-frame-mobile,
  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-click-shield {
    display: none !important;
    pointer-events: none !important;
  }
}

@media (max-width: 767px) {
  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-frame-desktop {
    display: none !important;
    pointer-events: none !important;
  }

  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-frame-mobile {
    display: block !important;
    pointer-events: auto !important;
  }

  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-click-shield {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: block !important;
    border-radius: inherit;
    background: transparent;
    cursor: pointer;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent;
  }

  .phspb-embed-wrap.phspb-dual-embed .phspb-stream-click-shield:focus-visible {
    outline: 2px solid rgba(255,78,161,.68);
    outline-offset: -4px;
  }

  .phspb-embed-wrap.phspb-dual-embed:not([data-phspb-room-url]) .phspb-stream-click-shield {
    cursor: default;
  }
}

/* PHSPB 3.12.146 — header color consistency + stream adblock notice */
body.phspb-stream-template .elementor-location-header,
body.phspb-stream-template header.elementor-location-header,
body.phspb-filter-landing-page .elementor-location-header,
body.phspb-filter-landing-page header.elementor-location-header,
body.phspb-model-page .elementor-location-header,
body.phspb-model-page header.elementor-location-header {
  background: #12091f !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.18) !important;
}

body.phspb-stream-template .elementor-location-header a,
body.phspb-filter-landing-page .elementor-location-header a,
body.phspb-model-page .elementor-location-header a,
body.phspb-stream-template .elementor-location-header .elementor-nav-menu a,
body.phspb-filter-landing-page .elementor-location-header .elementor-nav-menu a,
body.phspb-model-page .elementor-location-header .elementor-nav-menu a {
  color: rgba(255,255,255,.86) !important;
  text-decoration: none !important;
}

body.phspb-stream-template .elementor-location-header .elementor-nav-menu a:hover,
body.phspb-filter-landing-page .elementor-location-header .elementor-nav-menu a:hover,
body.phspb-model-page .elementor-location-header .elementor-nav-menu a:hover,
body.phspb-stream-template .elementor-location-header .elementor-nav-menu .current-menu-item > a,
body.phspb-filter-landing-page .elementor-location-header .elementor-nav-menu .current-menu-item > a,
body.phspb-model-page .elementor-location-header .elementor-nav-menu .current-menu-item > a,
body.phspb-stream-template .elementor-location-header .elementor-item.elementor-item-active,
body.phspb-filter-landing-page .elementor-location-header .elementor-item.elementor-item-active,
body.phspb-model-page .elementor-location-header .elementor-item.elementor-item-active {
  color: #fff !important;
}

body.phspb-stream-template .elementor-location-header .elementor-nav-menu a:after,
body.phspb-filter-landing-page .elementor-location-header .elementor-nav-menu a:after,
body.phspb-model-page .elementor-location-header .elementor-nav-menu a:after,
body.phspb-stream-template .elementor-location-header .elementor-item:after,
body.phspb-filter-landing-page .elementor-location-header .elementor-item:after,
body.phspb-model-page .elementor-location-header .elementor-item:after {
  background: linear-gradient(90deg, #fff, #ff4ec8) !important;
  border-color: transparent !important;
}

body.phspb-stream-template .elementor-location-header .elementor-heading-title,
body.phspb-stream-template .elementor-location-header .elementor-heading-title a,
body.phspb-filter-landing-page .elementor-location-header .elementor-heading-title,
body.phspb-filter-landing-page .elementor-location-header .elementor-heading-title a,
body.phspb-model-page .elementor-location-header .elementor-heading-title,
body.phspb-model-page .elementor-location-header .elementor-heading-title a {
  color: #ff77dd !important;
}

.phspb-adblock-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 0;
  padding: 11px 14px;
  border: 1px solid rgba(186,118,255,.24);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(42,18,68,.74), rgba(18,9,31,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 34px rgba(0,0,0,.18);
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.35;
}

.phspb-adblock-notice-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,78,161,.14);
  border: 1px solid rgba(255,78,161,.24);
  box-shadow: 0 0 22px rgba(255,78,161,.16);
}

.phspb-adblock-notice strong {
  color: #fff;
  font-weight: 900;
}

@media (max-width: 767px) {
  .phspb-adblock-notice {
    align-items: flex-start;
    gap: 9px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 15px;
    font-size: 12.5px;
  }

  .phspb-adblock-notice-icon {
    width: 25px;
    height: 25px;
  }
}



/* PHSPB 3.12.149 — reliable homepage lower category loading */
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v149 .phspb-home-lazy-section[data-loaded="1"] .phspb-home-lazy-load-btn,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v149 .phspb-home-lazy-section.is-loaded .phspb-home-lazy-load-btn,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v149 .phspb-home-lazy-load-btn[hidden] {
  display: none !important;
}
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v149 .phspb-home-lazy-section.is-error .phspb-home-lazy-load-btn,
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v149 .phspb-home-lazy-retry {
  display: inline-flex !important;
}
html body .phspb-home-live-cams-shortcode.phspb-home-safe-v149 .phspb-home-auto-section-direct .phspb-home-lazy-body {
  min-height: 0 !important;
}