/* ─────────────────────────────────────────────────────────────
   PH Live Core Frontend CSS
   Premium dark glass UI / PLAYHARD054 style
   Base background: #12091f
   ───────────────────────────────────────────────────────────── */

/* ── Token bridge: when inside PHSPB shell, inherit shell design tokens ── */
.phspb-model-shortcode .phlc-scope,
.phspb-model-shortcode .phlc-directory,
.phspb-model-shortcode .phlc-block,
.phspb-model-shortcode .phlc-related-wrap,
.phspb-model-shortcode .phlc-recommended-wrap,
.phspb-model-shortcode .phlc-compact-block {
  --bg: var(--ph-bg, #12091f);
  --card: var(--ph-card, rgba(255,255,255,.04));
  --card2: var(--ph-card-2, rgba(255,255,255,.03));
  --stroke: var(--ph-stroke, rgba(190,150,255,.18));
  --stroke-strong: var(--ph-stroke-hi, rgba(190,150,255,.26));
  --text: var(--ph-text, rgba(255,255,255,.92));
  --muted: var(--ph-muted, rgba(255,255,255,.72));
  --muted2: var(--ph-muted-2, rgba(255,255,255,.56));
}

/* ── Base tokens ── */
.phlc-scope,
.phlc-directory,
.phlc-block,
.phlc-related-wrap,
.phlc-recommended-wrap,
.phlc-compact-block {
  --bg: #12091f;
  --card: rgba(255,255,255,.04);
  --card2: rgba(255,255,255,.03);
  --stroke: rgba(190,150,255,.18);
  --stroke-strong: rgba(190,150,255,.26);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --muted2: rgba(255,255,255,.56);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.phlc-scope *,
.phlc-directory *,
.phlc-block *,
.phlc-related-wrap *,
.phlc-recommended-wrap *,
.phlc-compact-block * {
  box-sizing: border-box;
}

.phlc-scope a,
.phlc-directory a,
.phlc-block a,
.phlc-related-wrap a,
.phlc-recommended-wrap a,
.phlc-compact-block a {
  text-decoration: none;
}

/* ─────────────────────────────────────────────────────────────
   Directory shell
   ───────────────────────────────────────────────────────────── */

.phlc-directory {
  background: var(--bg);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 28px 30px 32px;
  border-radius: 24px;
}

.phlc-toolbar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
}

.phlc-toolbar-top {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) 180px auto auto auto auto;
  gap: 12px;
  align-items: center;
}

.phlc-toolbar-top--no-search {
  grid-template-columns: 180px auto auto auto auto;
}

/* ── Inputs / selects ── */
.phlc-search,
.phlc-sort,
.phlc-language-input,
.phlc-country-input,
.phlc-tag-input,
.phlc-min-viewers,
.phlc-min-followers {
  width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border-radius: 18px;
  border: 1px solid rgba(190,150,255,.20);
  background: rgba(255,255,255,.04);
  color: #fff;
  box-shadow: none;
  outline: none;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.phlc-search {
  border-radius: 20px !important;
  padding-inline: 18px !important;
}

.phlc-search:focus,
.phlc-sort:focus,
.phlc-language-input:focus,
.phlc-country-input:focus,
.phlc-tag-input:focus,
.phlc-min-viewers:focus,
.phlc-min-followers:focus {
  border-color: rgba(150,180,255,.48);
  background: rgba(255,255,255,.06);
  box-shadow: 0 0 0 3px rgba(132,93,255,.14);
}

.phlc-search::placeholder,
.phlc-language-input::placeholder,
.phlc-country-input::placeholder,
.phlc-tag-input::placeholder,
.phlc-min-viewers::placeholder,
.phlc-min-followers::placeholder {
  color: rgba(255,255,255,.5);
}

.phlc-sort option {
  background: #12091f;
  color: #fff;
}

/* ─────────────────────────────────────────────────────────────
   Buttons / chips
   ───────────────────────────────────────────────────────────── */

.phlc-reset,
.phlc-open-filters,
.phlc-load-more,
.phlc-chip,
.phlc-side-chip,
.phlc-cta,
.phlc-show-more,
.phlc-close-filters {
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(190,150,255,.22);
  background: rgba(255,255,255,.04);
  color: #fff;
  padding: 10px 14px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.phlc-reset:hover,
.phlc-open-filters:hover,
.phlc-load-more:hover,
.phlc-chip:hover,
.phlc-side-chip:hover,
.phlc-cta:hover,
.phlc-show-more:hover,
.phlc-close-filters:hover,
.phlc-chip.is-active,
.phlc-side-chip.is-active {
  border-color: rgba(150,180,255,.40);
  background: linear-gradient(180deg, rgba(108,143,255,.22), rgba(132,93,255,.18));
  transform: translateY(-1px);
}

.phlc-open-filters {
  display: none;
}

.phlc-results-count {
  white-space: nowrap;
  color: var(--muted);
  font-size: 14px;
}

/* ─────────────────────────────────────────────────────────────
   Quick chips horizontal scroll
   ───────────────────────────────────────────────────────────── */

.phlc-quick-chips-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0 0 2px;
  overflow: visible;
}

.phlc-quick-chips-viewport {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.phlc-quick-chips-viewport::before,
.phlc-quick-chips-viewport::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 6px;
  width: 28px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
  z-index: 2;
}

.phlc-quick-chips-viewport::before {
  left: 0;
  background: linear-gradient(90deg, rgba(18,9,31,1), rgba(18,9,31,0));
}

.phlc-quick-chips-viewport::after {
  right: 0;
  background: linear-gradient(270deg, rgba(18,9,31,1), rgba(18,9,31,0));
}

.phlc-quick-chips-wrap.is-scrollable .phlc-quick-chips-viewport::before,
.phlc-quick-chips-wrap.is-scrollable .phlc-quick-chips-viewport::after {
  opacity: 1;
}

.phlc-quick-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 2px 34px 8px;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}

.phlc-quick-chips::-webkit-scrollbar {
  display: none;
}

.phlc-chip {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
}

.phlc-chip-nav {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 999px;
  font-size: 24px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.phlc-chip-nav[disabled] {
  opacity: .35;
  cursor: default;
  transform: none;
}

.phlc-chip-nav[disabled]:hover {
  transform: none;
  background: rgba(255,255,255,.04);
  border-color: rgba(190,150,255,.22);
}

.phlc-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.phlc-chip small,
.phlc-side-chip small {
  opacity: .7;
}

/* ─────────────────────────────────────────────────────────────
   Layout / sidebar
   ───────────────────────────────────────────────────────────── */

.phlc-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.phlc-main {
  min-width: 0;
}

.phlc-sidebar {
  position: sticky;
  top: 18px;
  align-self: start;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, var(--card), rgba(255,255,255,.025));
  border: 1px solid var(--stroke);
  box-shadow: 0 16px 40px rgba(0,0,0,.24);
  width: 100%;
  max-width: 280px;
  max-height: calc(100vh - 36px);
  overflow: hidden;
}

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

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

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

body.phlc-no-scroll {
  overflow: hidden;
}

.phlc-drawer-overlay {
  display: none;
}

.phlc-filter-group {
  margin-bottom: 16px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(190,150,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}

.phlc-filter-group h4 {
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
}

.phlc-option-list,
.phlc-facet-list,
.phlc-country-list,
.phlc-language-list,
.phlc-tag-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.phlc-side-chip,
.phlc-show-more {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  font-size: 13px;
  line-height: 1;
}

.phlc-side-chip .phlc-label,
.phlc-side-chip .phlc-label-text,
.phlc-chip .phlc-label-text,
.phlc-remove-filter .phlc-label-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phlc-side-chip small {
  margin-left: auto;
  padding-left: 8px;
  flex: 0 0 auto;
}

.phlc-close-filters {
  width: 100%;
  margin-bottom: 12px;
}

/* ─────────────────────────────────────────────────────────────
   Sections / headings
   ───────────────────────────────────────────────────────────── */

.phlc-title {
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.05;
  margin: 0 0 14px;
  letter-spacing: -.03em;
}

.phlc-block-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.phlc-block-head h2,
.phlc-block-head h3 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.03em;
}

.phlc-block-count {
  color: var(--muted);
  font-size: 14px;
  white-space: nowrap;
}

.phlc-country-hero,
.phlc-featured-hero,
.phlc-section-our_models,
.phlc-section-country_rooms {
  margin: 0 0 22px;
}

.phlc-section-other_rooms {
  margin-top: 4px;
}

.phlc-section-cta-row {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 14px;
}

.phlc-country-link {
  min-height: 38px;
  padding: 8px 12px;
  position: relative;
  z-index: 1;
}

/* ─────────────────────────────────────────────────────────────
   Grids
   ───────────────────────────────────────────────────────────── */

.phlc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 420px));
  gap: 22px;
  align-items: stretch;
  justify-content: start;
}

.phlc-grid-featured {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 420px));
  gap: 22px;
  justify-content: start;
}

.phlc-grid-country {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 420px));
  gap: 22px;
  align-items: stretch;
  justify-content: start;
}

.phlc-grid.phlc-grid-our_models,
.phlc-grid.phlc-grid-country_rooms,
.phlc-grid.phlc-grid-other_rooms {
  grid-template-columns: repeat(auto-fill, minmax(320px, 420px));
  justify-content: start;
  align-items: stretch;
}

.phlc-grid.phlc-grid-our_models > .phlc-card,
.phlc-grid.phlc-grid-country_rooms > .phlc-card,
.phlc-grid.phlc-grid-other_rooms > .phlc-card {
  width: 100%;
  max-width: 420px;
  justify-self: start;
}

/* ─────────────────────────────────────────────────────────────
   Cards
   ───────────────────────────────────────────────────────────── */

.phlc-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--card), rgba(255,255,255,.02));
  border: 1px solid var(--stroke);
  overflow: hidden;
  box-shadow: 0 16px 44px rgba(0,0,0,.22);
}

.phlc-card.phlc-priority,
.phlc-grid-featured .phlc-card {
  border: 1px solid rgba(230,190,110,.55);
  box-shadow: 0 16px 44px rgba(0,0,0,.24), 0 0 0 1px rgba(230,190,110,.14) inset;
}

.phlc-card.phlc-priority .phlc-name,
.phlc-grid-featured .phlc-name {
  color: #fff6d8;
}

.phlc-thumb-wrap {
  position: relative;
  display: block;
  aspect-ratio: 16 / 11;
  background: #1b102f;
  overflow: hidden;
}

.phlc-thumb {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.phlc-thumb-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 30% 20%, rgba(190,150,255,.26), transparent 34%),
    radial-gradient(circle at 70% 80%, rgba(108,143,255,.18), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  color: rgba(255,255,255,.88);
  font-size: clamp(48px, 7vw, 76px);
  font-weight: 900;
  letter-spacing: -.04em;
}

.phlc-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 44px;
  height: 44px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #fff;
  background: rgba(22,14,44,.88);
  border: 1px solid rgba(255,255,255,.12);
}

.phlc-badge-hd {
  display: none !important;
}

.phlc-badge-new {
  right: 10px;
  background: linear-gradient(180deg, rgba(38,170,104,.96), rgba(20,116,69,.96));
  border-color: rgba(125,255,183,.26);
  color: #fff;
}

.phlc-badge-offline {
  left: 10px;
  right: auto;
  min-width: auto;
  padding: 0 14px;
  height: 34px;
  font-size: 12px;
  letter-spacing: .04em;
  background: linear-gradient(180deg, rgba(98,98,118,.96), rgba(52,52,68,.96));
  border-color: rgba(255,255,255,.14);
  color: #fff;
}

.phlc-card-offline .phlc-thumb {
  filter: saturate(.88) brightness(.92);
}

.phlc-card-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 16px 18px;
  min-height: 0;
  flex: 1 1 auto;
  background: linear-gradient(180deg, rgba(18,9,31,.98), rgba(18,9,31,.96));
}

.phlc-name {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -.025em;
  word-break: break-word;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.16em;
}

.phlc-name-link {
  color: inherit;
  text-decoration: none;
}

.phlc-subname {
  color: var(--muted2);
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.phlc-stats,
.phlc-meta,
.phlc-card-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.phlc-card-tags {
  margin-top: -2px;
}

.phlc-pill,
.phlc-chipline {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(118,143,255,.10);
  border: 1px solid rgba(173,124,255,.16);
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  max-width: 100%;
}

.phlc-chipline {
  background: rgba(255,255,255,.04);
  color: var(--muted);
}

.phlc-tag-chipline {
  background: rgba(190,150,255,.07);
  border-color: rgba(190,150,255,.18);
}

.phlc-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85em;
  height: 1.85em;
  min-width: 1.85em;
  margin-right: 8px;
  border-radius: 999px;
  border: 1px solid rgba(173,124,255,.28);
  background: linear-gradient(180deg, rgba(108,143,255,.18), rgba(132,93,255,.12));
  box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 8px 18px rgba(0,0,0,.18);
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: .92em;
  line-height: 1;
}

.phlc-chip .phlc-ico,
.phlc-side-chip .phlc-ico,
.phlc-remove-filter .phlc-ico {
  margin-right: 10px;
}

.phlc-flag.phlc-ico {
  font-size: .98em;
}

.phlc-label,
.phlc-label-text {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.phlc-remove-x {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  opacity: .74;
}

.phlc-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1em;
  margin-right: 8px;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.phlc-subject {
  margin: 2px 0 0;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 68px;
}

.phlc-cta {
  margin-top: auto;
  min-height: 48px;
  background: linear-gradient(180deg, rgba(108,143,255,.34), rgba(132,93,255,.24));
  border-color: rgba(130,170,255,.42);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
}

.phlc-empty,
.phlc-empty-text {
  padding: 20px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  color: var(--muted);
}

.phlc-empty-text {
  margin: 0;
}

.phlc-load-more {
  margin-top: 14px;
}

.phlc-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
}

.phlc-filter-group .phlc-toggle .phlc-ico {
  margin-right: 8px;
}

/* ─────────────────────────────────────────────────────────────
   Compact shortcodes
   ───────────────────────────────────────────────────────────── */

.phlc-compact-scope {
  display: block;
  width: 100%;
}

.phlc-compact-block {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 12px;
}

.phlc-compact-title {
  margin: 0 0 16px;
  padding-left: 4px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.05;
  color: var(--text);
}

.phlc-compact-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.phlc-compact-grid-sidebar {
  grid-template-columns: 1fr;
}

.phlc-card-compact {
  min-height: 0;
  border-radius: 22px;
}

.phlc-card-compact .phlc-thumb-wrap {
  aspect-ratio: 16 / 10;
}

.phlc-card-compact .phlc-card-body {
  gap: 8px;
  padding: 12px 12px 14px;
}

.phlc-card-compact .phlc-name {
  font-size: 18px;
  line-height: 1.1;
  min-height: 2.2em;
}

.phlc-card-compact .phlc-subject,
.phlc-card-compact .phlc-subname,
.phlc-card-compact .phlc-card-tags {
  display: none;
}

.phlc-card-compact .phlc-pill,
.phlc-card-compact .phlc-chipline {
  min-height: 24px;
  padding: 4px 8px;
  font-size: 11px;
}

.phlc-card-compact .phlc-cta {
  min-height: 42px;
  font-size: 14px;
}

/* ─────────────────────────────────────────────────────────────
   Recommended block
   ───────────────────────────────────────────────────────────── */

.phlc-recommended-wrap {
  background: var(--bg, #12091f);
  padding: 25px;
  border-radius: 24px;
  border: 1px solid rgba(190,150,255,.15);
  margin-top: 40px;
  margin-bottom: 40px;
  box-shadow: 0 15px 40px rgba(0,0,0,.3);
}

.phlc-recommended-header {
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(190,150,255,.15);
  padding-bottom: 15px;
}

.phlc-recommended-wrap .phlc-section-title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.phlc-title-accent {
  display: inline-block;
  width: 6px;
  height: 24px;
  background: linear-gradient(180deg, #be96ff, #8b5cf6);
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(190,150,255,.4);
}

.phlc-recommended-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 360px));
  gap: 20px;
  justify-content: start;
  align-items: stretch;
}

.phlc-load-more-wrap {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 10px;
}

.phlc-btn-load-more {
  background: linear-gradient(135deg, rgba(190,150,255,.15), rgba(190,150,255,.05));
  color: #fff;
  border: 1px solid rgba(190,150,255,.4);
  padding: 14px 45px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all .3s ease;
  backdrop-filter: blur(5px);
}

.phlc-btn-load-more:hover {
  background: rgba(190,150,255,.3);
  border-color: #be96ff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(190,150,255,.2);
  color: #fff;
}

.phlc-btn-load-more:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* ─────────────────────────────────────────────────────────────
   Tablet / drawer
   ───────────────────────────────────────────────────────────── */

@media (max-width: 1200px) {
  .phlc-toolbar-top {
    grid-template-columns: minmax(220px, 1fr) 170px auto auto auto;
  }

  .phlc-toolbar-top--no-search {
    grid-template-columns: 170px auto auto auto;
  }

  .phlc-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .phlc-sidebar {
    display: none;
    max-width: none;
    position: fixed;
    top: 0;
    right: 0;
    width: min(88vw, 380px);
    height: 100dvh;
    max-height: 100dvh;
    padding: 18px 16px;
    border-radius: 0;
    background: #12091f;
    border-left: 1px solid rgba(255,255,255,.08);
    box-shadow: -12px 0 30px rgba(0,0,0,.35);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform .28s ease;
    overflow: hidden;
  }

  .phlc-sidebar-inner {
    height: calc(100dvh - 36px);
    max-height: calc(100dvh - 36px);
    padding-right: 6px;
  }

  .phlc-drawer-open .phlc-sidebar {
    display: block;
    transform: translateX(0);
  }

  .phlc-drawer-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(5,4,10,.56);
    backdrop-filter: blur(3px);
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }

  .phlc-drawer-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  .phlc-open-filters {
    display: inline-flex;
  }
}

/* ─────────────────────────────────────────────────────────────
   Mobile / tablet responsive
   ───────────────────────────────────────────────────────────── */

@media (max-width: 980px) {
  .phlc-directory {
    padding: 18px 14px 22px;
    border-radius: 0;
  }

  .phlc-toolbar-top,
  .phlc-toolbar-top--no-search {
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: stretch;
  }

  .phlc-search {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .phlc-sort {
    min-width: 0;
    width: 100%;
  }

  .phlc-reset,
  .phlc-results-count {
    display: none;
  }

  .phlc-open-filters {
    min-height: 46px;
    padding: 0 16px;
  }

  .phlc-grid,
  .phlc-grid-featured,
  .phlc-grid-country {
    grid-template-columns: repeat(auto-fill, minmax(280px, 360px));
    gap: 18px;
  }

  .phlc-grid.phlc-grid-our_models,
  .phlc-grid.phlc-grid-country_rooms,
  .phlc-grid.phlc-grid-other_rooms {
    grid-template-columns: repeat(auto-fill, minmax(280px, 360px));
  }

  .phlc-grid.phlc-grid-our_models > .phlc-card,
  .phlc-grid.phlc-grid-country_rooms > .phlc-card,
  .phlc-grid.phlc-grid-other_rooms > .phlc-card {
    max-width: 360px;
  }

  .phlc-recommended-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }

  .phlc-compact-grid-recommended {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .phlc-directory {
    padding: 14px 10px 18px;
  }

  .phlc-toolbar {
    gap: 12px;
    margin-bottom: 16px;
  }

  .phlc-toolbar-top,
  .phlc-toolbar-top--no-search {
    grid-template-columns: 1fr auto;
  }

  .phlc-toggle,
  .phlc-results-count,
  .phlc-reset {
    display: none;
  }

  .phlc-search {
    border-radius: 18px !important;
  }

  .phlc-quick-chips-wrap {
    margin-bottom: 0;
    gap: 6px;
  }

  .phlc-quick-chips {
    gap: 8px;
    padding: 2px 18px 8px;
  }

  .phlc-chip {
    min-height: 38px;
    padding: 0 14px;
    font-size: 14px;
  }

  .phlc-chip-nav {
    width: 34px;
    min-width: 34px;
    height: 34px;
    font-size: 20px;
  }

  .phlc-grid,
  .phlc-grid-featured,
  .phlc-grid-country,
  .phlc-grid.phlc-grid-our_models,
  .phlc-grid.phlc-grid-country_rooms,
  .phlc-grid.phlc-grid-other_rooms,
  .phlc-recommended-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .phlc-grid.phlc-grid-our_models > .phlc-card,
  .phlc-grid.phlc-grid-country_rooms > .phlc-card,
  .phlc-grid.phlc-grid-other_rooms > .phlc-card {
    max-width: none;
  }

  .phlc-card {
    border-radius: 20px;
  }

  .phlc-thumb-wrap {
    aspect-ratio: 16 / 10;
  }

  .phlc-card-body {
    padding: 13px 13px 15px;
    gap: 8px;
  }

  .phlc-name {
    font-size: 18px;
    line-height: 1.12;
    min-height: 2.24em;
  }

  .phlc-subname {
    font-size: 13px;
  }

  .phlc-pill,
  .phlc-chipline {
    font-size: 12px;
  }

  .phlc-card-tags {
    gap: 6px;
  }

  .phlc-subject {
    font-size: 14px;
    line-height: 1.45;
    min-height: 0;
    -webkit-line-clamp: 2;
  }

  .phlc-cta {
    min-height: 44px;
    font-size: 15px;
  }

  .phlc-title {
    font-size: 26px;
    margin-bottom: 12px;
  }

  .phlc-block-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .phlc-block-head h2,
  .phlc-block-head h3 {
    font-size: 18px;
  }

  .phlc-block-count {
    white-space: normal;
  }

  .phlc-compact-block {
    padding: 0 8px;
  }

  .phlc-compact-grid-recommended,
  .phlc-compact-grid-sidebar {
    grid-template-columns: 1fr;
  }

  .phlc-recommended-wrap {
    padding: 18px 12px;
    border-radius: 20px;
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .phlc-recommended-wrap .phlc-section-title {
    font-size: 18px;
  }
}

/* ─────────────────────────────────────────────────────────────
   PHSPB model shell overrides
   Safe desktop/tablet multi-column, safe mobile no-overlap
   ───────────────────────────────────────────────────────────── */

.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-model-shortcode .phlc-recommended-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  justify-content: start;
}

.phspb-model-shortcode .phlc-grid.phlc-grid-our_models > .phlc-card,
.phspb-model-shortcode .phlc-grid.phlc-grid-country_rooms > .phlc-card,
.phspb-model-shortcode .phlc-grid.phlc-grid-other_rooms > .phlc-card {
  max-width: none;
}

.phspb-model-shortcode .phlc-card .phlc-name {
  font-size: clamp(18px, 1.7vw, 23px);
}

.phspb-model-shortcode .phlc-card .phlc-subject {
  -webkit-line-clamp: 2;
  min-height: 44px;
}

@media (max-width: 767px) {
  .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-model-shortcode .phlc-recommended-grid {
    grid-template-columns: 1fr;
  }

  .phspb-model-shortcode .phlc-card .phlc-subject {
    min-height: 0;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .phspb-model-shortcode .phlc-compact-grid-recommended,
  .phspb-model-shortcode .phlc-compact-grid-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .phspb-model-shortcode .phlc-card-compact .phlc-meta {
    display: none;
  }
}

/* ─────────────────────────────────────────────────────────────
   Small utility safety
   ───────────────────────────────────────────────────────────── */

.phlc-tag-list .phlc-side-chip .phlc-ico,
.phlc-language-list .phlc-side-chip .phlc-ico,
.phlc-country-list .phlc-side-chip .phlc-ico,
.phlc-chip .phlc-ico,
.phlc-remove-filter .phlc-ico,
.phlc-side-chip .phlc-ico {
  display: inline-flex;
}

.phlc-card img {
  max-width: 100%;
}

.phlc-card,
.phlc-card * {
  min-width: 0;
}

/* PHLC 1.4.63 — clearer Featured Models empty state */
.phlc-section-other_rooms .phlc-empty {
  border: 1px solid rgba(190, 118, 255, .16);
  border-radius: 22px;
  background: rgba(255,255,255,.035);
  color: rgba(244,237,255,.78);
  padding: 18px 20px;
  font-weight: 800;
}


/* PHLC 1.4.68 — homepage cards: compact premium card with no overlap */
.phlc-directory[data-homepage-cards="1"] .phlc-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  justify-content: start !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-grid > .phlc-card,
.phlc-directory[data-homepage-cards="1"] .phlc-card.phlc-card-homepage {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch !important;
}

.phlc-card-homepage {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

.phlc-card-homepage .phlc-thumb-wrap {
  position: relative !important;
  aspect-ratio: 16 / 10 !important;
  width: 100% !important;
  min-height: 0 !important;
  border-radius: 18px 18px 10px 10px !important;
  overflow: hidden !important;
}

.phlc-card-homepage .phlc-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.phlc-card-homepage .phlc-thumb-wrap::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 42% !important;
  background: linear-gradient(180deg, rgba(18,9,31,0), rgba(18,9,31,.68)) !important;
  pointer-events: none !important;
}

.phlc-card-homepage .phlc-badge-live {
  position: absolute !important;
  top: 9px !important;
  left: 9px !important;
  right: auto !important;
  z-index: 5 !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  background: linear-gradient(135deg, #ff174d, #d70032) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 0 0 0 rgba(255,23,77,.48), 0 10px 22px rgba(215,0,50,.34) !important;
  animation: phlcLivePulse 1.35s ease-in-out infinite !important;
}

.phlc-card-homepage .phlc-badge-live span {
  width: 6px !important;
  height: 6px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.18) !important;
}

@keyframes phlcLivePulse {
  0% { box-shadow: 0 0 0 0 rgba(255,23,77,.55), 0 10px 22px rgba(215,0,50,.34); }
  70% { box-shadow: 0 0 0 8px rgba(255,23,77,0), 0 10px 22px rgba(215,0,50,.34); }
  100% { box-shadow: 0 0 0 0 rgba(255,23,77,0), 0 10px 22px rgba(215,0,50,.34); }
}

.phlc-card-homepage .phlc-viewers-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: calc(100% - 84px) !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: rgba(10,6,20,.72) !important;
  color: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.28) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.phlc-card-homepage .phlc-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 8px !important;
  padding: 10px 10px 11px !important;
}

.phlc-card-homepage .phlc-name {
  margin: 0 !important;
  min-width: 0 !important;
}

.phlc-card-homepage .phlc-name-link {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  text-decoration: none !important;
}

.phlc-card-homepage .phlc-subname,
.phlc-card-homepage .phlc-subject,
.phlc-card-homepage .phlc-meta,
.phlc-card-homepage .phlc-card-tags,
.phlc-card-homepage [class*="topic"],
.phlc-card-homepage [class*="goal"] {
  display: none !important;
}

.phlc-card-homepage .phlc-stats {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.phlc-card-homepage .phlc-pill {
  min-width: 0 !important;
  max-width: 50% !important;
  height: 24px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: rgba(245,239,255,.84) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.phlc-card-homepage .phlc-cta {
  margin-top: auto !important;
  min-height: 38px !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.055)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 22px rgba(0,0,0,.22) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .015em !important;
  text-decoration: none !important;
}

.phlc-card-homepage .phlc-cta:hover {
  border-color: rgba(255,92,205,.40) !important;
  background: linear-gradient(180deg, rgba(255,92,205,.22), rgba(125,52,255,.13)) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
  }

  .phlc-card-homepage .phlc-name-link {
    font-size: 13px !important;
  }

  .phlc-card-homepage .phlc-pill {
    max-width: 100% !important;
    font-size: 9px !important;
  }
}


/* PHLC 1.4.69 — clean homepage model card: no button, country flag, larger 5-column layout support */
.phlc-directory[data-homepage-cards="1"] .phlc-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.phlc-card-homepage .phlc-cta {
  display: none !important;
}

.phlc-card-homepage .phlc-name-link {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-height: 34px !important;
  font-size: clamp(15px, .92vw, 18px) !important;
  line-height: 1.08 !important;
}

.phlc-card-homepage .phlc-country-badge {
  position: absolute !important;
  left: 9px !important;
  bottom: 9px !important;
  z-index: 6 !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(10,6,20,.72) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.30) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  backdrop-filter: blur(10px) !important;
}

.phlc-card-homepage .phlc-badge-live {
  background: linear-gradient(135deg, #ff174d, #d70032) !important;
  animation: phlcLivePulse 1.25s ease-in-out infinite !important;
}

.phlc-card-homepage .phlc-home-metrics,
.phlc-card-homepage .phlc-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  overflow: visible !important;
}

.phlc-card-homepage .phlc-home-metric {
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 7px 9px !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.095) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
}

.phlc-card-homepage .phlc-home-metric-icon {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.phlc-card-homepage .phlc-home-metric-copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 1px !important;
}

.phlc-card-homepage .phlc-home-metric strong {
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.phlc-card-homepage .phlc-home-metric small {
  color: rgba(239,232,255,.68) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: lowercase !important;
  white-space: nowrap !important;
}

@media (max-width: 1280px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

/* PHLC 1.4.70 — homepage cards v96: viewers on image, one clean follower chip, better title links */
.phlc-directory[data-homepage-cards="1"] .phlc-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.phlc-card-homepage {
  min-width: 0 !important;
  overflow: hidden !important;
}

.phlc-card-homepage .phlc-thumb-wrap {
  aspect-ratio: 16 / 10 !important;
  min-height: 0 !important;
}

.phlc-card-homepage .phlc-badge-live {
  top: 8px !important;
  left: 8px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff123f, #c9002d) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  animation: phlcLivePulse 1.15s ease-in-out infinite !important;
}

.phlc-card-homepage .phlc-viewers-badge {
  top: 8px !important;
  right: 8px !important;
  max-width: calc(100% - 76px) !important;
  height: 28px !important;
  padding: 0 10px !important;
  gap: 5px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.phlc-card-homepage .phlc-country-badge {
  left: 8px !important;
  bottom: 8px !important;
  width: 29px !important;
  height: 29px !important;
  font-size: 16px !important;
}

.phlc-card-homepage .phlc-card-body {
  padding: 9px 10px 11px !important;
  gap: 6px !important;
}

.phlc-card-homepage .phlc-name-link {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  min-height: 36px !important;
  font-size: clamp(15px, .9vw, 17px) !important;
  line-height: 1.08 !important;
}

.phlc-card-homepage .phlc-home-metrics,
.phlc-card-homepage .phlc-stats {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  margin-top: 1px !important;
}

.phlc-card-homepage .phlc-home-metric-viewers {
  display: none !important;
}

.phlc-card-homepage .phlc-home-metric-followers,
.phlc-card-homepage .phlc-home-metric {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.phlc-card-homepage .phlc-home-metric-icon {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
  color: #ffd95b !important;
}

.phlc-card-homepage .phlc-home-metric-copy {
  display: block !important;
  min-width: 0 !important;
}

.phlc-card-homepage .phlc-home-metric strong {
  display: inline !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.phlc-card-homepage .phlc-home-metric small {
  display: inline !important;
  margin-left: 3px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-transform: lowercase !important;
  white-space: nowrap !important;
}

.phlc-title-link {
  color: inherit !important;
  text-decoration: none !important;
}
.phlc-title-link:hover,
.phlc-title-link:focus {
  color: #f1c7ff !important;
}

@media (max-width: 1360px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 980px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

/* PHLC 1.4.71 — homepage final polish: clean title icons, flag-only badge, compact follower chip */
.phlc-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.phlc-title-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}
.phlc-card-homepage .phlc-card-body {
  padding: 8px 10px 10px !important;
  gap: 7px !important;
}
.phlc-card-homepage .phlc-name {
  margin: 0 !important;
}
.phlc-card-homepage .phlc-name-link {
  min-height: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow-wrap: anywhere !important;
  font-size: clamp(15px, .95vw, 18px) !important;
  line-height: 1.05 !important;
}
.phlc-card-homepage .phlc-home-metrics,
.phlc-card-homepage .phlc-stats {
  margin-top: 0 !important;
  gap: 0 !important;
  min-height: 0 !important;
}
.phlc-card-homepage .phlc-home-metric-followers,
.phlc-card-homepage .phlc-home-metric {
  min-height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 13px !important;
}
.phlc-card-homepage .phlc-home-metric-icon {
  display: none !important;
}
.phlc-card-homepage .phlc-home-metric strong {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}
.phlc-card-homepage .phlc-home-metric small {
  margin-left: 4px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}
.phlc-card-homepage .phlc-country-badge:empty {
  display: none !important;
}

/* PHLC 1.4.72 — hard homepage renderer guard: apply clean card layout even if old DOM is served by cache/JS */
.phlc-directory[data-homepage-cards="1"] .phlc-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  border-radius: 18px 18px 10px 10px !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 44% !important;
  background: linear-gradient(180deg, rgba(18,9,31,0), rgba(18,9,31,.78)) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 24px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff174d, #c9002d) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 0 0 0 rgba(255,23,77,.55), 0 10px 22px rgba(215,0,50,.34) !important;
  animation: phlcLivePulse 1.18s ease-in-out infinite !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-stats > .phlc-pill:first-child {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: calc(100% - 78px) !important;
  min-width: 0 !important;
  height: 26px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: rgba(10,6,20,.76) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.28) !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge {
  position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  z-index: 8 !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(10,6,20,.76) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.30) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  backdrop-filter: blur(10px) !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 8px 10px 10px !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link {
  margin: 0 !important;
  min-width: 0 !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link {
  display: block !important;
  color: rgba(255,255,255,.96) !important;
  font-size: clamp(15px, .95vw, 18px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-subname,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-subject,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-meta,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-tags,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-cta,
.phlc-directory[data-homepage-cards="1"] .phlc-card [class*="topic"],
.phlc-directory[data-homepage-cards="1"] .phlc-card [class*="goal"] {
  display: none !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-stats,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metrics {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-stats > .phlc-pill:first-child {
  margin: 0 !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-stats > .phlc-pill:nth-child(2),
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric-followers,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  color: rgba(245,239,255,.92) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}


.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric-icon { display: none !important; }
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric-copy { display: inline !important; min-width: 0 !important; }
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric strong { display: inline !important; font-size: 12px !important; line-height: 1 !important; font-weight: 950 !important; }
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric small { display: inline !important; margin-left: 4px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 850 !important; text-transform: lowercase !important; }


/* PHLC 1.4.73 — homepage card spacing/mobile polish */
.phlc-directory[data-homepage-cards="1"] .phlc-grid {
  align-items: start !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card,
.phlc-card-homepage {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  background: linear-gradient(180deg, rgba(18,9,31,.98), rgba(18,9,31,.95)) !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
.phlc-card-homepage .phlc-card-body {
  flex: 0 0 auto !important;
  gap: 8px !important;
  padding: 8px 10px 11px !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name,
.phlc-card-homepage .phlc-name {
  min-height: 0 !important;
  margin: 0 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link,
.phlc-card-homepage .phlc-name-link {
  font-size: clamp(15px, .95vw, 18px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-stats,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metrics,
.phlc-card-homepage .phlc-stats,
.phlc-card-homepage .phlc-home-metrics {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric-followers,
.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric,
.phlc-card-homepage .phlc-home-metric-followers,
.phlc-card-homepage .phlc-home-metric {
  min-height: 26px !important;
  height: 26px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 7px 14px rgba(0,0,0,.16) !important;
  color: rgba(246,240,255,.94) !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric strong,
.phlc-card-homepage .phlc-home-metric strong {
  font-size: 12px !important;
  font-weight: 950 !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric small,
.phlc-card-homepage .phlc-home-metric small {
  font-size: 10.5px !important;
  opacity: .78 !important;
}

@media (max-width: 640px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap,
  .phlc-card-homepage .phlc-thumb-wrap {
    aspect-ratio: 16 / 10.5 !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
  .phlc-card-homepage .phlc-card-body {
    padding: 7px 8px 10px !important;
    gap: 7px !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link,
  .phlc-card-homepage .phlc-name-link {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: clamp(14px, 3.6vw, 16px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.045em !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live {
    height: 22px !important;
    padding: 0 8px !important;
    font-size: 9.5px !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge {
    height: 22px !important;
    padding: 0 8px !important;
    font-size: 9.5px !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge {
    width: 26px !important;
    height: 26px !important;
    font-size: 14px !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric-followers,
  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric,
  .phlc-card-homepage .phlc-home-metric-followers,
  .phlc-card-homepage .phlc-home-metric {
    min-height: 25px !important;
    height: 25px !important;
    padding: 5px 9px !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric strong,
  .phlc-card-homepage .phlc-home-metric strong {
    font-size: 11px !important;
  }

  .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric small,
  .phlc-card-homepage .phlc-home-metric small {
    font-size: 9.5px !important;
  }
}

@media (max-width: 359px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* PHLC 1.4.74 — unified clean cards for directory/filter/recommended grids */
.phlc-directory,
.phlc-recommended-wrap {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}

.phlc-directory .phlc-grid,
.phlc-recommended-wrap .phlc-grid,
.phlc-recommended-wrap .phlc-recommended-grid {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}

.phlc-recommended-wrap .phlc-grid,
.phlc-recommended-wrap .phlc-recommended-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

.phlc-card-clean,
.phlc-card-homepage {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.phlc-card-clean.phlc-priority,
.phlc-card-homepage.phlc-priority {
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

.phlc-card-clean .phlc-cta,
.phlc-card-clean .phlc-subname,
.phlc-card-clean .phlc-subject,
.phlc-card-clean .phlc-meta,
.phlc-card-clean .phlc-card-tags,
.phlc-card-homepage .phlc-cta,
.phlc-card-homepage .phlc-subname,
.phlc-card-homepage .phlc-subject,
.phlc-card-homepage .phlc-meta,
.phlc-card-homepage .phlc-card-tags {
  display: none !important;
}

.phlc-card-clean .phlc-thumb-wrap,
.phlc-card-homepage .phlc-thumb-wrap {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
  border-radius: 18px 18px 0 0 !important;
}

.phlc-card-clean .phlc-thumb-wrap::after,
.phlc-card-homepage .phlc-thumb-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 48% !important;
  background: linear-gradient(180deg, rgba(18,9,31,0), rgba(18,9,31,.72)) !important;
  pointer-events: none !important;
}

.phlc-card-clean .phlc-badge-live,
.phlc-card-homepage .phlc-badge-live {
  position: absolute !important;
  left: 10px !important;
  top: 10px !important;
  z-index: 3 !important;
}

.phlc-card-clean .phlc-viewers-badge,
.phlc-card-homepage .phlc-viewers-badge {
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  z-index: 3 !important;
  display: inline-flex !important;
}

.phlc-card-clean .phlc-country-badge,
.phlc-card-homepage .phlc-country-badge {
  position: absolute !important;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 3 !important;
  display: inline-flex !important;
}

.phlc-card-clean .phlc-card-body,
.phlc-card-homepage .phlc-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 9px 12px 12px !important;
}

.phlc-card-clean .phlc-name,
.phlc-card-homepage .phlc-name {
  margin: 0 !important;
  min-height: 0 !important;
}

.phlc-card-clean .phlc-name-link,
.phlc-card-homepage .phlc-name-link {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  color: rgba(255,255,255,.96) !important;
  text-decoration: none !important;
}

.phlc-card-clean .phlc-stats,
.phlc-card-clean .phlc-home-metrics,
.phlc-card-homepage .phlc-stats,
.phlc-card-homepage .phlc-home-metrics {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 0 !important;
  justify-content: flex-start !important;
}

.phlc-card-clean .phlc-home-metric,
.phlc-card-clean .phlc-home-metric-followers,
.phlc-card-homepage .phlc-home-metric,
.phlc-card-homepage .phlc-home-metric-followers {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
}

@media (max-width: 1180px) {
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 359px) {
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* PHLC 1.4.75 — final sitewide clean-card/grid fix */
.phlc-directory[data-homepage-cards="1"] .phlc-toolbar,
.phlc-directory[data-clean-filter="1"] .phlc-toolbar,
.phlc-directory[data-clean-filter="1"] .phlc-active-filters {
  display: none !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-grid,
.phlc-directory[data-clean-filter="1"] .phlc-grid,
.phlc-recommended-wrap .phlc-grid,
.phlc-recommended-wrap .phlc-recommended-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
  justify-content: stretch !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

.phlc-directory[data-homepage-cards="1"] .phlc-grid > .phlc-card,
.phlc-directory[data-clean-filter="1"] .phlc-grid > .phlc-card,
.phlc-recommended-wrap .phlc-grid > .phlc-card,
.phlc-recommended-wrap .phlc-recommended-grid > .phlc-card,
.phlc-card-clean,
.phlc-card-homepage {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
  justify-self: stretch !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.phlc-card-clean.phlc-priority,
.phlc-card-homepage.phlc-priority,
.phlc-recommended-wrap .phlc-card.phlc-priority,
.phlc-recommended-wrap .phlc-card:first-child {
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.phlc-card-clean .phlc-card-body,
.phlc-card-homepage .phlc-card-body,
.phlc-recommended-wrap .phlc-card-homepage .phlc-card-body,
.phlc-directory[data-clean-filter="1"] .phlc-card-homepage .phlc-card-body {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 9px 12px 12px !important;
}

.phlc-card-clean .phlc-name,
.phlc-card-homepage .phlc-name,
.phlc-recommended-wrap .phlc-card-homepage .phlc-name,
.phlc-directory[data-clean-filter="1"] .phlc-card-homepage .phlc-name {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.phlc-card-clean .phlc-stats,
.phlc-card-clean .phlc-home-metrics,
.phlc-card-homepage .phlc-stats,
.phlc-card-homepage .phlc-home-metrics,
.phlc-recommended-wrap .phlc-card-homepage .phlc-stats,
.phlc-directory[data-clean-filter="1"] .phlc-card-homepage .phlc-stats {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

.phlc-card-clean .phlc-home-metric,
.phlc-card-homepage .phlc-home-metric,
.phlc-card-clean .phlc-home-metric-followers,
.phlc-card-homepage .phlc-home-metric-followers {
  width: auto !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 5px 10px !important;
}

.phlc-directory[data-clean-filter="1"] .phlc-block-count {
  display: none !important;
}

.phlc-quick-chips-wrap,
.phlc-quick-chips-viewport,
.phlc-quick-chips,
.phspb-quick-chips-wrap,
.phspb-quick-chips-scroll {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.phlc-quick-chips-wrap::-webkit-scrollbar,
.phlc-quick-chips-viewport::-webkit-scrollbar,
.phlc-quick-chips::-webkit-scrollbar,
.phspb-quick-chips-wrap::-webkit-scrollbar,
.phspb-quick-chips-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media (max-width: 1280px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid,
  .phlc-directory[data-clean-filter="1"] .phlc-grid,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 980px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid,
  .phlc-directory[data-clean-filter="1"] .phlc-grid,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid,
  .phlc-directory[data-clean-filter="1"] .phlc-grid,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 359px) {
  .phlc-directory[data-homepage-cards="1"] .phlc-grid,
  .phlc-directory[data-clean-filter="1"] .phlc-grid,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PHLC 1.4.76 — fixed 5-column sitewide grid standard */
@media (min-width: 1051px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-directory .phlc-grid.phlc-grid-our_models,
  .phlc-directory .phlc-grid.phlc-grid-country_rooms,
  .phlc-directory .phlc-grid.phlc-grid-other_rooms,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
    justify-content: stretch !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: clip !important;
  }

  .phlc-directory .phlc-grid > .phlc-card,
  .phlc-recommended-wrap .phlc-grid > .phlc-card,
  .phlc-recommended-wrap .phlc-recommended-grid > .phlc-card,
  .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: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .phspb-sidebar-right--model .phlc-grid,
  .phspb-sidebar-right--model .phlc-grid-featured,
  .phspb-sidebar-right--model .phlc-grid-country,
  .phspb-sidebar-shortcode .phlc-grid,
  .phlc-compact-grid-sidebar {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}

@media (max-width: 1050px) and (min-width: 768px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 359px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* PHLC 1.4.77 — full-width shell friendly 5-card grid and compact recommendations */
@media (min-width: 1200px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-directory .phlc-grid.phlc-grid-our_models,
  .phlc-directory .phlc-grid.phlc-grid-country_rooms,
  .phlc-directory .phlc-grid.phlc-grid-other_rooms,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
    justify-content: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.phlc-recommended-wrap .phlc-grid,
.phlc-recommended-wrap .phlc-recommended-grid {
  min-height: 0 !important;
  align-items: start !important;
}

.phlc-recommended-wrap .phlc-card,
.phlc-recommended-wrap .phlc-card-clean,
.phlc-recommended-wrap .phlc-card-homepage,
.phlc-directory .phlc-card-clean,
.phlc-directory .phlc-card-homepage {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

.phlc-recommended-wrap .phlc-card-body,
.phlc-directory .phlc-card-clean .phlc-card-body,
.phlc-directory .phlc-card-homepage .phlc-card-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 9px 12px 12px !important;
  gap: 8px !important;
  justify-content: flex-start !important;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 359px) {
  .phlc-directory .phlc-grid,
  .phlc-directory .phlc-grid-featured,
  .phlc-directory .phlc-grid-country,
  .phlc-recommended-wrap .phlc-grid,
  .phlc-recommended-wrap .phlc-recommended-grid,
  .phspb-model-shortcode .phlc-grid,
  .phspb-filter-landing-wrap .phlc-grid,
  body.phspb-filter-landing-page .phlc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PHLC 1.4.78 — hard final sitewide grid/card polish */
@media (min-width: 1200px) {
  body .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-wrap .phlc-grid.phlc-recommended-grid,
  body .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-wrap .phlc-recommended-grid,
  body .phspb-recommended-streams .phlc-recommended-wrap .phlc-grid,
  body .phspb-recommended-streams .phlc-recommended-wrap .phlc-recommended-grid,
  body .phlc-recommended-wrap .phlc-grid.phlc-recommended-grid,
  body .phlc-recommended-wrap .phlc-recommended-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 18px !important;
    align-items: start !important;
    justify-content: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body .phspb-model-shortcode .phspb-recommended-streams .phlc-recommended-grid > .phlc-card,
  body .phspb-recommended-streams .phlc-recommended-grid > .phlc-card,
  body .phlc-recommended-wrap .phlc-recommended-grid > .phlc-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

body .phspb-recommended-streams .phlc-recommended-grid > .phlc-card:nth-child(n+11),
body .phlc-recommended-wrap .phlc-recommended-grid > .phlc-card:nth-child(n+11) {
  display: none !important;
}

body .phspb-recommended-streams .phlc-card-clean,
body .phspb-recommended-streams .phlc-card-homepage,
body .phlc-recommended-wrap .phlc-card-clean,
body .phlc-recommended-wrap .phlc-card-homepage {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  background: linear-gradient(180deg, rgba(16,7,29,.96), rgba(11,4,22,.98)) !important;
}

body .phspb-recommended-streams .phlc-card-body,
body .phlc-recommended-wrap .phlc-card-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 9px 12px 12px !important;
  gap: 8px !important;
  justify-content: flex-start !important;
}

body .phlc-card-clean .phlc-home-metric,
body .phlc-card-clean .phlc-home-metric-followers,
body .phlc-card-homepage .phlc-home-metric,
body .phlc-card-homepage .phlc-home-metric-followers {
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media (max-width: 767px) {
  body .phlc-recommended-wrap .phlc-grid,
  body .phlc-recommended-wrap .phlc-recommended-grid,
  body .phlc-directory .phlc-grid,
  body .phlc-directory .phlc-grid-featured,
  body .phlc-directory .phlc-grid-country {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body .phlc-card-clean .phlc-thumb-wrap,
  body .phlc-card-homepage .phlc-thumb-wrap {
    aspect-ratio: 16 / 10.5 !important;
    border-radius: 16px 16px 0 0 !important;
  }

  body .phlc-card-clean .phlc-name-link,
  body .phlc-card-homepage .phlc-name-link {
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: 1.08 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-word !important;
  }

  body .phlc-card-clean .phlc-home-metric,
  body .phlc-card-clean .phlc-home-metric-followers,
  body .phlc-card-homepage .phlc-home-metric,
  body .phlc-card-homepage .phlc-home-metric-followers {
    height: 28px !important;
    min-height: 28px !important;
    padding: 5px 10px !important;
  }
}

@media (max-width: 359px) {
  body .phlc-recommended-wrap .phlc-grid,
  body .phlc-recommended-wrap .phlc-recommended-grid,
  body .phlc-directory .phlc-grid,
  body .phlc-directory .phlc-grid-featured,
  body .phlc-directory .phlc-grid-country {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PHLC 1.4.79 — mobile-only card polish + anti-flicker. Desktop untouched. */
@media (max-width: 767px) {
  body .phlc-scope,
  body .phlc-scope * {
    -webkit-tap-highlight-color: transparent !important;
  }

  body .phlc-card,
  body .phlc-card-clean,
  body .phlc-card-homepage {
    background: linear-gradient(180deg, rgba(14,6,26,.98), rgba(10,4,20,.99)) !important;
    border-color: rgba(255,255,255,.09) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    contain: layout paint !important;
  }

  body .phlc-card:hover,
  body .phlc-card-clean:hover,
  body .phlc-card-homepage:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  body .phlc-card *,
  body .phlc-card-clean *,
  body .phlc-card-homepage * {
    transition: none !important;
  }

  body .phlc-card-clean .phlc-thumb-wrap,
  body .phlc-card-homepage .phlc-thumb-wrap,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap {
    aspect-ratio: 16 / 10 !important;
    min-height: 0 !important;
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
    background: #12091f !important;
    transform: none !important;
    filter: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body .phlc-card-clean .phlc-thumb,
  body .phlc-card-homepage .phlc-thumb,
  body .phlc-card-clean .phlc-thumb-img,
  body .phlc-card-homepage .phlc-thumb-img,
  body .phlc-card-clean img,
  body .phlc-card-homepage img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
    filter: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body .phlc-card-clean .phlc-thumb-wrap::after,
  body .phlc-card-homepage .phlc-thumb-wrap::after,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after {
    background: linear-gradient(180deg, rgba(18,9,31,0) 48%, rgba(18,9,31,.68) 100%) !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body .phlc-card-clean .phlc-card-body,
  body .phlc-card-homepage .phlc-card-body,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body {
    padding: 9px 10px 11px !important;
    gap: 7px !important;
    min-height: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }

  body .phlc-card-clean .phlc-name,
  body .phlc-card-homepage .phlc-name,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body .phlc-card-clean .phlc-name-link,
  body .phlc-card-homepage .phlc-name-link,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name-link,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link {
    font-size: clamp(13px, 3.45vw, 15px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
  }

  body .phlc-card-clean .phlc-stats,
  body .phlc-card-clean .phlc-home-metrics,
  body .phlc-card-homepage .phlc-stats,
  body .phlc-card-homepage .phlc-home-metrics,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-stats,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-stats {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  body .phlc-card-clean .phlc-home-metric,
  body .phlc-card-clean .phlc-home-metric-followers,
  body .phlc-card-homepage .phlc-home-metric,
  body .phlc-card-homepage .phlc-home-metric-followers,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-home-metric,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric {
    height: 25px !important;
    min-height: 25px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.072) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
  }

  body .phlc-card-clean .phlc-home-metric strong,
  body .phlc-card-clean .phlc-home-metric-followers strong,
  body .phlc-card-homepage .phlc-home-metric strong,
  body .phlc-card-homepage .phlc-home-metric-followers strong {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body .phlc-card-clean .phlc-home-metric small,
  body .phlc-card-clean .phlc-home-metric-followers small,
  body .phlc-card-homepage .phlc-home-metric small,
  body .phlc-card-homepage .phlc-home-metric-followers small {
    font-size: 10px !important;
    line-height: 1 !important;
    opacity: .68 !important;
  }

  body .phlc-card-clean .phlc-badge-live,
  body .phlc-card-homepage .phlc-badge-live,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-badge-live,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live {
    min-height: 24px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 16px rgba(255,31,82,.20) !important;
  }

  body .phlc-card-clean .phlc-viewers-badge,
  body .phlc-card-homepage .phlc-viewers-badge,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-viewers-badge,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge {
    min-height: 24px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
    border-radius: 999px !important;
    background: rgba(15,10,22,.72) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body .phlc-card-clean .phlc-country-badge,
  body .phlc-card-homepage .phlc-country-badge,
  body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-country-badge,
  body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge {
    width: 25px !important;
    height: 25px !important;
    font-size: 14px !important;
    background: rgba(15,10,22,.76) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


/* PHLC 1.4.80 — stronger mobile/tablet card cleanup. Desktop >1024px untouched. */
@media (max-width: 1024px) {
  html body .phlc-card,
  html body .phlc-card-clean,
  html body .phlc-card-homepage,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card {
    background: #10071d !important;
    border-color: rgba(255,255,255,.085) !important;
    box-shadow: none !important;
    transform: translateZ(0) !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: layout paint !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  html body .phlc-card:hover,
  html body .phlc-card-clean:hover,
  html body .phlc-card-homepage:hover {
    transform: translateZ(0) !important;
    box-shadow: none !important;
  }

  html body .phlc-card *,
  html body .phlc-card-clean *,
  html body .phlc-card-homepage * {
    transition: none !important;
    animation: none !important;
  }

  html body .phlc-card-clean .phlc-thumb-wrap,
  html body .phlc-card-homepage .phlc-thumb-wrap,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap {
    aspect-ratio: 16 / 10 !important;
    border-radius: 15px 15px 0 0 !important;
    overflow: hidden !important;
    background: #12091f !important;
    transform: translateZ(0) !important;
    filter: none !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  html body .phlc-card-clean img,
  html body .phlc-card-homepage img,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card img,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: translateZ(0) !important;
    filter: none !important;
  }

  html body .phlc-card-clean .phlc-thumb-wrap::after,
  html body .phlc-card-homepage .phlc-thumb-wrap::after,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after {
    background: linear-gradient(180deg, rgba(18,9,31,0) 46%, rgba(18,9,31,.72) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  html body .phlc-card-clean .phlc-card-body,
  html body .phlc-card-homepage .phlc-card-body,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body {
    padding: 9px 10px 11px !important;
    gap: 7px !important;
    min-height: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
  }

  html body .phlc-card-clean .phlc-name-link,
  html body .phlc-card-homepage .phlc-name-link,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name-link,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link {
    font-size: clamp(14px, 3.6vw, 16px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .phlc-card-clean .phlc-home-metric,
  html body .phlc-card-clean .phlc-home-metric-followers,
  html body .phlc-card-homepage .phlc-home-metric,
  html body .phlc-card-homepage .phlc-home-metric-followers,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-home-metric,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-home-metric {
    height: 25px !important;
    min-height: 25px !important;
    padding: 4px 9px !important;
    margin-top: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  html body .phlc-card-clean .phlc-badge-live,
  html body .phlc-card-homepage .phlc-badge-live,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-badge-live,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live {
    min-height: 23px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
    box-shadow: 0 6px 15px rgba(255,31,82,.18) !important;
  }
}


/* PHLC 1.4.81 — mobile-only compact cards + scroll anti-flicker.
   Desktop remains untouched. */
@media (max-width: 1024px) {
  html body .phlc-directory .phlc-grid,
  html body .phlc-directory .phlc-grid-featured,
  html body .phlc-directory .phlc-grid-country,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid,
  html body .phspb-model-shortcode .phlc-grid,
  html body .phspb-filter-landing-wrap .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .phlc-card,
  html body .phlc-card-clean,
  html body .phlc-card-homepage,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(13,5,25,.98), rgba(9,3,18,.99)) !important;
    border-color: rgba(255,255,255,.085) !important;
    box-shadow: none !important;
    transform: translate3d(0,0,0) !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: layout paint !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    isolation: isolate !important;
  }

  html body .phlc-card:hover,
  html body .phlc-card-clean:hover,
  html body .phlc-card-homepage:hover {
    transform: translate3d(0,0,0) !important;
    box-shadow: none !important;
  }

  html body .phlc-card *,
  html body .phlc-card-clean *,
  html body .phlc-card-homepage * {
    transition: none !important;
    animation: none !important;
  }

  html body .phlc-card-clean .phlc-thumb-wrap,
  html body .phlc-card-homepage .phlc-thumb-wrap,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-card .phlc-thumb-wrap {
    aspect-ratio: 16 / 9.25 !important;
    min-height: 0 !important;
    border-radius: 15px 15px 0 0 !important;
    overflow: hidden !important;
    background: #12091f !important;
    transform: translate3d(0,0,0) !important;
    filter: none !important;
    contain: layout paint !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  html body .phlc-card-clean img,
  html body .phlc-card-homepage img,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card img,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card img,
  html body .phlc-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: translate3d(0,0,0) !important;
    filter: none !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  html body .phlc-card-clean .phlc-thumb-wrap::after,
  html body .phlc-card-homepage .phlc-thumb-wrap::after,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-card .phlc-thumb-wrap::after {
    background: linear-gradient(180deg, rgba(18,9,31,0) 45%, rgba(18,9,31,.72) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  html body .phlc-card-clean .phlc-card-body,
  html body .phlc-card-homepage .phlc-card-body,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
  html body .phlc-card .phlc-card-body {
    padding: 8px 9px 9px !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }

  html body .phlc-card-clean .phlc-name,
  html body .phlc-card-homepage .phlc-name,
  html body .phlc-card .phlc-name {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  html body .phlc-card-clean .phlc-name-link,
  html body .phlc-card-homepage .phlc-name-link,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name-link,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link,
  html body .phlc-card .phlc-name-link {
    font-size: clamp(13px, 3.8vw, 15px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
  }

  html body .phlc-card-clean .phlc-stats,
  html body .phlc-card-clean .phlc-home-metrics,
  html body .phlc-card-homepage .phlc-stats,
  html body .phlc-card-homepage .phlc-home-metrics,
  html body .phlc-card .phlc-stats,
  html body .phlc-card .phlc-home-metrics {
    margin: 1px 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  html body .phlc-card-clean .phlc-home-metric,
  html body .phlc-card-clean .phlc-home-metric-followers,
  html body .phlc-card-homepage .phlc-home-metric,
  html body .phlc-card-homepage .phlc-home-metric-followers,
  html body .phlc-card .phlc-home-metric,
  html body .phlc-card .phlc-home-metric-followers {
    height: 23px !important;
    min-height: 23px !important;
    padding: 3px 8px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.064) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  html body .phlc-card-clean .phlc-home-metric strong,
  html body .phlc-card-clean .phlc-home-metric-followers strong,
  html body .phlc-card-homepage .phlc-home-metric strong,
  html body .phlc-card-homepage .phlc-home-metric-followers strong,
  html body .phlc-card .phlc-home-metric strong,
  html body .phlc-card .phlc-home-metric-followers strong {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body .phlc-card-clean .phlc-home-metric small,
  html body .phlc-card-clean .phlc-home-metric-followers small,
  html body .phlc-card-homepage .phlc-home-metric small,
  html body .phlc-card-homepage .phlc-home-metric-followers small,
  html body .phlc-card .phlc-home-metric small,
  html body .phlc-card .phlc-home-metric-followers small {
    font-size: 9px !important;
    line-height: 1 !important;
    opacity: .64 !important;
  }

  html body .phlc-card-clean .phlc-badge-live,
  html body .phlc-card-homepage .phlc-badge-live,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-badge-live,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live,
  html body .phlc-card .phlc-badge-live {
    min-height: 21px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
    border-radius: 999px !important;
    box-shadow: 0 5px 12px rgba(255,31,82,.16) !important;
  }

  html body .phlc-card-clean .phlc-viewers-badge,
  html body .phlc-card-homepage .phlc-viewers-badge,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-viewers-badge,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge,
  html body .phlc-card .phlc-viewers-badge {
    min-height: 21px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
    border-radius: 999px !important;
    background: rgba(15,10,22,.72) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .phlc-card-clean .phlc-country-badge,
  html body .phlc-card-homepage .phlc-country-badge,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-country-badge,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge,
  html body .phlc-card .phlc-country-badge {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
    background: rgba(15,10,22,.76) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 359px) {
  html body .phlc-directory .phlc-grid,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PHLC 1.4.82 — mobile desktop-match cards.
   Keep the approved desktop card language on phones, but make it denser, smoother and less flickery. */
@media (max-width: 1024px) {
  html body .phlc-directory .phlc-grid,
  html body .phlc-directory .phlc-grid-featured,
  html body .phlc-directory .phlc-grid-country,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid,
  html body .phspb-model-shortcode .phlc-grid,
  html body .phspb-filter-landing-wrap .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .phlc-card,
  html body .phlc-card-clean,
  html body .phlc-card-homepage,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(13,5,25,.985), rgba(8,3,16,.995)) !important;
    border: 1px solid rgba(202,150,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    transform: translate3d(0,0,0) !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: layout paint !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    isolation: isolate !important;
    overflow: hidden !important;
  }

  html body .phlc-card:hover,
  html body .phlc-card-clean:hover,
  html body .phlc-card-homepage:hover {
    transform: translate3d(0,0,0) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  html body .phlc-card *,
  html body .phlc-card-clean *,
  html body .phlc-card-homepage * {
    transition: none !important;
    animation: none !important;
  }

  html body .phlc-card-clean .phlc-thumb-wrap,
  html body .phlc-card-homepage .phlc-thumb-wrap,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-card .phlc-thumb-wrap {
    aspect-ratio: 16 / 9.05 !important;
    min-height: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    background: #12091f !important;
    transform: translate3d(0,0,0) !important;
    filter: none !important;
    contain: layout paint !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  html body .phlc-card-clean img,
  html body .phlc-card-homepage img,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card img,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card img,
  html body .phlc-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: translate3d(0,0,0) !important;
    filter: none !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
  }

  html body .phlc-card-clean .phlc-thumb-wrap::after,
  html body .phlc-card-homepage .phlc-thumb-wrap::after,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-card .phlc-thumb-wrap::after {
    background: linear-gradient(180deg, rgba(18,9,31,0) 44%, rgba(18,9,31,.76) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  html body .phlc-card-clean .phlc-card-body,
  html body .phlc-card-homepage .phlc-card-body,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
  html body .phlc-card .phlc-card-body {
    padding: 9px 9px 10px !important;
    gap: 6px !important;
    min-height: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }

  html body .phlc-card-clean .phlc-name,
  html body .phlc-card-homepage .phlc-name,
  html body .phlc-card .phlc-name {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  html body .phlc-card-clean .phlc-name-link,
  html body .phlc-card-homepage .phlc-name-link,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name-link,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link,
  html body .phlc-card .phlc-name-link {
    font-size: clamp(13px, 3.7vw, 15px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
  }

  html body .phlc-card-clean .phlc-stats,
  html body .phlc-card-clean .phlc-home-metrics,
  html body .phlc-card-homepage .phlc-stats,
  html body .phlc-card-homepage .phlc-home-metrics,
  html body .phlc-card .phlc-stats,
  html body .phlc-card .phlc-home-metrics {
    margin: 1px 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  html body .phlc-card-clean .phlc-home-metric,
  html body .phlc-card-clean .phlc-home-metric-followers,
  html body .phlc-card-homepage .phlc-home-metric,
  html body .phlc-card-homepage .phlc-home-metric-followers,
  html body .phlc-card .phlc-home-metric,
  html body .phlc-card .phlc-home-metric-followers {
    height: 23px !important;
    min-height: 23px !important;
    padding: 3px 8px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.068) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  html body .phlc-card-clean .phlc-home-metric strong,
  html body .phlc-card-clean .phlc-home-metric-followers strong,
  html body .phlc-card-homepage .phlc-home-metric strong,
  html body .phlc-card-homepage .phlc-home-metric-followers strong,
  html body .phlc-card .phlc-home-metric strong,
  html body .phlc-card .phlc-home-metric-followers strong {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body .phlc-card-clean .phlc-home-metric small,
  html body .phlc-card-clean .phlc-home-metric-followers small,
  html body .phlc-card-homepage .phlc-home-metric small,
  html body .phlc-card-homepage .phlc-home-metric-followers small,
  html body .phlc-card .phlc-home-metric small,
  html body .phlc-card .phlc-home-metric-followers small {
    font-size: 9px !important;
    line-height: 1 !important;
    opacity: .64 !important;
  }

  html body .phlc-card-clean .phlc-badge-live,
  html body .phlc-card-homepage .phlc-badge-live,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-badge-live,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live,
  html body .phlc-card .phlc-badge-live {
    min-height: 21px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
    border-radius: 999px !important;
    box-shadow: 0 5px 12px rgba(255,31,82,.16) !important;
  }

  html body .phlc-card-clean .phlc-viewers-badge,
  html body .phlc-card-homepage .phlc-viewers-badge,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-viewers-badge,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge,
  html body .phlc-card .phlc-viewers-badge {
    min-height: 21px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
    border-radius: 999px !important;
    background: rgba(15,10,22,.72) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .phlc-card-clean .phlc-country-badge,
  html body .phlc-card-homepage .phlc-country-badge,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-country-badge,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge,
  html body .phlc-card .phlc-country-badge {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
    background: rgba(15,10,22,.76) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 359px) {
  html body .phlc-directory .phlc-grid,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* PHLC 1.4.83 / PHSPB 3.12.112 — mobile-only image-first stream cards.
   Desktop stays unchanged. On the PHSPB homepage mobile grid, the room preview becomes the card:
   larger image, username over the room, no separate lower info box. */
.phlc-card-name-overlay {
  display: none !important;
}

@media (max-width: 1024px) {
  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,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: start !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-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;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    contain: layout paint !important;
    transform: translate3d(0,0,0) !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-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;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #12091f !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
    transform: translate3d(0,0,0) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: inherit !important;
    transform: translate3d(0,0,0) !important;
    filter: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: 58% !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(18,9,31,0) 0%, rgba(18,9,31,.36) 48%, rgba(5,2,11,.90) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body {
    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 .phlc-card-name-overlay {
    position: absolute !important;
    left: 8px !important;
    right: 34px !important;
    bottom: 8px !important;
    z-index: 6 !important;
    display: block !important;
    min-width: 0 !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay-text {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: clamp(12px, 3.45vw, 14px) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.72), 0 0 18px rgba(0,0,0,.42) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-badge-live,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-badge-live,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-badge-live,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 7 !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
    box-shadow: 0 6px 14px rgba(215,0,50,.22) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-badge-live span,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-badge-live span,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-badge-live span {
    width: 5px !important;
    height: 5px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 7 !important;
    min-height: 20px !important;
    height: 20px !important;
    max-width: calc(100% - 64px) !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(8,4,14,.64) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.24) !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-country-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-country-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .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: 7px !important;
    left: auto !important;
    bottom: 7px !important;
    top: auto !important;
    z-index: 7 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: rgba(8,4,14,.66) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 8px 14px rgba(0,0,0,.26) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-badge-offline,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-badge-offline,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-badge-offline {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    z-index: 7 !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-home-metrics,
  html body .phspb-home-live-cams-shortcode .phlc-stats,
  html body .phspb-home-live-cams-shortcode .phlc-home-metric,
  html body .phspb-home-live-cams-shortcode .phlc-home-metric-followers {
    display: none !important;
  }
}

@media (max-width: 480px) {
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !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 {
    aspect-ratio: 4 / 3 !important;
    border-radius: 12px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card-name-overlay {
    left: 7px !important;
    right: 32px !important;
    bottom: 7px !important;
  }
}

@media (max-width: 359px) {
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-recommended-wrap .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-recommended-wrap .phlc-recommended-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* PHLC 1.4.84 / PHSPB 3.12.113 — mobile-only Stripchat-style nickname overlay fix.
   Uses the existing card body as the overlay so nicknames appear even when cached HTML
   does not contain the newer phlc-card-name-overlay span. Desktop remains unchanged. */
@media (max-width: 1024px) {
  html body .phspb-home-live-cams-shortcode .phlc-section,
  html body .phspb-home-live-cams-shortcode .phlc-section-box,
  html body .phspb-home-live-cams-shortcode .phspb-home-section,
  html body .phspb-home-live-cams-shortcode .phspb-section-card,
  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 {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    border-radius: 20px !important;
  }

  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,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: start !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-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;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: translate3d(0,0,0) !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-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;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #12091f !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
    transform: translate3d(0,0,0) !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: inherit !important;
    filter: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb-wrap::before,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb-wrap::before,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb-wrap::before,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::before {
    content: none !important;
    display: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: 62% !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(18,9,31,0) 0%, rgba(18,9,31,.32) 44%, rgba(5,2,11,.92) 100%) !important;
    border-radius: inherit !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-card-name-overlay,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-card-name-overlay {
    display: none !important;
    visibility: hidden !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 8 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: auto !important;
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px 36px 8px 8px !important;
    border: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: linear-gradient(180deg, rgba(18,9,31,0) 0%, rgba(5,2,11,.78) 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-name,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-name,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-name,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-name-link,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-name-link,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-name-link,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: clamp(12px, 3.45vw, 14px) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    text-decoration: none !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.78), 0 0 18px rgba(0,0,0,.46) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-stats,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-stats,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-stats,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-home-metrics,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-home-metric,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-home-metric-followers,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-subname,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-subject,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-meta,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-card-tags,
  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-cta {
    display: none !important;
    visibility: hidden !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-badge-live,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-badge-live,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-badge-live,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 9 !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-viewers-badge,
  html body .phspb-home-live-cams-shortcode .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 9 !important;
    min-height: 20px !important;
    height: 20px !important;
    max-width: calc(100% - 64px) !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(8,4,14,.64) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-country-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-country-badge,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .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: 7px !important;
    left: auto !important;
    bottom: 7px !important;
    top: auto !important;
    z-index: 10 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !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-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !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 {
    border-radius: 12px !important;
  }

  html body .phspb-home-live-cams-shortcode .phlc-card .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-clean .phlc-card-body,
  html body .phspb-home-live-cams-shortcode .phlc-card-homepage .phlc-card-body {
    padding: 18px 34px 7px 7px !important;
    border-radius: 0 0 12px 12px !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHLC 1.4.85 — global mobile card polish
   Applies to homepage, /live-cams/, filter landings, related and recommended grids.
   - small transparent viewers badge globally
   - mobile cards are 2 columns on directory/filter pages
   - no heavy bottom gradient/mask
   - username sits bottom-left and stays clickable
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  html body .phlc-directory .phlc-grid,
  html body .phlc-directory .phlc-grid-featured,
  html body .phlc-directory .phlc-grid-country,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid,
  html body .phspb-home-live-cams-shortcode .phlc-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: start !important;
  }

  html body .phlc-card,
  html body .phlc-card-clean,
  html body .phlc-card-homepage,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card,
  html body .phlc-recommended-wrap .phlc-card {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    contain: layout paint !important;
    content-visibility: auto !important;
    contain-intrinsic-size: 168px 126px !important;
  }

  html body .phlc-card .phlc-thumb-wrap,
  html body .phlc-card-clean .phlc-thumb-wrap,
  html body .phlc-card-homepage .phlc-thumb-wrap,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap,
  html body .phlc-recommended-wrap .phlc-card .phlc-thumb-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: #12091f !important;
    border: 1px solid rgba(190,150,255,.12) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.18) !important;
  }

  html body .phlc-card .phlc-thumb,
  html body .phlc-card-clean .phlc-thumb,
  html body .phlc-card-homepage .phlc-thumb,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb,
  html body .phlc-recommended-wrap .phlc-card .phlc-thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: inherit !important;
    filter: none !important;
  }

  /* Remove all heavy lower masks/gradients from room cards. */
  html body .phlc-card::before,
  html body .phlc-card::after,
  html body .phlc-card-clean::before,
  html body .phlc-card-clean::after,
  html body .phlc-card-homepage::before,
  html body .phlc-card-homepage::after,
  html body .phlc-card .phlc-thumb-wrap::before,
  html body .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-card-clean .phlc-thumb-wrap::before,
  html body .phlc-card-clean .phlc-thumb-wrap::after,
  html body .phlc-card-homepage .phlc-thumb-wrap::before,
  html body .phlc-card-homepage .phlc-thumb-wrap::after,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::before,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::before,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-thumb-wrap::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html body .phlc-card .phlc-card-name-overlay,
  html body .phlc-card-clean .phlc-card-name-overlay,
  html body .phlc-card-homepage .phlc-card-name-overlay {
    display: none !important;
    visibility: hidden !important;
  }

  /* Username: bottom-left, not centered/high, no pill, clickable link remains active. */
  html body .phlc-card .phlc-card-body,
  html body .phlc-card-clean .phlc-card-body,
  html body .phlc-card-homepage .phlc-card-body,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-card-body,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-card-body,
  html body .phlc-recommended-wrap .phlc-card .phlc-card-body {
    position: absolute !important;
    left: 7px !important;
    right: 34px !important;
    bottom: 7px !important;
    top: auto !important;
    z-index: 8 !important;
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  html body .phlc-card .phlc-name,
  html body .phlc-card-clean .phlc-name,
  html body .phlc-card-homepage .phlc-name,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  html body .phlc-card .phlc-name-link,
  html body .phlc-card-clean .phlc-name-link,
  html body .phlc-card-homepage .phlc-name-link,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-name-link,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-name-link,
  html body .phlc-recommended-wrap .phlc-card .phlc-name-link {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: clamp(12px, 3.45vw, 14px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.95), 0 0 8px rgba(0,0,0,.72) !important;
    pointer-events: auto !important;
  }

  html body .phlc-card .phlc-stats,
  html body .phlc-card-clean .phlc-stats,
  html body .phlc-card-homepage .phlc-stats,
  html body .phlc-card .phlc-home-metrics,
  html body .phlc-card-clean .phlc-home-metrics,
  html body .phlc-card-homepage .phlc-home-metrics,
  html body .phlc-card .phlc-home-metric,
  html body .phlc-card-clean .phlc-home-metric,
  html body .phlc-card-homepage .phlc-home-metric,
  html body .phlc-card .phlc-subname,
  html body .phlc-card .phlc-subject,
  html body .phlc-card .phlc-meta,
  html body .phlc-card .phlc-card-tags,
  html body .phlc-card .phlc-cta {
    display: none !important;
    visibility: hidden !important;
  }

  html body .phlc-card .phlc-badge-live,
  html body .phlc-card-clean .phlc-badge-live,
  html body .phlc-card-homepage .phlc-badge-live,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-badge-live,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-badge-live,
  html body .phlc-recommended-wrap .phlc-card .phlc-badge-live {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    z-index: 10 !important;
    min-height: 18px !important;
    height: 18px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    box-shadow: 0 4px 10px rgba(255,31,82,.12) !important;
  }

  /* Global eye/viewers badge: small, transparent, secondary. */
  html body .phlc-card .phlc-viewers-badge,
  html body .phlc-card-clean .phlc-viewers-badge,
  html body .phlc-card-homepage .phlc-viewers-badge,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-viewers-badge,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-viewers-badge,
  html body .phlc-recommended-wrap .phlc-card .phlc-viewers-badge,
  html body [class*="viewers-badge"] {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 10 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-height: 15px !important;
    height: 15px !important;
    max-width: calc(100% - 58px) !important;
    padding: 1px 5px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    opacity: .78 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .phlc-card .phlc-country-badge,
  html body .phlc-card-clean .phlc-country-badge,
  html body .phlc-card-homepage .phlc-country-badge,
  html body .phlc-directory[data-clean-filter="1"] .phlc-card .phlc-country-badge,
  html body .phlc-directory[data-homepage-cards="1"] .phlc-card .phlc-country-badge,
  html body .phlc-recommended-wrap .phlc-card .phlc-country-badge {
    position: absolute !important;
    right: 6px !important;
    bottom: 6px !important;
    z-index: 10 !important;
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════════════
   PHLC 1.4.86 — stronger global mobile directory cards + performance polish
   Applies to homepage and all filter landing pages.
   ═════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  html body .phlc-scope .phlc-directory .phlc-section,
  html body .phlc-scope .phlc-directory .phlc-section-other_rooms,
  html body .phlc-scope .phlc-directory .phlc-section-our_models,
  html body .phlc-scope .phlc-directory .phlc-section-country_rooms {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .phlc-scope .phlc-directory .phlc-grid,
  html body .phlc-scope .phlc-directory .phlc-grid-other_rooms,
  html body .phlc-scope .phlc-directory .phlc-grid-our_models,
  html body .phlc-scope .phlc-directory .phlc-grid-country_rooms,
  html body .phlc-scope .phlc-directory[data-clean-filter="1"] .phlc-grid,
  html body .phlc-scope .phlc-directory[data-homepage-cards="1"] .phlc-grid,
  html body .phlc-scope .phlc-directory[data-compact-cards="1"] .phlc-grid,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .phlc-scope .phlc-directory .phlc-card,
  html body .phlc-scope .phlc-directory .phlc-card-clean,
  html body .phlc-scope .phlc-directory .phlc-card-homepage,
  html body .phlc-recommended-wrap .phlc-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: #12091f !important;
    border: 0 !important;
    box-shadow: none !important;
    contain: layout paint style !important;
    content-visibility: auto !important;
    contain-intrinsic-size: 170px 128px !important;
  }

  html body .phlc-scope .phlc-directory .phlc-thumb-wrap,
  html body .phlc-scope .phlc-directory .phlc-thumb-link,
  html body .phlc-recommended-wrap .phlc-thumb-wrap,
  html body .phlc-recommended-wrap .phlc-thumb-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: #12091f !important;
    border: 1px solid rgba(190,150,255,.10) !important;
    box-shadow: none !important;
  }

  html body .phlc-scope .phlc-directory .phlc-thumb,
  html body .phlc-recommended-wrap .phlc-thumb {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: inherit !important;
    filter: none !important;
  }

  html body .phlc-scope .phlc-directory .phlc-card::before,
  html body .phlc-scope .phlc-directory .phlc-card::after,
  html body .phlc-scope .phlc-directory .phlc-card-clean::before,
  html body .phlc-scope .phlc-directory .phlc-card-clean::after,
  html body .phlc-scope .phlc-directory .phlc-thumb-wrap::before,
  html body .phlc-scope .phlc-directory .phlc-thumb-wrap::after,
  html body .phlc-scope .phlc-directory .phlc-thumb-link::before,
  html body .phlc-scope .phlc-directory .phlc-thumb-link::after,
  html body .phlc-recommended-wrap .phlc-card::before,
  html body .phlc-recommended-wrap .phlc-card::after,
  html body .phlc-recommended-wrap .phlc-thumb-wrap::before,
  html body .phlc-recommended-wrap .phlc-thumb-wrap::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html body .phlc-scope .phlc-directory .phlc-card-name-overlay,
  html body .phlc-recommended-wrap .phlc-card-name-overlay {
    display: none !important;
    visibility: hidden !important;
  }

  html body .phlc-scope .phlc-directory .phlc-card-body,
  html body .phlc-recommended-wrap .phlc-card-body {
    position: absolute !important;
    left: 7px !important;
    right: 38px !important;
    bottom: 7px !important;
    top: auto !important;
    z-index: 12 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 46px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  html body .phlc-scope .phlc-directory .phlc-name,
  html body .phlc-recommended-wrap .phlc-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  html body .phlc-scope .phlc-directory .phlc-name-link,
  html body .phlc-recommended-wrap .phlc-name-link {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: clamp(12px, 3.45vw, 14px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.92), 0 0 7px rgba(0,0,0,.62) !important;
    pointer-events: auto !important;
  }

  html body .phlc-scope .phlc-directory .phlc-stats,
  html body .phlc-scope .phlc-directory .phlc-home-metrics,
  html body .phlc-scope .phlc-directory .phlc-home-metric,
  html body .phlc-scope .phlc-directory .phlc-subname,
  html body .phlc-scope .phlc-directory .phlc-subject,
  html body .phlc-scope .phlc-directory .phlc-meta,
  html body .phlc-scope .phlc-directory .phlc-card-tags,
  html body .phlc-scope .phlc-directory .phlc-cta,
  html body .phlc-recommended-wrap .phlc-stats,
  html body .phlc-recommended-wrap .phlc-subname,
  html body .phlc-recommended-wrap .phlc-subject,
  html body .phlc-recommended-wrap .phlc-card-tags,
  html body .phlc-recommended-wrap .phlc-cta {
    display: none !important;
    visibility: hidden !important;
  }

  html body .phlc-scope .phlc-directory .phlc-badge-live,
  html body .phlc-recommended-wrap .phlc-badge-live {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    z-index: 14 !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .035em !important;
    box-shadow: 0 4px 10px rgba(255,31,82,.12) !important;
  }

  html body .phlc-scope .phlc-directory .phlc-viewers-badge,
  html body .phlc-recommended-wrap .phlc-viewers-badge,
  html body .phlc-card .phlc-viewers-badge,
  html body [class*="viewers-badge"] {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 14 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    max-width: calc(100% - 58px) !important;
    padding: 1px 4px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.12) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    opacity: .68 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .phlc-scope .phlc-directory .phlc-country-badge,
  html body .phlc-recommended-wrap .phlc-country-badge {
    position: absolute !important;
    right: 6px !important;
    bottom: 6px !important;
    z-index: 13 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,.14) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHLC 1.4.87 — structural mobile card final + global search/viewer cleanup
   ═════════════════════════════════════════════════════════════════════════════ */
/* Search is removed sitewide. */
html body .phlc-search,
html body .phlc-toolbar .phlc-search {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Global transparent viewers badge. Replaces emoji-eye rendering with a small CSS icon. */
html body .phlc-viewers-badge,
html body .phlc-card .phlc-viewers-badge,
html body .phlc-card-clean .phlc-viewers-badge,
html body .phlc-card-homepage .phlc-viewers-badge,
html body .phlc-directory .phlc-viewers-badge,
html body .phlc-recommended-wrap .phlc-viewers-badge {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  height: 15px !important;
  min-height: 15px !important;
  max-height: 15px !important;
  padding: 1px 5px !important;
  border-radius: 999px !important;
  background: rgba(10, 6, 18, .18) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: .76 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body .phlc-viewers-badge .phlc-viewers-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: .82 !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

html body .phlc-viewers-badge .phlc-viewers-icon::before,
html body .phlc-viewers-badge .phlc-viewers-icon::after {
  content: none !important;
  display: none !important;
}

html body .phlc-viewers-badge .phlc-viewers-svg {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  overflow: visible !important;
}

html body .phlc-viewers-badge .phlc-viewers-svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body .phlc-viewers-badge .phlc-viewers-svg circle {
  fill: currentColor !important;
  stroke: none !important;
}

html body .phlc-viewers-badge .phlc-viewers-count {
  display: inline-block !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  font-weight: inherit !important;
}

@media (max-width: 640px) {
  /* Force every directory/filter page to use the same 2-up mobile cards. */
  html body .phlc-scope .phlc-directory .phlc-grid,
  html body .phlc-directory .phlc-grid,
  html body .phlc-grid,
  html body .phspb-filter-live-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: start !important;
  }

  html body .phlc-card,
  html body .phlc-card-clean,
  html body .phlc-card-homepage,
  html body .phlc-directory .phlc-card,
  html body .phspb-filter-live-directory .phlc-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    content-visibility: auto !important;
    contain-intrinsic-size: 170px 128px !important;
  }

  html body .phlc-card .phlc-thumb-wrap,
  html body .phlc-directory .phlc-card .phlc-thumb-wrap,
  html body .phspb-filter-live-directory .phlc-card .phlc-thumb-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: #12091f !important;
    border: 1px solid rgba(190,150,255,.08) !important;
    box-shadow: none !important;
  }

  html body .phlc-card .phlc-thumb,
  html body .phlc-directory .phlc-card .phlc-thumb {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
    filter: none !important;
  }

  /* Kill all old masks/black squares. */
  html body .phlc-card::before,
  html body .phlc-card::after,
  html body .phlc-thumb-wrap::before,
  html body .phlc-thumb-wrap::after,
  html body .phlc-card-body::before,
  html body .phlc-card-body::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
  }

  /* Use the real overlay inside the image. Hide the old body on mobile to remove the black rectangle. */
  html body .phlc-card .phlc-card-body,
  html body .phlc-directory .phlc-card .phlc-card-body,
  html body .phspb-filter-live-directory .phlc-card .phlc-card-body {
    display: none !important;
    visibility: hidden !important;
  }

  html body .phlc-card .phlc-card-name-overlay,
  html body .phlc-directory .phlc-card .phlc-card-name-overlay,
  html body .phspb-filter-live-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;
    width: auto !important;
    max-width: calc(100% - 42px) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !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 .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: #fff !important;
    background: transparent !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,.88), 0 0 6px rgba(0,0,0,.52) !important;
  }

  html body .phlc-badge-live {
    top: 6px !important;
    left: 6px !important;
    z-index: 20 !important;
  }
}


/* ═════════════════════════════════════════════════════════════════════════════
   PHLC 1.4.93 — clean desktop/mobile nickname split
   - desktop uses .phlc-card-body for name/followers
   - mobile uses only .phlc-card-name-overlay inside the thumbnail
   - no grey nickname square, no duplicate nickname, no bottom mask
   ═════════════════════════════════════════════════════════════════════════════ */

@media (min-width: 641px) {
  html body .phlc-card > .phlc-card-body,
  html body .phlc-card-clean > .phlc-card-body,
  html body .phlc-card-homepage > .phlc-card-body,
  html body .phlc-directory .phlc-card > .phlc-card-body,
  html body .phlc-recommended-wrap .phlc-card > .phlc-card-body {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 9px 12px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(18,9,31,.98), rgba(18,9,31,.96)) !important;
    box-shadow: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html body .phlc-card .phlc-card-name-overlay,
  html body .phlc-card-clean .phlc-card-name-overlay,
  html body .phlc-card-homepage .phlc-card-name-overlay,
  html body .phlc-directory .phlc-card .phlc-card-name-overlay,
  html body .phlc-recommended-wrap .phlc-card .phlc-card-name-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

@media (max-width: 640px) {
  html body .phlc-scope .phlc-directory .phlc-grid,
  html body .phlc-scope .phlc-directory .phlc-grid-featured,
  html body .phlc-scope .phlc-directory .phlc-grid-country,
  html body .phlc-scope .phlc-directory .phlc-rooms-grid,
  html body .phlc-scope .phlc-directory .phlc-directory-grid,
  html body .phlc-directory .phlc-grid,
  html body .phlc-grid,
  html body .phspb-filter-live-directory .phlc-grid,
  html body .phspb-home-live-cams-shortcode .phlc-grid,
  html body .phlc-recommended-wrap .phlc-grid,
  html body .phlc-recommended-wrap .phlc-recommended-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: start !important;
  }

  html body .phlc-card,
  html body .phlc-card-clean,
  html body .phlc-card-homepage,
  html body .phlc-directory .phlc-card,
  html body .phspb-filter-live-directory .phlc-card,
  html body .phlc-recommended-wrap .phlc-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    content-visibility: auto !important;
    contain-intrinsic-size: 170px 128px !important;
  }

  html body .phlc-card .phlc-thumb-wrap,
  html body .phlc-card-clean .phlc-thumb-wrap,
  html body .phlc-card-homepage .phlc-thumb-wrap,
  html body .phlc-directory .phlc-card .phlc-thumb-wrap,
  html body .phspb-filter-live-directory .phlc-card .phlc-thumb-wrap,
  html body .phlc-recommended-wrap .phlc-card .phlc-thumb-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: #12091f !important;
    border: 1px solid rgba(190,150,255,.08) !important;
    box-shadow: none !important;
  }

  html body .phlc-card .phlc-thumb,
  html body .phlc-card .phlc-thumb-wrap img,
  html body .phlc-directory .phlc-card .phlc-thumb,
  html body .phlc-recommended-wrap .phlc-card .phlc-thumb {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
    filter: none !important;
  }

  html body .phlc-card::before,
  html body .phlc-card::after,
  html body .phlc-card-clean::before,
  html body .phlc-card-clean::after,
  html body .phlc-card-homepage::before,
  html body .phlc-card-homepage::after,
  html body .phlc-card .phlc-thumb-wrap::before,
  html body .phlc-card .phlc-thumb-wrap::after,
  html body .phlc-card-body::before,
  html body .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 .phlc-card > .phlc-card-body,
  html body .phlc-card-clean > .phlc-card-body,
  html body .phlc-card-homepage > .phlc-card-body,
  html body .phlc-directory .phlc-card > .phlc-card-body,
  html body .phspb-filter-live-directory .phlc-card > .phlc-card-body,
  html body .phlc-recommended-wrap .phlc-card > .phlc-card-body {
    display: none !important;
    visibility: hidden !important;
    opacity: 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;
    box-shadow: none !important;
    border: 0 !important;
  }

  html body .phlc-card .phlc-card-name-overlay,
  html body .phlc-card-clean .phlc-card-name-overlay,
  html body .phlc-card-homepage .phlc-card-name-overlay,
  html body .phlc-directory .phlc-card .phlc-card-name-overlay,
  html body .phspb-filter-live-directory .phlc-card .phlc-card-name-overlay,
  html body .phlc-recommended-wrap .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;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    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;
    text-decoration: none !important;
    pointer-events: none !important;
  }

  html body .phlc-card .phlc-card-name-overlay-text,
  html body .phlc-directory .phlc-card .phlc-card-name-overlay-text,
  html body .phlc-recommended-wrap .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: #fff !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;
  }

  html body .phlc-badge-live,
  html body .phlc-card .phlc-badge-live,
  html body .phlc-card-clean .phlc-badge-live,
  html body .phlc-card-homepage .phlc-badge-live {
    top: 6px !important;
    left: 6px !important;
    z-index: 20 !important;
  }
}