:root {
  --page: #06050a;
  --lavender: #d8d3ff;
  --panel: #efeaff;
  --purple: #650097;
  --hot: #f00045;
  --orange: #ff5a00;
  --cyan: #10cfe2;
  --yellow: #ffeb35;
  --line: #9f58ff;
  --ink: #151021;
  --muted: #5e4d78;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.08) 14%, rgba(0,0,0,.08) 86%, rgba(0,0,0,.78)),
    repeating-linear-gradient(90deg, #101018 0 28px, #181321 28px 56px);
  font: 14px/1.35 Arial, "Microsoft JhengHei", "Noto Sans TC", sans-serif;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

.topBar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 4px 10px;
  background: #07030a;
  border-bottom: 1px solid #2b1538;
  box-shadow: 0 2px 14px rgba(0,0,0,.6);
}

.flags {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
}

.flags a {
  position: relative;
  flex: 0 0 auto;
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 3px;
  color: #fff;
  background: #2b2438;
  font-size: 12px;
  white-space: nowrap;
}

.flags a.active { background: var(--purple); }
.flags small {
  position: relative;
  top: -2px;
  margin-left: 2px;
  padding: 1px 5px;
  color: #fff;
  background: #d70a72;
  border-radius: 12px;
  font-size: 10px;
}

.logo.emperor {
  min-width: 166px;
  height: 35px;
  display: grid;
  place-items: center;
  background: #111 !important;
  border: 2px ridge #c59424;
  color: #ffd84a !important;
  font: 700 14px/1 Georgia, serif;
  text-shadow: 1px 1px #000;
}

.user-toggle,
.tiny-pill,
.btn {
  border: 1px solid #8354a1;
  border-radius: 4px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  font: 700 13px/1.2 Arial, sans-serif;
}

.user-toggle { padding: 7px 12px; color: #fff; background: #3b2035; }

.header-contact {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

.header-contact-btn {
  display: inline-flex;
  min-width: 104px;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 10px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.45);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.header-contact-btn svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: currentColor;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}

.header-contact-btn span {
  white-space: nowrap;
}

.header-contact-btn.tg { background: linear-gradient(#37c7ff, #087abf); }
.header-contact-btn.wa { background: linear-gradient(#42e579, #07963a); }
.header-contact-btn:hover { filter: brightness(1.15); text-decoration: none; }

@media (max-width: 480px) {
  .topBar {
    gap: 5px;
    padding: 4px 6px;
  }

  .flags { gap: 5px; }

  .logo.emperor {
    min-width: 154px;
    font-size: 12px;
  }

  .flags a {
    padding: 5px 7px;
    font-size: 11px;
  }

  .header-contact {
    display: flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    gap: 4px;
    margin-left: 0;
  }

  .header-contact-btn {
    width: 34px;
    min-width: 34px;
    min-height: 26px;
    padding: 5px;
    font-size: 0;
  }

  .header-contact-btn svg {
    width: 16px;
    height: 16px;
  }

  .header-contact-btn span {
    display: none;
  }

  .user-toggle {
    padding: 7px 8px;
    font-size: 12px;
  }
}

.login-menu {
  position: absolute;
  top: 40px;
  right: 8px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 2px 3px 12px rgba(0,0,0,.35);
}

.login-menu a { display: block; padding: 6px 20px; }

#wrapper {
  width: min(1240px, calc(100% - 20px));
  max-width: 1240px;
  margin: 16px auto 0;
  background: var(--lavender);
  border: 1px solid #b8a5ff;
  box-shadow: 0 0 26px rgba(0,0,0,.72);
}

#header { background: var(--lavender); }

#header_menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  background: linear-gradient(#fff, #dbcfff);
  border-bottom: 1px solid #b98bff;
}

#header_menu a,
#header_menu button {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
}

.flashyellow { background: #c79f00; }
.flashorange { background: #ff7418; }
.flashblue { background: #2774dd; }
.flashviolet { background: #b900be; }
.flashgreen { background: #00a45f; }
.tiny-pill.dark { margin-left: auto; background: #050505; color: #fff; border-radius: 12px; }
.premium-link { margin-left: auto; background: #fb0300; border-radius: 12px !important; }
.tg-link { background: #7b0ab4; border-radius: 8px !important; }

#core { padding: 0 10px 12px; }

.category {
  margin: 0 10px 10px;
  padding: 6px;
  background: #f3dcff;
}


.style3,
.numberbutton {
  min-width: 0;
  min-height: 0;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #000;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.style3:hover,
.numberbutton:hover {
  transform: scale(1.06) rotate(-1deg);
  box-shadow: 2px 4px 8px rgba(0,0,0,.45);
  filter: saturate(1.2);
}

.gid-box {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 45px;
  padding: 7px 8px;
  background: #f5ecff;
}

.gid-box label { color: var(--purple); font-weight: 700; }
.gid-box input {
  width: 58px;
  height: 28px;
  border: 1px solid #c36cff;
  padding: 5px;
  background: #fff;
}

.action-tile,
.numberbutton {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  font-size: 18px;
  font-weight: 900;
}

.action-tile {
  height: auto;
  aspect-ratio: 16 / 5;
  justify-content: center;
  align-self: center;
  padding: 0;
  background: #160d28;
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 1px 1px 4px #000, inset 0 0 0 1px rgba(255,255,255,.25);
}

.action-tile span,
.numberbutton span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 2px 3px #000, 0 0 8px rgba(0,0,0,.9);
}

.action-tile span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 26px;
  padding: 3px 9px;
  border-radius: 6px;
  background: rgba(0,0,0,.42);
  box-shadow: 0 0 14px rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.2);
}

.action-tile img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  box-shadow: none;
  transition: transform .3s ease, filter .3s ease;
}

.action-tile:hover img {
  transform: scale(1.05);
  filter: saturate(1.18) brightness(1.08);
}

.action-tile::after,
.numberbutton::after {
  content: none;
}

.numberbutton {
  justify-content: flex-end;
  align-items: center;
  height: 49px;
  padding-right: .5rem;
  font-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
}

.numberbutton b {
  z-index: 1;
  min-width: 34px;
  padding: 1px 5px;
  color: #fff;
  background: rgba(0,0,0,.88);
  border-radius: 10px;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.tabs { margin: 12px 0; }

.region-tab-list {
  display: flex;
  gap: 1px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
}

.region-tab-list a {
  display: block;
  min-width: 64px;
  min-height: 52px;
  padding: 8px 10px 6px;
  color: #fff;
  background: #2285ff;
  border: 1px solid #00a5ff;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  font-weight: 700;
  text-align: center;
}

.region-tab-list a.active { background: var(--purple); }
.region-tab-list small {
  display: block;
  min-width: 42px;
  margin: 4px auto 0;
  padding: 1px 7px;
  background: var(--purple);
  border-radius: 8px;
  text-align: center;
}

.tab-content {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  min-height: 168px;
  padding: 16px 16px 24px;
  border: 1px solid #ff4eb6;
  border-radius: 4px;
  background: #fff;
}

.tab-content.active { display: flex; }

.region-link {
  position: relative;
  flex: 0 0 88px;
  min-width: 88px;
  height: 62px;
  padding: 7px 5px 19px;
  color: #003fc5;
  text-align: center;
  background: #d9fbff;
  border: 1px solid #26baff;
  border-radius: 6px;
  box-shadow: 1px 2px 5px #ff50de;
  font-weight: 700;
  overflow: hidden;
}

.region-link.line3 {
  flex-basis: 165px;
  min-width: 165px;
}

.region-link span {
  display: block;
  margin-top: 1px;
  overflow: hidden;
  color: #d04d72;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.region-link small {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 5px;
  display: block;
  width: auto;
  margin: 0 auto;
  color: #fff;
  background: var(--purple);
  border-radius: 10px;
  line-height: 14px;
}

.region-link.selected {
  color: #fff;
  background: linear-gradient(#ff35a7, #7c00c8);
  border-color: #fff200;
  box-shadow: 0 0 0 2px #fff, 0 0 14px rgba(255, 0, 150, .55);
}

.region-link.selected span,
.region-link.selected small {
  color: #fff;
}

.area-model-section {
  scroll-margin-top: 72px;
}

.area-note {
  margin: -4px 0 8px;
  padding: 5px 8px;
  color: #7b004e;
  background: #fff4a8;
  border: 1px solid #ff48a3;
  font-size: 13px;
  font-weight: 900;
}

.section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}

.section-heading h2,
.instant-block h2,
.report-block h2,
.ov {
  margin: 0;
  color: var(--purple);
  font-size: 22px;
  font-weight: 900;
  text-shadow: 1px 1px #fff;
}

.section-heading a { margin-left: auto; color: var(--purple); font-weight: 700; }

.rank-panel,
.instant-block,
.model-section,
.icondesc,
.report-block,
.profile-text {
  margin: 14px 0;
  padding: 10px;
  background: var(--lavender);
}

.star-list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 18px;
  margin: 12px 0 6px;
  padding: 0;
  list-style: none;
}

.star-list a {
  position: relative;
  display: block;
  height: 118px;
  transform: rotate(4deg);
  background: #fff;
  border: 4px solid #fff;
  box-shadow: 2px 3px 8px rgba(0,0,0,.45);
}

.star-list li:nth-child(even) a { transform: rotate(-5deg); }
.star-list img { width: 100%; height: 100%; object-fit: cover; }
.rank-no {
  position: absolute;
  left: -10px;
  top: -6px;
  z-index: 2;
  color: #ffff00;
  font-size: 17px;
  font-weight: 900;
  text-shadow: 1px 1px #7b00d8;
}
.star-list small {
  position: absolute;
  left: 2px;
  bottom: 2px;
  padding: 1px 4px;
  color: #fff;
  background: #ff6300;
  border-radius: 6px;
  font-weight: 700;
}

.feature-more {
  margin: 8px 10px 4px;
}

#features-nmedia-wrap {
  margin: 6px 5px 10px;
}

#features-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 3px;
}

.feat-btn-wrapper {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 62px;
  height: 37px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #9e73e1;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.32);
  color: #111;
  text-align: center;
  overflow: hidden;
  animation: featureFloat 3.2s ease-in-out infinite;
}

.feat-btn-wrapper:nth-child(3n) { animation-delay: .4s; }
.feat-btn-wrapper:nth-child(4n) { animation-delay: .8s; }
.feat-btn-wrapper:nth-child(5n) { animation-delay: 1.2s; }

.feat-btn-wrapper:hover {
  z-index: 4;
  transform: translateY(-3px) scale(1.08);
  text-decoration: none;
}

.feat-btn-img {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 2px 3px 0;
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 1px 1px #5b005e;
}

.feat-btn-text {
  min-width: 24px;
  max-width: calc(100% - 8px);
  margin-top: 1px;
  padding: 0 5px;
  overflow: hidden;
  color: #08239b;
  background: #e7ffff;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 900;
  line-height: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feat-pink { background: linear-gradient(#ff2ebc, #ff91e4); }
.feat-sky { background: linear-gradient(#c4f3ff, #8acfff); }
.feat-hotpink { background: linear-gradient(#ff43b9, #ffd6ef); }
.feat-violet { background: linear-gradient(#b143ff, #f0c7ff); }
.feat-cyan { background: linear-gradient(#69e4ff, #dbfbff); }
.feat-rose { background: linear-gradient(#ff5c9e, #ffe2f0); }
.feat-blue { background: linear-gradient(#2085ff, #bde5ff); }
.feat-mint { background: linear-gradient(#23df9a, #c8fff0); }
.feat-purple { background: linear-gradient(#7d2cff, #ffb4ff); }
.feat-indigo { background: linear-gradient(#5558ff, #bad5ff); }
.feat-peach { background: linear-gradient(#ffc28d, #fff0b4); }
.feat-yellow { background: linear-gradient(#ffe72a, #fff9a9); }
.feat-lilac { background: linear-gradient(#d676ff, #ffd0ff); }
.feat-tan { background: linear-gradient(#b7865e, #ffdfad); }
.feat-navy { background: linear-gradient(#2d3a75, #a8c0ff); }
.feat-green { background: linear-gradient(#19b55a, #c6ffd7); }
.feat-orange { background: linear-gradient(#ff6d16, #ffd4a1); }
.feat-aqua { background: linear-gradient(#25ddd5, #d6ffff); }

.mediahub-shell {
  display: grid;
  grid-template-columns: 255px 1fr;
  gap: 10px;
  margin: 8px 0 16px;
  align-items: start;
}

#mediahub {
  display: none;
}

.newlist {
  background: #ffe1e1;
  border: 1px solid #d67b7b;
}

.list_head {
  padding: 7px;
  color: #fff;
  background: #c95c5c;
  font-size: 13px;
  font-weight: 900;
}

.floor {
  padding: 6px;
  color: #111;
  background: linear-gradient(#fff, #ffe0e0);
  text-align: center;
}

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

.newlist li {
  position: relative;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 7px;
  min-height: 70px;
  padding: 6px;
  border-top: 1px solid #f4bbbb;
  cursor: pointer;
}

.newlist li:hover {
  background: #fff5f5;
}

.newlist img {
  width: 58px;
  height: 58px;
  object-fit: cover;
  border-radius: 8px;
}

.newlist strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #bd6666;
  font-size: 12px;
}

.newlist span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #1d001d;
  font-size: 12px;
}

.newlist b {
  color: #f00045;
}

.mini-rose {
  position: absolute;
  right: 7px;
  bottom: 8px;
}

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

.media-title {
  margin: 2px 0 6px;
  color: #9c22e4;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.05;
  text-shadow: 1px 1px #fff, 2px 2px #5f0099;
}

.media-title small {
  margin-left: 5px;
  color: red;
  font-size: 12px;
  text-shadow: none;
}

.mediahub-grid {
  display: grid;
  grid-template-columns: 365px 1fr;
  gap: 5px;
}

.media-feature {
  position: relative;
  height: 326px;
  overflow: hidden;
  border: 2px solid #e52929;
  background: #111;
}

.media-feature img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.18) contrast(1.03);
}

.media-feature::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 95px;
  background: linear-gradient(transparent, rgba(0,0,0,.78));
}

.media-play-large {
  position: absolute;
  left: 20px;
  bottom: 42px;
  z-index: 3;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 17px solid #fff;
  filter: drop-shadow(0 1px 2px #000);
  animation: playPulse 1.45s ease-in-out infinite;
}

.media-controls {
  position: absolute;
  left: 20px;
  right: 18px;
  bottom: 15px;
  z-index: 4;
  display: grid;
  grid-template-columns: 18px 44px 1fr 14px;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 13px;
}

.media-controls span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}

.media-controls b {
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #fff 0 4%, rgba(255,255,255,.34) 4%);
}

.media-controls i {
  width: 11px;
  height: 14px;
  border-left: 4px solid #d7d7d7;
  border-right: 4px solid #d7d7d7;
}

.media-small-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.media-card {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 5px;
  min-width: 0;
  height: 78px;
  padding: 2px 5px 2px 2px;
  border: 2px solid #ff21d6;
  border-radius: 0;
  color: #001077;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  overflow: hidden;
}

.media-card.color-0 { background: #ffe8ff; }
.media-card.color-1 { background: #f5cfff; }
.media-card.color-2 { background: #fff6a4; }
.media-card.color-3 { background: #cfff8d; }
.media-card.color-4 { background: #ffd6f0; }
.media-card.color-5 { background: #f9d4ff; }

.media-card:hover {
  z-index: 3;
  transform: scale(1.04);
  border-color: #ff006a;
}

.media-card.active {
  outline: 2px solid #fffb00;
  z-index: 4;
}

.swap-flash {
  animation: avSwap .45s ease;
}

.media-thumb {
  position: relative;
  display: block;
  width: 54px;
  height: 72px;
  overflow: hidden;
  border: 1px solid #fff;
  background: #111;
}

.media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-play-small {
  position: absolute;
  left: 19px;
  top: 24px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid rgba(255,255,255,.92);
  filter: drop-shadow(0 1px 2px #000);
  animation: playPulse 1.8s ease-in-out infinite;
}

.media-copy {
  min-width: 0;
  display: block;
}

.media-copy small,
.media-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.media-copy small {
  -webkit-line-clamp: 1;
  color: #098500;
  font-size: 11px;
  line-height: 1.15;
}

.media-copy strong {
  -webkit-line-clamp: 2;
  margin-top: 6px;
  color: #00067f;
  font-size: 13px;
  line-height: 1.2;
}

.media-copy em {
  position: absolute;
  right: 7px;
  bottom: 4px;
  color: #8e2b8c;
  font-style: normal;
  font-size: 18px;
}

.media-card .flowercounter {
  min-width: 25px;
  height: 25px;
  font-size: 11px;
}

.emoji-row {
  position: absolute;
  left: 61px;
  bottom: 4px;
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 5px;
  color: #fff;
  background: #ff2784;
  font-size: 12px;
  font-weight: 900;
  text-shadow: 1px 1px #6d001f;
}

@keyframes featureFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

@keyframes playPulse {
  0%, 100% { transform: scale(1); opacity: .72; }
  50% { transform: scale(1.18); opacity: 1; }
}

@keyframes avSwap {
  0% { filter: brightness(1.75) saturate(1.4); transform: scale(1.015); }
  100% { filter: saturate(1.18) contrast(1.03); transform: scale(1); }
}

.flowercounter {
  animation: roseBounce 2.2s ease-in-out infinite;
}

@keyframes roseBounce {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(6deg); }
}

.instant-block { text-align: center; }
.post-block h2 { color: var(--orange); font-size: 27px; }
.review-block h2 { color: var(--cyan); font-size: 27px; }

.instant-carousel {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  border-top: 5px solid var(--orange);
  border-bottom: 5px solid #fff8d5;
}

.review-block .instant-carousel { border-top-color: var(--cyan); }

.instant-track {
  display: flex;
  gap: 4px;
  transition: transform .55s ease;
  will-change: transform;
}

.instant-carousel article {
  position: relative;
  flex: 0 0 calc((100% - 8px) / 3);
  display: grid;
  grid-template-columns: 43% 1fr;
  gap: 16px;
  min-height: 210px;
  padding: 28px 18px;
  color: #fff;
  text-align: left;
  background:
    linear-gradient(rgba(18,19,31,.83), rgba(18,19,31,.83)),
    repeating-linear-gradient(135deg, #34384c 0 12px, #252837 12px 24px);
  overflow: hidden;
  cursor: pointer;
}

.instant-carousel article {
  border-top: 14px solid transparent;
  border-image: repeating-linear-gradient(90deg, #fff8d5 0 28px, #ecc36f 28px 34px) 14;
}

.instant-carousel article::before,
.instant-carousel article::after {
  content: "<";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0,0,0,.3);
  border-radius: 50%;
  font-size: 28px;
}
.instant-carousel article::before { left: 10px; }
.instant-carousel article::after { content: ">"; right: 10px; }

.instant-carousel article::before,
.instant-carousel article::after {
  content: none;
}

.instant-nav {
  position: absolute;
  top: 50%;
  z-index: 8;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  transform: translateY(-50%);
  color: #fff;
  background: rgba(0,0,0,.34);
  border: 0;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 900;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.instant-nav:hover {
  background: rgba(0,0,0,.64);
  transform: translateY(-50%) scale(1.08);
}

.instant-prev { left: 10px; }
.instant-next { right: 10px; }

.instant-photo {
  width: 100%;
  height: 154px;
  object-fit: cover;
  border-radius: 8px;
}

.instant-copy { align-self: center; }
.instant-copy strong { display: block; margin-bottom: 8px; color: #bafcff; font-size: 18px; line-height: 1.15; }
.instant-copy p { margin: 0 0 10px; font-size: 14px; line-height: 1.28; }
.instant-copy time { color: #d6ff57; }

.dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 9px 0 4px;
}
.dots span {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #8b8b8b;
}
.dots .active { background: #ff6941; }
.dots.cyan .active { background: #28d7e8; }

.yellow_btn {
  display: inline-block;
  padding: 7px 14px;
  color: #7a2400;
  background: linear-gradient(#fff176, #ffc400);
  border: 1px solid #a77b00;
  border-radius: 6px;
  box-shadow: 1px 2px 4px rgba(0,0,0,.35);
  font-weight: 900;
}

.report-block {
  border-top: 4px solid #5d86ff;
  text-align: center;
}
.report-block h2 { color: #2673ff; font-size: 25px; }
.report-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 14px;
}
.report-grid article {
  padding: 8px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 1px 2px 8px rgba(0,0,0,.24);
  text-align: left;
}
.report-grid img { width: 100%; height: 240px; object-fit: cover; border-radius: 5px; }
.report-grid h3 { margin: 8px 0 4px; color: var(--purple); }
.report-grid p { margin: 0; color: var(--muted); }

.ov {
  line-height: 1.35;
  border-bottom: 3px solid var(--purple);
  padding-bottom: 5px;
}
.ov em {
  display: inline-block;
  margin-left: 6px;
  padding: 3px 8px;
  color: #fff;
  background: #08a840;
  border-radius: 3px;
  font-style: normal;
  font-size: 14px;
}

.gtable {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.item2 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 264px;
  background: #fff;
  border: 1px solid #c3b4de;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 4px rgba(0,0,0,.35);
}

.item2.hot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 0;
  height: 0;
  border-top: 34px solid #ff1659;
  border-right: 34px solid transparent;
}

.overlap {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 5;
  pointer-events: none;
}

.flowercounter {
  position: relative;
  display: inline-grid;
  min-width: 31px;
  height: 31px;
  place-items: center;
  padding-top: 3px;
  color: #fff;
  background:
    radial-gradient(circle at 50% 20%, #ff9ac5 0 16%, transparent 17%),
    radial-gradient(circle at 77% 42%, #ff4c91 0 19%, transparent 20%),
    radial-gradient(circle at 61% 76%, #d0005d 0 20%, transparent 21%),
    radial-gradient(circle at 27% 65%, #ff2f7d 0 20%, transparent 21%),
    radial-gradient(circle at 24% 35%, #ff77ad 0 18%, transparent 19%),
    radial-gradient(circle at 50% 50%, #ee005e 0 52%, transparent 53%);
  border-radius: 50%;
  box-shadow: 0 1px 1px #7b002d, 0 0 0 1px rgba(255,255,255,.75) inset;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 1px 1px 1px #70002a;
}

.flowercounter::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: 1px;
  width: 10px;
  height: 7px;
  background: #24a743;
  border-radius: 100% 0 100% 0;
  transform: rotate(-20deg);
  box-shadow: -5px 2px 0 #167c32;
}

.item-avatar {
  position: relative;
  display: block;
  height: 168px;
  overflow: hidden;
  background: #e5dfed;
}

.item-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform .25s ease;
}
.item2:hover .item-avatar img { transform: scale(1.06); }

.item-price {
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: 3;
  padding: 3px 6px;
  color: #fff;
  background: rgba(0,0,0,.82);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 900;
}

.play-icon {
  position: absolute;
  right: 6px;
  bottom: 7px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 13px solid #fff;
}

.play-icon.front {
  z-index: 4;
  opacity: .84;
}

.play-icon.shadow {
  right: 4px;
  bottom: 4px;
  z-index: 2;
  border-top-width: 11px;
  border-bottom-width: 11px;
  border-left-width: 16px;
  border-left-color: #000;
  opacity: .22;
}

.model-section .play-icon,
.model-section .feature-card .item-avatar::after {
  display: none;
}

.model-section .feature-card .item-price {
  bottom: 8px;
}

.item-info {
  flex: 1;
  padding: 6px 7px 7px;
  text-align: left;
}
.item-region-label {
  margin-bottom: 2px;
  color: #ff6b35;
  font-weight: 900;
  font-size: 12px;
}
.item-region-label span { color: #777; }
.item-title {
  display: -webkit-box;
  min-height: 38px;
  margin: 3px 0 2px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 1.18;
}
.item-title a { color: #111; }
.item-desc { display: block; height: 0; color: var(--muted); }
.item-icons {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  min-height: 25px;
  padding-top: 5px;
  overflow: hidden;
}

.first-model-section .gtable {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 282px;
  gap: 6px;
  align-items: stretch;
}

.first-model-section .item2 {
  min-height: 282px;
  border: 2px solid #ff20d5;
  border-radius: 4px;
  background: linear-gradient(#ffe38b 0%, #ffc46f 56%, #ffab4e 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
}

.first-model-section .item2:nth-child(3n),
.first-model-section .item2:nth-child(3n + 1):not(.feature-card) {
  background: linear-gradient(#fff6ff 0%, #ffd9ff 58%, #ffc2fb 100%);
}

.first-model-section .feature-card {
  grid-column: span 2;
  grid-row: span 2;
  min-height: 570px;
  background: linear-gradient(#ffd67f 0%, #ffc166 62%, #ffa84c 100%);
}

.first-model-section .item-avatar {
  height: 190px;
  background: #111;
}

.first-model-section .feature-card .item-avatar {
  height: 524px;
}

.first-model-section .feature-card .item-avatar::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 96px;
  background: linear-gradient(transparent, rgba(0,0,0,.74));
  pointer-events: none;
}

.first-model-section .feature-card .item-avatar::after {
  content: "";
  position: absolute;
  left: 17px;
  right: 17px;
  bottom: 20px;
  z-index: 3;
  height: 5px;
  border-radius: 4px;
  background: linear-gradient(90deg, #fff 0 4%, rgba(255,255,255,.52) 4%);
  pointer-events: none;
}

.first-model-section .item-price {
  left: 8px;
  right: auto;
  bottom: 8px;
  max-width: calc(100% - 16px);
  padding: 0;
  color: #ff0700;
  background: transparent;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.05;
  text-shadow: 1px 1px 0 #000, 0 0 2px #fff000;
  white-space: nowrap;
}

.first-model-section .feature-card .item-price {
  bottom: 39px;
  z-index: 4;
}

.first-model-section .play-icon {
  right: 12px;
  bottom: 12px;
}

.first-model-section .feature-card .play-icon.front {
  left: 20px;
  right: auto;
  bottom: 47px;
  z-index: 4;
}

.first-model-section .feature-card .play-icon.shadow {
  display: none;
}

.first-model-section .item-info {
  padding: 5px 6px 6px;
}

.first-model-section .feature-card .item-info {
  min-height: 46px;
  padding: 4px 7px 5px;
  background: linear-gradient(#ffd27c, #ffbd5d);
}

.first-model-section .item-region-label {
  margin-bottom: 1px;
  color: #009000;
  font-size: 12px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.first-model-section .item-region-label span {
  color: #ff4b00;
}

.first-model-section .item-title {
  min-height: 34px;
  margin: 2px 0 0;
  font-size: 15px;
  line-height: 1.16;
}

.first-model-section .item-title a {
  color: #00139c;
  text-shadow: 1px 1px 0 #fff;
}

.first-model-section .feature-card .item-title {
  min-height: 22px;
  font-size: 18px;
  line-height: 1.1;
}

.first-model-section .item-icons {
  min-height: 22px;
  padding-top: 2px;
}

.first-model-section .flowercounter {
  min-width: 24px;
  height: 24px;
  padding-top: 2px;
  font-size: 11px;
}

.first-model-section .feature-card .flowercounter {
  min-width: 29px;
  height: 29px;
  font-size: 12px;
}

.second-model-section {
  margin-top: 12px;
  padding: 7px 7px 10px;
  border: 2px solid #e7b65f;
  background: #d7d1b7;
}

.second-model-section .ov {
  margin: 4px 0 1px;
  border: 0;
  color: #fff;
  font-size: 22px;
  text-shadow: 1px 1px 0 #3d278e, 2px 2px 0 #2fb5b9;
}

.second-model-section .ov em {
  color: #fff;
}

.section-alert {
  margin: 0 0 3px;
  color: #ff0700;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.second-model-section .gtable {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 286px;
  gap: 6px;
  margin-top: 0;
}

.second-model-section .item2 {
  min-height: 286px;
  border: 2px solid #20c4ff;
  border-radius: 4px;
  background: #d9f7ff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.88);
}

.second-model-section .item2:nth-child(3n) {
  border-color: #ff8a00;
  background: linear-gradient(#ffe4aa 0%, #ffc27a 58%, #ff9a32 100%);
}

.second-model-section .item2:nth-child(4n) {
  background: linear-gradient(#ecfbff 0%, #cceefa 100%);
}

.second-model-section .feature-card {
  grid-column: span 2;
  grid-row: span 2;
  min-height: 578px;
  background: #ffe7bf;
}

.second-model-section .item-avatar {
  height: 191px;
  background: #111;
}

.second-model-section .feature-card .item-avatar {
  height: 528px;
}

.second-model-section .feature-card .item-avatar::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 95px;
  background: linear-gradient(transparent, rgba(0,0,0,.78));
  pointer-events: none;
}

.second-model-section .feature-card .item-avatar::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 20px;
  z-index: 3;
  height: 5px;
  border-radius: 4px;
  background: linear-gradient(90deg, #fff 0 4%, rgba(255,255,255,.52) 4%);
  pointer-events: none;
}

.second-model-section .item-price {
  left: 8px;
  right: auto;
  bottom: 8px;
  max-width: calc(100% - 16px);
  padding: 0;
  color: #ff0700;
  background: transparent;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.05;
  text-shadow: 1px 1px 0 #000, 0 0 2px #fff000;
  white-space: nowrap;
}

.second-model-section .feature-card .item-price {
  bottom: 39px;
  z-index: 4;
}

.second-model-section .play-icon {
  right: 12px;
  bottom: 12px;
}

.second-model-section .feature-card .play-icon.front {
  left: 20px;
  right: auto;
  bottom: 47px;
  z-index: 4;
}

.second-model-section .feature-card .play-icon.shadow {
  display: none;
}

.second-model-section .item-info {
  padding: 5px 6px 6px;
}

.second-model-section .feature-card .item-info {
  min-height: 46px;
  padding: 4px 7px 5px;
  background: #ffe7bf;
}

.second-model-section .item-region-label {
  margin-bottom: 2px;
  color: #008b12;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.second-model-section .item-region-label span {
  color: #ff5a00;
}

.second-model-section .item-title {
  min-height: 35px;
  margin: 2px 0 0;
  font-size: 15px;
  line-height: 1.16;
}

.second-model-section .item-title a {
  color: #00139c;
  text-shadow: 1px 1px 0 #fff;
}

.second-model-section .feature-card .item-title {
  min-height: 22px;
  font-size: 18px;
  line-height: 1.1;
}

.second-model-section .item-icons {
  min-height: 22px;
  padding-top: 2px;
}

.second-model-section .flowercounter {
  min-width: 24px;
  height: 24px;
  padding-top: 2px;
  font-size: 11px;
}

.second-model-section .feature-card .flowercounter {
  min-width: 29px;
  height: 29px;
  font-size: 12px;
}

.mixed-model-section .gtable {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 278px;
  gap: 7px;
}

.mixed-model-section .item2 {
  min-height: 278px;
  border: 2px solid #b9a6e4;
  border-radius: 4px;
  background: linear-gradient(#ffffff 0%, #f5efff 100%);
  box-shadow: 1px 1px 4px rgba(57,22,107,.28), inset 0 0 0 1px rgba(255,255,255,.75);
}

.mixed-model-section .item2:nth-child(3n) {
  border-color: #00baf0;
  background: linear-gradient(#e9fbff 0%, #cceeff 100%);
}

.mixed-model-section .item2:nth-child(3n + 1):not(.feature-card) {
  border-color: #ff22cf;
  background: linear-gradient(#fff0ff 0%, #ffd2fa 100%);
}

.mixed-model-section .item2:nth-child(4n) {
  border-color: #ff9900;
  background: linear-gradient(#fff3bd 0%, #ffc977 100%);
}

.mixed-model-section-0 { border-top-color: #7c00c8; }
.mixed-model-section-1 { border-top-color: #00a649; }
.mixed-model-section-2 { border-top-color: #eb008e; }
.mixed-model-section-3 { border-top-color: #ff8c00; }

.mixed-model-section-0 .ov { color: #8111bb; }
.mixed-model-section-1 .ov { color: #008246; }
.mixed-model-section-2 .ov { color: #c50084; }
.mixed-model-section-3 .ov { color: #dd6200; }

.mixed-model-section .feature-card {
  grid-column: span 2;
  grid-row: span 2;
  min-height: 563px;
  border-color: #ff16cf;
  background: linear-gradient(#ffe1a2 0%, #ffc36f 100%);
}

.mixed-model-section .item-avatar {
  height: 184px;
  background: #111;
}

.mixed-model-section .feature-card .item-avatar {
  height: 516px;
}

.mixed-model-section .feature-card .item-avatar::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 92px;
  background: linear-gradient(transparent, rgba(0,0,0,.74));
  pointer-events: none;
}

.mixed-model-section .feature-card .item-avatar::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 20px;
  z-index: 3;
  height: 5px;
  border-radius: 4px;
  background: linear-gradient(90deg, #fff 0 4%, rgba(255,255,255,.52) 4%);
  pointer-events: none;
}

.mixed-model-section .item-price {
  left: 8px;
  right: auto;
  bottom: 8px;
  max-width: calc(100% - 16px);
  padding: 0;
  color: #ff0700;
  background: transparent;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.05;
  text-shadow: 1px 1px 0 #000, 0 0 2px #fff000;
  white-space: nowrap;
}

.mixed-model-section .feature-card .item-price {
  bottom: 39px;
  z-index: 4;
}

.mixed-model-section .play-icon {
  right: 12px;
  bottom: 12px;
}

.mixed-model-section .feature-card .play-icon.front {
  left: 20px;
  right: auto;
  bottom: 47px;
  z-index: 4;
}

.mixed-model-section .feature-card .play-icon.shadow {
  display: none;
}

.mixed-model-section .item-info {
  padding: 5px 6px 6px;
}

.mixed-model-section .feature-card .item-info {
  min-height: 46px;
  padding: 4px 7px 5px;
  background: linear-gradient(#ffd37e, #ffbd60);
}

.mixed-model-section .item-region-label {
  margin-bottom: 2px;
  color: #008b12;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mixed-model-section .item-region-label span {
  color: #ff5a00;
}

.mixed-model-section .item-title {
  min-height: 35px;
  margin: 2px 0 0;
  font-size: 15px;
  line-height: 1.16;
}

.mixed-model-section .item-title a {
  color: #00139c;
  text-shadow: 1px 1px 0 #fff;
}

.mixed-model-section .feature-card .item-title {
  min-height: 22px;
  font-size: 18px;
  line-height: 1.1;
}

.mixed-model-section .item-icons {
  min-height: 22px;
  padding-top: 2px;
}

.mixed-model-section .flowercounter {
  min-width: 24px;
  height: 24px;
  padding-top: 2px;
  font-size: 11px;
}

.mixed-model-section .feature-card .flowercounter {
  min-width: 29px;
  height: 29px;
  font-size: 12px;
}

.first-model-section .gtable,
.second-model-section .gtable,
.mixed-model-section .gtable {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  grid-column: span 2;
  grid-row: span 2;
  height: 100%;
  min-height: 0;
}

.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar {
  height: 168px;
}

.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  flex: 0 0 auto;
  min-height: 0;
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 31px;
  height: 20px;
  margin-right: 4px;
  padding: 0 5px;
  border-radius: 4px;
  background: var(--purple);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}
.hot-icon { background: var(--hot); }

.service-icon {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 24px;
  overflow: hidden;
  vertical-align: top;
  border-radius: 5px;
  background: linear-gradient(#fff4d8, #ff9c23);
  border: 1px solid rgba(0,0,0,.18);
  box-shadow: 0 1px 0 rgba(255,255,255,.65) inset;
}

.service-icon::before {
  position: absolute;
  inset: 3px 4px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 1px 1px #5d1700;
}

.service-icon i {
  position: absolute;
  right: -8px;
  bottom: -10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.24);
}

.service-styleA,
.service-hairless { background: linear-gradient(135deg, #151515, #9d2eff 58%, #f5d2ff); }
.service-styleA::before,
.service-hairless::before { content: "Style"; }
.service-styleB,
.service-look { background: linear-gradient(135deg, #781300, #ff3131 55%, #ffd155); }
.service-styleB::before,
.service-look::before { content: "Look"; }
.service-outfit,
.service-uniform { background: linear-gradient(135deg, #042d7f, #28c5ff 55%, #ffffff); }
.service-outfit::before,
.service-uniform::before { content: "Fit"; }
.service-wellness { background: linear-gradient(135deg, #00634e, #1cc986 55%, #fff25b); }
.service-wellness::before { content: "Care"; }
.service-verified,
.service-facial { background: linear-gradient(135deg, #39004f, #ff47a3 60%, #ffe1f1); }
.service-verified::before,
.service-facial::before { content: "OK"; }
.service-hotel { background: linear-gradient(135deg, #151515, #555 55%, #cfcfcf); }
.service-hotel::before { content: "Hotel"; }
.service-newPhotos,
.service-blog,
.service-newbie,
.service-gallery,
.service-premium,
.service-new {
  width: 24px;
  background: linear-gradient(#fff, #e9e9e9);
}
.service-newPhotos::before,
.service-gallery::before {
  content: "";
  inset: 4px;
  border-radius: 3px;
  background: linear-gradient(135deg, #14b8ff 0 45%, #fff 46% 54%, #ff3568 55%);
  box-shadow: 0 0 0 1px #525252 inset;
}
.service-blog::before,
.service-premium::before {
  content: "VIP";
  inset: 4px 2px;
  border-radius: 3px;
  background: #7b00bf;
}
.service-newbie::before,
.service-new::before {
  content: "New";
  inset: 4px;
  border-radius: 50%;
  background: #ff255b;
}

.more-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}
.more-row hr { flex: 1; border: 0; border-top: 1px solid #7b6aa2; }

.media-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #ffe15d;
  background: repeating-linear-gradient(135deg, #20152d 0 14px, #2c1d40 14px 28px);
  font-weight: 900;
}
.media-placeholder.wide { height: 240px; border-radius: 4px; }

.icondesc {
  background: #fdffb7;
  border: 1px solid #dbb755;
  border-radius: 8px;
}
.icondesc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.remark { float: right; color: var(--purple); }

#footer {
  padding: 12px;
  color: #fff;
  background: #1d102b;
  border-top: 1px solid var(--line);
}

#footer a {
  color: #ffd84a;
  font-weight: 900;
}

.mobile-floating-contact {
  display: none;
}

.save-toast {
  position: fixed;
  left: 50%;
  bottom: 84px;
  z-index: 90;
  transform: translateX(-50%) translateY(12px);
  padding: 10px 16px;
  color: #fff;
  background: #120917;
  border: 2px solid #ffcf29;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
  font-size: 13px;
  font-weight: 900;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
}

.save-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.favorites-shell {
  margin: 10px 8px 18px;
  padding: 12px;
  background: #ffd8e0;
  border: 2px solid #ff3b8d;
  border-radius: 6px;
}

.favorites-shell h1 {
  margin: 0 0 10px;
  color: #7d00a8;
  font-size: 26px;
  text-shadow: 1px 1px #fff;
}

.favorites-empty {
  margin: 0;
  padding: 18px;
  color: #5b306c;
  background: #fff8fb;
  border: 1px solid #ff9fc9;
  border-radius: 4px;
  font-weight: 800;
}

.policy-content {
  margin: 12px;
  padding: 18px;
}

.policy-content h1 {
  margin: 0 0 6px;
  color: #7d00a8;
  font-size: 28px;
}

.policy-content h2 {
  margin: 18px 0 6px;
  color: #0b4da8;
  font-size: 18px;
}

.policy-content p {
  margin: 0 0 10px;
  color: #241531;
  font-size: 14px;
  line-height: 1.55;
}

.policy-date {
  color: #744060 !important;
  font-weight: 900;
}

.favorites-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.favorite-card {
  position: relative;
  min-height: 285px;
  overflow: hidden;
  background: #101014;
  border: 2px solid #fff;
  border-radius: 5px;
  box-shadow: 2px 3px 8px rgba(0,0,0,.35);
}

.favorite-photo {
  display: block;
  height: 210px;
}

.favorite-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.favorite-info {
  display: grid;
  gap: 2px;
  padding: 7px 8px 36px;
  color: #fff;
}

.favorite-name {
  color: #93f6ff;
  font-size: 15px;
  font-weight: 900;
}

.favorite-info span {
  color: #d9f6ff;
  font-size: 12px;
  font-weight: 700;
}

.favorite-info b {
  color: #eeff30;
  font-size: 13px;
}

.favorite-card button {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 5px 9px;
  color: #fff;
  background: #e21754;
  border: 1px solid #fff;
  border-radius: 4px;
  font-weight: 900;
  cursor: pointer;
}
#bottomad {
  display: flex;
  gap: 10px;
  margin: 8px 10px 10px;
  padding: 10px;
  background: #111;
  overflow: hidden;
}
#bottomad.top-banners {
  margin-top: 8px;
}
.slider-card {
  display: grid;
  place-items: center;
  flex: 0 0 calc((100% - 20px) / 3);
  min-height: 92px;
  border: 1px dashed #ffd34d;
  border-radius: 5px;
  color: #ffd34d;
  background: repeating-linear-gradient(135deg, #20152d 0 14px, #2c1d40 14px 28px);
  font-weight: 900;
}
.banner-card {
  min-height: 92px;
  overflow: hidden;
  border: 0;
  background: #000;
  aspect-ratio: 1120 / 330;
}
.banner-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 950px) {
  #bottomad .slider-card {
    flex: 1 1 0;
  }
}
@media (max-width: 949px) {
  #bottomad {
    align-items: flex-start;
  }
  #bottomad .banner-card {
    min-height: 92px;
  }
  #bottomad .slider-card {
    flex-basis: calc((100% - 10px) / 2);
    animation: bottomAdTwo 6.4s ease-in-out infinite;
  }
  .profile-banner-card {
    flex-basis: calc((100% - 8px) / 2);
    animation: bottomAdTwo 6.4s ease-in-out infinite;
  }
}
@media (max-width: 600px) {
  #bottomad { gap: 0; }
  #bottomad .slider-card {
    flex-basis: 100%;
    animation-name: bottomAdOne;
    animation-duration: 9.6s;
  }
  .dns-banner.profile-banners { gap: 0; }
  .profile-banner-card {
    flex-basis: 100%;
    animation-name: bottomAdOne;
    animation-duration: 9.6s;
  }
}
@keyframes bottomAdTwo {
  0%, 42% { transform: translate3d(0, 0, 0); }
  50%, 92% { transform: translate3d(calc(-100% - 10px), 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes bottomAdOne {
  0%, 27% { transform: translate3d(0, 0, 0); }
  34%, 61% { transform: translate3d(-100%, 0, 0); }
  68%, 94% { transform: translate3d(-200%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
#scrollup {
  position: fixed;
  right: 18px;
  bottom: 65px;
  z-index: 20;
  width: 42px;
  height: 42px;
  color: #fff;
  background: #ff6aa4;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, .55);
}
.modal[hidden] { display: none; }
.modal-card {
  width: min(720px, 100%);
  padding: 18px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 15px 40px rgba(0,0,0,.35);
}
.modal-close {
  float: right;
  border: 0;
  color: #fff;
  background: var(--purple);
  border-radius: 4px;
  padding: 6px 10px;
  cursor: pointer;
}
.text-danger { color: #c60000; font-weight: 900; }

.profile-page { padding: 0 10px 12px; }
.profile-classic {
  margin: 0 auto;
  background: #ffdada;
}

.model-topline {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 3px 5px;
  overflow: hidden;
  color: #001ca8;
  background: #fff5a9;
  border-bottom: 1px solid #ff627c;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.model-topline a {
  margin-left: auto;
  padding: 2px 8px;
  color: #fff;
  background: linear-gradient(#ff8d8d, #d80000);
  border-radius: 4px;
}

.model-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 1px 6px;
  border-radius: 3px;
  color: #fff;
  background: #7c00c8;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.model-chip.hot { background: #ff4a00; }
.model-chip.pink { background: #ff2abf; }
.model-chip.blue { background: #189cff; }

.dns-banner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 42px;
  margin: 5px 8px 0;
  padding: 4px 10px;
  color: #fff900;
  background:
    repeating-linear-gradient(-25deg, rgba(255,255,255,.24) 0 7px, transparent 7px 15px),
    linear-gradient(90deg, #31b54a, #ffe44d 52%, #ff7ca8);
  border: 2px solid #ffe700;
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(0,0,0,.28);
}

.dns-banner strong {
  display: block;
  color: #123f15;
  font-size: 30px;
  line-height: 1;
  text-shadow: 1px 1px #fff, 2px 2px #e18400;
}

.dns-banner span {
  grid-column: 1 / 2;
  color: #ff007a;
  font-size: 11px;
  font-weight: 900;
}

.dns-banner b {
  grid-row: 1 / span 2;
  grid-column: 2;
  padding: 8px 10px;
  color: #fff;
  background: #ff6184;
  border-radius: 4px;
  font-size: 12px;
}

.dns-banner.profile-banners {
  display: flex;
  grid-template-columns: none;
  gap: 8px;
  min-height: 0;
  padding: 4px;
  background: #111;
  border: 2px solid #ff2c77;
  overflow: hidden;
}

.profile-banner-card {
  flex: 0 0 calc((100% - 16px) / 3);
  display: block;
  min-width: 0;
  overflow: hidden;
  background: #000;
  aspect-ratio: 1120 / 330;
}

.profile-banner-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.profile-sheet {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 8px;
  margin: 0 8px 9px;
  padding: 8px;
  background: #ff9aae;
  border-radius: 0 0 8px 8px;
}

.profile-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.profile-side-thumbs {
  display: none;
}

.mini-photo,
.side-media {
  position: relative;
  overflow: hidden;
  background: #111;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 7px;
  box-shadow: 1px 1px 4px rgba(0,0,0,.35);
}

.mini-photo img,
.side-media img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.mini-photo img { height: 150px; }
.side-media img { height: 430px; }

.side-title {
  align-self: flex-start;
  padding: 3px 12px;
  color: #fff;
  background: linear-gradient(#c0a700, #7d6300);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
}

.side-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 78px;
  background: linear-gradient(transparent, rgba(0,0,0,.8));
}

.profile-slider::after {
  display: none;
}

.profile-slider {
  touch-action: pan-y;
  cursor: grab;
}

.profile-slider:active {
  cursor: grabbing;
}

.profile-slide-arrow {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: grid;
  width: 28px;
  height: 42px;
  place-items: center;
  padding: 0;
  color: #fff;
  background: rgba(0,0,0,.38);
  border: 0;
  border-radius: 3px;
  font-size: 30px;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}

.profile-slide-arrow:hover {
  background: rgba(255,0,122,.72);
}

.profile-slide-prev { left: 6px; }
.profile-slide-next { right: 6px; }

.media-play {
  position: absolute;
  left: 14px;
  bottom: 31px;
  z-index: 3;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #fff;
}

.media-time {
  position: absolute;
  left: 40px;
  bottom: 31px;
  z-index: 3;
  color: #fff;
  font-size: 13px;
}

.media-bar {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 15px;
  z-index: 3;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #fff 0 5%, rgba(255,255,255,.45) 5%);
}

.profile-mainpanel {
  min-width: 0;
  padding: 3px 0;
}

.profile-name-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding-right: 34px;
  color: #ff00a8;
}

.profile-name-row h1 {
  margin: 0;
  color: #ff00a8;
  font-size: 18px;
  line-height: 1.1;
  text-shadow: 1px 1px #fff;
}

.profile-name-row .flowercounter {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 28px;
  height: 28px;
  font-size: 12px;
}

.profile-status-row,
.contact-buttons,
.model-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 5px 0;
}

.profile-status-row span,
.contact-buttons a,
.model-tags > span:not(.service-icon) {
  padding: 3px 7px;
  color: #fff;
  background: linear-gradient(#ff6b79, #d9002f);
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 900;
}

.profile-status-row b {
  color: #f90000;
  font-size: 15px;
  text-shadow: 1px 1px #fff;
}

.contact-buttons a:nth-child(2) { background: linear-gradient(#42cfff, #0076c9); }
.contact-buttons a:nth-child(3) { background: linear-gradient(#48d96a, #008b30); }
.contact-buttons a:nth-child(4) { background: linear-gradient(#b45dff, #6700aa); }

.contact-buttons .contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 27px;
  padding: 5px 9px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  box-shadow: 1px 1px 2px rgba(0,0,0,.28);
}

.contact-buttons button.contact-btn {
  border: 0;
  cursor: pointer;
}

.contact-buttons .contact-btn svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: currentColor;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
}

.contact-buttons .contact-btn span {
  white-space: nowrap;
}

.contact-save.saved {
  color: #161000;
  background: linear-gradient(#ffe96b, #ff9c00) !important;
  box-shadow: 0 0 0 2px #fff, 0 0 14px rgba(255, 225, 0, .75);
}

.contact-save.saved svg {
  fill: #8b006d;
}

.contact-save.save-pop {
  animation: savePop .42s ease;
}

@keyframes savePop {
  0% { transform: scale(1); }
  45% { transform: scale(1.16) rotate(-2deg); }
  100% { transform: scale(1); }
}

.profile-table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 7px 0;
  border: 1px solid #ff3769;
  background: #fff7fa;
}

.profile-table div {
  display: grid;
  grid-template-columns: 62px 1fr;
  min-height: 25px;
  border-right: 1px solid #ff3769;
  border-bottom: 1px solid #ff3769;
  font-size: 12px;
}

.profile-table span {
  padding: 5px;
  color: #c00040;
  background: #ffe8ef;
  font-weight: 900;
}

.profile-table b {
  padding: 5px;
  color: #00139c;
}

.profile-prices {
  margin: 7px 0;
  padding: 6px;
  background: #fff7fa;
  border: 1px solid #ff3769;
}

.profile-prices h2 {
  margin: 0 0 5px;
  color: #c00040;
  font-size: 13px;
  line-height: 1.1;
}

.price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

.price-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
  align-items: center;
  min-height: 24px;
  padding: 4px 5px;
  color: #00139c;
  background: #ffe8ef;
  border: 1px solid #ff6f95;
  font-size: 12px;
  font-weight: 900;
}

.price-row b {
  color: #e00000;
  white-space: nowrap;
}

.price-row em {
  grid-column: 1 / -1;
  color: #8d006c;
  font-size: 10px;
  font-style: normal;
}

.photo-board,
.info-box {
  margin-top: 10px;
  padding: 9px;
  background: #fff;
  border: 2px solid #2936bd;
  border-radius: 5px;
}

.photo-board h2,
.info-box h2,
.related-models h2 {
  display: inline-block;
  margin: -20px 0 8px 10px;
  padding: 2px 15px;
  color: #fff;
  background: linear-gradient(#7764e8, #251592);
  border-radius: 12px;
  font-size: 13px;
}

.profile-photos {
  display: grid;
  grid-template-columns: repeat(4, 70px);
  gap: 8px;
}

.profile-photos button {
  width: 70px;
  height: 82px;
  padding: 0;
  overflow: hidden;
  background: #e9f6ff;
  border: 1px solid #86c7ff;
  cursor: pointer;
}

.profile-photos button.active {
  border-color: #86c7ff;
  box-shadow: none;
}

.profile-photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-box p {
  margin: 4px 0 8px;
  color: #222;
  font-size: 12px;
  line-height: 1.45;
}

.review-card {
  padding: 7px;
  background: #ffe5ea;
  border: 1px solid #ff708e;
  color: #9b0030;
  font-size: 12px;
}

.review-thumbs {
  display: flex;
  gap: 6px;
  margin-top: 5px;
}

.review-thumbs img {
  width: 42px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #9cc9ff;
}

.share-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 12px 0 0;
  color: #00139c;
  font-size: 11px;
}

.contact-icon {
  display: inline-grid;
  min-width: 30px;
  height: 24px;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.25);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}

.contact-icon:hover {
  filter: brightness(1.15);
  text-decoration: none;
}

.contact-icon.tg { background: linear-gradient(#37c7ff, #087abf); }
.contact-icon.wa { background: linear-gradient(#41e173, #07953a); }
.contact-icon.phone { background: linear-gradient(#ff6e9e, #d90052); font-size: 14px; }
.contact-icon.line { background: linear-gradient(#27dc54, #008c28); min-width: 42px; }

.contact-icon-row {
  flex-wrap: wrap;
}

.related-models {
  margin: 10px 8px 12px;
  padding: 10px;
  background: #fff;
  border: 2px solid #8b79d5;
  border-radius: 6px;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.related-card {
  position: relative;
  min-height: 205px;
  overflow: hidden;
  padding: 0 6px 7px;
  color: #bffcff;
  background: linear-gradient(#171717, #090909);
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.35);
}

.related-card img {
  width: calc(100% + 12px);
  height: 118px;
  margin: 0 -6px 5px;
  object-fit: cover;
}

.related-card strong {
  display: block;
  color: #bffcff;
  font-size: 12px;
  line-height: 1.15;
}

.related-card span {
  display: block;
  color: #fff;
  font-size: 10px;
}

.related-card em {
  position: absolute;
  right: 5px;
  bottom: 6px;
  color: #d6ff1a;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.profile-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.88);
}

.profile-lightbox[hidden] {
  display: none;
}

body.gallery-open {
  overflow: hidden;
}

.profile-lightbox img {
  max-width: calc(100vw - 58px);
  max-height: calc(100vh - 96px);
  object-fit: contain;
  border: 3px solid #fff;
  border-radius: 6px;
  box-shadow: 0 4px 24px rgba(0,0,0,.7);
}

.lightbox-close,
.lightbox-nav {
  position: fixed;
  z-index: 101;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(255,0,117,.86);
  border: 2px solid rgba(255,255,255,.75);
  cursor: pointer;
}

.lightbox-close {
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 26px;
}

.lightbox-nav {
  top: 50%;
  width: 42px;
  height: 64px;
  border-radius: 5px;
  font-size: 44px;
  transform: translateY(-50%);
}

.lightbox-prev { left: 12px; }
.lightbox-next { right: 12px; }

.lightbox-dots {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 18px;
  z-index: 101;
  display: flex;
  justify-content: center;
  gap: 7px;
}

.lightbox-dots button {
  width: 11px;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #9d9d9d;
  cursor: pointer;
}

.lightbox-dots button.active {
  background: #ff149d;
  box-shadow: 0 0 0 2px #fff;
}
.purple_btn { display: inline-block; padding: 7px 12px; background: var(--purple); color: #fff; border-radius: 4px; font-weight: 900; }

@media (max-width: 900px) {
  #wrapper { width: 100%; margin-top: 0; }
  #catButtons { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gid-box { grid-column: span 1; }
  #typeButtons { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .star-list { grid-template-columns: repeat(5, 1fr); }
  .mediahub-shell { grid-template-columns: 1fr; }
  .newlist { display: none; }
  .mediahub-grid { grid-template-columns: 1fr; }
  .media-feature { height: 360px; }
  .instant-carousel article { flex-basis: 100%; }
  .gtable { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .first-model-section .gtable {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
  }
  .first-model-section .feature-card {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: auto;
  }
  .first-model-section .feature-card .item-avatar { height: 420px; }
  .second-model-section .gtable {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
  }
  .second-model-section .feature-card {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: auto;
  }
  .second-model-section .feature-card .item-avatar { height: 420px; }
  .mixed-model-section .gtable {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
  }
  .mixed-model-section .feature-card {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: auto;
  }
  .mixed-model-section .feature-card .item-avatar { height: 420px; }
  .report-grid { grid-template-columns: 1fr; }
  .profile-shell { grid-template-columns: 1fr; }
  .profile-classic { max-width: none; }
  .profile-sheet { grid-template-columns: 215px 1fr; gap: 6px; }
  .profile-side { display: flex; }
  .mini-photo img { height: 142px; }
  .side-media img { height: 390px; }
  .profile-photos { grid-template-columns: repeat(3, 58px); gap: 6px; }
  .profile-photos button { width: 58px; height: 70px; }
  .related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .related-card { min-height: 160px; padding: 0 4px 5px; }
  .related-card img { width: calc(100% + 8px); height: 86px; margin: 0 -4px 4px; }
  #bottomad .slider-card { flex-basis: calc((100% - 10px) / 2); }
}

@media (max-width: 560px) {
  body { font-size: 13px; }
  #core { padding: 0 6px 10px; }
  .category { margin: 0 6px 8px; padding: 6px; }
  #catButtons,
  #typeButtons { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .style3,
  .numberbutton { min-width: 0; min-height: 44px; font-size: 13px; }
  .star-list { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .star-list a { height: 112px; }
  .feat-btn-wrapper { width: 50px; height: 33px; }
  .media-title { font-size: 21px; }
  .media-title small { display: block; margin: 2px 0 0; }
  .media-feature { height: 260px; }
  .media-small-grid { grid-template-columns: 1fr; }
  .media-card { height: 82px; }
  .instant-carousel article { grid-template-columns: 120px 1fr; min-height: 160px; padding: 18px 12px; }
  .instant-photo { height: 120px; }
  .gtable { gap: 6px; }
  .item2 { min-height: 236px; }
  .item-avatar { height: 150px; }
  .first-model-section .item2 { min-height: 250px; }
  .first-model-section .item-avatar { height: 164px; }
  .first-model-section .feature-card .item-avatar { height: 330px; }
  .second-model-section { padding: 5px; }
  .second-model-section .item2 { min-height: 250px; }
  .second-model-section .item-avatar { height: 164px; }
  .second-model-section .feature-card .item-avatar { height: 330px; }
  .mixed-model-section .item2 { min-height: 250px; }
  .mixed-model-section .item-avatar { height: 164px; }
  .mixed-model-section .feature-card .item-avatar { height: 330px; }
  .section-alert { font-size: 13px; }
  .item-title { font-size: 15px; }
  .profile-page { padding: 0 5px 10px; }
  .profile-sheet { margin: 0 5px 8px; padding: 6px; }
  .profile-table { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-table div {
    grid-template-columns: 74px minmax(0, 1fr);
    font-size: 11px;
  }
  .profile-table span,
  .profile-table b {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .price-grid { grid-template-columns: 1fr; }
  .price-row { font-size: 11px; }
  .profile-status-row span,
  .contact-buttons a,
  .model-tags > span:not(.service-icon) { padding: 3px 5px; font-size: 10px; }
  .contact-buttons .contact-btn {
    min-height: 29px;
    padding: 6px 8px;
    font-size: 12px;
  }
  .contact-buttons .contact-btn svg {
    width: 15px;
    height: 15px;
  }
  .profile-name-row h1 { font-size: 16px; }
  .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .related-card strong { font-size: 10px; }
  .related-card span,
  .related-card em { font-size: 9px; }
  .dns-banner strong { font-size: 22px; }
  #bottomad { gap: 0; }
  #bottomad .slider-card { flex-basis: 100%; }
}

@media (max-width: 560px) {
  .topBar {
    gap: 5px;
    padding: 5px 6px;
  }

  .flags {
    flex-wrap: nowrap;
    gap: 5px;
    overflow-x: hidden;
  }

  .flags a:not(.logo):not(.active):nth-of-type(n+4) {
    display: none;
  }

  .flags a {
    padding: 5px 8px;
    font-size: 12px;
  }

  .flags .logo {
    max-width: none;
  }

  .header-contact {
    display: flex;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-left: 0;
    gap: 4px;
  }

  .header-contact-btn {
    width: 34px;
    min-width: 34px;
    padding: 5px;
    font-size: 0;
  }

  .header-contact-btn svg {
    width: 16px;
    height: 16px;
  }

  .header-contact-btn span {
    display: none;
  }

  .user-toggle {
    flex: 0 0 auto;
    padding: 6px 9px;
    font-size: 12px;
  }

  .region-tab-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: visible;
  }

  .region-tab-list li {
    min-width: 0;
  }

  .region-tab-list a {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 6px 4px 5px;
    font-size: 12px;
    box-sizing: border-box;
  }

  .region-tab-list small {
    min-width: 36px;
    padding: 1px 5px;
  }

  #features-nav {
    justify-content: center;
    gap: 4px;
  }

  .feat-btn-wrapper {
    width: 58px;
    height: 36px;
  }

  .feat-btn-img {
    font-size: 10px;
    line-height: 1.05;
  }
}

@media (max-width: 430px) {
  .category {
    margin: 0 4px 8px;
    padding: 4px;
  }

  #catButtons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }

  .action-tile {
    width: 100%;
    min-width: 0;
    aspect-ratio: 16 / 5.6;
  }

  .action-tile span {
    min-width: 0;
    max-width: calc(100% - 6px);
    min-height: 0;
    padding: 2px 4px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 449px) {
  .profile-sheet { grid-template-columns: 128px 1fr; gap: 6px; }
}

@media (max-width: 949px) {
  .dns-banner.profile-banners {
    gap: 8px;
  }

  .profile-banners .profile-banner-card {
    flex: 0 0 calc((100% - 8px) / 2);
    animation: bottomAdTwo 6.4s ease-in-out infinite;
  }
}

@media (max-width: 600px) {
  .dns-banner.profile-banners {
    gap: 0;
  }

  .profile-banners .profile-banner-card {
    flex: 0 0 100%;
    animation: bottomAdOne 9.6s ease-in-out infinite;
  }
}

.first-model-section .feature-card .item-price,
.second-model-section .feature-card .item-price,
.mixed-model-section .feature-card .item-price {
  bottom: 8px;
}

@media (max-width: 600px) {
  .profile-sheet {
    grid-template-columns: 1fr;
    gap: 7px;
    margin: 0 4px 8px;
    padding: 6px;
  }

  .profile-side {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(116px, 1fr);
    align-items: stretch;
    gap: 6px;
  }

  .side-media,
  .profile-side-thumbs {
    min-width: 0;
  }

  .side-media img {
    height: clamp(330px, 104vw, 500px);
  }

  .profile-side-thumbs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 5px;
  }

  .profile-side-thumbs button {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1.28;
    padding: 0;
    overflow: hidden;
    background: #111;
    border: 2px solid #ffd2e0;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  }

  .profile-side-thumbs button.active {
    border-color: #ff0a7a;
    box-shadow: 0 0 0 2px #ffe900, 1px 1px 4px rgba(0,0,0,.45);
  }

  .profile-side-thumbs img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .profile-mainpanel {
    padding-top: 2px;
  }

  .profile-mainpanel .photo-board {
    display: none;
  }

  .related-models {
    margin: 12px 4px 14px;
    padding: 10px 8px;
  }

  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .related-card {
    min-height: 250px;
    padding: 0 7px 28px;
    border-radius: 4px;
  }

  .related-card img {
    width: calc(100% + 14px);
    height: 172px;
    margin: 0 -7px 7px;
  }

  .related-card strong {
    font-size: 13px;
    line-height: 1.15;
  }

  .related-card span {
    font-size: 11px;
    line-height: 1.15;
  }

  .related-card em {
    right: 7px;
    bottom: 7px;
    font-size: 11px;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  .related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
  }

  .related-card {
    min-height: 230px;
  }

  .related-card img {
    height: 140px;
  }
}

@media (max-width: 700px) {
  body {
    padding-bottom: 72px;
  }

  .mobile-floating-contact {
    position: fixed;
    left: 0;
    right: auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 8px;
    margin: 0;
    transform: none;
    bottom: 10px;
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    pointer-events: none;
  }

  .float-contact-btn {
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    border: 2px solid rgba(255,255,255,.85);
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(0,0,0,.45);
    font-size: 14px;
    font-weight: 900;
    pointer-events: auto;
    text-shadow: 1px 1px rgba(0,0,0,.35);
  }

  .float-contact-btn svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    fill: currentColor;
  }

  .float-contact-btn span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .float-tg { background: linear-gradient(#35cfff, #0876c9); }
  .float-wa { background: linear-gradient(#46ea77, #078d35); }

  @media (max-width: 370px) {
    .float-contact-btn {
      font-size: 12px;
      gap: 4px;
    }

    .float-contact-btn svg {
      width: 18px;
      height: 18px;
    }
  }

  .favorites-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .favorite-photo {
    height: 190px;
  }
}

/* GirlstalkHK neon station redesign */
:root {
  --hs-ink: #071018;
  --hs-ink-2: #0e1722;
  --hs-panel: rgba(10, 18, 30, .92);
  --hs-panel-2: rgba(18, 26, 40, .96);
  --hs-cyan: #16f5ff;
  --hs-magenta: #ff38cc;
  --hs-gold: #ffd44d;
  --hs-green: #38f58a;
  --hs-orange: #ff8d2f;
  --hs-line: rgba(22, 245, 255, .45);
  --hs-soft-line: rgba(255, 255, 255, .14);
}

@keyframes hsShimmer {
  0% { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
  18% { opacity: .85; }
  48% { opacity: .35; }
  100% { transform: translateX(140%) skewX(-18deg); opacity: 0; }
}

@keyframes hsPulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(22,245,255,.32), 0 0 18px rgba(255,56,204,.22); }
  50% { box-shadow: 0 0 0 1px rgba(255,212,77,.76), 0 0 26px rgba(22,245,255,.38); }
}

@keyframes hsScan {
  0% { background-position: 0 0; }
  100% { background-position: 0 34px; }
}

body.main,
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,56,204,.17), transparent 28%),
    radial-gradient(circle at 84% 14%, rgba(22,245,255,.16), transparent 32%),
    linear-gradient(180deg, #05070e 0%, #0a111b 46%, #05070e 100%);
  color: #ecf9ff;
}

body::before {
  background:
    linear-gradient(90deg, rgba(22,245,255,.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 52px 52px, 52px 52px;
  opacity: .34;
}

.topBar {
  background: rgba(4, 8, 15, .92);
  border-bottom: 1px solid rgba(22,245,255,.36);
  box-shadow: 0 12px 34px rgba(0,0,0,.62), 0 0 24px rgba(22,245,255,.16);
  backdrop-filter: blur(10px);
}

.flags .logo,
.logo.emperor {
  color: var(--hs-gold);
  background: linear-gradient(135deg, rgba(255,212,77,.18), rgba(255,56,204,.08) 42%, rgba(22,245,255,.12));
  border: 1px solid rgba(255,212,77,.9);
  border-radius: 6px;
  text-shadow: 0 0 12px rgba(255,212,77,.76), 0 2px 0 #000;
  box-shadow: inset 0 0 18px rgba(255,212,77,.16), 0 0 22px rgba(255,212,77,.2);
}

.flags a:not(.logo),
.topBar .tg-top,
.topBar .wa-top {
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(22,245,255,.16);
}

#wrapper {
  background:
    linear-gradient(180deg, rgba(16,25,39,.96), rgba(8,13,24,.97)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 18px);
  border: 1px solid rgba(22,245,255,.34);
  box-shadow: 0 0 0 1px rgba(255,56,204,.14), 0 24px 70px rgba(0,0,0,.72);
}

#header {
  padding-top: 8px;
}

#header_menu {
  margin: 0 10px;
  padding: 8px;
  gap: 7px;
  background: linear-gradient(135deg, rgba(16,245,255,.12), rgba(255,56,204,.1), rgba(255,212,77,.08));
  border: 1px solid var(--hs-line);
  border-radius: 8px;
  box-shadow: inset 0 0 24px rgba(255,255,255,.06), 0 0 24px rgba(22,245,255,.13);
}

#header_menu a,
#header_menu button,
.premium-link,
.tg-link,
.tiny-pill {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(180deg, rgba(24,36,54,.98), rgba(5,10,18,.98));
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 6px;
  text-shadow: 0 1px 2px #000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 0 14px rgba(22,245,255,.12);
}

#header_menu a::before,
#header_menu button::before,
.action-tile::before,
.numberbutton::before,
.item2::before,
.related-card::before,
.banner-card::before {
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: 0;
  width: 34%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  animation: hsShimmer 5.2s ease-in-out infinite;
}

#header_menu a:hover,
#header_menu button:hover {
  border-color: var(--hs-gold);
  transform: translateY(-1px);
  box-shadow: 0 0 18px rgba(255,212,77,.3), 0 0 24px rgba(255,56,204,.2);
}

#catBlock {
  margin: 10px 10px 0;
  padding: 10px;
  background:
    linear-gradient(180deg, rgba(7,16,24,.92), rgba(15,23,35,.88)),
    repeating-linear-gradient(90deg, rgba(22,245,255,.13) 0 2px, transparent 2px 28px);
  border: 1px solid rgba(255,56,204,.42);
  border-radius: 8px;
  box-shadow: inset 0 0 28px rgba(22,245,255,.08), 0 0 28px rgba(255,56,204,.14);
}

#catButtons {
  gap: 8px;
}

.action-tile {
  min-height: 86px;
  border: 1px solid rgba(22,245,255,.75);
  border-radius: 8px;
  background: #08111b;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 18px rgba(22,245,255,.16);
  isolation: isolate;
}

.action-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.5)), linear-gradient(90deg, rgba(255,56,204,.14), rgba(22,245,255,.12));
  pointer-events: none;
}

.action-tile img {
  filter: saturate(1.3) contrast(1.05);
}

.action-tile span {
  z-index: 2;
  min-width: 0;
  background: rgba(5, 9, 17, .64);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
  color: #fff;
  box-shadow: 0 0 16px rgba(255,56,204,.3);
}

#typeButtons {
  margin-top: 9px;
  gap: 6px;
}

.numberbutton {
  border: 1px solid rgba(255,212,77,.56);
  border-radius: 6px;
  box-shadow: inset 0 0 22px rgba(0,0,0,.4), 0 0 15px rgba(255,212,77,.16);
}

.numberbutton::before {
  animation-delay: 1.1s;
}

.numberbutton b {
  background: linear-gradient(180deg, #101923, #05070e);
  border: 1px solid rgba(22,245,255,.55);
  box-shadow: 0 0 12px rgba(22,245,255,.25);
}

#bottomad {
  margin: 10px;
  padding: 10px;
  background: linear-gradient(180deg, rgba(7,11,19,.96), rgba(14,22,34,.94));
  border: 1px solid rgba(255,212,77,.34);
  border-radius: 8px;
  box-shadow: inset 0 0 26px rgba(255,255,255,.05), 0 0 22px rgba(255,212,77,.11);
}

#bottomad .banner-card {
  position: relative;
  border: 1px solid rgba(22,245,255,.42);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(22,245,255,.15);
}

#bottomad .banner-card img {
  filter: saturate(1.12) contrast(1.04);
}

.instant-block,
.model-section,
.icondesc,
.report-block,
.rank-panel,
.mediahub-shell,
.cat_region {
  background:
    linear-gradient(180deg, rgba(11,20,32,.94), rgba(5,10,18,.96)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 17px);
  border: 1px solid rgba(22,245,255,.26);
  border-radius: 8px;
  box-shadow: inset 0 0 30px rgba(255,255,255,.04), 0 0 30px rgba(0,0,0,.34);
}

.region-tab-list {
  gap: 6px;
  padding: 8px 8px 0;
}

.region-tab-list a {
  min-width: 86px;
  color: #ebfbff;
  background: linear-gradient(180deg, #172235, #071018);
  border: 1px solid rgba(22,245,255,.48);
  border-bottom-color: rgba(255,56,204,.35);
  border-radius: 7px 7px 0 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}

.region-tab-list a.active {
  color: #05070e;
  background: linear-gradient(180deg, #16f5ff, #ffd44d);
  text-shadow: none;
}

.region-tab-list small {
  color: #fff;
  background: linear-gradient(90deg, #ff38cc, #6e40ff);
  border-radius: 999px;
}

.tab-content {
  background:
    linear-gradient(180deg, rgba(7,14,24,.97), rgba(13,22,34,.97)),
    repeating-linear-gradient(90deg, rgba(22,245,255,.08) 0 1px, transparent 1px 20px);
  border-color: rgba(255,56,204,.38);
  min-height: 150px;
}

.region-link {
  color: #ecfbff;
  background: linear-gradient(180deg, rgba(25,39,60,.95), rgba(7,13,22,.98));
  border: 1px solid rgba(22,245,255,.55);
  border-left: 4px solid var(--hs-gold);
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(22,245,255,.16);
}

.region-link span {
  color: #ffb5e9;
}

.region-link small {
  color: #061018;
  background: linear-gradient(90deg, #16f5ff, #38f58a);
}

.region-link.selected {
  background: linear-gradient(135deg, #ff38cc, #7d42ff 55%, #16f5ff);
  border-color: #ffd44d;
}

.section-heading,
.ov {
  border-bottom: 2px solid rgba(22,245,255,.42);
  color: #fff;
  text-shadow: 0 0 12px rgba(22,245,255,.35), 0 2px 0 #000;
}

.section-heading h2,
.ov strong,
.instant-block h2,
.report-block h2,
.media-title {
  color: #fff;
}

.ov em,
.media-title small {
  color: var(--hs-gold);
}

.star-list {
  gap: 12px;
  padding: 10px 8px 4px;
}

.star-list a {
  height: 130px;
  border: 1px solid rgba(255,212,77,.66);
  border-radius: 6px;
  background: #05070e;
  box-shadow: 0 0 18px rgba(255,212,77,.17), 0 11px 22px rgba(0,0,0,.44);
}

.star-list li:nth-child(even) a {
  transform: rotate(-2deg);
}

.star-list a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, rgba(0,0,0,.72));
  pointer-events: none;
}

.rank-no,
.star-list small {
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 8px #ff38cc, 0 2px 0 #000;
}

.feat-btn-wrapper {
  width: 66px;
  min-width: 66px;
  height: 40px;
  color: #fff;
  background: linear-gradient(135deg, #ff38cc, #6d45ff 52%, #16f5ff);
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 6px;
  box-shadow: inset 0 0 14px rgba(255,255,255,.22), 0 0 17px rgba(255,56,204,.22);
  animation: hsPulse 3.8s ease-in-out infinite;
}

.feat-btn-img,
.feat-btn-text {
  max-width: 100%;
  overflow: hidden;
  line-height: 1.05;
  text-overflow: ellipsis;
}

.feat-btn-img {
  font-size: 10px;
}

.feat-btn-text {
  font-size: 12px;
}

.gtable {
  gap: 9px;
}

.item2,
.related-card,
.report-card,
.instant-card {
  position: relative;
  overflow: hidden;
  color: #ecfbff;
  background:
    linear-gradient(180deg, rgba(19,30,46,.98), rgba(7,13,22,.98)),
    repeating-linear-gradient(0deg, rgba(22,245,255,.045) 0 1px, transparent 1px 18px);
  border: 1px solid rgba(22,245,255,.42);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.46);
}

.item2::before,
.related-card::before {
  z-index: 4;
  animation-duration: 6.4s;
}

.item2.hot,
.item2.blog {
  border-color: rgba(255,212,77,.68);
}

.item-avatar {
  background: #05070e;
}

.item-avatar::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 46%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.76));
  pointer-events: none;
}

.item-price {
  color: #fff;
  background: linear-gradient(90deg, rgba(255,56,204,.94), rgba(255,141,47,.94));
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 5px;
  text-shadow: 0 1px 1px #000;
  box-shadow: 0 0 14px rgba(255,56,204,.3);
}

.item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  background: linear-gradient(180deg, rgba(9,17,28,.95), rgba(15,24,37,.98));
  border-top: 1px solid rgba(22,245,255,.22);
}

.item-region-label,
.first-model-section .item-region-label,
.second-model-section .item-region-label,
.mixed-model-section .item-region-label {
  color: var(--hs-green);
  text-shadow: 0 0 8px rgba(56,245,138,.28);
}

.item-region-label span,
.first-model-section .item-region-label span,
.second-model-section .item-region-label span,
.mixed-model-section .item-region-label span {
  color: var(--hs-orange);
}

.item-title a,
.first-model-section .item-title a,
.second-model-section .item-title a,
.mixed-model-section .item-title a {
  color: #f6fbff;
  text-shadow: 0 1px 1px #000;
}

.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2 {
  background:
    linear-gradient(180deg, rgba(19,30,46,.98), rgba(7,13,22,.98)),
    repeating-linear-gradient(0deg, rgba(22,245,255,.045) 0 1px, transparent 1px 18px);
  border-color: rgba(22,245,255,.42);
}

.first-model-section .item2:nth-child(3n),
.first-model-section .item2:nth-child(3n + 1):not(.feature-card),
.second-model-section .item2:nth-child(3n),
.second-model-section .item2:nth-child(4n),
.mixed-model-section .item2:nth-child(3n),
.mixed-model-section .item2:nth-child(3n + 1):not(.feature-card),
.mixed-model-section .item2:nth-child(4n) {
  background:
    linear-gradient(180deg, rgba(24,34,53,.98), rgba(8,14,24,.98)),
    repeating-linear-gradient(0deg, rgba(255,56,204,.045) 0 1px, transparent 1px 18px);
}

.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  border-color: rgba(255,212,77,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 28px rgba(255,212,77,.2);
}

.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex: 1 1 auto;
  height: auto;
}

.first-model-section .feature-card .item-price,
.second-model-section .feature-card .item-price,
.mixed-model-section .feature-card .item-price {
  bottom: 8px;
}

.flowercounter {
  color: #fff;
  background: radial-gradient(circle at 35% 28%, #fff 0 7%, #ff6fd4 8% 42%, #d30080 43% 100%);
  box-shadow: 0 0 14px rgba(255,56,204,.42);
}

.icondesc {
  color: #ecfbff;
}

.icondesc .icon {
  background: linear-gradient(135deg, #ff38cc, #16f5ff);
  border: 1px solid rgba(255,255,255,.5);
}

.media-feature,
.media-thumb,
.instant-item,
.report-card {
  border: 1px solid rgba(22,245,255,.36);
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(22,245,255,.12);
}

#scrollup {
  position: fixed;
  right: 18px;
  bottom: 65px;
  z-index: 20;
  width: 42px;
  height: 42px;
  color: #fff;
  background: #ff6aa4;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

@media (min-width: 901px) {
  .first-model-section .gtable,
  .second-model-section .gtable,
  .mixed-model-section .gtable {
    grid-template-columns: 2fr 1fr 1fr;
    grid-auto-rows: 244px;
  }

  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    grid-column: span 1;
    grid-row: span 2;
    min-height: 497px;
  }

  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2 {
    min-height: 244px;
  }

  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar {
    height: 165px;
  }
}

@media (max-width: 900px) {
  #wrapper {
    width: 100%;
    max-width: 100%;
    border-left: 0;
    border-right: 0;
  }

  #header_menu,
  #catBlock,
  #bottomad {
    margin-left: 8px;
    margin-right: 8px;
  }

  .action-tile {
    min-height: 70px;
  }

  .region-tab-list a {
    min-width: 78px;
  }
}

@media (max-width: 430px) {
  #catButtons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .action-tile {
    min-width: 0;
    min-height: 55px;
    aspect-ratio: 16 / 6.4;
    border-radius: 6px;
  }

  .action-tile span {
    min-width: 0;
    width: calc(100% - 10px);
    padding: 3px 4px;
    font-size: clamp(11px, 3.2vw, 14px);
    line-height: 1.05;
    white-space: normal;
  }

  #typeButtons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .numberbutton {
    min-width: 0;
    height: 43px;
  }

  .star-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feat-btn-wrapper {
    width: calc((100vw - 44px) / 5);
    min-width: 0;
    max-width: 66px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header_menu a::before,
  #header_menu button::before,
  .action-tile::before,
  .numberbutton::before,
  .item2::before,
  .related-card::before,
  .banner-card::before,
  .feat-btn-wrapper {
    animation: none;
  }
}

@media (max-width: 430px) {
  .action-tile {
    justify-content: center;
  }

  .action-tile span {
    width: auto;
    max-width: calc(100% - 6px);
    min-height: 0;
    padding: 2px 3px;
    font-size: clamp(9px, 2.85vw, 12px);
    line-height: 1.05;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }
}

/* Final mobile/category and model-card polish */
@media (max-width: 640px) {
  #catBlock {
    padding: 9px 8px;
  }

  #catButtons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .action-tile {
    min-width: 0;
    min-height: 64px;
    aspect-ratio: 16 / 7;
    border-radius: 7px;
  }

  .action-tile span {
    width: auto;
    max-width: calc(100% - 8px);
    padding: 3px 4px;
    font-size: clamp(10px, 3vw, 13px);
    line-height: 1.05;
    white-space: nowrap;
  }
}

.model-section .item2,
.area-model-section .item2,
.favorites-grid .favorite-card {
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  padding: 5px;
  background:
    linear-gradient(135deg, rgba(255,56,204,.2), transparent 24%),
    linear-gradient(315deg, rgba(22,245,255,.16), transparent 30%),
    linear-gradient(180deg, rgba(20,31,49,.98), rgba(5,10,18,.98));
  border: 1px solid rgba(22,245,255,.72);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 0 18px rgba(22,245,255,.18), 0 10px 22px rgba(0,0,0,.5);
}

.model-section .item2:nth-child(2n),
.area-model-section .item2:nth-child(2n) {
  border-color: rgba(255,56,204,.72);
  background:
    linear-gradient(135deg, rgba(255,212,77,.18), transparent 24%),
    linear-gradient(315deg, rgba(255,56,204,.17), transparent 30%),
    linear-gradient(180deg, rgba(24,30,50,.98), rgba(7,10,20,.98));
}

.model-section .item2::after,
.area-model-section .item2::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 5px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--hs-magenta), var(--hs-cyan), var(--hs-gold));
  opacity: .82;
  pointer-events: none;
}

.model-section .item-avatar,
.area-model-section .item-avatar {
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 -55px 55px rgba(0,0,0,.36);
}

.model-section .item-avatar img,
.area-model-section .item-avatar img {
  border-radius: 4px;
  filter: saturate(1.12) contrast(1.03);
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  margin-top: 5px;
  border: 1px solid rgba(22,245,255,.22);
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(22,245,255,.08), transparent 44%),
    linear-gradient(180deg, rgba(6,12,22,.96), rgba(13,22,35,.98));
}

.model-section .item-price,
.area-model-section .item-price {
  left: 12px;
  right: auto;
  bottom: 13px;
  padding: 4px 7px;
  font-size: 15px;
  letter-spacing: 0;
  background: linear-gradient(90deg, #ff2fbf, #ff8d2f);
}

.model-section .feature-card .item-price,
.area-model-section .feature-card .item-price {
  bottom: 13px;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2 {
    clip-path: none;
    padding: 5px;
    border-radius: 8px;
  }

  .model-section .item-info,
  .area-model-section .item-info {
    margin-top: 4px;
  }

  .model-section .item-price,
  .area-model-section .item-price {
    bottom: 12px;
    font-size: 13px;
  }
}

#catButtons {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

#typeButtons {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
}

@media (max-width: 640px) {
  #catButtons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  #typeButtons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Header/navigation restyle pass */
#header_menu {
  align-items: center;
  justify-content: center;
  padding: 9px;
  background:
    linear-gradient(180deg, rgba(7,14,23,.98), rgba(9,18,31,.94)),
    repeating-linear-gradient(90deg, rgba(22,245,255,.1) 0 1px, transparent 1px 34px);
  border: 1px solid rgba(22,245,255,.55);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 rgba(255,56,204,.55), 0 0 22px rgba(22,245,255,.2);
}

#header_menu a,
#header_menu button {
  min-height: 34px;
  padding: 6px 13px;
  color: #ecfbff;
  background:
    linear-gradient(90deg, rgba(22,245,255,.16), transparent 38%),
    linear-gradient(180deg, #172335 0%, #05080f 100%);
  border: 1px solid rgba(255,255,255,.18);
  border-bottom-color: rgba(22,245,255,.75);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 7px 16px rgba(0,0,0,.34);
  font-weight: 900;
  letter-spacing: 0;
}

#header_menu .premium-link,
#header_menu .tg-link,
#header_menu .tiny-pill {
  background:
    linear-gradient(90deg, rgba(255,56,204,.2), rgba(22,245,255,.12)),
    linear-gradient(180deg, #221531, #070910);
  border-color: rgba(255,212,77,.45);
}

#header_menu a:hover,
#header_menu button:hover {
  color: #071018;
  background: linear-gradient(90deg, #16f5ff, #ffd44d);
  text-decoration: none;
  text-shadow: none;
}

#catBlock {
  background:
    linear-gradient(180deg, rgba(3,8,15,.98), rgba(14,20,31,.96)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px);
  border-color: rgba(255,212,77,.38);
}

#catButtons {
  gap: 10px;
}

.action-tile {
  min-height: 92px;
  aspect-ratio: 16 / 6;
  border: 1px solid rgba(22,245,255,.55);
  border-left: 3px solid var(--hs-magenta);
  border-bottom: 3px solid var(--hs-cyan);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 0 20px rgba(22,245,255,.18);
}

.action-tile:nth-child(2n) {
  border-left-color: var(--hs-gold);
  border-bottom-color: var(--hs-magenta);
}

.action-tile:nth-child(3n) {
  border-left-color: var(--hs-cyan);
  border-bottom-color: var(--hs-gold);
}

.action-tile::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.7)),
    linear-gradient(90deg, rgba(22,245,255,.16), transparent 42%, rgba(255,56,204,.18));
}

.action-tile span {
  min-width: 78px;
  padding: 5px 9px;
  color: #fff;
  background: linear-gradient(180deg, rgba(8,13,22,.9), rgba(0,0,0,.66));
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 4px;
  box-shadow: 0 0 18px rgba(0,0,0,.45), 0 0 14px rgba(22,245,255,.2);
}

@media (max-width: 640px) {
  #header_menu {
    justify-content: flex-start;
    gap: 6px;
    padding: 8px;
  }

  #header_menu a,
  #header_menu button {
    min-height: 30px;
    padding: 5px 10px;
    font-size: 13px;
  }

  #catButtons {
    gap: 8px;
  }

  .action-tile {
    min-height: 62px;
    aspect-ratio: 16 / 7.2;
  }

  .action-tile span {
    min-width: 0;
    max-width: calc(100% - 8px);
    padding: 3px 5px;
    font-size: clamp(11px, 3.1vw, 13px);
  }
}

/* Profile page neon station redesign */
.profile-classic {
  color: #ecfbff;
  background:
    linear-gradient(180deg, rgba(5,10,18,.98), rgba(10,17,28,.96)),
    repeating-linear-gradient(90deg, rgba(22,245,255,.05) 0 1px, transparent 1px 24px);
  border: 1px solid rgba(22,245,255,.28);
  border-radius: 8px;
  box-shadow: inset 0 0 30px rgba(255,255,255,.04), 0 0 32px rgba(0,0,0,.46);
}

.model-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  padding: 8px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(22,245,255,.15), transparent 45%, rgba(255,56,204,.16)),
    linear-gradient(180deg, rgba(13,24,38,.98), rgba(5,9,16,.98));
  border: 1px solid rgba(22,245,255,.42);
  border-radius: 7px;
}

.model-topline strong {
  color: var(--hs-gold);
  text-shadow: 0 0 12px rgba(255,212,77,.48);
}

.model-topline a {
  margin-left: auto;
  padding: 5px 10px;
  color: #061018;
  background: linear-gradient(90deg, var(--hs-cyan), var(--hs-green));
  border-radius: 4px;
  font-weight: 900;
}

.dns-banner.profile-banners {
  margin: 10px 0 12px;
  padding: 9px;
  background: linear-gradient(180deg, rgba(4,9,16,.96), rgba(12,19,30,.96));
  border: 1px solid rgba(255,212,77,.34);
  border-radius: 8px;
}

.profile-banner-card {
  border: 1px solid rgba(22,245,255,.42);
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 18px rgba(22,245,255,.14);
}

.profile-sheet {
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(22,245,255,.09), transparent 32%),
    linear-gradient(315deg, rgba(255,56,204,.1), transparent 35%),
    linear-gradient(180deg, rgba(8,15,26,.98), rgba(4,8,15,.98));
  border: 1px solid rgba(22,245,255,.46);
  border-radius: 8px;
  box-shadow: inset 0 0 28px rgba(255,255,255,.04), 0 0 28px rgba(22,245,255,.12);
}

.profile-side {
  min-width: 0;
}

.side-media.profile-slider {
  position: relative;
  padding: 5px;
  background:
    linear-gradient(135deg, rgba(255,56,204,.28), transparent 28%),
    linear-gradient(315deg, rgba(22,245,255,.2), transparent 30%),
    #050912;
  border: 1px solid rgba(255,212,77,.62);
  border-radius: 8px;
  box-shadow: 0 0 24px rgba(255,212,77,.14), inset 0 0 0 1px rgba(255,255,255,.08);
}

.side-media img,
#profileMainMedia {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: center top;
  border-radius: 5px;
  filter: saturate(1.08) contrast(1.04);
}

.profile-slide-arrow,
.lightbox-nav,
.lightbox-close {
  color: #fff;
  background: rgba(5,9,16,.78);
  border: 1px solid rgba(22,245,255,.45);
  box-shadow: 0 0 18px rgba(22,245,255,.24);
}

.profile-slide-arrow:hover,
.lightbox-nav:hover,
.lightbox-close:hover {
  color: #061018;
  background: linear-gradient(90deg, var(--hs-cyan), var(--hs-gold));
}

.profile-side-thumbs {
  gap: 7px;
  margin-top: 8px;
}

.profile-side-thumbs button,
.profile-photos button {
  background: #050912;
  border: 1px solid rgba(22,245,255,.36);
  border-radius: 6px;
  box-shadow: 0 0 14px rgba(22,245,255,.12);
}

.profile-side-thumbs button.active,
.profile-photos button.active {
  border-color: var(--hs-gold);
  box-shadow: 0 0 0 1px rgba(255,212,77,.68), 0 0 18px rgba(255,56,204,.28);
}

.profile-mainpanel {
  min-width: 0;
  padding: 10px;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px),
    linear-gradient(180deg, rgba(10,18,30,.96), rgba(5,9,16,.96));
  border: 1px solid rgba(255,56,204,.3);
  border-radius: 8px;
}

.profile-name-row {
  min-height: 42px;
  padding: 8px 46px 8px 0;
  border-bottom: 2px solid rgba(22,245,255,.4);
}

.profile-name-row h1 {
  color: #fff;
  font-size: 30px;
  text-shadow: 0 0 16px rgba(22,245,255,.35), 0 2px 0 #000;
}

.model-chip {
  color: #061018;
  background: linear-gradient(90deg, var(--hs-gold), var(--hs-cyan));
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 4px;
  box-shadow: 0 0 14px rgba(22,245,255,.18);
}

.model-chip.hot,
.model-chip.pink {
  color: #fff;
  background: linear-gradient(90deg, #ff2fbf, #7d42ff);
}

.model-chip.blue {
  color: #061018;
  background: linear-gradient(90deg, #16f5ff, #38f58a);
}

.profile-status-row,
.contact-buttons,
.model-tags {
  gap: 7px;
}

.profile-status-row span,
.contact-buttons a,
.contact-buttons button,
.model-tags > span:not(.service-icon) {
  color: #ecfbff;
  background: linear-gradient(180deg, rgba(22,35,54,.98), rgba(6,11,20,.98));
  border: 1px solid rgba(22,245,255,.34);
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}

.profile-status-row b {
  padding: 4px 9px;
  color: #fff;
  background: linear-gradient(90deg, #ff2fbf, #ff8d2f);
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 5px;
  text-shadow: 0 1px 1px #000;
}

.contact-buttons a,
.contact-buttons button,
.float-contact-btn {
  font-weight: 900;
}

.contact-telegram {
  background: linear-gradient(135deg, #22c8ff, #0968bc) !important;
}

.contact-whatsapp {
  background: linear-gradient(135deg, #38f58a, #0a8c45) !important;
}

.contact-save,
.contact-line {
  background: linear-gradient(135deg, #ff38cc, #7d42ff) !important;
}

.profile-table {
  gap: 7px;
  margin-top: 10px;
}

.profile-table div,
.price-row {
  overflow: hidden;
  background: linear-gradient(180deg, rgba(15,28,43,.96), rgba(6,12,21,.96));
  border: 1px solid rgba(22,245,255,.28);
  border-radius: 6px;
}

.profile-table span,
.profile-table b {
  color: #ecfbff;
  background: transparent;
}

.profile-table span {
  color: var(--hs-cyan);
}

.profile-table b {
  color: #fff;
}

.profile-prices,
.photo-board,
.info-box,
.related-models {
  background:
    linear-gradient(180deg, rgba(9,17,29,.98), rgba(5,9,16,.98)),
    repeating-linear-gradient(90deg, rgba(22,245,255,.04) 0 1px, transparent 1px 22px);
  border: 1px solid rgba(22,245,255,.34);
  border-radius: 8px;
  color: #ecfbff;
  box-shadow: inset 0 0 22px rgba(255,255,255,.035);
}

.profile-prices h2,
.photo-board h2,
.info-box h2,
.related-models h2 {
  color: #fff;
  background: linear-gradient(90deg, rgba(255,56,204,.92), rgba(22,245,255,.82));
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 5px;
  text-shadow: 0 1px 1px #000;
}

.price-row span,
.price-row b,
.price-row em {
  color: #fff;
}

.price-row b {
  color: var(--hs-gold);
}

.review-card {
  color: #ecfbff;
  background: linear-gradient(180deg, rgba(20,31,48,.96), rgba(7,12,22,.96));
  border: 1px solid rgba(255,56,204,.28);
  border-radius: 7px;
}

.review-card strong {
  color: var(--hs-gold);
}

.review-card p {
  color: #cdeaf0;
}

.review-thumbs img {
  border: 1px solid rgba(22,245,255,.32);
  border-radius: 6px;
}

.share-row.contact-icon-row {
  padding: 8px;
  background: linear-gradient(180deg, rgba(7,13,23,.95), rgba(14,22,34,.95));
  border: 1px solid rgba(255,212,77,.28);
  border-radius: 8px;
}

.contact-icon {
  color: #fff;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 5px;
  box-shadow: 0 0 14px rgba(22,245,255,.18);
}

.related-models {
  margin: 14px 0;
}

.related-card {
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

.related-card img {
  border-radius: 4px;
}

@media (max-width: 900px) {
  .profile-sheet {
    grid-template-columns: 240px 1fr;
  }

  .side-media img,
  #profileMainMedia {
    height: 430px;
  }
}

@media (max-width: 600px) {
  .profile-page {
    padding: 0 6px 86px;
  }

  .profile-sheet {
    grid-template-columns: 1fr;
    padding: 8px;
  }

  .profile-side {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 8px;
  }

  .side-media img,
  #profileMainMedia {
    height: 410px;
  }

  .profile-side-thumbs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .profile-mainpanel {
    padding: 8px;
  }

  .profile-name-row {
    padding-right: 42px;
  }

  .profile-name-row h1 {
    font-size: 22px;
  }

  .profile-table {
    grid-template-columns: 1fr;
  }

  .profile-prices h2,
  .photo-board h2,
  .info-box h2,
  .related-models h2 {
    margin-top: 0;
  }

  .related-card {
    clip-path: none;
    border-radius: 8px;
  }
}

@media (max-width: 430px) {
  .profile-side {
    grid-template-columns: 1fr;
  }

  .side-media img,
  #profileMainMedia {
    height: 440px;
  }

  .profile-side-thumbs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .profile-side-thumbs button {
    height: 70px;
  }
}

/* Remove old bright profile-table separators */
.profile-table {
  background: transparent;
}

.profile-table div {
  grid-template-columns: minmax(72px, .34fr) minmax(0, 1fr);
  background:
    linear-gradient(90deg, rgba(22,245,255,.1), transparent 36%),
    linear-gradient(180deg, rgba(8,16,28,.98), rgba(4,9,17,.98));
  border: 1px solid rgba(22,245,255,.34);
  border-left-color: rgba(255,56,204,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.profile-table span,
.profile-table b {
  padding: 7px 8px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.profile-table span {
  color: var(--hs-cyan) !important;
}

.profile-table b {
  color: #fff !important;
}

/* Hidden on request, kept in markup/data */
#features-nmedia-wrap,
.instant-block.post-block,
.instant-block.review-block {
  display: none !important;
}

/* Stronger mobile shell/header transformation */
#wrapper,
#header,
.profile-classic {
  background-color: #050912 !important;
}

#header {
  background:
    linear-gradient(180deg, rgba(4,9,17,.98), rgba(7,14,24,.98)),
    repeating-linear-gradient(90deg, rgba(22,245,255,.045) 0 1px, transparent 1px 26px) !important;
  border-bottom: 1px solid rgba(22,245,255,.26);
}

#header_menu {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 6px;
  margin: 0 8px 10px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(22,245,255,.12), transparent 32%),
    linear-gradient(315deg, rgba(255,56,204,.12), transparent 32%),
    linear-gradient(180deg, rgba(6,13,23,.98), rgba(2,6,12,.98)) !important;
  border: 1px solid rgba(22,245,255,.48);
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 0 22px rgba(22,245,255,.13);
}

#header_menu::before {
  content: "GIRLSTALKHK";
  grid-column: 1 / -1;
  display: block;
  margin: -2px 0 2px;
  color: rgba(22,245,255,.82);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 0 12px rgba(22,245,255,.42);
}

#header_menu a,
#header_menu button {
  justify-content: center;
  min-width: 0;
  width: 100%;
  min-height: 37px;
  padding: 7px 6px;
  color: #f1fcff;
  background:
    linear-gradient(90deg, rgba(22,245,255,.16), rgba(255,56,204,.09)),
    linear-gradient(180deg, #15263a, #050912) !important;
  border: 1px solid rgba(22,245,255,.36);
  border-left: 3px solid rgba(255,212,77,.82);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 7px 16px rgba(0,0,0,.34);
  font-size: 13px;
}

#header_menu a:nth-of-type(2n),
#header_menu button:nth-of-type(2n) {
  border-left-color: rgba(22,245,255,.9);
}

#header_menu .tiny-pill,
#header_menu .premium-link,
#header_menu .tg-link {
  grid-column: span 2;
  background:
    linear-gradient(90deg, rgba(255,56,204,.26), rgba(255,212,77,.13)),
    linear-gradient(180deg, #24152d, #070912) !important;
  border-left-color: rgba(255,56,204,.9);
}

#header_menu .tg-link {
  grid-column: span 3;
}

#catBlock,
#bottomad,
.cat_region,
.rank-panel,
.model-section,
.profile-sheet,
.profile-mainpanel,
.related-models {
  background-color: #050912 !important;
}

@media (max-width: 640px) {
  #wrapper {
    background:
      linear-gradient(180deg, #050912 0%, #07111d 48%, #050912 100%) !important;
  }

  #header_menu {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0 6px 9px;
    padding: 8px;
  }

  #header_menu a,
  #header_menu button {
    min-height: 34px;
    padding: 6px 4px;
    font-size: clamp(11px, 2.8vw, 13px);
  }

  #header_menu .tiny-pill,
  #header_menu .premium-link {
    grid-column: span 2;
  }

  #header_menu .tg-link {
    grid-column: span 3;
  }
}

@media (max-width: 430px) {
  #header_menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #header_menu::before,
  #header_menu .tg-link {
    grid-column: 1 / -1;
  }

  #header_menu .tiny-pill,
  #header_menu .premium-link {
    grid-column: span 1;
  }
}

/* Category cards: same design, sequential focus animation */
@keyframes hsCategoryFocus {
  0%, 11%, 100% {
    transform: scale(1);
    border-color: rgba(22,245,255,.48);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 0 14px rgba(22,245,255,.12);
    filter: saturate(1) brightness(.92);
    z-index: 1;
  }
  3%, 8% {
    transform: scale(1.065);
    border-color: rgba(255,212,77,.98);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 26px rgba(255,212,77,.5), 0 0 34px rgba(22,245,255,.28);
    filter: saturate(1.28) brightness(1.16);
    z-index: 4;
  }
}

#catButtons {
  align-items: center;
}

.action-tile,
.action-tile:nth-child(2n),
.action-tile:nth-child(3n) {
  border: 1px solid rgba(22,245,255,.48);
  border-bottom: 3px solid rgba(22,245,255,.78);
  border-left: 1px solid rgba(22,245,255,.48);
  background: #050912;
  transform-origin: center;
  animation: hsCategoryFocus 12s ease-in-out infinite;
  will-change: transform, filter, box-shadow;
}

.action-tile:nth-child(1) { animation-delay: 0s; }
.action-tile:nth-child(2) { animation-delay: 2s; }
.action-tile:nth-child(3) { animation-delay: 4s; }
.action-tile:nth-child(4) { animation-delay: 6s; }
.action-tile:nth-child(5) { animation-delay: 8s; }
.action-tile:nth-child(6) { animation-delay: 10s; }

.action-tile::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.68)),
    linear-gradient(90deg, rgba(22,245,255,.12), transparent 46%, rgba(255,56,204,.13));
}

.action-tile span {
  background: linear-gradient(180deg, rgba(4,9,17,.92), rgba(0,0,0,.72));
  border-color: rgba(255,255,255,.28);
}

.action-tile:hover {
  animation-play-state: paused;
  transform: scale(1.065);
  border-color: rgba(255,212,77,.98);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 26px rgba(255,212,77,.5), 0 0 34px rgba(22,245,255,.28);
  filter: saturate(1.28) brightness(1.16);
  z-index: 5;
}

@media (max-width: 640px) {
  .action-tile,
  .action-tile:hover {
    transform-origin: center;
  }

  @keyframes hsCategoryFocus {
    0%, 11%, 100% {
      transform: scale(1);
      border-color: rgba(22,245,255,.48);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 0 12px rgba(22,245,255,.12);
      filter: saturate(1) brightness(.92);
      z-index: 1;
    }
    3%, 8% {
      transform: scale(1.045);
      border-color: rgba(255,212,77,.98);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 0 22px rgba(255,212,77,.45), 0 0 28px rgba(22,245,255,.24);
      filter: saturate(1.22) brightness(1.13);
      z-index: 4;
    }
  }
}

/* Model category grids: all cards equal, no large featured card */
.model-section .gtable,
.area-model-section .gtable,
.first-model-section .gtable,
.second-model-section .gtable,
.mixed-model-section .gtable {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  align-items: stretch;
}

.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 286px !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex: 0 0 auto !important;
  height: 190px !important;
}

.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  min-height: 0 !important;
}

.model-section .feature-card .item-title,
.area-model-section .feature-card .item-title,
.first-model-section .feature-card .item-title,
.second-model-section .feature-card .item-title,
.mixed-model-section .feature-card .item-title {
  min-height: 34px !important;
  font-size: 15px !important;
}

@media (max-width: 900px) {
  .model-section .gtable,
  .area-model-section .gtable,
  .first-model-section .gtable,
  .second-model-section .gtable,
  .mixed-model-section .gtable {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 250px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    height: 164px !important;
  }
}

.model-section .item2.is-shuffling {
  filter: saturate(1.3) brightness(1.14);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 0 30px rgba(255,212,77,.44), 0 20px 34px rgba(0,0,0,.58) !important;
}

.model-section .item2.is-lifting {
  border-color: rgba(255,212,77,.96) !important;
  outline: 2px solid rgba(255,212,77,.45);
  outline-offset: 2px;
}

/* Four model cards per category: 2 rows, rectangular cards */
.model-section .gtable,
.area-model-section .gtable,
.first-model-section .gtable,
.second-model-section .gtable,
.mixed-model-section .gtable {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  display: grid !important;
  grid-template-columns: minmax(150px, 43%) minmax(0, 1fr);
  min-height: 178px !important;
  height: 178px;
  padding: 5px;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  width: 100%;
  height: 100% !important;
  min-height: 0;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 0 0 6px;
}

.model-section .item-title,
.area-model-section .item-title,
.first-model-section .item-title,
.second-model-section .item-title,
.mixed-model-section .item-title,
.model-section .feature-card .item-title,
.area-model-section .feature-card .item-title,
.first-model-section .feature-card .item-title,
.second-model-section .feature-card .item-title,
.mixed-model-section .feature-card .item-title {
  min-height: 0 !important;
  font-size: 15px !important;
}

@media (max-width: 640px) {
  .model-section .gtable,
  .area-model-section .gtable,
  .first-model-section .gtable,
  .second-model-section .gtable,
  .mixed-model-section .gtable {
    grid-template-columns: 1fr !important;
  }

  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    grid-template-columns: minmax(124px, 42%) minmax(0, 1fr);
    min-height: 148px !important;
    height: 148px;
  }
}

/* Taller 2x2 category model cards */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 248px !important;
  height: 248px !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex: 0 0 142px !important;
  height: 142px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  flex: 1 1 auto;
  margin: 6px 0 0;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 232px !important;
    height: 232px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 132px !important;
    height: 132px !important;
  }
}

/* Large photo-first model cards */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 500px !important;
  height: 500px !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex-basis: 400px !important;
  height: 400px !important;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 440px !important;
    height: 440px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 340px !important;
    height: 340px !important;
  }
}

/* Phone QA pass: keep model cards readable and inside viewport */
@media (max-width: 520px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  #core {
    overflow-x: hidden;
  }

  .model-section,
  .area-model-section,
  .first-model-section,
  .second-model-section,
  .mixed-model-section {
    margin: 10px 6px !important;
    padding: 8px !important;
    overflow: hidden;
  }

  .model-section .ov {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.15;
  }

  .model-section .ov strong,
  .model-section .ov em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .section-alert {
    white-space: normal;
    font-size: 13px;
  }

  .model-section .gtable,
  .area-model-section .gtable,
  .first-model-section .gtable,
  .second-model-section .gtable,
  .mixed-model-section .gtable {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100%;
  }

  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    width: 100%;
    min-width: 0;
    min-height: 456px !important;
    height: 456px !important;
    padding: 5px;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 350px !important;
    height: 350px !important;
  }

  .model-section .item-info,
  .area-model-section .item-info,
  .first-model-section .item-info,
  .second-model-section .item-info,
  .mixed-model-section .item-info {
    padding: 7px 8px 8px;
  }

  .item-region-label,
  .first-model-section .item-region-label,
  .second-model-section .item-region-label,
  .mixed-model-section .item-region-label {
    font-size: 12px;
    white-space: normal;
  }

  .item-title,
  .first-model-section .item-title,
  .second-model-section .item-title,
  .mixed-model-section .item-title {
    font-size: 16px !important;
    line-height: 1.15;
  }

  .item-icons {
    flex-wrap: wrap;
    min-height: 24px;
  }
}

@media (max-width: 380px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 430px !important;
    height: 430px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 320px !important;
    height: 320px !important;
  }
}

/* Keep quick category tiles in two rows on tablet and desktop */
#catButtons {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#catButtons a,
#catButtons .cat-button,
#catButtons .category-button {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 420px) {
  #catButtons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Final info-area space for enriched model cards */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 560px !important;
  height: 560px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  min-height: 160px !important;
  padding-bottom: 12px !important;
}

.model-section .item-icons,
.area-model-section .item-icons,
.first-model-section .item-icons,
.second-model-section .item-icons,
.mixed-model-section .item-icons {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  padding-bottom: 2px !important;
  min-height: 22px !important;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 520px !important;
    height: 520px !important;
  }
}

/* Fill the model card info area with unique compact details */
.model-card-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content)) 1fr;
  align-items: center;
  gap: 5px;
  min-width: 0;
  margin: 5px 0 6px;
}

.model-card-details span,
.model-card-details small {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  height: 19px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 0 12px rgba(22,245,255,.18);
}

.model-card-details span:first-child {
  color: #041018;
  background: linear-gradient(90deg, #16f5ff, #38f58a);
}

.model-card-details span:nth-child(2) {
  color: #fff;
  background: linear-gradient(90deg, #ff38cc, #7d42ff);
}

.model-card-details small {
  justify-self: end;
  color: #ffe96b;
  background: rgba(255,212,77,.12);
  border: 1px solid rgba(255,212,77,.35);
  overflow: hidden;
  text-overflow: ellipsis;
}

.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 535px !important;
  height: 535px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  min-height: 135px !important;
}

@media (max-width: 640px) {
  .model-card-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
  }

  .model-card-details small {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 500px !important;
    height: 500px !important;
  }
}

/* Absolute final: remove white glare from model cards */
.model-section .item2::before,
.area-model-section .item2::before,
.first-model-section .item2::before,
.second-model-section .item2::before,
.mixed-model-section .item2::before {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  background: #050912 !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  background: linear-gradient(180deg, rgba(6,12,22,.98), rgba(9,17,29,.98)) !important;
}

/* True final override: fill both photo columns, remove empty bands */
.model-photo-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
}

.model-photo-pair img,
.model-section .model-photo-pair img,
.area-model-section .model-photo-pair img,
.first-model-section .model-photo-pair img,
.second-model-section .model-photo-pair img,
.mixed-model-section .model-photo-pair img,
.model-section .item-avatar .model-photo-pair img,
.area-model-section .item-avatar .model-photo-pair img,
.first-model-section .item-avatar .model-photo-pair img,
.second-model-section .item-avatar .model-photo-pair img,
.mixed-model-section .item-avatar .model-photo-pair img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar {
  background: transparent !important;
}

/* True final override: fill both photo columns, remove empty bands */
.model-photo-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
}

.model-photo-pair img,
.model-section .model-photo-pair img,
.area-model-section .model-photo-pair img,
.first-model-section .model-photo-pair img,
.second-model-section .model-photo-pair img,
.mixed-model-section .model-photo-pair img,
.model-section .item-avatar .model-photo-pair img,
.area-model-section .item-avatar .model-photo-pair img,
.first-model-section .item-avatar .model-photo-pair img,
.second-model-section .item-avatar .model-photo-pair img,
.mixed-model-section .item-avatar .model-photo-pair img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar {
  background: transparent !important;
}

/* Absolute final: two photos must fill their halves with no black gaps */
.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  overflow: hidden !important;
  background: #050912 !important;
}

.model-photo-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #050912 !important;
}

.model-photo-pair img,
.model-section .model-photo-pair img,
.area-model-section .model-photo-pair img,
.first-model-section .model-photo-pair img,
.second-model-section .model-photo-pair img,
.mixed-model-section .model-photo-pair img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

/* Two-photo model card layout: all promo blocks live over the photo */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 500px !important;
  height: 500px !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  display: block !important;
  flex-basis: 400px !important;
  height: 400px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.model-photo-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  width: 100%;
  height: 100%;
  background: #050912;
}

.model-photo-pair img,
.model-section .model-photo-pair img,
.area-model-section .model-photo-pair img,
.first-model-section .model-photo-pair img,
.second-model-section .model-photo-pair img,
.mixed-model-section .model-photo-pair img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  filter: saturate(1.07) contrast(1.02) brightness(1.03);
}

.photo-details {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 48px;
  z-index: 6;
  grid-template-columns: repeat(2, minmax(0, max-content)) 1fr;
  margin: 0;
  pointer-events: none;
}

.card-rating {
  top: 12px !important;
  left: 12px !important;
}

.live-spark {
  top: 12px !important;
  right: 48px !important;
}

.attention-chip {
  right: 12px !important;
  bottom: 118px !important;
}

.model-section .item-price,
.area-model-section .item-price {
  bottom: 12px !important;
  left: 12px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  min-height: 100px !important;
  height: 100px !important;
  padding: 8px 9px 10px !important;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 500px !important;
    height: 500px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 390px !important;
    height: 390px !important;
  }

  .photo-details {
    left: 9px;
    right: 9px;
    bottom: 44px;
    grid-template-columns: repeat(2, minmax(0, max-content));
  }

  .photo-details small {
    display: none;
  }

  .attention-chip {
    bottom: 112px !important;
  }

  .live-spark {
    right: 42px !important;
  }

  .model-section .item-info,
  .area-model-section .item-info,
  .first-model-section .item-info,
  .second-model-section .item-info,
  .mixed-model-section .item-info,
  .model-section .feature-card .item-info,
  .area-model-section .feature-card .item-info,
  .first-model-section .feature-card .item-info,
  .second-model-section .feature-card .item-info,
  .mixed-model-section .feature-card .item-info {
    min-height: 110px !important;
    height: 110px !important;
  }
}

/* Remove the white shimmer glare from model cards */
.model-section .item2::before,
.area-model-section .item2::before,
.first-model-section .item2::before,
.second-model-section .item2::before,
.mixed-model-section .item2::before {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  background: #050912 !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  background: linear-gradient(180deg, rgba(6,12,22,.98), rgba(9,17,29,.98)) !important;
}

/* Fix shifted service icons inside enriched model cards */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 560px !important;
  height: 560px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  display: block !important;
  min-height: 160px !important;
  height: 160px !important;
  padding: 8px 9px 12px !important;
  overflow: hidden !important;
}

.model-section .item-icons,
.area-model-section .item-icons,
.first-model-section .item-icons,
.second-model-section .item-icons,
.mixed-model-section .item-icons {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  min-height: 24px !important;
  transform: none !important;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 525px !important;
    height: 525px !important;
  }

  .model-section .item-info,
  .area-model-section .item-info,
  .first-model-section .item-info,
  .second-model-section .item-info,
  .mixed-model-section .item-info,
  .model-section .feature-card .item-info,
  .area-model-section .feature-card .item-info,
  .first-model-section .feature-card .item-info,
  .second-model-section .feature-card .item-info,
  .mixed-model-section .feature-card .item-info {
    min-height: 175px !important;
    height: 175px !important;
  }
}

/* Model card attention elements */
.card-rating,
.attention-chip,
.live-spark {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  border-radius: 999px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  white-space: nowrap;
}

.card-rating {
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  color: #ffe96b;
  background: linear-gradient(135deg, rgba(8,10,18,.92), rgba(55,16,70,.86));
  border: 1px solid rgba(255,232,94,.72);
  box-shadow: 0 0 16px rgba(255,218,64,.35), inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow: 0 1px 2px #000;
  font-size: 13px;
  font-weight: 900;
}

.card-rating b {
  color: #fff;
  font-size: 12px;
}

.attention-chip {
  right: 12px;
  bottom: 46px;
  padding: 6px 10px;
  color: #041018;
  background: linear-gradient(90deg, #16f5ff, #38f58a 46%, #ffd44d);
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: 0 0 18px rgba(22,245,255,.58), 0 0 26px rgba(255,56,204,.24);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  animation: hsAttentionBlink 1.25s ease-in-out infinite;
}

.live-spark {
  right: 12px;
  top: 44px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  color: #fff;
  background: linear-gradient(135deg, rgba(255,28,139,.92), rgba(112,54,255,.9));
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 0 16px rgba(255,56,204,.6);
  font-size: 12px;
  font-weight: 900;
  animation: hsLiveBlink 1s steps(2, end) infinite;
}

.live-spark i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff600;
  box-shadow: 0 0 9px #fff600, 0 0 15px #ff38cc;
}

@keyframes hsAttentionBlink {
  0%, 100% {
    filter: saturate(1) brightness(1);
    transform: translateY(0) scale(1);
  }
  50% {
    filter: saturate(1.5) brightness(1.25);
    transform: translateY(-2px) scale(1.04);
  }
}

@keyframes hsLiveBlink {
  0%, 49% { opacity: .58; }
  50%, 100% { opacity: 1; }
}

@media (max-width: 640px) {
  .card-rating {
    top: 9px;
    left: 9px;
    padding: 4px 7px;
    font-size: 12px;
  }

  .card-rating b,
  .live-spark,
  .attention-chip {
    font-size: 11px;
  }

  .live-spark {
    top: 40px;
    right: 9px;
    padding: 4px 7px;
  }

  .attention-chip {
    right: 9px;
    bottom: 40px;
    padding: 5px 8px;
  }
}

/* Home photo QA: avoid eating portrait photos inside wide cards */
.report-grid img {
  height: clamp(300px, 28vw, 380px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(22,245,255,.12), transparent 38%),
    linear-gradient(135deg, #050912, #101827 58%, #050912);
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar {
  background:
    radial-gradient(circle at 50% 28%, rgba(255,56,204,.13), transparent 40%),
    linear-gradient(135deg, #050912, #101826 58%, #050912);
}

.model-section .item-avatar img,
.area-model-section .item-avatar img,
.first-model-section .item-avatar img,
.second-model-section .item-avatar img,
.mixed-model-section .item-avatar img {
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 820px) {
  .report-grid img {
    height: clamp(340px, 58vw, 460px) !important;
  }
}

@media (max-width: 420px) {
  .report-grid img {
    height: 360px !important;
  }
}

/* Make model photos visible in the taller category cards */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 292px !important;
  height: 292px !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex-basis: 196px !important;
  height: 196px !important;
}

.model-section .item-avatar::before,
.area-model-section .item-avatar::before,
.first-model-section .feature-card .item-avatar::before,
.second-model-section .feature-card .item-avatar::before,
.mixed-model-section .feature-card .item-avatar::before {
  height: 34%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.45));
}

.model-section .item-avatar img,
.area-model-section .item-avatar img,
.first-model-section .item-avatar img,
.second-model-section .item-avatar img,
.mixed-model-section .item-avatar img {
  object-position: center top;
  filter: saturate(1.08) contrast(1.02) brightness(1.08);
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 268px !important;
    height: 268px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 176px !important;
    height: 176px !important;
  }
}

@keyframes hsModelLiftPulse {
  0%, 100% { filter: saturate(1.1) brightness(1.04); }
  45% { filter: saturate(1.45) brightness(1.25); }
}

.model-section .item2.is-lifting {
  animation: hsModelLiftPulse 1.25s ease-in-out;
  transform-origin: center;
}

/* Final responsive card sizing pass */
.model-section .gtable,
.area-model-section .gtable,
.first-model-section .gtable,
.second-model-section .gtable,
.mixed-model-section .gtable {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch;
}

.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 500px !important;
  height: 500px !important;
  overflow: hidden;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex-basis: 400px !important;
  height: 400px !important;
}

.item2.is-card-ghost {
  overflow: hidden !important;
  background: linear-gradient(135deg, #050912, #101826 58%, #050912) !important;
  box-shadow: 0 18px 34px rgba(255, 47, 184, .38), 0 0 28px rgba(0, 238, 255, .32);
  filter: saturate(1.3) brightness(1.15);
}

.item2.is-card-ghost .item-avatar {
  display: block !important;
  height: 400px !important;
  flex-basis: 400px !important;
  background: radial-gradient(circle at 50% 28%, rgba(255,56,204,.13), transparent 40%), #050912 !important;
}

.item2.is-card-ghost .item-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 640px) {
  .model-section,
  .area-model-section,
  .first-model-section,
  .second-model-section,
  .mixed-model-section {
    margin-left: 6px !important;
    margin-right: 6px !important;
    padding: 8px !important;
  }

  .model-section .gtable,
  .area-model-section .gtable,
  .first-model-section .gtable,
  .second-model-section .gtable,
  .mixed-model-section .gtable {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    width: 100%;
    min-width: 0;
    min-height: 456px !important;
    height: 456px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 350px !important;
    height: 350px !important;
  }

  .item2.is-card-ghost .item-avatar {
    height: 350px !important;
    flex-basis: 350px !important;
  }
}

@media (max-width: 380px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 430px !important;
    height: 430px !important;
  }

  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 320px !important;
    height: 320px !important;
  }

  .item2.is-card-ghost .item-avatar {
    height: 320px !important;
    flex-basis: 320px !important;
  }
}

/* Absolute last pass: keep enriched info blocks from looking empty */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  min-height: 535px !important;
  height: 535px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  min-height: 135px !important;
}

@media (max-width: 640px) {
  .model-section .item2,
  .area-model-section .item2,
  .first-model-section .item2,
  .second-model-section .item2,
  .mixed-model-section .item2,
  .model-section .feature-card,
  .area-model-section .feature-card,
  .first-model-section .feature-card,
  .second-model-section .feature-card,
  .mixed-model-section .feature-card {
    min-height: 500px !important;
    height: 500px !important;
  }
}

/* Absolute final: remove white glare from model cards */
.model-section .item2::before,
.area-model-section .item2::before,
.first-model-section .item2::before,
.second-model-section .item2::before,
.mixed-model-section .item2::before {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  background: #050912 !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  background: linear-gradient(180deg, rgba(6,12,22,.98), rgba(9,17,29,.98)) !important;
}


/* True final override: fill both photo columns, remove empty bands */
.model-photo-pair {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
}

.model-photo-pair img,
.model-section .model-photo-pair img,
.area-model-section .model-photo-pair img,
.first-model-section .model-photo-pair img,
.second-model-section .model-photo-pair img,
.mixed-model-section .model-photo-pair img,
.model-section .item-avatar .model-photo-pair img,
.area-model-section .item-avatar .model-photo-pair img,
.first-model-section .item-avatar .model-photo-pair img,
.second-model-section .item-avatar .model-photo-pair img,
.mixed-model-section .item-avatar .model-photo-pair img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar {
  background: transparent !important;
}

/* Final layout: price and Top pick in compact lower info block */
.model-section .item2,
.area-model-section .item2,
.first-model-section .item2,
.second-model-section .item2,
.mixed-model-section .item2,
.model-section .feature-card,
.area-model-section .feature-card,
.first-model-section .feature-card,
.second-model-section .feature-card,
.mixed-model-section .feature-card {
  height: auto !important;
  min-height: 0 !important;
}

.model-section .item-avatar,
.area-model-section .item-avatar,
.first-model-section .item-avatar,
.second-model-section .item-avatar,
.mixed-model-section .item-avatar,
.model-section .feature-card .item-avatar,
.area-model-section .feature-card .item-avatar,
.first-model-section .feature-card .item-avatar,
.second-model-section .feature-card .item-avatar,
.mixed-model-section .feature-card .item-avatar {
  flex-basis: 390px !important;
  height: 390px !important;
}

.model-section .item-info,
.area-model-section .item-info,
.first-model-section .item-info,
.second-model-section .item-info,
.mixed-model-section .item-info,
.model-section .feature-card .item-info,
.area-model-section .feature-card .item-info,
.first-model-section .feature-card .item-info,
.second-model-section .feature-card .item-info,
.mixed-model-section .feature-card .item-info {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  column-gap: 10px !important;
  height: auto !important;
  min-height: 92px !important;
  padding: 8px 10px 9px !important;
  overflow: hidden !important;
}

.item-info-left {
  min-width: 0;
}

.item-info-cta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 116px !important;
  padding-top: 3px !important;
}

.item-info .attention-chip,
.model-section .item-info .attention-chip,
.area-model-section .item-info .attention-chip,
.first-model-section .item-info .attention-chip,
.second-model-section .item-info .attention-chip,
.mixed-model-section .item-info .attention-chip {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  display: inline-flex !important;
  width: max-content !important;
  max-width: 116px !important;
  padding: 6px 10px !important;
  transform: none !important;
}

.item-info .item-price,
.model-section .item-info .item-price,
.area-model-section .item-info .item-price,
.first-model-section .item-info .item-price,
.second-model-section .item-info .item-price,
.mixed-model-section .item-info .item-price {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  width: max-content !important;
  max-width: 116px !important;
  padding: 5px 9px !important;
  transform: none !important;
}

.model-section .item-icons,
.area-model-section .item-icons,
.first-model-section .item-icons,
.second-model-section .item-icons,
.mixed-model-section .item-icons {
  margin-top: 7px !important;
  padding: 0 !important;
}

@media (max-width: 640px) {
  .model-section .item-avatar,
  .area-model-section .item-avatar,
  .first-model-section .item-avatar,
  .second-model-section .item-avatar,
  .mixed-model-section .item-avatar,
  .model-section .feature-card .item-avatar,
  .area-model-section .feature-card .item-avatar,
  .first-model-section .feature-card .item-avatar,
  .second-model-section .feature-card .item-avatar,
  .mixed-model-section .feature-card .item-avatar {
    flex-basis: 370px !important;
    height: 370px !important;
  }

  .model-section .item-info,
  .area-model-section .item-info,
  .first-model-section .item-info,
  .second-model-section .item-info,
  .mixed-model-section .item-info,
  .model-section .feature-card .item-info,
  .area-model-section .feature-card .item-info,
  .first-model-section .feature-card .item-info,
  .second-model-section .feature-card .item-info,
  .mixed-model-section .feature-card .item-info {
    min-height: 70px !important;
    column-gap: 8px !important;
  }

  .item-info-cta {
    min-width: 96px !important;
  }

  .item-info .attention-chip,
  .item-info .item-price {
    max-width: 96px !important;
    font-size: 11px !important;
  }
}

/* Final placement: put photo detail chips at the bottom of the image */
.photo-details,
.model-section .photo-details,
.area-model-section .photo-details,
.first-model-section .photo-details,
.second-model-section .photo-details,
.mixed-model-section .photo-details {
  left: 12px !important;
  right: auto !important;
  bottom: 10px !important;
  max-width: calc(100% - 24px) !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
}

.photo-details small {
  display: none !important;
}

@media (max-width: 640px) {
  .photo-details,
  .model-section .photo-details,
  .area-model-section .photo-details,
  .first-model-section .photo-details,
  .second-model-section .photo-details,
  .mixed-model-section .photo-details {
    left: 8px !important;
    bottom: 8px !important;
    max-width: calc(100% - 16px) !important;
  }
}

/* Final footer placement: no empty block below footer */
html,
body {
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#wrapper,
#core,
main,
#main,
#content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#footer {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 12px 14px !important;
  overflow: visible !important;
}

#footer::after,
#footer::before {
  display: none !important;
  content: none !important;
}

#footer p:last-child,
#footer .fleft:last-child,
#footer .fright:last-child {
  margin-bottom: 0 !important;
}

/* Clickable profile price rows */
a.price-row {
  text-decoration: none !important;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

a.price-row:hover,
a.price-row:focus-visible {
  border-color: var(--hs-gold) !important;
  box-shadow: 0 0 14px rgba(255,212,77,.32), 0 0 18px rgba(22,245,255,.18) !important;
  transform: translateY(-1px);
  outline: none;
}

/* Price row selection: no redirect, gradient highlight */
button.price-row,
.price-row[data-price-select] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease;
}

button.price-row:hover,
button.price-row:focus-visible,
.price-row[data-price-select]:hover,
.price-row[data-price-select]:focus-visible {
  border-color: rgba(22,245,255,.75) !important;
  box-shadow: 0 0 13px rgba(22,245,255,.26), 0 0 16px rgba(255,56,204,.16) !important;
  transform: translateY(-1px);
  outline: none;
}

button.price-row.is-selected,
.price-row[data-price-select].is-selected {
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(255,56,204,.96), rgba(125,66,255,.92) 48%, rgba(22,245,255,.92)) !important;
  border-color: rgba(255,255,255,.78) !important;
  box-shadow: 0 0 18px rgba(255,56,204,.42), 0 0 24px rgba(22,245,255,.3), inset 0 1px 0 rgba(255,255,255,.22) !important;
  transform: translateY(-1px);
}

button.price-row.is-selected span,
button.price-row.is-selected b,
button.price-row.is-selected em,
.price-row[data-price-select].is-selected span,
.price-row[data-price-select].is-selected b,
.price-row[data-price-select].is-selected em {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.55);
}

button.price-row.is-selected b,
.price-row[data-price-select].is-selected b {
  color: #fff600 !important;
}

/* Floating contact attention animation */
@keyframes hsFloatNudge {
  0%, 82%, 100% { transform: translate3d(0,0,0) scale(1); filter: brightness(1); }
  86% { transform: translate3d(-2px,0,0) scale(1.025); filter: brightness(1.16); }
  90% { transform: translate3d(2px,0,0) scale(1.025); }
  94% { transform: translate3d(-1px,0,0) scale(1.015); }
}

@media (max-width: 700px) {
  .mobile-floating-contact .float-contact-btn {
    animation: none;
    transform-origin: center;
  }

  .mobile-floating-contact .float-wa {
    animation-delay: 1.1s;
  }
}

@keyframes hsContactBeacon {
  0%, 58%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 0 0 rgba(22, 245, 255, 0), 0 6px 16px rgba(0, 0, 0, .38);
    filter: saturate(1) brightness(1);
  }
  8% {
    transform: translateY(-5px) scale(1.035) rotate(-1deg);
    box-shadow: 0 0 18px rgba(22, 245, 255, .62), 0 0 30px rgba(255, 56, 204, .32), 0 8px 18px rgba(0, 0, 0, .45);
    filter: saturate(1.22) brightness(1.16);
  }
  14% {
    transform: translateY(1px) scale(.99) rotate(1deg);
  }
  20% {
    transform: translateY(-3px) scale(1.025);
  }
  28% {
    transform: translateY(0) scale(1);
  }
}

@keyframes hsContactSweep {
  0%, 48% {
    transform: translateX(-150%) skewX(-18deg);
    opacity: 0;
  }
  56% {
    opacity: .9;
  }
  72% {
    transform: translateX(150%) skewX(-18deg);
    opacity: 0;
  }
  100% {
    transform: translateX(150%) skewX(-18deg);
    opacity: 0;
  }
}

@keyframes hsContactDot {
  0%, 55%, 100% {
    transform: scale(.78);
    opacity: .35;
  }
  10% {
    transform: scale(1.18);
    opacity: 1;
  }
}

.mobile-floating-contact .float-contact-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  animation: none !important;
}

.mobile-floating-contact .float-contact-btn::before {
  content: "";
  position: absolute;
  inset: -30% auto -30% -45%;
  z-index: -1;
  width: 42%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .88), transparent);
  animation: none;
  opacity: 0;
  pointer-events: none;
}

.mobile-floating-contact .float-contact-btn::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 12px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #fff600;
  box-shadow: 0 0 10px rgba(255, 246, 0, .95), 0 0 18px rgba(255, 56, 204, .65);
  animation: none;
  opacity: 0;
  pointer-events: none;
}

body.price-picked .mobile-floating-contact .float-contact-btn {
  animation: hsContactBeacon 4.4s ease-in-out infinite !important;
}

body.price-picked .mobile-floating-contact .float-contact-btn::before {
  animation: hsContactSweep 4.4s ease-in-out infinite;
}

body.price-picked .mobile-floating-contact .float-contact-btn::after {
  animation: hsContactDot 4.4s ease-in-out infinite;
}

body.price-picked .mobile-floating-contact .float-wa {
  animation-delay: 1.35s !important;
}

body.price-picked .mobile-floating-contact .float-wa::before,
body.price-picked .mobile-floating-contact .float-wa::after {
  animation-delay: 1.35s;
}

/* Model page: manager buttons now live directly under the price list */
.price-manager-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid rgba(22, 245, 255, .58);
  border-radius: 7px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 56, 204, .18), transparent 36%),
    linear-gradient(135deg, rgba(3, 13, 24, .98), rgba(8, 20, 34, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 18px rgba(22,245,255,.18);
}

.price-manager-btn {
  position: relative;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 12px;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 7px;
  box-shadow: 0 7px 16px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.22);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0,0,0,.65);
}

.price-manager-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0 32%, rgba(255,255,255,.3) 46%, transparent 61%);
  transform: translateX(-115%);
  transition: transform .55s ease;
}

.price-manager-btn:hover,
.price-manager-btn:focus-visible {
  filter: brightness(1.14) saturate(1.12);
  text-decoration: none;
  transform: translateY(-1px);
  outline: none;
}

.price-manager-btn:hover::before,
.price-manager-btn:focus-visible::before {
  transform: translateX(115%);
}

.price-manager-btn svg {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: currentColor;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
}

.price-manager-btn span {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

.price-manager-tg {
  background: linear-gradient(135deg, #33c8ff, #0874d8 58%, #6a37ff);
}

.price-manager-wa {
  background: linear-gradient(135deg, #3df27c, #08a842 58%, #0b7538);
}

.price-manager-phone {
  background: linear-gradient(135deg, #ff5ba8, #d92775 58%, #842aff);
}

.price-manager-line {
  background: linear-gradient(135deg, #39f262, #04af35 58%, #0c7c27);
}

@media (max-width: 430px) {
  .price-manager-actions {
    gap: 7px;
    padding: 7px;
  }

  .price-manager-btn {
    min-height: 40px;
    padding: 8px 9px;
    font-size: 13px;
  }

.price-manager-btn svg {
    width: 18px;
    height: 18px;
  }
}

/* Model profile stats: fill the right side with useful neon indicators */
.profile-table .profile-stat-row,
.profile-table div.profile-stat-row {
  grid-template-columns: minmax(72px, .42fr) minmax(54px, .32fr) minmax(112px, 1fr) !important;
  align-items: center;
  gap: 6px;
}

.profile-table .profile-stat-row > span,
.profile-table .profile-stat-row > b {
  min-width: 0;
}

.profile-stat-chip,
.profile-stat-meter {
  min-width: 0;
  margin: 0 7px 0 0;
  font-style: normal;
}

.profile-stat-chip {
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  justify-content: center;
  width: calc(100% - 7px);
  padding: 3px 8px;
  color: #041018;
  background: linear-gradient(90deg, #16f5ff, #38f58a 58%, #fff45d);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  box-shadow: 0 0 13px rgba(22,245,255,.35);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-shadow: none;
  white-space: nowrap;
}

.profile-stat-chip.hot {
  color: #fff;
  background: linear-gradient(90deg, #ff38cc, #7d42ff 58%, #16f5ff);
  box-shadow: 0 0 14px rgba(255,56,204,.42);
}

.profile-stat-chip.fresh {
  color: #041018;
  background: linear-gradient(90deg, #16f5ff, #38f58a 50%, #fff45d);
  box-shadow: 0 0 14px rgba(56,245,138,.34);
}

.profile-stat-chip.fit {
  color: #fff;
  background: linear-gradient(90deg, #16f5ff, #527dff 52%, #ff38cc);
  box-shadow: 0 0 14px rgba(82,125,255,.34);
}

.profile-stat-chip.slim {
  color: #041018;
  background: linear-gradient(90deg, #fff45d, #38f58a 50%, #16f5ff);
  box-shadow: 0 0 14px rgba(255,244,93,.32);
}

.profile-stat-meter {
  position: relative;
  display: block;
  height: 20px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(22,245,255,.08), rgba(255,56,204,.08));
  border: 1px solid rgba(22,245,255,.42);
  border-radius: 999px;
  box-shadow: inset 0 0 10px rgba(0,0,0,.38);
}

.profile-stat-meter i {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  min-width: 24px;
  border-radius: inherit;
  background: linear-gradient(90deg, #16f5ff, #38f58a 52%, #fff45d);
  box-shadow: 0 0 16px rgba(22,245,255,.44);
}

.profile-stat-meter small {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 1px 2px #000;
  white-space: nowrap;
}

@media (max-width: 430px) {
  .profile-table .profile-stat-row,
  .profile-table div.profile-stat-row {
    grid-template-columns: 66px 44px minmax(0, 1fr) !important;
    gap: 4px;
  }

  .profile-stat-chip,
  .profile-stat-meter {
    margin-right: 5px;
  }

.profile-stat-chip {
    padding: 3px 6px;
    font-size: 10px;
  }
}

/* Final readable price badge override */
.item-price,
.model-section .item-price,
.area-model-section .item-price,
.first-model-section .item-price,
.second-model-section .item-price,
.mixed-model-section .item-price,
.item-info .item-price {
  color: #fff45d !important;
  background:
    linear-gradient(90deg, rgba(3, 10, 18, .98), rgba(15, 25, 43, .98) 48%, rgba(3, 10, 18, .98)) !important;
  border: 1px solid rgba(255, 244, 93, .82) !important;
  border-radius: 5px !important;
  box-shadow:
    0 0 0 1px rgba(22, 245, 255, .28),
    0 0 14px rgba(255, 244, 93, .34),
    0 0 18px rgba(255, 56, 204, .18),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-shadow: 0 1px 2px #000, 0 0 8px rgba(255, 244, 93, .42) !important;
}

/* Final neon menu gradients */
#header_menu a,
#header_menu button {
  border: 1px solid rgba(255,255,255,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 0 14px rgba(22,245,255,.18) !important;
}

#header_menu .flashyellow {
  background:
    linear-gradient(135deg, rgba(255,244,93,.34), rgba(22,245,255,.18)),
    linear-gradient(180deg, #101a27, #071019) !important;
  border-left-color: #fff45d !important;
}

#header_menu .flashorange {
  background:
    linear-gradient(135deg, rgba(255,141,47,.42), rgba(255,56,204,.2)),
    linear-gradient(180deg, #111725, #071019) !important;
  border-left-color: #ff8d2f !important;
}

#header_menu .flashblue {
  background:
    linear-gradient(135deg, rgba(22,245,255,.38), rgba(82,125,255,.24)),
    linear-gradient(180deg, #101827, #061019) !important;
  border-left-color: #16f5ff !important;
}

#header_menu .flashviolet {
  background:
    linear-gradient(135deg, rgba(255,56,204,.38), rgba(125,66,255,.26)),
    linear-gradient(180deg, #151226, #070912) !important;
  border-left-color: #ff38cc !important;
}

#header_menu .flashgreen {
  background:
    linear-gradient(135deg, rgba(56,245,138,.38), rgba(22,245,255,.2)),
    linear-gradient(180deg, #0b1b20, #061019) !important;
  border-left-color: #38f58a !important;
}

#header_menu .tiny-pill {
  background:
    linear-gradient(90deg, rgba(255,56,204,.72), rgba(125,66,255,.54), rgba(255,212,77,.32)),
    linear-gradient(180deg, #281333, #070912) !important;
  border-color: rgba(255,56,204,.75) !important;
}

#header_menu .premium-link {
  color: #071018 !important;
  background:
    linear-gradient(90deg, #fff45d, #ff8d2f 48%, #ff38cc),
    linear-gradient(180deg, #281333, #070912) !important;
  border-color: rgba(255,244,93,.88) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42) !important;
}

#header_menu .tg-link {
  background:
    linear-gradient(90deg, #16f5ff, #527dff 46%, #ff38cc),
    linear-gradient(180deg, #101827, #061019) !important;
  border-color: rgba(22,245,255,.86) !important;
}

#header_menu a:hover,
#header_menu button:hover {
  color: #071018 !important;
  background: linear-gradient(90deg, #16f5ff, #fff45d 52%, #ff38cc) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  filter: saturate(1.18) brightness(1.08);
}

/* Premium locked content overlay */
.premium-locked-section {
  position: relative;
  overflow: hidden;
}

.premium-locked-section > .gtable {
  filter: blur(1.6px) saturate(.72) brightness(.62);
  pointer-events: none;
  user-select: none;
}

.premium-lock-overlay {
  position: absolute;
  inset: 52px 10px 12px;
  z-index: 15;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 18px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 244, 93, .16), transparent 28%),
    radial-gradient(circle at 30% 10%, rgba(22,245,255,.2), transparent 34%),
    linear-gradient(135deg, rgba(3, 6, 12, .54), rgba(8, 10, 19, .78));
  border: 1px solid rgba(255,244,93,.42);
  border-radius: 8px;
  box-shadow:
    inset 0 0 0 1px rgba(22,245,255,.2),
    0 0 35px rgba(0,0,0,.58);
  cursor: pointer;
  text-align: center;
  text-shadow: 0 2px 3px #000;
}

.premium-lock-overlay::before,
.premium-lock-overlay::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  height: 24px;
  background:
    repeating-linear-gradient(90deg,
      #151515 0 14px,
      #ffd44d 14px 20px,
      #4a3511 20px 30px,
      #111 30px 44px);
  border-top: 1px solid rgba(255,255,255,.28);
  border-bottom: 1px solid rgba(0,0,0,.8);
  box-shadow: 0 3px 12px rgba(0,0,0,.6), 0 0 18px rgba(255,212,77,.24);
  opacity: .95;
}

.premium-lock-overlay::before {
  top: 26%;
  transform: rotate(-11deg);
}

.premium-lock-overlay::after {
  bottom: 27%;
  transform: rotate(11deg);
}

.premium-chain {
  position: absolute;
  top: 50%;
  left: -14%;
  right: -14%;
  height: 18px;
  background:
    repeating-linear-gradient(90deg,
      transparent 0 6px,
      rgba(255,255,255,.42) 6px 8px,
      #0b0d12 8px 21px,
      #ffd44d 21px 27px,
      #3a2a10 27px 38px,
      transparent 38px 46px);
  box-shadow: 0 0 18px rgba(255,212,77,.26);
}

.premium-chain-a {
  transform: rotate(23deg);
}

.premium-chain-b {
  transform: rotate(-23deg);
}

.premium-padlock {
  position: relative;
  z-index: 2;
  display: grid;
  width: 92px;
  height: 92px;
  place-items: center;
  color: #071018;
  background: linear-gradient(135deg, #fff45d, #ff8d2f 55%, #ff38cc);
  border: 2px solid rgba(255,255,255,.85);
  border-radius: 50%;
  box-shadow:
    0 0 22px rgba(255,244,93,.62),
    0 0 34px rgba(255,56,204,.4),
    inset 0 2px 0 rgba(255,255,255,.55);
}

.premium-padlock svg {
  width: 52px;
  height: 52px;
  fill: currentColor;
}

.premium-lock-overlay strong {
  position: relative;
  z-index: 2;
  display: inline-flex;
  padding: 7px 14px;
  color: #fff45d;
  background: rgba(3, 10, 18, .86);
  border: 1px solid rgba(255,244,93,.54);
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(255,244,93,.24);
  font-size: clamp(22px, 4vw, 38px);
  font-weight: 900;
}

.premium-lock-overlay small {
  position: relative;
  z-index: 2;
  display: inline-flex;
  padding: 7px 12px;
  color: #ecfbff;
  background: rgba(3, 10, 18, .78);
  border: 1px solid rgba(22,245,255,.42);
  border-radius: 999px;
  font-size: clamp(12px, 2vw, 16px);
  font-weight: 900;
}

.premium-lock-overlay:hover .premium-padlock,
.premium-lock-overlay:focus-visible .premium-padlock {
  transform: scale(1.06) rotate(-3deg);
}

.premium-unlock-card {
  max-width: min(520px, calc(100vw - 28px));
  color: #ecfbff;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,244,93,.18), transparent 34%),
    linear-gradient(180deg, rgba(8,16,29,.98), rgba(3,7,13,.98));
  border: 1px solid rgba(22,245,255,.54);
  box-shadow: 0 0 34px rgba(22,245,255,.22), 0 0 44px rgba(255,56,204,.18);
}

.premium-modal-lock {
  display: grid;
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
  place-items: center;
  color: #071018;
  background: linear-gradient(135deg, #fff45d, #ff8d2f 52%, #ff38cc);
  border-radius: 50%;
  box-shadow: 0 0 22px rgba(255,244,93,.44);
}

.premium-modal-lock svg {
  width: 40px;
  height: 40px;
  fill: currentColor;
}

.premium-unlock-card h1 {
  color: #fff45d;
  text-align: center;
  text-shadow: 0 0 14px rgba(255,244,93,.34), 0 2px 0 #000;
}

.premium-unlock-card p {
  color: #ecfbff;
  line-height: 1.45;
}

.premium-unlock-card strong {
  color: #fff45d;
}

.premium-unlock-note {
  margin-bottom: 6px;
  color: #16f5ff !important;
  font-weight: 900;
}

.premium-message {
  padding: 10px;
  color: #fff;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,56,204,.42);
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.35;
}

.premium-manager-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.premium-manager-btn {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.24);
  font-size: 15px;
  font-weight: 900;
  text-shadow: 0 1px 2px #000;
}

.premium-manager-btn svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.premium-manager-tg {
  background: linear-gradient(135deg, #33c8ff, #0874d8 55%, #6a37ff);
}

.premium-manager-wa {
  background: linear-gradient(135deg, #3df27c, #08a842 58%, #0b7538);
}

@media (max-width: 640px) {
  .premium-lock-overlay {
    inset: 58px 8px 10px;
    padding: 12px;
  }

  .premium-padlock {
    width: 76px;
    height: 76px;
  }

  .premium-padlock svg {
    width: 44px;
    height: 44px;
  }

  .premium-manager-buttons {
    grid-template-columns: 1fr;
  }
}

/* Premium buttons also show locked chains */
#header_menu .premium-nav-lock,
.action-tile.premium-tile-lock {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
}

#header_menu .premium-nav-lock {
  color: #071018 !important;
}

#header_menu .premium-nav-lock::before,
.action-tile.premium-tile-lock::before {
  content: "";
  position: absolute;
  left: -12%;
  right: -12%;
  top: 50%;
  z-index: 3;
  height: 10px;
  background:
    repeating-linear-gradient(90deg,
      #0c0d11 0 10px,
      #ffd44d 10px 15px,
      #3f2c0d 15px 23px,
      #0c0d11 23px 33px);
  border-top: 1px solid rgba(255,255,255,.28);
  border-bottom: 1px solid rgba(0,0,0,.85);
  box-shadow: 0 2px 8px rgba(0,0,0,.62), 0 0 12px rgba(255,212,77,.32);
  transform: translateY(-50%) rotate(-9deg);
  opacity: .98;
  pointer-events: none;
}

#header_menu .premium-nav-lock::after,
.action-tile.premium-tile-lock::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  width: 30px;
  height: 30px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23071018' d='M48 27h-3v-8C45 11.8 39.2 6 32 6S19 11.8 19 19v8h-3c-2.2 0-4 1.8-4 4v21c0 2.2 1.8 4 4 4h32c2.2 0 4-1.8 4-4V31c0-2.2-1.8-4-4-4zM25 19c0-3.9 3.1-7 7-7s7 3.1 7 7v8H25v-8zm10 24.7V49h-6v-5.3c-1.8-1-3-2.9-3-5.1 0-3.3 2.7-6 6-6s6 2.7 6 6c0 2.2-1.2 4.1-3 5.1z'/%3E%3C/svg%3E") center/18px 18px no-repeat,
    linear-gradient(135deg, #fff45d, #ff8d2f 55%, #ff38cc);
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(255,244,93,.58), 0 0 18px rgba(255,56,204,.36);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.action-tile.premium-tile-lock img {
  filter: brightness(.58) saturate(.78);
}

.action-tile.premium-tile-lock span {
  z-index: 5;
  transform: translateY(20px);
}

#header_menu .premium-nav-lock:hover::after,
.action-tile.premium-tile-lock:hover::after {
  transform: translate(-50%, -50%) scale(1.08) rotate(-4deg);
}

@media (max-width: 430px) {
  #header_menu .premium-nav-lock::after {
    width: 26px;
    height: 26px;
    background-size: 16px 16px, auto;
  }

  .action-tile.premium-tile-lock::after {
    width: 28px;
    height: 28px;
    background-size: 17px 17px, auto;
  }
}

/* Refine top Premium button: silver chain instead of chunky stripe */
#header_menu .premium-nav-lock::before {
  left: 8px !important;
  right: 8px !important;
  top: 50% !important;
  z-index: 3 !important;
  height: 13px !important;
  background:
    radial-gradient(ellipse at center, transparent 36%, #dfe9f3 38% 52%, #647080 54% 70%, transparent 72%) 0 50% / 22px 12px repeat-x !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.72), 0 0 7px rgba(255,255,255,.28) !important;
  opacity: .86 !important;
  transform: translateY(-50%) rotate(-7deg) !important;
}

#header_menu .premium-nav-lock::after {
  width: 26px !important;
  height: 26px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23071018' d='M48 27h-3v-8C45 11.8 39.2 6 32 6S19 11.8 19 19v8h-3c-2.2 0-4 1.8-4 4v21c0 2.2 1.8 4 4 4h32c2.2 0 4-1.8 4-4V31c0-2.2-1.8-4-4-4zM25 19c0-3.9 3.1-7 7-7s7 3.1 7 7v8H25v-8zm10 24.7V49h-6v-5.3c-1.8-1-3-2.9-3-5.1 0-3.3 2.7-6 6-6s6 2.7 6 6c0 2.2-1.2 4.1-3 5.1z'/%3E%3C/svg%3E") center/15px 15px no-repeat,
    linear-gradient(135deg, #fff45d, #ffb02f 56%, #ff38cc) !important;
  box-shadow: 0 0 10px rgba(255,244,93,.58), 0 0 12px rgba(255,56,204,.34) !important;
}

#header_menu .premium-nav-lock {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Proper SVG chain drawing for Premium locks */
#header_menu .premium-nav-lock::before,
.action-tile.premium-tile-lock::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 70'%3E%3Cdefs%3E%3ClinearGradient id='steel' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f7fbff'/%3E%3Cstop offset='.28' stop-color='%2398a8b8'/%3E%3Cstop offset='.58' stop-color='%233b4654'/%3E%3Cstop offset='1' stop-color='%23dce7ef'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-20%25' y='-40%25' width='140%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2.2' flood-color='%23000000' flood-opacity='.65'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23steel)' stroke-width='9' stroke-linecap='round' filter='url(%23shadow)'%3E%3Cellipse cx='26' cy='35' rx='22' ry='13' transform='rotate(-18 26 35)'/%3E%3Cellipse cx='62' cy='35' rx='22' ry='13' transform='rotate(18 62 35)'/%3E%3Cellipse cx='98' cy='35' rx='22' ry='13' transform='rotate(-18 98 35)'/%3E%3Cellipse cx='134' cy='35' rx='22' ry='13' transform='rotate(18 134 35)'/%3E%3Cellipse cx='170' cy='35' rx='22' ry='13' transform='rotate(-18 170 35)'/%3E%3Cellipse cx='206' cy='35' rx='22' ry='13' transform='rotate(18 206 35)'/%3E%3Cellipse cx='242' cy='35' rx='22' ry='13' transform='rotate(-18 242 35)'/%3E%3Cellipse cx='278' cy='35' rx='22' ry='13' transform='rotate(18 278 35)'/%3E%3Cellipse cx='314' cy='35' rx='22' ry='13' transform='rotate(-18 314 35)'/%3E%3Cellipse cx='350' cy='35' rx='22' ry='13' transform='rotate(18 350 35)'/%3E%3Cellipse cx='386' cy='35' rx='22' ry='13' transform='rotate(-18 386 35)'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='2.2'%3E%3Cellipse cx='26' cy='31' rx='15' ry='8' transform='rotate(-18 26 31)'/%3E%3Cellipse cx='98' cy='31' rx='15' ry='8' transform='rotate(-18 98 31)'/%3E%3Cellipse cx='170' cy='31' rx='15' ry='8' transform='rotate(-18 170 31)'/%3E%3Cellipse cx='242' cy='31' rx='15' ry='8' transform='rotate(-18 242 31)'/%3E%3Cellipse cx='314' cy='31' rx='15' ry='8' transform='rotate(-18 314 31)'/%3E%3Cellipse cx='386' cy='31' rx='15' ry='8' transform='rotate(-18 386 31)'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: repeat-x !important;
  background-position: center !important;
  background-size: auto 100% !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: .96 !important;
}

#header_menu .premium-nav-lock::before {
  left: 6px !important;
  right: 6px !important;
  height: 18px !important;
  transform: translateY(-50%) rotate(-6deg) !important;
}

.action-tile.premium-tile-lock::before {
  left: -18px !important;
  right: -18px !important;
  height: 28px !important;
  transform: translateY(-50%) rotate(-8deg) !important;
}

/* Crossed SVG chains for Premium locks */
#header_menu .premium-nav-lock::before,
.action-tile.premium-tile-lock::before {
  inset: 0 !important;
  z-index: 3 !important;
  width: auto !important;
  height: auto !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 140' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='steel' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.25' stop-color='%23b7c3cf'/%3E%3Cstop offset='.55' stop-color='%23475260'/%3E%3Cstop offset='1' stop-color='%23edf5fb'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-20%25' y='-40%25' width='140%25' height='180%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2.4' flood-color='%23000000' flood-opacity='.7'/%3E%3C/filter%3E%3Cpattern id='chain' width='48' height='26' patternUnits='userSpaceOnUse'%3E%3Cg fill='none' stroke='url(%23steel)' stroke-linecap='round' filter='url(%23shadow)'%3E%3Cellipse cx='13' cy='13' rx='15' ry='8' transform='rotate(-18 13 13)' stroke-width='7'/%3E%3Cellipse cx='37' cy='13' rx='15' ry='8' transform='rotate(18 37 13)' stroke-width='7'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.56' stroke-width='1.7'%3E%3Cellipse cx='13' cy='10' rx='10' ry='5' transform='rotate(-18 13 10)'/%3E%3Cellipse cx='37' cy='10' rx='10' ry='5' transform='rotate(18 37 10)'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Cg opacity='.98'%3E%3Cg transform='translate(-20 8) rotate(13 230 62)'%3E%3Crect x='-40' y='55' width='520' height='28' fill='url(%23chain)'/%3E%3C/g%3E%3Cg transform='translate(-20 8) rotate(-13 230 62)'%3E%3Crect x='-40' y='55' width='520' height='28' fill='url(%23chain)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: .98 !important;
  transform: none !important;
  pointer-events: none !important;
}

#header_menu .premium-nav-lock::after,
.action-tile.premium-tile-lock::after {
  z-index: 4 !important;
}

/* Rendering performance: skip offscreen section paint until needed */
@supports (content-visibility: auto) {
  .rank-panel,
  .mediahub-shell,
  .instant-block,
  .report-block,
  .model-section,
  .related-models,
  .icondesc {
    content-visibility: auto;
    contain-intrinsic-size: 1px 760px;
  }

  .model-section.premium-locked-section {
    contain-intrinsic-size: 1px 900px;
  }
}

@keyframes hsMenuFlash {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.18) saturate(1.16);
  }
}

.flashyellow,
.flashorange,
.flashblue,
.flashviolet,
.flashgreen,
.yellow_btn {
  animation: hsMenuFlash 1.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .flashyellow,
  .flashorange,
  .flashblue,
  .flashviolet,
  .flashgreen,
  .yellow_btn {
    animation: none !important;
  }
}

/* Final high-attraction header navigation gradients */
#header_menu .flashyellow,
#header_menu .flashorange,
#header_menu .flashblue,
#header_menu .flashviolet,
#header_menu .flashgreen {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 0 16px rgba(22,245,255,.22),
    0 0 22px rgba(255,56,204,.14) !important;
  text-shadow: 0 2px 2px rgba(0,0,0,.82), 0 0 8px rgba(255,255,255,.24) !important;
}

#header_menu .flashyellow {
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.52), transparent 17%),
    linear-gradient(105deg, #ffe84d 0%, #15f5ff 44%, #0b1930 100%) !important;
  border-left-color: #fff45d !important;
}

#header_menu .flashorange {
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.44), transparent 17%),
    linear-gradient(105deg, #ff8d2f 0%, #ff38cc 46%, #19102c 100%) !important;
  border-left-color: #ff8d2f !important;
}

#header_menu .flashblue {
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.42), transparent 17%),
    linear-gradient(105deg, #16f5ff 0%, #246dff 48%, #180f35 100%) !important;
  border-left-color: #16f5ff !important;
}

#header_menu .flashviolet {
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.42), transparent 17%),
    linear-gradient(105deg, #ff38cc 0%, #7d42ff 48%, #111a34 100%) !important;
  border-left-color: #ff38cc !important;
}

#header_menu .flashgreen {
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.42), transparent 17%),
    linear-gradient(105deg, #38f58a 0%, #00d5ff 48%, #0c2232 100%) !important;
  border-left-color: #38f58a !important;
}

#header_menu .flashyellow::after,
#header_menu .flashorange::after,
#header_menu .flashblue::after,
#header_menu .flashviolet::after,
#header_menu .flashgreen::after {
  content: "";
  position: absolute;
  inset: -60% auto -60% -40%;
  width: 34%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
  transform: skewX(-18deg);
  animation: hsNavSweep 3.8s ease-in-out infinite;
  pointer-events: none;
}

#header_menu .flashorange::after { animation-delay: .35s; }
#header_menu .flashblue::after { animation-delay: .7s; }
#header_menu .flashviolet::after { animation-delay: 1.05s; }
#header_menu .flashgreen::after { animation-delay: 1.4s; }

@keyframes hsNavSweep {
  0%, 52%, 100% {
    transform: translateX(-140%) skewX(-18deg);
    opacity: 0;
  }
  64% {
    opacity: .9;
  }
  82% {
    transform: translateX(420%) skewX(-18deg);
    opacity: 0;
  }
}