.xporn-forum-directory {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: 18px max(10px, env(safe-area-inset-right, 0px)) calc(96px + env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));
  color: #fff;
  overflow-x: clip;
}
.xporn-forum-directory__header { margin: 0 2px 14px; }
.xporn-forum-directory__header h1 { margin: 5px 0 0; font-size: clamp(24px, 6vw, 38px); line-height: 1.15; }
.xporn-directory-filters { display: grid; gap: 13px; padding: 14px 0 18px; border-top: 1px solid rgba(255,255,255,.08); }
.xporn-directory-filters__group { min-width: 0; }
.xporn-directory-filters__group h2 { margin: 0 2px 7px; color: #b7b7bf; font-size: 12px; font-weight: 700; }
.xporn-directory-filters__chips {
  display: flex; gap: 7px; max-width: 100%; padding: 1px 2px 5px;
  overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none;
}
.xporn-directory-filters__chips::-webkit-scrollbar { display: none; }
.xporn-directory-chip--all { min-width: 92px; }
.xporn-directory-city-table {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px;
  max-height: min(56vh, 520px); margin-top: 9px; padding: 10px;
  overflow-y: auto; overscroll-behavior: contain;
  border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: #18181d;
}
.xporn-directory-city-table[hidden] { display: none; }
.xporn-directory-city-option { width: 100%; min-width: 0; padding-inline: 10px; border-radius: 9px; text-align: left; }
.xporn-directory-chip {
  flex: 0 0 auto; min-height: 38px; padding: 0 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px;
  background: #25252b; color: #d5d5da; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer;
}
.xporn-directory-chip:hover { background: #303038; color: #fff; }
.xporn-directory-chip.is-active { border-color: #ff315c; background: #e61d49; color: #fff; }
.xporn-directory-chip:focus-visible, .xporn-profile-card > a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.xporn-forum-directory__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 2px 2px 11px; }
.xporn-forum-directory__heading h2 { margin: 0; font-size: clamp(18px, 4.8vw, 26px); }
.xporn-forum-directory__heading > span { flex: 0 0 auto; color: #aaaab2; font-size: 12px; }
.xporn-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.xporn-directory-pagination { display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 0; }
.xporn-directory-pagination a { display:grid;min-width:38px;height:38px;place-items:center;padding:0 6px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#202026;color:#d7d7dc;font-size:13px;font-weight:800;text-decoration:none;box-sizing:border-box; }
.xporn-directory-pagination a:is(:hover,.is-current) { border-color:#ff315c;background:#e61d49;color:#fff; }
.xporn-directory-pagination a.is-arrow { font-size:20px; }
.xporn-profile-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: #17171c; }
.xporn-profile-card[hidden] { display: none; }
.xporn-profile-card > a { display: block; color: #fff; text-decoration: none; }
.xporn-profile-card__media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: radial-gradient(circle at 50% 18%, #5a2738, #18181d 68%); }
.xporn-profile-card__media::after { content: ''; position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(transparent, rgba(0,0,0,.72)); pointer-events: none; }
.xporn-profile-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; opacity: .8; transition: transform .25s ease; }
.xporn-profile-card:hover .xporn-profile-card__media img { transform: scale(1.025); }
.xporn-profile-card__badge { position: absolute; top: 8px; left: 8px; z-index: 1; padding: 4px 8px; border-radius: 999px; background: #e61d49; color: #fff; font-size: 10px; font-weight: 800; }
.xporn-profile-card__video { position:absolute;top:8px;right:8px;z-index:2;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(230,29,73,.9);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.32); }
.xporn-profile-card__video svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.xporn-profile-card__info { min-width: 0; min-height: 60px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; padding: 9px 9px 10px; }
.xporn-profile-card__identity { min-width: 0; display: grid; grid-template-columns: minmax(0, auto) auto; align-items: center; justify-content: start; column-gap: 4px; }
.xporn-profile-card__identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.xporn-profile-card__identity > span:last-child { grid-column: 1 / -1; margin-top: 3px; color: #ff6686; font-size: 13px; font-weight: 750; }
.xporn-profile-card__verified { display: inline-grid; width: 15px; height: 15px; place-items: center; border-radius: 50%; background: #e61d49; color: #fff; font-size: 9px; }
.xporn-profile-card__city { min-width: 0; max-width: 72px; overflow: hidden; color: #aaaab2; font-size: 11px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.xporn-profile-card__metrics{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.xporn-profile-card__rating{display:flex;align-items:center;gap:5px;white-space:nowrap}.xporn-profile-card__stars{display:inline-flex;color:#f5c542;font-size:12px;letter-spacing:0}.xporn-profile-card__stars i{font-style:normal}.xporn-profile-card__stars i.is-empty{color:#5b5130}.xporn-profile-card__views{display:inline-flex;align-items:center;gap:4px;color:#aaaab2;font-size:10px;font-weight:700;white-space:nowrap}.xporn-profile-card__views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xporn-forum-directory__empty { margin: 32px auto; padding: 28px 18px; border: 1px dashed rgba(255,255,255,.16); border-radius: 14px; color: #b8b8bf; text-align: center; }
.xporn-forum-directory__empty[hidden] { display: none; }
.xporn-forum-directory__empty strong, .xporn-forum-directory__empty span { display: block; }
.xporn-forum-directory__empty strong { margin-bottom: 5px; color: #fff; }
@media (min-width: 640px) {
  .xporn-directory-city-table { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .xporn-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
}
@media (min-width: 900px) {
  .xporn-forum-directory { padding-top: 28px; }
  .xporn-directory-filters { grid-template-columns: 1fr 1fr; gap: 20px; }
  .xporn-directory-filters__group:first-child { grid-column: 1 / -1; }
  .xporn-directory-city-table { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .xporn-profile-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
}
@media (min-width: 1160px) { .xporn-profile-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
