/* Pinay Promise application template system.
   Shared presentation only: no QuickDate behavior or form wiring is changed. */

:root {
  --pp-app-navy: #082b57;
  --pp-app-blue: #0b4aa2;
  --pp-app-red: #e31846;
  --pp-app-red-dark: #bd1137;
  --pp-app-gold: #f4bd24;
  --pp-app-cream: #fffaf0;
  --pp-app-blush: #fff4f7;
  --pp-app-sky: #f1f7ff;
  --pp-app-ink: #10233f;
  --pp-app-muted: #65748b;
  --pp-app-border: #dce5f1;
  --pp-app-radius: 22px;
  --pp-app-radius-small: 14px;
}

/* Public member profile 1.0.99: use the canvas, keep actions readable, and
   remove the legacy card-on-card treatment without changing profile actions. */
html body.profile-page.profile-page .find_matches_cont {
  background: transparent !important;
  max-width: 1320px !important;
  padding: 44px 28px 76px !important;
  width: calc(100% - 32px) !important;
}

html body.profile-page.profile-page .find_matches_cont > .row {
  align-items: start !important;
  display: grid !important;
  gap: 32px !important;
  grid-template-columns: minmax(210px, 235px) minmax(0, 1fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.profile-page.profile-page .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.profile-page.profile-page .profile_menu,
html body.profile-page.profile-page .dt_profile_side {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.profile-page.profile-page .dt_profile_side {
  border-right: 1px solid rgba(8, 43, 87, .15) !important;
  overflow: visible !important;
  padding: 4px 26px 24px 0 !important;
}

html body.profile-page.profile-page .mtc_usrd_content.dt_profile_about {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8, 43, 87, .16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 0 30px !important;
}

html body.profile-page.profile-page .mtc_usrd_content.dt_profile_about > .row {
  align-items: stretch !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(460px, 1.42fr) minmax(340px, 1fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.profile-page.profile-page .mtc_usrd_content.dt_profile_about > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.profile-page.profile-page .dt_cp_photos_list {
  background: #eaf1fb !important;
  border: 0 !important;
  border-radius: 22px 0 0 22px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  height: clamp(470px, 40vw, 570px) !important;
  min-height: 470px !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body.profile-page.profile-page .dt_cp_photos_list .dt_cp_l_photos,
html body.profile-page.profile-page .dt_cp_photos_list .dt_cp_l_photos > a,
html body.profile-page.profile-page .dt_cp_photos_list .dt_cp_l_photos img {
  height: 100% !important;
  max-height: none !important;
  width: 100% !important;
}

html body.profile-page.profile-page .dt_cp_photos_list .dt_cp_l_photos img {
  object-fit: cover !important;
  object-position: center 24% !important;
}

html body.profile-page.profile-page .mtc_usrd_sidebar.dt_profile_about_side {
  background: rgba(255, 255, 255, .64) !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 1px solid rgba(8, 43, 87, .12) !important;
  border-radius: 0 22px 22px 0 !important;
  box-shadow: none !important;
  color: #102c55 !important;
  display: flex !important;
  flex-direction: column !important;
  height: clamp(470px, 40vw, 570px) !important;
  min-height: 470px !important;
  padding: 34px 34px 26px !important;
}

html body.profile-page.profile-page .mtc_usrd_summary h5 {
  color: #082b57 !important;
  font-size: 21px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  margin: 0 0 24px !important;
  padding: 0 0 0 40px !important;
}

html body.profile-page.profile-page .mtc_usrd_summary h5::before {
  background: var(--pp-app-gold, #f4bd24) !important;
  height: 4px !important;
  left: 0 !important;
  width: 26px !important;
}

html body.profile-page.profile-page .dt_profile_about_info {
  color: #465b77 !important;
  flex: 1 1 auto !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

html body.profile-page.profile-page .dt_profile_about_info .desc {
  color: #465b77 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 24px !important;
}

html body.profile-page.profile-page .dt_profile_about_info > .row {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

html body.profile-page.profile-page .dt_profile_about_info > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.profile-page.profile-page .dt_profile_about_info .info_title {
  color: #6b788b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

html body.profile-page.profile-page .dt_profile_about_info span {
  color: #102c55 !important;
  display: block !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

html body.profile-page.profile-page .dt_profile_about_action {
  align-items: center !important;
  border-top: 1px solid rgba(8, 43, 87, .12) !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin: 24px 0 0 !important;
  padding: 20px 0 0 !important;
  position: static !important;
  text-align: left !important;
}

html body.profile-page.profile-page .dt_profile_about_action > div {
  display: block !important;
  margin: 0 !important;
  width: auto !important;
}

html body.profile-page.profile-page .dt_profile_about_action a,
html body.profile-page.profile-page .dt_profile_about_action a:hover,
html body.profile-page.profile-page .dt_profile_about_action a:focus {
  align-items: center !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  gap: 8px !important;
  height: 44px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 112px !important;
  padding: 0 18px !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

html body.profile-page.profile-page .dt_profile_about_action .like a {
  background: var(--pp-app-red, #ed1747) !important;
  border: 1px solid var(--pp-app-red, #ed1747) !important;
  color: #fff !important;
}

html body.profile-page.profile-page .dt_profile_about_action .dislike a {
  background: transparent !important;
  border: 1px solid rgba(8, 43, 87, .32) !important;
  color: #082b57 !important;
}

html body.profile-page.profile-page .dt_profile_about_action .dislike a:hover,
html body.profile-page.profile-page .dt_profile_about_action .dislike a:focus {
  background: var(--pp-app-gold, #f4bd24) !important;
  border-color: var(--pp-app-gold, #f4bd24) !important;
  color: #fff !important;
}

html body.profile-page.profile-page .dt_profile_about_action a svg {
  display: block !important;
  flex: 0 0 19px !important;
  height: 19px !important;
  width: 19px !important;
}

html body.profile-page.profile-page .dt_profile_about_action a span {
  color: inherit !important;
  display: inline !important;
  font-size: inherit !important;
  line-height: inherit !important;
  opacity: 1 !important;
  position: static !important;
  visibility: visible !important;
}

html body.profile-page.profile-page .dt_user_about,
html body.profile-page.profile-page .dt_user_about .about_block {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

html body.profile-page.profile-page .dt_user_about .about_block {
  padding: 34px 0 0 !important;
}

html body.profile-page.profile-page .dt_user_about .about_block > h4 {
  border-bottom: 1px solid rgba(8, 43, 87, .16) !important;
  color: #082b57 !important;
  font-size: 27px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 0 20px !important;
}

html body.profile-page.profile-page .dt_user_about .about_block > .row {
  display: grid !important;
  gap: 0 38px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

html body.profile-page.profile-page .dt_user_about .about_block > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.profile-page.profile-page .dt_user_about .dt_profile_info {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8, 43, 87, .12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #102c55 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 28px 0 !important;
  width: 100% !important;
}

html body.profile-page.profile-page .dt_user_about .dt_profile_info :is(h5,p,span,b,strong) {
  color: inherit !important;
  opacity: 1 !important;
}

@media (max-width: 1080px) {
  html body.profile-page.profile-page .find_matches_cont > .row {
    grid-template-columns: minmax(190px, 215px) minmax(0, 1fr) !important;
  }
  html body.profile-page.profile-page .mtc_usrd_content.dt_profile_about > .row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.profile-page.profile-page .dt_cp_photos_list {
    border-radius: 20px 20px 0 0 !important;
    height: min(620px, 68vw) !important;
  }
  html body.profile-page.profile-page .mtc_usrd_sidebar.dt_profile_about_side {
    border-left: 0 !important;
    border-radius: 0 0 20px 20px !important;
    height: auto !important;
    min-height: 0 !important;
  }
  html body.profile-page.profile-page .dt_profile_about_info {
    overflow: visible !important;
  }
}

@media (max-width: 820px) {
  html body.profile-page.profile-page .find_matches_cont {
    padding: 24px 16px 56px !important;
    width: 100% !important;
  }
  html body.profile-page.profile-page .find_matches_cont > .row {
    display: block !important;
  }
  html body.profile-page.profile-page .profile_menu {
    margin-bottom: 26px !important;
  }
  html body.profile-page.profile-page .dt_profile_side {
    border-bottom: 1px solid rgba(8, 43, 87, .15) !important;
    border-right: 0 !important;
    padding: 0 0 22px !important;
  }
  html body.profile-page.profile-page .dt_cp_photos_list {
    height: min(640px, 110vw) !important;
    min-height: 390px !important;
  }
}

/* 2026-08-03: Member directory final layout.
   Keep profiles open on the page instead of nesting them in QuickDate cards. */
html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_hub {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-left: -28px !important;
  margin-right: -28px !important;
  padding: 34px 40px 32px !important;
  width: calc(100% + 56px) !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory {
  margin: 0 !important;
  padding-top: 38px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory_head {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
  align-items: start !important;
  gap: 38px 26px !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item,
html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item .card,
html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item .card-content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-image {
  border-radius: 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-content {
  padding: 16px 0 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar {
  border-top: 1px solid rgba(8,43,87,.13) !important;
  gap: 18px !important;
  margin-top: 15px !important;
  padding-top: 13px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn.like,
html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn.dislike {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  height: 34px !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn.like {
  color: #d81336 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn:hover,
html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b78a08 !important;
  outline: 2px solid transparent !important;
  transform: none !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .pp_action_label {
  color: inherit !important;
  display: inline !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .load_more {
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 44px !important;
}

@media (max-width: 1040px) {
  html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_hub {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding: 28px 20px 26px !important;
    width: calc(100% + 32px) !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory {
    padding-top: 30px !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
    gap: 30px 16px !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar {
    gap: 12px !important;
  }
}

/* 2026-08-04: Final scoped correction for the main Find Matches discovery banner. */
html body.find-matches-page .find_matches_cont > .pp_discovery_hub h1 {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(2, 24, 55, 0.22) !important;
}

@media (min-width: 901px) {
  html body.find-matches-page .find_matches_cont > .pp_discovery_hub {
    grid-template-columns: minmax(0, 1fr) minmax(480px, 520px) !important;
  }

  html body.find-matches-page .find_matches_cont > .pp_discovery_hub .pp_discovery_links {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    height: auto !important;
    max-width: 520px !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  html body.find-matches-page .find_matches_cont > .pp_discovery_hub .pp_discovery_links a:nth-child(7) {
    grid-column: 3 / 5 !important;
  }
}

@media (max-width: 900px) {
  html body.find-matches-page .find_matches_cont > .pp_discovery_hub .pp_discovery_links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  html body.find-matches-page .find_matches_cont > .pp_discovery_hub .pp_discovery_links a:nth-child(7) {
    grid-column: 1 / -1 !important;
  }
}

/* Pinay Promise paid-gift surfaces: profile, messages, and live video. */
.pp-gift-picker {
  background: #fffdf8 !important;
  border: 1px solid rgba(8, 43, 82, .16) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(8, 43, 82, .2) !important;
  color: #082b52 !important;
  max-width: 760px !important;
  overflow: hidden !important;
}

.pp-gift-picker .modal-content {
  background: linear-gradient(145deg, #fffdf8 0%, #fff 58%, #fff8e8 100%) !important;
  padding: 34px 38px 26px !important;
}

.pp-gift-picker .modal-footer {
  align-items: center !important;
  background: #fff !important;
  border-top: 1px solid rgba(8, 43, 82, .12) !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  padding: 14px 28px !important;
}

.pp-gift-kicker {
  color: #d81336 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
}

.pp-gift-picker h5 {
  color: #082b52 !important;
  font-size: clamp(25px, 3vw, 34px) !important;
  font-weight: 750 !important;
  margin: 0 0 8px !important;
}

.pp-gift-disclosure {
  color: #586982 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 24px !important;
  max-width: 640px !important;
}

.pp-gift-picker-grid,
#modal_gifts .pp-gift-picker-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#modal_gifts .gift-data {
  align-items: center !important;
  appearance: none !important;
  background: transparent !important;
  border: 1px solid rgba(8, 43, 82, .16) !important;
  border-radius: 14px !important;
  color: #082b52 !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 3px 12px !important;
  grid-template-columns: 62px 1fr !important;
  min-height: 92px !important;
  padding: 14px !important;
  text-align: left !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

#modal_gifts .gift-data:hover,
#modal_gifts .gift-data:focus-visible,
#modal_gifts .gift-data[aria-pressed="true"] {
  background: #fff !important;
  border-color: #ffbe24 !important;
  box-shadow: 0 10px 26px rgba(8, 43, 82, .11) !important;
  color: #082b52 !important;
  outline: 3px solid rgba(255, 190, 36, .24) !important;
  transform: translateY(-2px) !important;
}

#modal_gifts .gift-data .gift {
  background: #fff8e8 !important;
  border-radius: 14px !important;
  grid-row: 1 / span 3 !important;
  height: 62px !important;
  object-fit: contain !important;
  padding: 7px !important;
  width: 62px !important;
}

#modal_gifts .pp-gift-price {
  color: #082b52 !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

#modal_gifts .pp-gift-name {
  color: #082b52 !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

#modal_gifts .pp-gift-earning {
  color: #5a6c82 !important;
  display: block !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.pp-chat-gift-button,
.pp-live-gift-button {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid rgba(255, 190, 36, .75) !important;
  border-radius: 999px !important;
  color: #082b52 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
}

.pp-live-gift-button::before {
  content: "\1F381";
  font-size: 17px !important;
  line-height: 1 !important;
}

.pp-chat-gift-button:hover,
.pp-chat-gift-button:focus-visible,
.pp-live-gift-button:hover,
.pp-live-gift-button:focus-visible {
  background: #ffbe24 !important;
  border-color: #ffbe24 !important;
  box-shadow: none !important;
  color: #082b52 !important;
  outline: 2px solid #fff !important;
  transform: none !important;
}

.pp-gift-picker .btn_primary,
.pp-gift-picker .btn_primary:hover,
.pp-gift-picker .btn_primary:focus-visible {
  background: #d81336 !important;
  color: #fff !important;
}

.pp-gift-picker .btn-flat,
.pp-gift-picker .btn-flat:hover,
.pp-gift-picker .btn-flat:focus-visible {
  background: transparent !important;
  color: #082b52 !important;
}

@media (max-width: 620px) {
  .pp-gift-picker {
    border-radius: 18px 18px 0 0 !important;
    bottom: 0 !important;
    max-height: 88vh !important;
    top: auto !important;
    width: 100% !important;
  }
  .pp-gift-picker .modal-content {
    padding: 26px 20px 22px !important;
  }
  .pp-gift-picker-grid,
  #modal_gifts .pp-gift-picker-grid {
    grid-template-columns: 1fr !important;
  }
  #modal_gifts .gift-data {
    min-height: 82px !important;
  }
}

/* Gifts and recipient earnings use an open editorial layout, not nested cards. */
html body.gifts-page .find_matches_cont .col.l9,
html body[data-page="gifts"] .find_matches_cont .col.l9 {
  min-width: 0 !important;
}

.pp-gift-earnings,
.pp-gift-collection,
.pp-received-gifts {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8, 43, 82, .15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 36px 0 !important;
}

.pp-gift-earnings {
  align-items: end !important;
  display: grid !important;
  gap: 34px !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr) !important;
  padding-top: 4px !important;
}

.pp-gift-earnings h1,
.pp-gift-collection h2,
.pp-received-gifts h2 {
  color: #082b52 !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  line-height: 1.05 !important;
  margin: 0 0 12px !important;
}

.pp-gift-earnings-copy > p:last-child,
.pp-gift-collection-intro > p:last-child {
  color: #607087 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 650px !important;
}

.pp-gift-earnings-totals {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

.pp-gift-earnings-totals div {
  border-left: 2px solid #ffbe24 !important;
  padding-left: 14px !important;
}

.pp-gift-earnings-totals dt {
  color: #607087 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.pp-gift-earnings-totals dd {
  color: #082b52 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  margin: 5px 0 0 !important;
}

.pp-gift-collection {
  display: grid !important;
  gap: 28px 44px !important;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr) !important;
}

.pp-gift-value-list {
  display: grid !important;
  gap: 0 24px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.pp-gift-value-item {
  align-items: center !important;
  border-bottom: 1px solid rgba(8, 43, 82, .12) !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  padding: 13px 0 !important;
}

.pp-gift-value-item img {
  height: 48px !important;
  object-fit: contain !important;
  width: 48px !important;
}

.pp-gift-value-item h3,
.pp-gift-value-item p {
  margin: 0 !important;
}

.pp-gift-value-item h3 {
  color: #082b52 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.pp-gift-value-item p,
.pp-gift-value-item strong {
  color: #607087 !important;
  font-size: 12px !important;
}

.pp-gift-value-item strong {
  color: #d81336 !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.pp-gift-discover-link {
  border-bottom: 2px solid #d81336 !important;
  color: #d81336 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  grid-column: 2 !important;
  justify-self: start !important;
  padding: 6px 0 !important;
}

.pp-gift-discover-link:hover,
.pp-gift-discover-link:focus-visible {
  background: transparent !important;
  border-bottom-color: #b78a08 !important;
  color: #b78a08 !important;
}

.pp-received-gifts .dt_home_rand_user,
.pp-received-gifts .dt_sections,
.pp-received-gifts #likes_users_container {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 820px) {
  .pp-gift-earnings,
  .pp-gift-collection {
    grid-template-columns: 1fr !important;
  }
  .pp-gift-discover-link {
    grid-column: 1 !important;
  }
}

@media (max-width: 560px) {
  .pp-gift-earnings-totals,
  .pp-gift-value-list {
    grid-template-columns: 1fr !important;
  }
  .pp-gift-value-item {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }
  .pp-gift-value-item strong {
    grid-column: 2 !important;
    text-align: left !important;
  }
}

/* Pinay Promise discovery result: open layout, visible actions, no nested card stack. */
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .find_matches_cont > .row.r_margin {
  align-items: start !important;
  display: grid !important;
  gap: 38px !important;
  grid-template-columns: 235px minmax(0,1fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .find_matches_cont > .row.r_margin > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .find_matches_cont > .row.r_margin > .col:last-child {
  display: none !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters_prnt {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters_prnt .dt_home_filters {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters h5,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters_head,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters_head p {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters_head p {
  color: #d81336 !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_filters_head svg {
  color: #f4bd24 !important;
  height: 18px !important;
  width: 18px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) #section_match_users,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_match_user,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_details,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .dt_home_match_user {
  margin: 22px 0 50px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr {
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  gap: 16px !important;
  margin: 0 0 24px !important;
  min-height: 0 !important;
  overflow-x: auto !important;
  padding: 0 0 8px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  flex: 0 0 92px !important;
  gap: 8px !important;
  height: auto !important;
  margin: 0 !important;
  min-width: 92px !important;
  padding: 0 !important;
  width: 92px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb::before,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb::after {
  display: none !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb img {
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px #d9e2ef !important;
  height: 58px !important;
  object-fit: cover !important;
  width: 58px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb.isActive img {
  box-shadow: 0 0 0 2px #f4bd24 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb p,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usr_avtr .usr_thumb.isActive p {
  color: #082b57 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_content > .row {
  align-items: stretch !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(320px,1.08fr) minmax(300px,.92fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_content > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_slider,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_slider .carousel {
  background: #edf2f8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 510px !important;
  min-height: 510px !important;
  overflow: hidden !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_slider::before {
  display: none !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_slider .carousel img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar {
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(8,43,87,.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 510px !important;
  overflow: visible !important;
  padding: 34px 36px 26px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_summary h5,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_summary h5 a {
  color: #082b57 !important;
  font-family: inherit !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_summary h5::before {
  background: #f4bd24 !important;
  height: 4px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .sidebar_usr_info {
  display: grid !important;
  gap: 8px 30px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  margin: 6px 0 0 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .sidebar_usr_info > .col {
  float: none !important;
  padding: 0 !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .sidebar_usr_info p {
  color: #62708a !important;
  font-family: inherit !important;
  font-size: 13px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .sidebar_usr_info span {
  color: #082b57 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  margin-bottom: 20px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions {
  align-items: center !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: flex-start !important;
  margin-top: auto !important;
  padding-top: 20px !important;
  position: static !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #082b57 !important;
  display: inline-flex !important;
  gap: 8px !important;
  height: 46px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: 112px !important;
  padding: 0 20px !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn.like {
  border-color: #d81336 !important;
  color: #d81336 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn.like::after {
  content: "Like";
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn.dislike::after {
  content: "Pass";
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn::after {
  color: inherit !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn svg {
  color: inherit !important;
  height: 20px !important;
  margin: 0 !important;
  width: 20px !important;
}

html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn:hover,
html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions .btn:focus-visible {
  background: #f4bd24 !important;
  border-color: #f4bd24 !important;
  box-shadow: none !important;
  color: #fff !important;
  transform: none !important;
}

@media (max-width: 960px) {
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .find_matches_cont > .row.r_margin {
    display: block !important;
  }
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .find_matches_cont > .row.r_margin > .col:first-child,
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .find_matches_cont > .row.r_margin > .col:last-child {
    display: none !important;
  }
}

@media (max-width: 700px) {
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_content > .row {
    display: block !important;
  }
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_slider,
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_slider .carousel {
    height: 460px !important;
    min-height: 460px !important;
  }
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar {
    border-left: 0 !important;
    border-top: 1px solid rgba(8,43,87,.15) !important;
    min-height: 0 !important;
    padding: 26px 0 8px !important;
  }
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .sidebar_usr_info {
    gap: 4px 20px !important;
  }
  html body.find-matches-page.find-matches-page:not(:has(.pp_members_directory)) .mtc_usrd_sidebar .mtc_usrd_actions {
    padding-bottom: 8px !important;
  }
}

/* Profile 1.0.103: keep the biography open and stop the authenticated header
   from forcing tablet profiles underneath a horizontally scrolling canvas. */
html body.profile-page.profile-page .mtc_usrd_sidebar.dt_profile_about_side {
  background: transparent !important;
  border-radius: 0 !important;
}

@media (max-width: 1080px) {
  html body.profile-page.profile-page .mtc_usrd_sidebar.dt_profile_about_side {
    border-left: 0 !important;
    border-top: 1px solid rgba(8, 43, 87, .14) !important;
    padding: 30px 0 0 !important;
  }
}

@media (min-width: 681px) and (max-width: 1100px) {
  html,
  html body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body #nav-logged-in .nav-wrapper {
    align-items: center !important;
    display: flex !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 12px !important;
    width: 100% !important;
  }

  html body #nav-logged-in .header_logo {
    flex: 1 1 154px !important;
    max-width: 176px !important;
    min-width: 126px !important;
  }

  html body #nav-logged-in .brand-logo img {
    max-width: 164px !important;
  }

  html body #nav-logged-in .header_home_link {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  html body #nav-logged-in .header_home_link > li:first-child > a {
    font-size: 0 !important;
    padding: 0 !important;
    width: 48px !important;
  }

  html body #nav-logged-in .header_home_link > li:first-child > a svg {
    margin: 0 !important;
  }

  html body #nav-logged-in .header_home_link > li > a.prem {
    font-size: 13px !important;
    margin: 16px 5px !important;
    min-width: 116px !important;
    padding: 0 12px !important;
  }

  html body #nav-logged-in > .nav-wrapper > ul.right {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    max-width: calc(100% - 300px) !important;
    position: static !important;
    width: auto !important;
  }

  html body #nav-logged-in li.credit,
  html body #nav-logged-in li.credit > a {
    width: 92px !important;
  }

  html body #nav-logged-in li.credit .how_credtss {
    margin-right: 4px !important;
    min-width: 84px !important;
    padding: 0 9px !important;
  }

  html body #nav-logged-in .header_msg,
  html body #nav-logged-in .header_notifications {
    width: 44px !important;
  }

  html body #nav-logged-in .header_msg > a.btn-flat,
  html body #nav-logged-in .header_notifications > a.btn-flat {
    margin: 0 2px !important;
  }

  html body #nav-logged-in .header_user {
    align-items: center !important;
    display: flex !important;
    width: 94px !important;
  }

  html body #nav-logged-in .header_user .boost-div {
    flex: 0 0 44px !important;
    width: 44px !important;
  }

  html body #nav-logged-in .header_user > a {
    flex: 0 0 44px !important;
    height: 42px !important;
    margin-left: 2px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 44px !important;
  }

  html body #nav-logged-in .header_user > a > span,
  html body #nav-logged-in .header_user > a > svg {
    display: none !important;
  }

  html body #nav-logged-in .header_user > a img {
    height: 34px !important;
    margin: 0 auto !important;
    width: 34px !important;
  }
}

@media (max-width: 620px) {
  html body.profile-page.profile-page .mtc_usrd_sidebar.dt_profile_about_side {
    padding: 26px 20px 22px !important;
  }
  html body.profile-page.profile-page .dt_profile_about_info > .row,
  html body.profile-page.profile-page .dt_user_about .about_block > .row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body.profile-page.profile-page .dt_profile_about_action {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  html body.profile-page.profile-page .dt_profile_about_action a {
    width: 100% !important;
  }
  html body.profile-page.profile-page .dt_user_about .about_block > h4 {
    font-size: 24px !important;
  }
}

/* 2026-08-03: Visitors — populated results use an open activity list.
   QuickDate's default `.card` makes a single visit fill the entire results
   area. Keep the links and AJAX intact while removing that presentation. */
html body.visits-page.visits-page #visits_container {
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  display: grid !important;
  gap: 0 38px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  margin: 0 !important;
  padding: 10px 0 8px !important;
  width: 100% !important;
}
html body.visits-page.visits-page #visits_container > .col.matches.visit {
  border-bottom: 1px solid rgba(8,43,87,.12) !important;
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
html body.visits-page.visits-page #visits_container > .col.matches.visit:nth-last-child(-n+2) {
  border-bottom-color: transparent !important;
}
html body.visits-page.visits-page #visits_container .visit > .card,
html body.visits-page.visits-page #visits_container .visit > .card:hover {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 84px minmax(0,1fr) !important;
  margin: 0 !important;
  min-height: 132px !important;
  padding: 24px 0 !important;
  transform: none !important;
}
html body.visits-page.visits-page #visits_container .card-image {
  height: 84px !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 84px !important;
}
html body.visits-page.visits-page #visits_container .card-image > a {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}
html body.visits-page.visits-page #visits_container .card-image img {
  background: #eef4fc !important;
  border: 2px solid rgba(8,43,87,.12) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  height: 84px !important;
  margin: 0 !important;
  object-fit: cover !important;
  padding: 3px !important;
  width: 84px !important;
}
html body.visits-page.visits-page #visits_container .card-content {
  align-self: center !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}
html body.visits-page.visits-page #visits_container .card-content > a {
  display: inline-block !important;
  margin-bottom: 7px !important;
  text-decoration: none !important;
}
html body.visits-page.visits-page #visits_container .card-title {
  color: #082b57 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
html body.visits-page.visits-page #visits_container .card-content p {
  color: #66758d !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
html body.visits-page.visits-page #visits_container .card-content p.pp_empty_location {
  display: none !important;
}
html body.visits-page.visits-page #btn_load_more_visits {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 22px 0 0 !important;
  min-height: 34px !important;
  padding: 0 !important;
}
html body.visits-page.visits-page #btn_load_more_visits::after {
  content: '  \2192' !important;
}
html body.visits-page.visits-page #btn_load_more_visits:hover,
html body.visits-page.visits-page #btn_load_more_visits:focus-visible {
  background: transparent !important;
  color: #f4b91f !important;
  outline: 0 !important;
  transform: none !important;
}
html body.visits-page.visits-page #btn_load_more_visits.pp_no_more_visitors {
  display: none !important;
}
@media (max-width: 720px) {
  html body.visits-page.visits-page #visits_container {
    display: block !important;
    padding-top: 4px !important;
  }
  html body.visits-page.visits-page #visits_container > .col.matches.visit,
  html body.visits-page.visits-page #visits_container > .col.matches.visit:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(8,43,87,.12) !important;
  }
  html body.visits-page.visits-page #visits_container > .col.matches.visit:last-child {
    border-bottom-color: transparent !important;
  }
  html body.visits-page.visits-page #visits_container .visit > .card,
  html body.visits-page.visits-page #visits_container .visit > .card:hover {
    gap: 15px !important;
    grid-template-columns: 70px minmax(0,1fr) !important;
    min-height: 110px !important;
    padding: 20px 0 !important;
  }
  html body.visits-page.visits-page #visits_container .card-image,
  html body.visits-page.visits-page #visits_container .card-image img {
    height: 70px !important;
    width: 70px !important;
  }
}

/* 2026-08-02: open, dense application layouts. Empty states are messages, not rooms. */
:root { --pp-open-divider: rgba(8, 43, 87, .14); }

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont {
  max-width: 1320px !important;
  padding-top: 34px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
  align-items: start !important;
  gap: 30px !important;
  grid-template-columns: minmax(205px, 235px) minmax(0, 1fr) !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--pp-open-divider) !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 22px 8px 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar .menu > li > a {
  border-radius: 0 !important;
  margin: 1px 0 !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar .menu > li.active > a {
  background: transparent !important;
  border-left: 4px solid var(--pp-app-red) !important;
  color: var(--pp-app-navy) !important;
  padding-left: 12px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar .menu > li.active > a svg { color: var(--pp-app-gold) !important; }

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) :is(.dt_ltst_users,.dt_home_rand_user,.dt_home_rand_user > .row,.dt_home_rand_user .dt_sections) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user { padding: 0 !important; }

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > h4.bold {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  color: var(--pp-app-navy) !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 0 15px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > .row {
  margin: 0 !important;
  padding: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > .row > .col.s12 {
  padding: 0 !important;
  width: 100% !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .dt_sections:has(> .empty_state) {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  padding: 28px 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state {
  align-items: center !important;
  color: var(--pp-app-navy) !important;
  display: flex !important;
  flex-flow: row wrap !important;
  font-size: 17px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 760px !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state svg {
  background: rgba(237, 23, 71, .08) !important;
  border-radius: 50% !important;
  color: var(--pp-app-red) !important;
  flex: 0 0 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 12px !important;
  width: 52px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state br { display: none !important; }

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state :is(.prema,a.btn) {
  background: var(--pp-app-gold) !important;
  border-radius: 999px !important;
  color: var(--pp-app-navy) !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  line-height: 42px !important;
  margin: 0 0 0 8px !important;
  min-width: 120px !important;
  padding: 0 20px !important;
  width: auto !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .load_more_btn { margin: 22px 0 0 !important; }

/* Profiles use an editorial rail and open content columns. */
body:is(.profile-page,.myprofile-page) .pp_profile_command {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
  margin-bottom: 30px !important;
  min-height: 0 !important;
  padding: 12px 0 24px !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command :is(h1,p) { color: var(--pp-app-navy) !important; }

body:is(.profile-page,.myprofile-page) .find_matches_cont > .row {
  gap: 28px !important;
  grid-template-columns: minmax(210px, 245px) minmax(0, 1fr) !important;
}

body:is(.profile-page,.myprofile-page) .find_matches_cont > .row > .col:last-child:not(:nth-child(2)) { display: none !important; }

body:is(.profile-page,.myprofile-page) :is(.dt_profile_side,.dt_left_sidebar.pro) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--pp-open-divider) !important;
  box-shadow: none !important;
  padding: 14px 24px 14px 0 !important;
}

body:is(.profile-page,.myprofile-page) :is(.mtc_usrd_content,.dt_profile_about,.dt_user_about,.about_block,.dt_profile_info) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  margin: 0 0 28px !important;
  padding: 0 0 28px !important;
}

body:is(.profile-page,.myprofile-page) .dt_user_about .about_block {
  border-top: 1px solid var(--pp-open-divider) !important;
  margin-top: 22px !important;
  padding-top: 26px !important;
}

body:is(.profile-page,.myprofile-page) .dt_profile_info { padding: 0 !important; }

/* The signed-in menu stays below the header and never covers the whole page. */
body #nav-logged-in .header_user #user_dropdown {
  border: 1px solid rgba(8, 43, 87, .14) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(8, 43, 87, .18) !important;
  max-height: calc(100vh - 92px) !important;
  min-width: 290px !important;
  outline: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px !important;
  top: 72px !important;
  width: 310px !important;
}

body #nav-logged-in .header_user #user_dropdown > li > a {
  border-radius: 8px !important;
  min-height: 42px !important;
  padding: 5px 11px !important;
}

@media (max-width: 1024px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row,
  body:is(.profile-page,.myprofile-page) .find_matches_cont > .row { display: block !important; }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar,
  body:is(.profile-page,.myprofile-page) :is(.dt_profile_side,.dt_left_sidebar.pro) { border-right: 0 !important; }
}

@media (max-width: 680px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont { padding-top: 18px !important; }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > h4.bold { font-size: 30px !important; }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state :is(.prema,a.btn) { margin: 4px 0 0 !important; }

  body:is(.profile-page,.myprofile-page) .pp_profile_command { margin-bottom: 20px !important; }

  body #nav-logged-in .header_user #user_dropdown {
    left: auto !important;
    max-height: calc(100vh - 76px) !important;
    min-width: 0 !important;
    right: 8px !important;
    top: 64px !important;
    width: min(310px, calc(100vw - 16px)) !important;
  }
}

/* 2026-08-03: Promise Pick — open discovery state.
   The original hot-page shell has unusually specific card rules, so keep this
   final override scoped to /hot and leave populated matching controls intact. */
html body.hot-page.hot-page .find_matches_cont > .row > .col.l9,
html body.hot-page.hot-page .qd_hot_shell,
html body.hot-page.hot-page .qd_hot_shell #section_match_users,
html body.hot-page.hot-page .qd_hot_shell #section_match_users > .dt_sections {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}
html body.hot-page.hot-page .qd_hot_shell > h4.bold {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  font-size: clamp(38px,4.2vw,58px) !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  line-height: .98 !important;
  margin: 0 !important;
  padding: 0 0 26px !important;
}
html body.hot-page.hot-page .qd_hot_shell > h4.bold::before {
  color: #d41436 !important;
  content: attr(data-pp-kicker) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  line-height: 1.2 !important;
  margin-bottom: 14px !important;
}
html body.hot-page.hot-page .qd_hot_shell #section_match_users > .dt_sections:has(> .empty_state) {
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  padding: 32px 0 36px !important;
}
html body.hot-page.hot-page .qd_hot_shell #section_match_users .empty_state.pp_empty_enhanced {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px 22px !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: 100% !important;
}
html body.hot-page.hot-page .qd_hot_shell #section_match_users .empty_state.pp_empty_enhanced > svg {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 42px !important;
}
html body.hot-page.hot-page .qd_hot_shell #section_match_users .pp_empty_action {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  min-height: 34px !important;
  padding: 0 !important;
}
html body.hot-page.hot-page .qd_hot_shell #section_match_users .pp_empty_action::after {
  content: '\2192' !important;
  margin-left: 8px !important;
}
html body.hot-page.hot-page .qd_hot_shell #section_match_users .pp_empty_action:hover,
html body.hot-page.hot-page .qd_hot_shell #section_match_users .pp_empty_action:focus-visible {
  background: transparent !important;
  color: #f4b91f !important;
  outline: 0 !important;
  transform: none !important;
}
@media (max-width: 680px) {
  html body.hot-page.hot-page .qd_hot_shell > h4.bold {
    font-size: 39px !important;
    padding-bottom: 20px !important;
  }
  html body.hot-page.hot-page .qd_hot_shell #section_match_users > .dt_sections:has(> .empty_state) {
    padding: 26px 0 30px !important;
  }
  html body.hot-page.hot-page .qd_hot_shell #section_match_users .empty_state.pp_empty_enhanced {
    align-items: start !important;
    gap: 14px 16px !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
  }
  html body.hot-page.hot-page .qd_hot_shell #section_match_users .empty_state.pp_empty_enhanced > svg {
    height: 34px !important;
    width: 34px !important;
  }
  html body.hot-page.hot-page .qd_hot_shell #section_match_users .pp_empty_action {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}

/* Neutralize the earlier experimental horizontal collection rail. */
@media (min-width: 901px) {
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
    display: grid !important;
    gap: 38px !important;
    grid-template-columns: minmax(205px,235px) minmax(0,1fr) !important;
    max-width: none !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col {
    display: block !important;
    grid-column: auto !important;
    width: auto !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l3,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 {
    grid-column: auto !important;
    width: auto !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar:not(.pro),
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar .menu {
    display: block !important;
    grid-template-columns: none !important;
    width: auto !important;
  }
}

html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont :is(.dt_home_rand_user,.dt_home_rand_user > .row,.dt_home_rand_user > .row > .col,.dt_home_rand_user .dt_sections) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont .dt_home_rand_user > h4.bold {
  display: block !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont .dt_home_rand_user > h4.bold::before {
  display: block !important;
}

/* 2026-08-02: discovery page density lock. */
body.find-matches-page .find_matches_cont > .row {
  gap: 30px !important;
  grid-template-columns: minmax(205px,235px) minmax(0,1fr) !important;
}

body.find-matches-page .find_matches_cont > .row > .col:last-child {
  display: none !important;
}

body.find-matches-page .dt_left_sidebar:not(.pro) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--pp-open-divider) !important;
  box-shadow: none !important;
  padding: 8px 22px 8px 0 !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a {
  border-radius: 0 !important;
  margin: 1px 0 !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a.active {
  background: transparent !important;
  border-left: 4px solid var(--pp-app-red) !important;
  color: var(--pp-app-navy) !important;
  padding-left: 12px !important;
}

body.find-matches-page .dt_home_filters {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
}

body.find-matches-page #section_match_users,
body.find-matches-page #section_match_users > .dt_sections,
body.find-matches-page #search_users_container {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

body.find-matches-page #section_match_users > .dt_sections {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  padding: 28px 0 !important;
}

body.find-matches-page #section_match_users .empty_state {
  align-items: center !important;
  color: var(--pp-app-navy) !important;
  display: flex !important;
  flex-flow: row wrap !important;
  font-size: 17px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 760px !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.find-matches-page #section_match_users .empty_state svg {
  background: rgba(237,23,71,.08) !important;
  border-radius: 50% !important;
  color: var(--pp-app-red) !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 12px !important;
  width: 52px !important;
}

@media (max-width: 1024px) {
  body.find-matches-page .find_matches_cont > .row { display: block !important; }
  body.find-matches-page .dt_left_sidebar:not(.pro) { border-right: 0 !important; }
}

/* Collection layout 1.0.68b: keep this final in the stylesheet so the old
   two-column density rule cannot reintroduce the crowded vertical rail. */
@media (min-width: 1025px) {
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row {
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 1240px !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l3,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l9 {
    display: block !important;
    float: none !important;
    grid-column: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar:not(.pro) {
    display: grid !important;
    grid-template-columns: 220px 210px minmax(0, 1fr) !important;
    width: 100% !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
}

/* Collection layout 1.0.68: final cascade lock for the shared member pages.
   These selectors intentionally outrank the legacy two-column discovery grid. */
@media (min-width: 1025px) {
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row {
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 1240px !important;
  }

  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l3,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l9 {
    display: block !important;
    float: none !important;
    grid-column: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar:not(.pro) {
    display: grid !important;
    grid-template-columns: 220px 210px minmax(0, 1fr) !important;
    width: 100% !important;
  }

  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_ltst_users,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_home_rand_user {
    min-height: 0 !important;
    width: 100% !important;
  }
}

/* Collection layout 1.0.65: organize shared member pages without a crowded vertical rail. */
@media (min-width: 1025px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont {
    padding-top: 28px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row {
    display: grid !important;
    gap: 30px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 1240px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar:not(.pro) {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 22px !important;
    grid-template-columns: 220px 210px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 0 0 24px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct {
    border-right: 1px solid var(--pp-open-divider, #d8e1ed) !important;
    padding: 0 22px 0 0 !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct > div {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    text-align: left !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct .user_popularity_icn,
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct .user_popularity_icn svg {
    height: 54px !important;
    min-width: 54px !important;
    width: 54px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct .user_popularity_icn .avatar img {
    height: 38px !important;
    width: 38px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct h3 {
    font-size: 17px !important;
    margin: 0 0 3px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct p {
    font-size: 12px !important;
    margin: 0 0 7px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct .btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--pp-app-red, #ed1747) !important;
    font-size: 12px !important;
    height: auto !important;
    line-height: 1.35 !important;
    padding: 0 !important;
    text-transform: none !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_sct .btn svg {
    display: none !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_stats {
    border-right: 1px solid var(--pp-open-divider, #d8e1ed) !important;
    padding: 0 22px 0 0 !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_stats > div {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_stats > div > div {
    border: 0 !important;
    padding: 5px 2px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_stats b {
    color: var(--pp-app-red, #ed1747) !important;
    font-size: 18px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .home_usr_stats p {
    color: #66748a !important;
    font-size: 12px !important;
    margin: 2px 0 0 !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu {
    display: grid !important;
    gap: 4px 14px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin: 0 !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li {
    border: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li.divider {
    display: none !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li > a {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--pp-app-navy, #082b57) !important;
    display: flex !important;
    font-size: 12px !important;
    gap: 7px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    min-height: 38px !important;
    overflow: visible !important;
    padding: 5px 4px !important;
    white-space: normal !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li > a:hover {
    background: transparent !important;
    color: var(--pp-app-red, #ed1747) !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li > a.active,
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li.active > a {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid var(--pp-app-red, #ed1747) !important;
    color: var(--pp-app-navy, #082b57) !important;
    font-weight: 700 !important;
    padding: 5px 4px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li > a svg {
    color: #315b88 !important;
    height: 17px !important;
    min-width: 17px !important;
    width: 17px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li > a.active svg,
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu > li.active > a svg {
    color: var(--pp-app-gold, #f5b818) !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_ltst_users {
    padding: 0 0 44px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_home_rand_user > h4.bold {
    font-size: clamp(28px, 3vw, 40px) !important;
    letter-spacing: -.03em !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_home_rand_user > .row {
    border-top: 1px solid var(--pp-open-divider, #d8e1ed) !important;
    margin: 0 !important;
    padding: 24px 0 0 !important;
  }
}

/* Final profile clarity lock. */
body .pp_profile_command_copy h1,
body .pp_profile_command_copy p {
  color: var(--pp-app-navy, #0b2d59) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body a.btn-floating.only-mobile[onclick*="avatar_profileimg"] {
  display: none !important;
}

/* Final profile clarity lock: keep the light-mode hero readable and remove the
   owner-only floating upload shortcut that was visually colliding with the
   branded scroll control. */
body .pp_profile_command_copy h1,
body .pp_profile_command_copy p {
  color: var(--pp-app-navy, #0b2d59) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body a.btn-floating.only-mobile[onclick*="avatar_profileimg"] {
  display: none !important;
}

/* 1.0.63 final cascade: open collection, profile, and commerce canvases. */
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users > .dt_home_rand_user,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users > .dt_home_rand_user > .row {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users > .dt_home_rand_user > .row > .col.s12 > .dt_sections:has(.empty_state) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 24px 0 !important;
}

body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1,
body.profile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1,
body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command p,
body.profile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command p {
  color: var(--pp-app-navy) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary) {
  background: transparent !important;
  border-color: rgba(8,43,87,.28) !important;
  color: var(--pp-app-navy) !important;
}

body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary):hover,
body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary):focus {
  background: var(--pp-app-gold) !important;
  border-color: var(--pp-app-gold) !important;
  color: #fff !important;
}

html body:is(.myprofile-page,.profile-page) a.only-mobile.btn-floating {
  display: none !important;
}

body:is(.myprofile-page,.profile-page) .find_matches_cont > .row > .col:nth-child(2) > :is(.mtc_usrd_content,.dt_profile_about,.dt_profile_info),
body:is(.myprofile-page,.profile-page) .find_matches_cont > .row > .col:nth-child(2) :is(.mtc_usrd_content.dt_profile_about,.dt_profile_info) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.credit-page .find_matches_cont > .row {
  display: block !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
}
body.credit-page .find_matches_cont > .row > .col.l3 { display: none !important; }
body.credit-page .find_matches_cont > .row > .col.pp_credit_main {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
body.credit-page .pp_credit_main > .dt_credits,
body.credit-page .pp_credit_main > .dt_credits.dt_sections,
body.credit-page .pp_credit_main > .dt_credits.transparent,
body.credit-page .pp_credit_main > .dt_credits.buy_credit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 26px 0 !important;
}
body.credit-page .pp_credit_main > .dt_credits:first-child { padding-top: 0 !important; }
body.credit-page .pp_credit_main .credit_ftr,
body.credit-page .pp_credit_main .credit_pln {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 740px) {
  html body:is(.myprofile-page,.profile-page) a.only-mobile.btn-floating { display: flex !important; }
}

/* Collection canvas lock: beat legacy QuickDate panel selectors without
   flattening real member/profile cards rendered inside populated results. */
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users > .dt_home_rand_user,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users > .dt_home_rand_user > .row {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col.l9 > .dt_ltst_users > .dt_home_rand_user > .row > .col.s12 > .dt_sections:has(.empty_state) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 24px 0 !important;
}

/* Profile clarity and open-canvas lock. */
body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1,
body.profile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1,
body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command p,
body.profile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command p {
  color: var(--pp-app-navy) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary) {
  background: transparent !important;
  border-color: rgba(8,43,87,.28) !important;
  color: var(--pp-app-navy) !important;
}

body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary):hover,
body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary):focus {
  background: var(--pp-app-gold) !important;
  border-color: var(--pp-app-gold) !important;
  color: #fff !important;
}

body:is(.myprofile-page,.profile-page) a.only-mobile.btn-floating {
  display: none !important;
}

body:is(.myprofile-page,.profile-page) .find_matches_cont > .row > .col:nth-child(2) > :is(.mtc_usrd_content,.dt_profile_about,.dt_profile_info),
body:is(.myprofile-page,.profile-page) .find_matches_cont > .row > .col:nth-child(2) :is(.mtc_usrd_content.dt_profile_about,.dt_profile_info) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Credits are a commerce canvas, not a stack of nested cards. Purchase choices
   remain distinct because they are interactive selections. */
body.credit-page .find_matches_cont > .row {
  display: block !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
}

body.credit-page .find_matches_cont > .row > .col.l3 {
  display: none !important;
}

body.credit-page .find_matches_cont > .row > .col.pp_credit_main {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.credit-page .pp_credit_main > .dt_credits,
body.credit-page .pp_credit_main > .dt_credits.dt_sections,
body.credit-page .pp_credit_main > .dt_credits.transparent,
body.credit-page .pp_credit_main > .dt_credits.buy_credit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 26px 0 !important;
}

body.credit-page .pp_credit_main > .dt_credits:first-child {
  padding-top: 0 !important;
}

body.credit-page .pp_credit_main .credit_ftr,
body.credit-page .pp_credit_main .credit_pln {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 740px) {
  body:is(.myprofile-page,.profile-page) a.only-mobile.btn-floating {
    display: flex !important;
  }
}

/* Popularity 2.0: Pinay Promise brand lock and open-canvas layout. */
html body.popularity-page.popularity-page .find_matches_cont {
  max-width: 1280px !important;
  padding-top: 34px !important;
}

html body.popularity-page.popularity-page .find_matches_cont > .row {
  align-items: start !important;
  display: grid !important;
  gap: 34px !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
}

html body.popularity-page.popularity-page .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.popularity-page.popularity-page .find_matches_cont > .row > .col:last-child {
  display: none !important;
}

html body.popularity-page.popularity-page .dt_credits.dt_sections {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.popularity-page.popularity-page .dt_pop_level {
  background: linear-gradient(115deg, #082b57 0%, #10477f 70%, #394d60 100%) !important;
  border-radius: 24px !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 38px 42px 36px !important;
  position: relative !important;
}

html body.popularity-page.popularity-page .dt_pop_level::after {
  border: 1px solid rgba(244, 189, 36, .3) !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 210px !important;
  position: absolute !important;
  right: -78px !important;
  top: -105px !important;
  width: 210px !important;
}

html body.popularity-page.popularity-page .pp_pop_eyebrow {
  color: #f4bd24 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .15em !important;
  margin-bottom: 13px !important;
}

html body.popularity-page.popularity-page .dt_pop_level h2 {
  color: #fff !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.popularity-page.popularity-page .dt_pop_level h2 span {
  color: #f4bd24 !important;
}

html body.popularity-page.popularity-page .dt_pop_level p {
  color: rgba(255,255,255,.82) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 16px 0 0 !important;
  max-width: 680px !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.popularity-page.popularity-page .dt_pop_level hr {
  display: none !important;
}

html body.popularity-page.popularity-page .dt_popular {
  border-bottom: 1px solid rgba(8,43,87,.15) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 42px 0 32px !important;
}

html body.popularity-page.popularity-page .dt_popular > .col {
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.popularity-page.popularity-page .dt_popular > .col.s12:first-child {
  grid-column: 1 / -1 !important;
}

html body.popularity-page.popularity-page .dt_popular h2.center {
  color: #082b57 !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
  line-height: 1.2 !important;
  margin: 0 0 28px !important;
  text-align: left !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont {
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont::before,
html body.popularity-page.popularity-page .dt_poplrity_cont::after {
  display: none !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont_innr,
html body.popularity-page.popularity-page .dt_poplrity_cont.matches .dt_poplrity_cont_innr,
html body.popularity-page.popularity-page .dt_poplrity_cont.likes .dt_poplrity_cont_innr {
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(8,43,87,.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  min-height: 300px !important;
  overflow: visible !important;
  padding: 24px 30px 8px !important;
  position: relative !important;
  transform: none !important;
}

html body.popularity-page.popularity-page #buy_more_visits .dt_poplrity_cont_innr {
  border-left: 0 !important;
  padding-left: 0 !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont:hover .dt_poplrity_cont_innr {
  box-shadow: none !important;
  transform: none !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont_innr > svg {
  color: #f4bd24 !important;
  height: 54px !important;
  margin: 0 0 20px !important;
  opacity: 1 !important;
  position: static !important;
  width: 54px !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont_innr > svg path {
  fill: #f4bd24 !important;
  opacity: 1 !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_hdr h3 {
  color: #082b57 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 {
  color: #ed1747 !important;
  font-size: 48px !important;
  line-height: 1 !important;
  margin: 22px 0 8px !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 span {
  color: #082b57 !important;
  display: inline !important;
  font-size: 16px !important;
  margin-left: 8px !important;
}

html body.popularity-page.popularity-page .pp_pop_note {
  color: #66738a !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 0 22px !important;
  max-width: 230px !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn {
  background: #ed1747 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(237,23,71,.2) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  min-width: 124px !important;
  padding: 0 22px !important;
}

html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:hover,
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:focus-visible {
  background: #f4bd24 !important;
  box-shadow: 0 10px 22px rgba(244,189,36,.25) !important;
  color: #fff !important;
}

html body.popularity-page.popularity-page .pp_pop_disclosure {
  color: #66738a !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 18px 0 0 !important;
}

html body.popularity-page.popularity-page .modal-content h6,
html body.popularity-page.popularity-page .modal-content h6 svg {
  color: #082b57 !important;
}

html body.popularity-page.popularity-page .modal-content p span {
  color: #ed1747 !important;
}

@media (max-width: 1024px) {
  html body.popularity-page.popularity-page .find_matches_cont > .row {
    display: block !important;
  }

  html body.popularity-page.popularity-page .find_matches_cont > .row > .col:first-child {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html body.popularity-page.popularity-page .dt_pop_level {
    border-radius: 18px !important;
    padding: 30px 22px 28px !important;
  }

  html body.popularity-page.popularity-page .dt_pop_level h2 {
    font-size: 34px !important;
  }

  html body.popularity-page.popularity-page .dt_popular {
    display: block !important;
    padding-top: 32px !important;
  }

  html body.popularity-page.popularity-page .dt_poplrity_cont_innr,
  html body.popularity-page.popularity-page .dt_poplrity_cont.matches .dt_poplrity_cont_innr,
  html body.popularity-page.popularity-page .dt_poplrity_cont.likes .dt_poplrity_cont_innr,
  html body.popularity-page.popularity-page #buy_more_visits .dt_poplrity_cont_innr {
    border-left: 0 !important;
    border-top: 1px solid rgba(8,43,87,.15) !important;
    min-height: 0 !important;
    padding: 26px 0 !important;
  }
}

/* Transactions: full-width account history without nested card shells. */
body .pp-transactions-page {
  min-height: calc(100vh - 150px);
  overflow-x: clip;
  padding: 52px 0 76px !important;
}

body .pp-transactions-page > .container {
  max-width: 1180px !important;
  width: calc(100% - 48px) !important;
}

body .pp-transactions-head {
  align-items: end;
  border-bottom: 1px solid var(--pp-app-border);
  display: flex;
  gap: 32px;
  justify-content: space-between;
  padding: 0 0 28px;
}

body .pp-transactions-eyebrow {
  color: #b68200;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  margin-bottom: 10px;
}

body .pp-transactions-head h1 {
  color: var(--pp-app-navy) !important;
  font-size: clamp(36px, 5vw, 58px) !important;
  font-weight: 500 !important;
  letter-spacing: -.035em;
  line-height: 1 !important;
  margin: 0 0 12px !important;
}

body .pp-transactions-head p {
  color: var(--pp-app-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

body .pp-transactions-actions {
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  height: auto !important;
  line-height: normal !important;
  width: auto !important;
}

body .pp-transactions-actions a {
  background: transparent !important;
  border: 1px solid #c9d5e5 !important;
  border-radius: 999px !important;
  color: var(--pp-app-navy) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 11px 17px !important;
  text-decoration: none !important;
}

body .pp-transactions-actions a:hover,
body .pp-transactions-actions a:focus {
  background: #e6ad17 !important;
  border-color: #e6ad17 !important;
  color: #fff !important;
}

body .pp-transactions-content {
  padding: 0 !important;
}

body .pp-transactions-empty {
  align-items: center;
  border-bottom: 1px solid var(--pp-app-border);
  display: grid;
  gap: 22px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: clamp(36px, 7vw, 74px) 0;
}

body .pp-transactions-empty-icon {
  align-items: center;
  background: #fff5d9;
  border-radius: 999px;
  color: #bd8500;
  display: inline-flex;
  height: 68px;
  justify-content: center;
  width: 68px;
}

body .pp-transactions-empty-icon svg {
  height: 30px;
  width: 30px;
}

body .pp-transactions-empty h2 {
  color: var(--pp-app-navy) !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

body .pp-transactions-empty p {
  color: var(--pp-app-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

body .pp-transactions-start {
  background: transparent !important;
  border: 0 !important;
  color: var(--pp-app-red) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
  white-space: nowrap;
}

body .pp-transactions-start:hover,
body .pp-transactions-start:focus {
  color: #b60f31 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

body .pp-transactions-table-wrap {
  overflow-x: auto;
  padding-top: 22px;
}

body .pp-transactions-table {
  background: transparent !important;
  border-collapse: collapse !important;
  width: 100% !important;
}

body .pp-transactions-table thead {
  background: #f1f5fb !important;
}

body .pp-transactions-table th,
body .pp-transactions-table td {
  border-bottom: 1px solid var(--pp-app-border) !important;
  color: var(--pp-app-navy) !important;
  padding: 16px 18px !important;
}

@media (max-width: 760px) {
  body .pp-transactions-page {
    padding: 32px 0 56px !important;
  }

  body .pp-transactions-page > .container {
    width: calc(100% - 28px) !important;
  }

  body .pp-transactions-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  body .pp-transactions-actions {
    width: 100%;
  }

  body .pp-transactions-actions a {
    flex: 1;
    text-align: center;
  }

  body .pp-transactions-empty {
    align-items: flex-start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  body .pp-transactions-start {
    grid-column: 2;
  }
}

/* Beat the legacy shared-card selector that repeats four page exclusions. */
html body.find-matches-page.find-matches-page.find-matches-page.find-matches-page.find-matches-page .dt_home_filters {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) {
  background:
    radial-gradient(circle at 8% 8%, rgba(244, 189, 36, .10), transparent 25rem),
    radial-gradient(circle at 95% 32%, rgba(227, 24, 70, .07), transparent 30rem),
    linear-gradient(180deg, #fffdf9 0%, var(--pp-app-sky) 100%) !important;
  color: var(--pp-app-ink);
  min-height: 100vh;
}

body:not(.index-page) .container_new,
body:not(.index-page) .find_matches_cont,
body:not(.index-page) .page-margin {
  width: min(100% - 32px, 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .find_matches_cont,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .page-margin {
  padding-top: 34px;
  padding-bottom: 56px;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) h1,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) h2,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) h3,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) h4,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) h5,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) h6 {
  color: var(--pp-app-navy) !important;
  letter-spacing: -.025em;
  text-wrap: balance;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) :is(
  .dt_settings_bg_wrap > h1,
  .dt_settings_bg_wrap > h2,
  .dt_settings_bg_wrap > h3,
  .dt_home_rand_user > h4,
  .dt_sections > h4
)::before,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) :is(
  .dt_settings_bg_wrap > h1,
  .dt_settings_bg_wrap > h2,
  .dt_settings_bg_wrap > h3,
  .dt_home_rand_user > h4,
  .dt_sections > h4
)::after {
  display: none !important;
}

body:not(.index-page) p,
body:not(.index-page) li,
body:not(.index-page) label,
body:not(.index-page) td,
body:not(.index-page) th {
  line-height: 1.6;
}

/* Permanent brand-safe hover behavior. */
body a:not(.btn):not(.btn-flat):hover,
body a:not(.btn):not(.btn-flat):focus,
body .dt_main_menu a:hover,
body .dt_main_menu a:focus,
body .page_footer a:hover,
body .page_footer a:focus,
body .dt_index_foot a:hover,
body .dt_index_foot a:focus {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--pp-app-gold) !important;
  text-decoration: none !important;
}

/* Authenticated application shell: one calm, premium header across every signed-in route. */
html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body #nav-logged-in {
  background: #071f3d !important;
  border: 0 !important;
  box-shadow: 0 8px 24px rgba(7, 31, 61, .14) !important;
  height: 76px !important;
  line-height: 76px !important;
  margin: 0 !important;
  min-height: 76px !important;
}

body #nav-logged-in .nav-wrapper {
  align-items: center;
  display: flex;
  height: 76px !important;
  justify-content: space-between;
  line-height: 76px !important;
  padding: 0 18px !important;
}

body #nav-logged-in .header_logo {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 76px;
  margin: 0 28px 0 0 !important;
}

body #nav-logged-in .brand-logo,
body #nav-logged-in .brand-logo img {
  display: block;
  height: auto !important;
  max-height: 48px !important;
  max-width: 205px !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
}

body #nav-logged-in .header_home_link {
  align-items: stretch;
  display: flex;
  height: 76px;
  margin: 0 auto 0 0 !important;
}

body #nav-logged-in .header_home_link > li,
body #nav-logged-in .header_home_link > li > a {
  height: 76px !important;
  line-height: 76px !important;
}

body #nav-logged-in .header_home_link > li > a {
  border-bottom: 3px solid transparent !important;
  color: rgba(255, 255, 255, .9) !important;
  font-weight: 700 !important;
  padding: 0 18px !important;
}

body #nav-logged-in .header_home_link > li > a:hover,
body #nav-logged-in .header_home_link > li > a:focus,
body #nav-logged-in .header_home_link > li > a.active {
  background: rgba(255, 255, 255, .06) !important;
  border-bottom-color: var(--pp-app-gold) !important;
  color: #fff !important;
}

body #nav-logged-in > .nav-wrapper > ul.right {
  align-items: center;
  display: flex;
  height: 76px;
  margin: 0 !important;
}

body #nav-logged-in li.credit .how_credtss {
  border-color: rgba(244, 189, 36, .45) !important;
  color: #fff !important;
  margin: 0 10px 0 0 !important;
}

body #nav-logged-in .header_msg > a.btn-flat,
body #nav-logged-in .header_notifications > a.btn-flat {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  height: 40px !important;
  margin: 0 5px !important;
  width: 40px !important;
}

body #nav-logged-in .header_msg > a.btn-flat:hover,
body #nav-logged-in .header_notifications > a.btn-flat:hover {
  background: var(--pp-app-gold) !important;
  color: var(--pp-app-navy) !important;
}

body #nav-logged-in .boost-me,
body #nav-logged-in .boost-running {
  background: var(--pp-app-gold) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
  height: 40px !important;
  margin: 0 7px !important;
  min-height: 40px !important;
  padding: 0 !important;
  width: 40px !important;
}

body #nav-logged-in .header_user > a {
  background: rgba(255, 255, 255, .09) !important;
  border: 1px solid rgba(244, 189, 36, .72) !important;
  box-shadow: none !important;
  color: #fff !important;
  height: 46px !important;
  margin: 0 0 0 7px !important;
  padding: 0 14px 0 4px !important;
}

body #nav-logged-in .header_user > a:hover,
body #nav-logged-in .header_user > a:focus {
  background: var(--pp-app-gold) !important;
  color: var(--pp-app-navy) !important;
}

body #nav-logged-in .header_user > a img {
  animation: none !important;
  border: 2px solid #fff !important;
  height: 38px !important;
  margin: 0 9px 0 0 !important;
  padding: 0 !important;
  width: 38px !important;
}

body #nav-logged-in .header_user .dropdown-content {
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 46px rgba(7, 31, 61, .18) !important;
  padding: 12px !important;
  top: 70px !important;
}

body #nav-logged-in .header_user .dropdown-content > li > a:hover,
body #nav-logged-in .header_user .dropdown-content > li > a:focus {
  background: var(--pp-app-cream) !important;
  box-shadow: none !important;
  color: var(--pp-app-red) !important;
  margin-left: 0 !important;
  padding-left: 16px !important;
}

body #nav-logged-in .chat_badge:not(.hide),
body #nav-logged-in .notification_badge:not(.hide) {
  background: var(--pp-app-red) !important;
  border: 2px solid #071f3d;
  border-radius: 999px !important;
}

body a.logo:hover,
body a.logo:focus,
body .logo a:hover,
body .logo a:focus,
body a.dt_logo:hover,
body a.dt_logo:focus,
body .brand-logo:hover,
body .brand-logo:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body .btn,
body button.btn,
body input[type="submit"],
body .btn_primary,
body .btn-large,
body .load_more {
  align-items: center;
  background: linear-gradient(135deg, var(--pp-app-red), #f2245b) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(227, 24, 70, .20) !important;
  color: #fff !important;
  display: inline-flex;
  font-weight: 700 !important;
  justify-content: center;
  letter-spacing: 0 !important;
  min-height: 46px;
  padding: 0 24px !important;
  text-transform: none !important;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

body .btn:hover,
body .btn:focus,
body button.btn:hover,
body button.btn:focus,
body input[type="submit"]:hover,
body input[type="submit"]:focus,
body .btn_primary:hover,
body .btn_primary:focus,
body .btn-large:hover,
body .btn-large:focus,
body .load_more:hover,
body .load_more:focus {
  background: var(--pp-app-gold) !important;
  box-shadow: 0 12px 25px rgba(244, 189, 36, .25) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

body #nav-not-logged-in .qdt_hdr_auth_btns.btn,
body #nav-not-logged-in a[href$="/register"].btn,
body .nav-not-logged-in .qdt_hdr_auth_btns.btn {
  background: linear-gradient(135deg, var(--pp-app-red), #f2245b) !important;
  color: #fff !important;
}

body #nav-not-logged-in .qdt_hdr_auth_btns.btn:hover,
body #nav-not-logged-in .qdt_hdr_auth_btns.btn:focus,
body #nav-not-logged-in a[href$="/register"].btn:hover,
body #nav-not-logged-in a[href$="/register"].btn:focus,
body .nav-not-logged-in .qdt_hdr_auth_btns.btn:hover,
body .nav-not-logged-in .qdt_hdr_auth_btns.btn:focus {
  background: var(--pp-app-gold) !important;
  color: #fff !important;
}

body #nav-not-logged-in a[href$="/login"]:hover,
body #nav-not-logged-in a[href$="/login"]:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-gold) !important;
}

body .btn:disabled,
body .btn.disabled,
body button:disabled {
  background: #d8dee8 !important;
  box-shadow: none !important;
  color: #748197 !important;
  transform: none !important;
}

/* Shared surfaces and page cards. */
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) :is(
  .dt_sections,
  .dt_settings_bg_wrap,
  .dt_home_rand_user,
  .dt_home_filters,
  .dt_profile_side,
  .dt_user_profile,
  .dt_user_social,
  .dt_user_about,
  .dt_msg_box,
  .dt_terms_content_body,
  .credit_pln,
  .dt_credits,
  .dt_usr_pmnt_cont,
  .qd_select_verifi_start,
  .card,
  .card-panel
) {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: var(--pp-app-radius) !important;
  box-shadow: 0 18px 46px rgba(8, 43, 87, .08) !important;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .dt_sections,
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .dt_settings_bg_wrap {
  padding: clamp(20px, 3vw, 36px) !important;
}

body .empty_state {
  align-items: center;
  color: var(--pp-app-muted) !important;
  display: flex;
  flex-direction: column;
  font-size: 16px !important;
  gap: 12px;
  justify-content: center;
  min-height: 220px;
  padding: 36px 20px;
  text-align: center;
}

body .empty_state svg {
  color: var(--pp-app-red);
  height: 38px;
  width: 38px;
}

/* Inputs, selects and validation. */
body:not(.index-page) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body:not(.index-page) select,
body:not(.index-page) textarea,
body:not(.index-page) .select-wrapper input.select-dropdown {
  background: #fff !important;
  border: 1px solid #cfdaea !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: var(--pp-app-ink) !important;
  min-height: 50px;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body:not(.index-page) textarea {
  min-height: 130px;
  padding-top: 14px !important;
  resize: vertical;
}

body:not(.index-page) input:focus,
body:not(.index-page) select:focus,
body:not(.index-page) textarea:focus,
body:not(.index-page) .select-wrapper input.select-dropdown:focus {
  border-color: var(--pp-app-blue) !important;
  box-shadow: 0 0 0 4px rgba(11, 74, 162, .10) !important;
  outline: none !important;
}

body .input-field > label,
body .form-group > label,
body label.bold {
  color: #53647d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

/* Profile relationship questions: keep every custom control visible and aligned. */
body .pp-custom-fields {
  padding: clamp(24px, 3vw, 34px) !important;
}

body .pp-custom-fields > .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 30px;
  margin: 0 !important;
}

body .pp-custom-fields .pp-custom-field {
  float: none !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body .pp-custom-fields .pp-custom-field > label:first-child {
  display: block !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.45 !important;
  margin: 0 0 9px !important;
  max-width: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  position: static !important;
  transform: none !important;
  white-space: normal !important;
  width: auto !important;
}

body .pp-custom-fields .pp-custom-field :is(input[type="text"], select, textarea) {
  box-sizing: border-box !important;
  margin: 0 !important;
  width: 100% !important;
}

body .pp-custom-fields .pp-custom-field textarea {
  min-height: 112px !important;
}

body .pp-custom-fields .pp-custom-field select.browser-default {
  display: block !important;
  height: 52px !important;
}

body .pp-custom-fields .pp-custom-field--check {
  align-self: end;
  background: #f7f9fd;
  border: 1px solid #d8e2f0;
  border-radius: 14px;
  padding: 15px 16px !important;
}

body .pp-custom-fields .pp-custom-field--check > label:first-child {
  color: var(--pp-app-navy) !important;
  margin-bottom: 12px !important;
}

body .pp-custom-fields .pp-setting-check {
  align-items: center;
  color: var(--pp-app-ink) !important;
  cursor: pointer;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  gap: 10px;
  letter-spacing: 0 !important;
  position: static !important;
  text-transform: none !important;
  transform: none !important;
}

body .pp-custom-fields .pp-setting-check input[type="checkbox"] {
  appearance: auto !important;
  display: inline-block !important;
  height: 18px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: static !important;
  width: 18px !important;
}

body .pp-custom-fields .pp-setting-check span::before,
body .pp-custom-fields .pp-setting-check span::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 720px) {
  body .pp-custom-fields > .row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Sidebar and settings navigation. */
body .dt_left_sidebar,
body .dt_settings_side_links,
body .dt_sett_top_menu {
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 36px rgba(8, 43, 87, .07) !important;
  overflow: hidden;
}

body .dt_left_sidebar ul,
body .dt_settings_side_links {
  padding: 10px !important;
}

body .dt_left_sidebar li,
body .dt_settings_side_links li {
  margin: 3px 0 !important;
}

body .dt_left_sidebar a,
body .dt_settings_side_links a,
body .dt_sett_top_menu a {
  align-items: center;
  border: 0 !important;
  border-radius: 12px !important;
  color: var(--pp-app-navy) !important;
  display: flex;
  font-weight: 700;
  gap: 10px;
  min-height: 44px;
  padding: 10px 13px !important;
}

body .dt_left_sidebar a:hover,
body .dt_settings_side_links a:hover,
body .dt_sett_top_menu a:hover {
  background: var(--pp-app-cream) !important;
  color: var(--pp-app-red) !important;
}

body .dt_left_sidebar a.active,
body .dt_settings_side_links a.active,
body .dt_sett_top_menu a.active {
  background: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  color: #fff !important;
}

body .dt_left_sidebar a.active svg,
body .dt_settings_side_links a.active svg,
body .dt_sett_top_menu a.active svg {
  color: var(--pp-app-gold) !important;
}

/* Legal, policy, information and FAQ pages. */
body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page,.contact-page) .dt_terms > .row,
body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .find_matches_cont > .row {
  align-items: flex-start;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
}

body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_settings_bg_wrap {
  min-height: 520px;
}

body .dt_terms_content_body {
  color: var(--pp-app-muted) !important;
  font-size: 16px;
  margin-top: 22px;
  overflow-wrap: anywhere;
}

body .dt_terms_content_body h2,
body .dt_terms_content_body h3,
body .dt_terms_content_body h4 {
  margin-top: 30px;
}

/* Keep policy pages editorial and calm instead of stacking cards inside cards. */
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .dt_terms {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .dt_terms .dt_terms_content_body {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.blog-page .dt_home_rand_user > h4,
body.blog-page .qd_story_head > h4 {
  font-size: clamp(30px, 4vw, 46px) !important;
  line-height: 1.08 !important;
}

body .dt_faq .accordion-item {
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 14px !important;
  margin-bottom: 12px;
  overflow: hidden;
}

body .dt_faq .accordion-header {
  background: #fff !important;
  color: var(--pp-app-navy) !important;
  font-weight: 800;
  padding: 18px 20px !important;
}

body .dt_faq .accordion-header:hover {
  background: var(--pp-app-cream) !important;
  color: var(--pp-app-red) !important;
}

body.contact-page .contct_svg {
  display: none !important;
}

body.contact-page .dt_contact > .dt_settings_bg_wrap {
  background:
    radial-gradient(circle at 10% 15%, rgba(244, 189, 36, .18), transparent 18rem),
    linear-gradient(135deg, #fff 0%, var(--pp-app-blush) 100%) !important;
}

body.contact-page .dt_contact > .dt_settings_bg_wrap > .row {
  align-items: center;
  display: grid;
  gap: clamp(30px, 6vw, 80px);
  grid-template-columns: minmax(240px, .8fr) minmax(320px, 1.2fr);
  margin: 0 !important;
}

body.contact-page .dt_contact > .dt_settings_bg_wrap > .row > .col {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

body.contact-page .dt_contact > .dt_settings_bg_wrap > .row > .col:first-child {
  align-items: flex-start;
  align-self: stretch;
  background: linear-gradient(145deg, var(--pp-app-navy), #104f8f);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 430px;
  padding: clamp(30px, 5vw, 58px);
}

body.contact-page .dt_contact > .dt_settings_bg_wrap > .row > .col:first-child h2 {
  color: #fff !important;
  font-size: clamp(34px, 5vw, 52px);
  margin: 16px 0 0;
}

body.contact-page .dt_contact form {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.contact-page .dt_contact form > .row {
  display: contents !important;
  margin: 0 !important;
}

body.contact-page .dt_contact form > .row > .input-field {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

body.contact-page .dt_contact form > .row:not(:first-of-type) > .input-field,
body.contact-page .dt_contact form > .alert,
body.contact-page .dt_contact form > button {
  grid-column: 1 / -1;
}

body.contact-page .dt_contact form > button {
  justify-self: start;
  min-width: 150px;
}

body.contact-page .contct_ico {
  color: var(--pp-app-red);
  height: 52px;
  width: 52px;
}

/* Discovery, match, list and profile pages. */
body :is(.dt_home_match_user,.mtc_usrd_content,.users_list,.blocked_users .unblock_card,.partails-user-card) {
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(8, 43, 87, .07) !important;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body :is(.dt_home_match_user,.mtc_usrd_content,.users_list,.blocked_users .unblock_card):hover {
  border-color: rgba(227, 24, 70, .38) !important;
  box-shadow: 0 18px 38px rgba(8, 43, 87, .12) !important;
  transform: translateY(-3px);
}

body .dt_ltst_users > .dt_home_rand_user > h4,
body .dt_home_rand_user > h4,
body .qd_story_head h4 {
  font-size: clamp(25px, 3vw, 38px) !important;
  margin: 0 0 24px !important;
}

body .dt_home_rand_user_hr,
body hr {
  border: 0 !important;
  border-top: 1px solid var(--pp-app-border) !important;
}

body .dt_profile_side img,
body .dt_user_profile img,
body .dt_home_match_user img,
body .users_list img,
body .qd_story_head img,
body .insta_post img {
  max-width: 100%;
}

/* Messaging and overlays. */
body .dt_msg_box {
  min-height: calc(100vh - 145px);
  overflow: hidden;
}

body .dt_msg_box .chat_participant,
body .dt_msg_box .m_con_item {
  border-bottom: 1px solid var(--pp-app-border) !important;
}

body .dt_msg_box .chat_participant:hover,
body .dt_msg_box .m_con_item:hover,
body .dt_msg_box .m_con_item.active {
  background: var(--pp-app-sky) !important;
}

body .modal,
body .modal-content,
body .dropdown-content {
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 65px rgba(8, 43, 87, .18) !important;
}

body .modal-overlay {
  background: rgba(5, 26, 52, .62) !important;
  backdrop-filter: blur(4px);
}

/* Memberships, credits, gifts and transaction tables. */
body .pp_billing_header,
body .qd_cred_bl,
body .credit_bln {
  background: linear-gradient(135deg, var(--pp-app-navy), #124d87) !important;
  border-radius: 20px !important;
  color: #fff !important;
  overflow: hidden;
}

body .pp_billing_header h2,
body .pp_billing_header p,
body .qd_cred_bl h2,
body .qd_cred_bl b,
body .credit_bln h2 {
  color: #fff !important;
}

body .pp_price_card {
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 36px rgba(8, 43, 87, .08) !important;
  transition: border-color .2s ease, transform .2s ease;
}

body .pp_price_card:hover {
  border-color: var(--pp-app-gold) !important;
  transform: translateY(-4px);
}

body table {
  background: #fff;
  border: 1px solid var(--pp-app-border);
  border-collapse: separate !important;
  border-radius: 16px;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}

body table thead {
  background: var(--pp-app-navy) !important;
}

body table th {
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  padding: 14px 16px !important;
  text-transform: uppercase;
}

body table td {
  border-bottom: 1px solid var(--pp-app-border) !important;
  color: var(--pp-app-ink) !important;
  padding: 14px 16px !important;
}

body table tbody tr:hover {
  background: var(--pp-app-cream) !important;
}

/* Alerts and state messaging. */
body .alert {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  line-height: 1.55;
  padding: 14px 17px !important;
}

body .alert-warning {
  background: #fff8dc !important;
  border-color: #f2d778 !important;
  color: #72520b !important;
}

body .alert-danger,
body .alert-error {
  background: #fff1f3 !important;
  border-color: #f2b6c4 !important;
  color: #8c1533 !important;
}

body .alert-success {
  background: #eefbf4 !important;
  border-color: #a8dfc1 !important;
  color: #17633d !important;
}

/* Footer links never receive the old gray block/red underline treatment. */
body .page_footer a,
body .dt_index_foot a,
body footer a {
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body .page_footer a::before,
body .page_footer a::after,
body .dt_index_foot a::before,
body .dt_index_foot a::after,
body footer a::before,
body footer a::after {
  display: none !important;
}

/* Responsive system. */
@media (max-width: 992px) {
  body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .find_matches_cont,
  body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .page-margin {
    padding-top: 22px;
  }

  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_terms > .row,
  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .find_matches_cont > .row,
  body.contact-page .dt_contact > .dt_settings_bg_wrap > .row {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .find_matches_cont > .row > .col,
  body.contact-page .dt_contact > .dt_settings_bg_wrap > .row > .col {
    min-width: 0 !important;
    width: 100% !important;
  }

  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .profile_menu {
    position: static !important;
  }

  body .dt_left_sidebar .menu,
  body .dt_settings_side_links {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scroll-padding-inline: 50%;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    width: 100% !important;
  }

  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_left_sidebar,
  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_settings_bg_wrap {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_terms_content_body,
  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_terms_content_body > *,
  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .pp-page {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:is(.terms-page,.privacy-page,.about-page,.faqs-page,.refund-page,.developers-page) .dt_terms_content_body h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
  }

  body .dt_left_sidebar .menu li,
  body .dt_settings_side_links li {
    flex: 0 0 auto;
    scroll-snap-align: center;
  }

  body .responsive-table,
  body .dt_transaction_table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (max-width: 740px) {
  body:not(.index-page) .container_new,
  body:not(.index-page) .find_matches_cont,
  body:not(.index-page) .page-margin {
    width: min(100% - 20px, 1240px) !important;
  }

  body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .dt_sections,
  body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .dt_settings_bg_wrap {
    border-radius: 17px !important;
    padding: 20px 16px !important;
  }

  body .btn,
  body button.btn,
  body input[type="submit"] {
    min-height: 46px;
    white-space: normal;
  }

  body .dt_terms_content_body .pp-page h1 {
    font-size: clamp(38px, 10.5vw, 44px) !important;
    hyphens: manual !important;
    line-height: 1.12 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.contact-page .dt_contact > .dt_settings_bg_wrap > .row {
    gap: 22px;
  }

  body.contact-page .dt_contact > .dt_settings_bg_wrap > .row > .col:first-child {
    min-height: 250px;
  }

  body.contact-page .dt_contact form {
    grid-template-columns: 1fr;
  }

  body.contact-page .dt_contact form > .row > .input-field {
    grid-column: 1 / -1;
  }

  body .dt_ltst_users > .dt_home_rand_user > h4,
  body .dt_home_rand_user > h4,
  body .qd_story_head h4 {
    font-size: 27px !important;
  }

  body table th,
  body table td {
    padding: 12px !important;
  }
}

/* Final authenticated shell and collection polish. */
body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) {
  line-height: 0 !important;
}

body:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) > * {
  line-height: 1.5;
}

body #nav-logged-in {
  top: 0 !important;
}

body #nav-logged-in .header_home_link > li > a {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body #nav-logged-in .header_home_link > li > a:hover,
body #nav-logged-in .header_home_link > li > a:focus,
body #nav-logged-in .header_home_link > li > a.active {
  background: rgba(255, 255, 255, .10) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body #nav-logged-in .header_home_link > li > a.prem {
  align-items: center !important;
  align-self: center !important;
  background: var(--pp-app-gold) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
  display: inline-flex !important;
  font-size: 13px !important;
  height: 38px !important;
  line-height: 38px !important;
  margin: 19px 8px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  width: auto !important;
}

body #nav-logged-in .header_home_link > li > a.prem:hover,
body #nav-logged-in .header_home_link > li > a.prem:focus {
  background: var(--pp-app-red) !important;
  color: #fff !important;
}

body #nav-logged-in .header_home_link > li > a.prem svg {
  height: 17px !important;
  margin-right: 6px !important;
  width: 17px !important;
}

body #nav-logged-in li.credit .how_credtss svg path {
  fill: var(--pp-app-gold) !important;
}

body #nav-logged-in li.credit > a:hover,
body #nav-logged-in li.credit > a:focus {
  background: transparent !important;
  color: #fff !important;
}

body #nav-logged-in li.credit > a:hover .how_credtss,
body #nav-logged-in li.credit > a:focus .how_credtss {
  background: var(--pp-app-gold) !important;
  color: var(--pp-app-navy) !important;
}

body #nav-logged-in li.credit > a:hover .how_credtss svg path,
body #nav-logged-in li.credit > a:focus .how_credtss svg path {
  fill: var(--pp-app-navy) !important;
}

body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:hover,
body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:focus {
  background: #fff3d4 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
}

body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:hover svg,
body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:focus svg {
  color: var(--pp-app-red) !important;
  opacity: 1 !important;
}

html,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page),
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) #container,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col {
  background-color: transparent !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
  min-height: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar {
  position: relative !important;
  top: auto !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_ltst_users,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_sections {
  background: #fff !important;
  border-color: var(--pp-app-border) !important;
  box-shadow: 0 14px 34px rgba(8, 43, 87, .07) !important;
  outline: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .dt_sections {
  box-shadow: none !important;
}

body .page_footer {
  clear: both !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 1024px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
    min-height: 0 !important;
  }
}

/* Final stories navigation contrast guard. */
html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li:has(> a.active):hover > a.active,
html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li > a.active:hover,
html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li > a.active:focus,
html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li > a.active:focus-visible {
  -webkit-text-fill-color: #fff !important;
  background-color: var(--pp-app-navy) !important;
  background-image: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  visibility: visible !important;
}

html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li:has(> a.active):hover > a.active svg,
html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li > a.active:hover svg,
html body.stories-page .find_matches_cont .dt_left_sidebar > ul.menu > li > a.active:focus svg {
  color: var(--pp-app-gold) !important;
  opacity: 1 !important;
}

/* Stories sidebar: prevent long navigation labels from wrapping or crowding. */
body:has(.qd_story_head) .find_matches_cont > .row {
  grid-template-columns: 272px minmax(0, 1fr) !important;
}

body:has(.qd_story_head) .dt_left_sidebar {
  color: var(--pp-app-ink) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 20px 18px !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu {
  margin: 12px 0 0 !important;
  padding: 6px 0 0 !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li {
  margin: 2px 0 !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a {
  align-items: center !important;
  color: var(--pp-app-ink) !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 11px !important;
  line-height: 1.2 !important;
  min-height: 41px !important;
  padding: 8px 10px !important;
  white-space: nowrap !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a svg {
  flex: 0 0 20px;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a:hover,
body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a:focus {
  background: #fff3d4 !important;
  color: var(--pp-app-navy) !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a.active {
  background: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  color: #fff !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a.active svg {
  color: var(--pp-app-gold) !important;
  opacity: 1 !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a.active:hover,
body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a.active:focus {
  background: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a.active:hover svg,
body:has(.qd_story_head) .dt_left_sidebar > .menu > li > a.active:focus svg {
  color: var(--pp-app-gold) !important;
  opacity: 1 !important;
}

@media (max-width: 1024px) {
  body:has(.qd_story_head) .find_matches_cont > .row {
    display: block !important;
  }
}

/* Success stories: keep the page compact and the empty state attached to its heading. */
body:has(.qd_story_head) .find_matches_cont {
  min-height: 0 !important;
}

body:has(.qd_story_head) .find_matches_cont > .row {
  align-items: start !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  min-height: 0 !important;
}

body:has(.qd_story_head) .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body:has(.qd_story_head) .find_matches_cont > .row > .col:first-child {
  align-self: start;
}

body:has(.qd_story_head) .qd_story_head {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 16px 40px rgba(8, 43, 87, .08) !important;
  display: flex !important;
  height: auto !important;
  justify-content: space-between !important;
  margin: 0 !important;
  min-height: 86px !important;
  overflow: visible !important;
  padding: 20px 24px !important;
  width: 100% !important;
}

body:has(.qd_story_head) .qd_story_head h4 {
  color: var(--pp-app-navy) !important;
  font-size: clamp(25px, 2.4vw, 34px) !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-transform: capitalize;
}

body:has(.qd_story_head) .qd_story_head .btn {
  align-items: center;
  background: var(--pp-app-red) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(227, 24, 70, .2) !important;
  color: #fff !important;
  display: inline-flex;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 6px;
  min-height: 44px;
  padding: 0 18px !important;
  white-space: nowrap;
}

body:has(.qd_story_head) .qd_story_head .btn:hover,
body:has(.qd_story_head) .qd_story_head .btn:focus {
  background: var(--pp-app-gold) !important;
  color: #fff !important;
}

body:has(.qd_story_head) #liked_users_container {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 16px 40px rgba(8, 43, 87, .08) !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 280px !important;
  overflow: hidden;
  padding: 28px !important;
  width: 100% !important;
}

body:has(.qd_story_head) #liked_users_container .empty_state {
  margin: 0 !important;
  min-height: 220px !important;
  padding: 24px !important;
  width: 100% !important;
}

body:has(.qd_story_head) #success_stories_container {
  margin: 20px 0 0 !important;
}

/* Premium users: remove inherited blank height and give every element breathing room. */
body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro {
  background: #fffdf8 !important;
  border: 1px solid rgba(244, 189, 36, .48) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 32px rgba(8, 43, 87, .08) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .dt_home_pro_usr {
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 20px 18px 18px !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .dt_home_pro_usr h4 {
  align-items: center;
  color: var(--pp-app-navy) !important;
  display: flex;
  font-size: 18px !important;
  gap: 9px;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .pro_usrs_container {
  align-items: start;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  height: auto !important;
  min-height: 0 !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .pro_usr,
body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .pro_usr a,
body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .pro_usr a > div {
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .pro_usr img {
  aspect-ratio: 1;
  border-radius: 12px !important;
  display: block;
  height: auto !important;
  object-fit: cover;
  width: 100% !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .add_me {
  border-top: 1px solid rgba(8, 43, 87, .1) !important;
  grid-column: 1 / -1;
  height: auto !important;
  margin: 8px 0 0 !important;
  min-height: 0 !important;
  padding: 16px 0 0 !important;
  width: 100% !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .add_me .blank {
  display: none !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .add_me .prem {
  align-items: center;
  background: var(--pp-app-gold) !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: var(--pp-app-navy) !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px;
  justify-content: center;
  margin: 0 !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  width: 100% !important;
}

body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .add_me .prem:hover,
body:has(.pp_discovery_hub) .find_matches_cont .dt_left_sidebar.pro .add_me .prem:focus {
  background: var(--pp-app-red) !important;
  color: #fff !important;
}

@media (max-width: 1024px) {
  body:has(.qd_story_head) .find_matches_cont > .row {
    display: block !important;
  }

  body:has(.qd_story_head) .find_matches_cont > .row > .col:first-child {
    display: none !important;
  }
}

@media (max-width: 620px) {
  body:has(.qd_story_head) .qd_story_head {
    align-items: stretch !important;
    flex-direction: column;
    gap: 16px;
    padding: 20px !important;
  }

  body:has(.qd_story_head) .qd_story_head .btn {
    justify-content: center;
    width: 100% !important;
  }

  body:has(.qd_story_head) #liked_users_container {
    min-height: 240px !important;
    padding: 18px !important;
  }
}

/* Find Matches must stay correct after QuickDate AJAX navigation changes the content before the body class. */
body:has(.pp_discovery_hub) #nav-logged-in .header_home_link > li > a[href$="/find-matches"],
body:has(.pp_discovery_hub) #nav-logged-in .header_home_link > li > a[href$="/find-matches"]:hover,
body:has(.pp_discovery_hub) #nav-logged-in .header_home_link > li > a[href$="/find-matches"]:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  outline: 0 !important;
}

body:has(.pp_discovery_hub) #nav-logged-in .header_home_link > li > a[href$="/find-matches"]:hover,
body:has(.pp_discovery_hub) #nav-logged-in .header_home_link > li > a[href$="/find-matches"]:focus {
  color: var(--pp-app-gold) !important;
}

body:has(.pp_discovery_hub) .pp_discovery_hub h1 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 16px rgba(3, 20, 43, .2) !important;
}

body:has(.pp_discovery_hub) .pp_discovery_hub p {
  color: rgba(255, 255, 255, .84) !important;
}

body:has(.pp_discovery_hub) .dt_home_filters {
  align-items: center !important;
  background: rgba(255, 255, 255, .97) !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(8, 43, 87, .08) !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 60px !important;
  overflow: visible !important;
  padding: 8px 9px 8px 20px !important;
}

body:has(.pp_discovery_hub) .dt_home_filters > h5 {
  color: var(--pp-app-navy) !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

body:has(.pp_discovery_hub) .dt_home_filters_head,
body:has(.pp_discovery_hub) .dt_home_filters_head p {
  align-items: center !important;
  display: flex !important;
  height: auto !important;
  margin: 0 !important;
  width: auto !important;
}

body:has(.pp_discovery_hub) .dt_home_filters_head p {
  background: var(--pp-app-red) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 750 !important;
  gap: 7px;
  min-height: 42px !important;
  padding: 9px 15px !important;
}

body:has(.pp_discovery_hub) .dt_home_filters_head p:hover,
body:has(.pp_discovery_hub) .dt_home_filters_head p:focus {
  background: var(--pp-app-gold) !important;
  color: #fff !important;
}

body:has(.pp_discovery_hub) .dt_home_filters_head p :is(span,svg) {
  color: #fff !important;
  fill: currentColor !important;
}

body:has(.pp_discovery_hub) .dt_left_sidebar > .menu > li > a.active::after {
  border-color: var(--pp-app-red) !important;
  color: var(--pp-app-red) !important;
}

@media (max-width: 740px) {
  body:has(.pp_discovery_hub) .dt_home_filters {
    align-items: stretch !important;
    flex-direction: column;
    gap: 10px;
    padding: 14px !important;
  }

  body:has(.pp_discovery_hub) .dt_home_filters_head p {
    justify-content: center;
    width: 100% !important;
  }
}

/* Remove the legacy magenta profile-stat rule on member collection pages. */
body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .home_usr_stats::before {
  content: none !important;
  display: none !important;
}

body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .home_usr_stats b {
  color: var(--pp-app-red) !important;
}

body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .home_usr_stats::before {
  content: none !important;
  display: none !important;
}

body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .home_usr_stats b {
  color: var(--pp-app-red) !important;
}

/* Shared two-column pages: collections, gifts and social activity. */
body:is(
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont > .row {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(230px, 265px) minmax(0, 1fr);
  margin: 0 !important;
}

body:is(
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont > .row > .col {
  background: transparent !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont .home_short_links .home_usr_link li a {
  background: transparent !important;
  color: var(--pp-app-ink) !important;
  min-height: 39px;
  padding: 8px 11px !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont .home_short_links .home_usr_link li a svg {
  color: var(--pp-app-navy) !important;
  opacity: .78 !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont .home_short_links .home_usr_link li a:hover,
body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont .home_short_links .home_usr_link li a:focus {
  background: var(--pp-app-cream) !important;
  color: var(--pp-app-red) !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont .home_short_links .home_usr_link li.active a {
  background: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  color: #fff !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont .home_short_links .home_usr_link li.active a svg {
  color: var(--pp-app-gold) !important;
  opacity: 1 !important;
}

/* QuickDate renders the authenticated menu directly as .dt_left_sidebar > .menu. */
body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar {
  color: var(--pp-app-ink) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 20px 18px !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu {
  margin: 12px 0 0 !important;
  padding: 6px 0 0 !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li {
  margin: 2px 0 !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li > a {
  background: transparent !important;
  color: var(--pp-app-ink) !important;
  min-height: 39px !important;
  padding: 8px 11px !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li > a svg {
  color: var(--pp-app-navy) !important;
  opacity: .78 !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li > a:hover,
body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li > a:focus {
  background: var(--pp-app-cream) !important;
  color: var(--pp-app-red) !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li > a.active {
  background: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  color: #fff !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_left_sidebar > .menu > li > a.active svg {
  color: var(--pp-app-gold) !important;
  opacity: 1 !important;
}

body:is(
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_ltst_users {
  background: transparent !important;
  padding-bottom: 0 !important;
}

body:is(
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .dt_ltst_users > .dt_home_rand_user > h4.bold {
  color: var(--pp-app-navy) !important;
  font-size: clamp(30px, 3vw, 38px) !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 28px 32px 20px !important;
}

body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page,
  .profile-page,
  .myprofile-page
) :is(.home_usr_sct > div > span p, .home_usr_sct > div > span p a) {
  color: var(--pp-app-muted) !important;
  font-size: 13px !important;
}

body:is(
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont > .row > .col:last-child > h4,
body:is(
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page
) .find_matches_cont > .row > .col:last-child > h5 {
  font-size: clamp(27px, 3vw, 36px) !important;
  margin: 0 0 16px !important;
}

@media (max-width: 740px) {
  body:is(
    .matches-page,
    .visits-page,
    .friends-page,
    .gifts-page,
    .likes-page,
    .liked-page,
    .disliked-page,
    .friend-requests-page,
    .hot-page,
    .live-users-page
  ) .find_matches_cont > .row {
    display: block;
  }

  body:is(
    .matches-page,
    .visits-page,
    .friends-page,
    .gifts-page,
    .likes-page,
    .liked-page,
    .disliked-page,
    .friend-requests-page,
    .hot-page,
    .live-users-page
  ) .find_matches_cont > .row > .col:first-child {
    display: none !important;
  }
}

/* Profile routes use a separate body class and must remain readable in night mode. */
body.profile-page .find_matches_cont {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.profile-page .find_matches_cont > .row {
  align-items: start;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(230px, 265px) minmax(0, 1fr) minmax(205px, 245px);
  margin: 0 !important;
}

body.profile-page .find_matches_cont > .row > .col {
  background: transparent !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.profile-page :is(
  .dt_profile_side,
  .mtc_usrd_content,
  .dt_user_about,
  .about_block,
  .dt_left_sidebar.pro
) {
  background: rgba(255, 255, 255, .97) !important;
  border-color: var(--pp-app-border) !important;
  color: var(--pp-app-ink) !important;
}

body.profile-page .mtc_usrd_content {
  border: 1px solid var(--pp-app-border) !important;
  border-radius: var(--pp-app-radius) !important;
  box-shadow: 0 18px 46px rgba(8, 43, 87, .08) !important;
  overflow: hidden;
}

body.profile-page :is(
  .dt_cp_photos_list,
  .dt_cp_l_photos,
  .mtc_usrd_sidebar,
  .dt_profile_about_side,
  .mtc_usrd_summary,
  .sidebar_usr_info,
  .dt_profile_about_info
) {
  background: linear-gradient(145deg, #f8fbff, #fffaf0) !important;
  border-color: var(--pp-app-border) !important;
  color: var(--pp-app-ink) !important;
}

body.profile-page .dt_profile_info {
  background: #f8fbff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 16px !important;
  color: var(--pp-app-ink) !important;
}

body.profile-page :is(
  .mtc_usrd_content,
  .dt_user_about,
  .about_block,
  .dt_profile_info,
  .mtc_usrd_sidebar,
  .dt_profile_about_info
) :is(h1, h2, h3, h4, h5, h6, p, span, b, strong, a) {
  color: var(--pp-app-ink) !important;
}

body:is(.find-matches-page,.profile-page,.myprofile-page) .home_usr_sct > div > span p,
body:is(.find-matches-page,.profile-page,.myprofile-page) .home_usr_sct > div > span p a,
body:is(.find-matches-page,.profile-page,.myprofile-page) .home_usr_stats p {
  color: var(--pp-app-muted) !important;
}

body:is(.find-matches-page,.profile-page,.myprofile-page) .home_usr_sct > div > span p b,
body:is(.find-matches-page,.profile-page,.myprofile-page) .home_usr_stats b {
  color: var(--pp-app-red, #ed1747) !important;
}

body:is(.find-matches-page,.profile-page,.myprofile-page) .find_matches_cont > .row > .col:last-child {
  background: transparent !important;
}

@media (max-width: 1199px) {
  body.profile-page .find_matches_cont > .row {
    grid-template-columns: minmax(220px, 255px) minmax(0, 1fr);
  }

  body.profile-page .find_matches_cont > .row > .col:last-child {
    display: none !important;
  }
}

@media (max-width: 740px) {
  body.profile-page .find_matches_cont > .row {
    display: block;
  }

  body.profile-page .find_matches_cont > .row > .col:first-child {
    margin-bottom: 18px !important;
  }
}

/* Authenticated app shell: keep discovery and profile pages light, compact and readable. */
body:is(
  .find-matches-page,
  .matches-page,
  .visits-page,
  .friends-page,
  .gifts-page,
  .likes-page,
  .liked-page,
  .disliked-page,
  .friend-requests-page,
  .hot-page,
  .live-users-page,
  .myprofile-page
) .find_matches_cont {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.find-matches-page .find_matches_cont > .row {
  align-items: start;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(230px, 265px) minmax(0, 1fr) minmax(205px, 245px);
  margin: 0 !important;
}

/* Discovery hub uses existing QuickDate routes while presenting them like a modern dating product. */
.pp_discovery_hub,
.pp_profile_command {
  align-items: end;
  background:
    radial-gradient(circle at 92% 12%, rgba(244, 189, 36, .22), transparent 23%),
    linear-gradient(125deg, #071f3d 0%, #0b3f79 64%, #12345c 100%);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(8, 35, 75, .16);
  color: #fff;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0 0 24px;
  overflow: hidden;
  padding: 28px 30px 24px;
  position: relative;
}

.pp_discovery_hub_copy,
.pp_profile_command_copy {
  max-width: 690px;
}

.pp_discovery_eyebrow {
  color: var(--pp-app-gold) !important;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

/* Client-page controls must remain readable and touch-friendly. */
body:not(.index-page) .dt_left_sidebar .home_usr_sct .btn.btn-primary {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1.25 !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
}

.pp_discovery_hub h1,
.pp_profile_command h1 {
  color: #fff !important;
  font-size: clamp(24px, 2.6vw, 38px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.12;
  margin: 0 0 9px;
}

body.find-matches-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_discovery_hub h1,
body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1 {
  color: #fff !important;
}

.pp_discovery_hub p,
.pp_profile_command p {
  color: rgba(255, 255, 255, .76) !important;
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
}

body.find-matches-page .pp_discovery_hub p,
body.myprofile-page .pp_profile_command p {
  color: rgba(255, 255, 255, .8) !important;
}

.pp_discovery_links {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
  max-width: 420px;
}

body.find-matches-page .home_usr_sct .btn-primary,
body.find-matches-page .home_usr_sct .btn-primary:hover,
body.find-matches-page .home_usr_sct .btn-primary:focus {
  color: #fff !important;
}

.pp_discovery_links a,
.pp_profile_command_actions a {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

.pp_discovery_links a:hover,
.pp_discovery_links a:focus,
.pp_profile_command_actions a:hover,
.pp_profile_command_actions a:focus,
.pp_discovery_links a.active,
.pp_profile_command_actions .pp_command_primary {
  background: var(--pp-app-red) !important;
  border-color: var(--pp-app-red) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.pp_profile_command {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
}

.pp_profile_command_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}

body.find-matches-page .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.find-matches-page .find_matches_cont > .row > .col.l3,
body.find-matches-page .find_matches_cont > .row > .col.l6 {
  display: block !important;
  max-width: none !important;
  position: static !important;
}

body.find-matches-page .dt_left_sidebar {
  height: auto !important;
  margin: 0 !important;
  padding: 20px 18px !important;
}

body.find-matches-page .dt_left_sidebar .menu {
  padding: 6px 0 0 !important;
}

body.find-matches-page .dt_left_sidebar .menu > li {
  margin: 2px 0 !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a {
  color: var(--pp-app-ink) !important;
  min-height: 39px;
  padding: 8px 11px !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a svg {
  color: var(--pp-app-navy) !important;
  opacity: .78 !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a:hover,
body.find-matches-page .dt_left_sidebar .menu > li > a:focus {
  background: var(--pp-app-cream) !important;
  color: var(--pp-app-red) !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a.active {
  background: linear-gradient(135deg, var(--pp-app-navy), var(--pp-app-blue)) !important;
  color: #fff !important;
}

body.find-matches-page .dt_left_sidebar .menu > li > a.active svg {
  color: var(--pp-app-gold) !important;
  opacity: 1 !important;
}

body.find-matches-page .dt_home_filters {
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(8, 43, 87, .07) !important;
  min-height: 52px;
  overflow: hidden;
  padding: 0 18px !important;
}

body.find-matches-page .dt_home_filters_prnt {
  margin-bottom: 14px !important;
}

body.find-matches-page .dt_home_filters {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

body.find-matches-page .dt_home_filters > h5 {
  font-size: 17px !important;
  font-weight: 750 !important;
  margin: 0 !important;
}

body.find-matches-page .dt_home_filters_head p {
  align-items: center;
  background: var(--pp-app-navy) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex;
  font-size: 12px !important;
  font-weight: 700;
  gap: 6px;
  margin: 0 !important;
  padding: 8px 12px !important;
}

body.find-matches-page .dt_home_filters_head p svg {
  color: var(--pp-app-gold) !important;
  height: 17px !important;
  width: 17px !important;
}

body.find-matches-page .dt_ltst_users .row,
body.find-matches-page #search_users_container {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 !important;
}

body.find-matches-page .random_user_item {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.find-matches-page .random_user_item .card {
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 26px rgba(8, 43, 87, .08) !important;
  height: 100%;
  margin: 0 !important;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}

body.find-matches-page .random_user_item .card:hover {
  box-shadow: 0 16px 32px rgba(8, 43, 87, .14) !important;
  transform: translateY(-4px);
}

body.find-matches-page .random_user_item .card-image > a {
  aspect-ratio: 4 / 5;
  display: block;
  overflow: hidden;
  padding: 0 !important;
}

body.find-matches-page .random_user_item .card-image img {
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .3s ease;
  width: 100% !important;
}

body.find-matches-page .random_user_item .card:hover .card-image img {
  transform: scale(1.025);
}

body.find-matches-page .random_user_item .card-content {
  padding: 14px 14px 12px !important;
  text-align: left !important;
}

body.find-matches-page .random_user_item .card-title {
  color: var(--pp-app-navy) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
}

body.find-matches-page .random_user_item .card-content > p {
  color: var(--pp-app-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.find-matches-page .rand_bottom_bar {
  display: flex !important;
  gap: 8px;
  margin-top: 11px;
}

body.find-matches-page .rand_bottom_bar .btn {
  align-items: center;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex;
  height: 34px !important;
  justify-content: center;
  padding: 0 !important;
  width: 34px !important;
}

body.find-matches-page .dt_home_filters h5,
body.find-matches-page .dt_home_filters_head p {
  color: var(--pp-app-navy) !important;
}

body.find-matches-page #section_match_users > .dt_sections {
  min-height: 430px;
}

body.find-matches-page #section_match_users .empty_state {
  min-height: 350px;
}

body.find-matches-page .dt_left_sidebar.pro {
  background: linear-gradient(155deg, #fffdf8 0%, #fff7e4 100%) !important;
  border-color: rgba(244, 189, 36, .38) !important;
  min-height: 0 !important;
}

body.find-matches-page .dt_left_sidebar.pro .dt_home_pro_usr h4 {
  color: var(--pp-app-navy) !important;
}

body.find-matches-page .dt_left_sidebar.pro .dt_home_pro_usr h4 svg {
  color: var(--pp-app-gold) !important;
}

body.myprofile-page .find_matches_cont > .row {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(245px, 285px) minmax(0, 1fr);
  margin: 0 !important;
}

body.myprofile-page .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.myprofile-page .dt_profile_side {
  height: auto !important;
  margin: 0 !important;
  padding: 24px 20px !important;
}

body.myprofile-page .dt_profile_side .avatar {
  background: linear-gradient(145deg, #fff8e8, #f2f6fd) !important;
  border: 3px solid #fff !important;
  box-shadow: 0 0 0 2px var(--pp-app-gold), 0 12px 28px rgba(8, 35, 75, .12) !important;
  margin: 0 auto 22px !important;
  max-width: 178px;
}

body.myprofile-page .dt_profile_side .dt_othr_ur_info {
  text-align: center;
}

body.myprofile-page .dt_profile_side .dt_othr_ur_info h2 {
  color: var(--pp-app-navy) !important;
  font-size: 22px !important;
  font-weight: 750 !important;
}

body.myprofile-page .home_usr_stats > div {
  background: #f7f9fd !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 14px !important;
  padding: 12px 8px !important;
}

body.myprofile-page .dt_user_prof_complt {
  border-top: 0 !important;
  margin-top: 18px !important;
  padding-top: 0 !important;
}

body.myprofile-page .dt_user_about,
body.myprofile-page .dt_user_profile {
  color: var(--pp-app-ink) !important;
  overflow: hidden;
}

body.myprofile-page .dt_user_about .about_block,
body.myprofile-page .dt_user_about .dt_profile_info {
  background: #fff !important;
  color: var(--pp-app-ink) !important;
}

body.myprofile-page .dt_user_about :is(h3, h4, h5, h6, p, span, b, strong),
body.myprofile-page .dt_profile_info :is(h3, h4, h5, h6, p, span, b, strong) {
  color: inherit !important;
}

/* Profile media area: remove the inherited night palette without changing upload behavior. */
body.myprofile-page .mtc_usrd_content.dt_profile_about {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 38px rgba(8, 43, 87, .09) !important;
  color: var(--pp-app-ink) !important;
  overflow: hidden !important;
}

body.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
  background: linear-gradient(135deg, #fffdf8 0%, #f4f8ff 100%) !important;
  color: var(--pp-app-ink) !important;
}

body.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
  align-items: stretch;
  display: grid !important;
  gap: 18px;
  grid-template-columns: 128px minmax(300px, 1.2fr) minmax(280px, 1fr);
  margin: 0 !important;
  padding: 20px !important;
}

body.myprofile-page .mtc_usrd_content.dt_profile_about > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.myprofile-page .my_profile_add_btns {
  display: grid;
  gap: 12px;
}

body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 104px;
  text-align: center;
}

body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) .inline {
  display: grid !important;
  gap: 8px;
  justify-items: center;
}

body.myprofile-page .dt_cp_photos_list {
  display: grid !important;
  gap: 2px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 100% !important;
  min-height: 270px;
}

body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos {
  height: auto !important;
  min-height: 132px;
}

body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
  background: #fff !important;
  border: 2px dashed #b9cbe3 !important;
  border-radius: 14px !important;
  color: var(--pp-app-navy) !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos):hover,
body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos):focus-within {
  background: var(--pp-app-cream) !important;
  border-color: var(--pp-app-gold) !important;
  transform: translateY(-2px);
}

body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) :is(.inline,b,svg) {
  color: var(--pp-app-navy) !important;
  fill: currentColor !important;
}

body.myprofile-page .dt_cp_photos_list {
  background: #eaf1fb !important;
  border: 1px solid #cfdaeb !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos {
  background: #f8fbff !important;
  border-color: #cfdaeb !important;
}

body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos > .inline {
  background: rgba(229, 237, 248, .7) !important;
  color: var(--pp-app-muted) !important;
}

body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side {
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 16px !important;
  color: var(--pp-app-ink) !important;
  padding: 24px !important;
}

body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side :is(h3,h4,h5,h6,p,span,b,strong,a) {
  color: inherit !important;
}

body.myprofile-page .profile_menu {
  background: transparent !important;
}

/* The profile photo shortcut is mobile-only; prevent it from mimicking a second desktop scroll control. */
body.myprofile-page a.only-mobile.btn-floating {
  display: none !important;
}

@media (max-width: 740px) {
  body.myprofile-page a.only-mobile.btn-floating {
    align-items: center;
    display: flex !important;
    justify-content: center;
  }
}

/* The approved Philippine arrow is the only scroll-to-top treatment. */
html body a.btn-floating.btn-large.dt_to_top.bg_gradient,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient:hover,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus {
  background: transparent url("../img/philippine-scroll-arrow-v2.webp") center/contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 5px 6px rgba(8, 35, 75, .22));
  height: 72px !important;
  min-height: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 54px !important;
}

html body a.btn-floating.btn-large.dt_to_top.bg_gradient :is(svg, i),
html body a.btn-floating.btn-large.dt_to_top.bg_gradient::before,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient::after {
  display: none !important;
}

html body a.btn-floating.btn-large.dt_to_top.bg_gradient:hover,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus {
  filter: drop-shadow(0 5px 6px rgba(8, 35, 75, .22)) !important;
  transform: none !important;
  transition: none !important;
}

html body a.btn-floating.btn-large.dt_to_top.bg_gradient .waves-ripple {
  display: none !important;
}

@media (max-width: 1199px) {
  body.find-matches-page .find_matches_cont > .row {
    grid-template-columns: minmax(220px, 255px) minmax(0, 1fr);
  }

  body.find-matches-page .find_matches_cont > .row > .col:last-child {
    display: none !important;
  }
}

@media (max-width: 980px) {
  .pp_discovery_hub,
  .pp_profile_command {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .pp_discovery_links,
  .pp_profile_command_actions {
    justify-content: flex-start;
    max-width: none;
  }

  body.find-matches-page .dt_ltst_users .row,
  body.find-matches-page #search_users_container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
    grid-template-columns: 112px minmax(280px, 1fr);
  }

  body.myprofile-page .mtc_usrd_content.dt_profile_about > .row > .col:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 740px) {
  body.find-matches-page .find_matches_cont > .row,
  body.myprofile-page .find_matches_cont > .row {
    display: block;
  }

  body.find-matches-page .find_matches_cont > .row > .col:first-child {
    display: none !important;
  }

  body.myprofile-page .dt_profile_side {
    margin-bottom: 18px !important;
  }

  .pp_discovery_hub,
  .pp_profile_command {
    border-radius: 18px;
    margin-bottom: 18px;
    padding: 22px 19px 20px;
  }

  .pp_discovery_links,
  .pp_profile_command_actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .pp_discovery_links a,
  .pp_profile_command_actions a {
    text-align: center;
  }

  body.find-matches-page .dt_ltst_users .row,
  body.find-matches-page #search_users_container {
    gap: 11px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.find-matches-page .random_user_item .card-content {
    padding: 11px !important;
  }

  body.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
    display: block !important;
    padding: 14px !important;
  }

  body.myprofile-page .my_profile_add_btns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
    min-height: 84px;
  }

  body.myprofile-page .dt_cp_photos_list {
    margin-bottom: 14px;
    min-height: 310px;
  }

  html body a.btn-floating.btn-large.dt_to_top.bg_gradient {
    height: 62px !important;
    right: 14px !important;
    width: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body *,
  body *::before,
  body *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* FAQ controls: keep the expand affordance visible and centered. */
body.faqs-page .dt_faq .accordion-item > .btn,
body.faqs-page .dt_faq .collapsible-header .btn {
  align-items: center !important;
  display: inline-flex !important;
  height: 46px !important;
  justify-content: center !important;
  min-width: 46px !important;
  padding: 0 !important;
  width: 46px !important;
}

body.faqs-page .dt_faq .accordion-item > .btn svg,
body.faqs-page .dt_faq .collapsible-header .btn svg {
  color: #fff !important;
  display: block !important;
  fill: currentColor !important;
  height: 20px !important;
  width: 20px !important;
}

/* Password, verification, OTP and two-factor utility screens. */
body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .auth_bg_img,
body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_body {
  align-items: center;
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 189, 36, .16), transparent 23rem),
    radial-gradient(circle at 92% 88%, rgba(227, 24, 70, .12), transparent 28rem),
    linear-gradient(135deg, #fffaf0, #f3f7ff) !important;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 74px);
  padding: 52px 20px !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) :is(.login_baner,.login_banner_mask,.login_banner_lines) {
  display: none !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_bg {
  margin: 0 auto !important;
  max-width: 620px !important;
  padding: 0 !important;
  width: 100% !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_con {
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 60px rgba(8, 43, 87, .12) !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: hidden;
  padding: clamp(28px, 5vw, 48px) !important;
  width: 100% !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) nav,
body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_body_inner > nav {
  background: #fff !important;
  border-bottom: 1px solid var(--pp-app-border) !important;
  box-shadow: none !important;
  margin: 0 !important;
  min-height: 74px !important;
  width: 100% !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) nav .nav-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto !important;
  max-width: 1180px !important;
  padding: 10px 20px !important;
  width: 100% !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) nav .header_logo img {
  display: block;
  height: auto !important;
  max-height: 52px !important;
  max-width: 230px !important;
  width: auto !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) nav .not_usr_nav li:first-child > a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) nav .not_usr_nav li:first-child > a:hover,
body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) nav .not_usr_nav li:first-child > a:focus {
  background: transparent !important;
  color: var(--pp-app-gold) !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) :is(.dt_login,.dt_login form,.dt_login.login,.dt_login.register) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-muted) !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) :is(.dt_login,.dt_login form)::before,
body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) :is(.dt_login,.dt_login form)::after {
  display: none !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_body_inner {
  background: transparent !important;
  min-height: 100vh;
  width: 100%;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_body {
  display: block !important;
  padding: 0 !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) :is(#otp_outer,#otp_inner,.enter_otp_email) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-align: left !important;
  width: 100% !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_con form > p:first-child {
  color: var(--pp-app-muted) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  margin: 0 0 26px !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_con form > p:first-child .bold {
  color: var(--pp-app-navy) !important;
  display: block;
  font-size: clamp(27px, 4vw, 38px) !important;
  line-height: 1.15;
  margin-bottom: 8px;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_footer {
  justify-content: flex-start !important;
  margin-top: 24px !important;
}

body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_footer .btn {
  min-width: 180px;
}

body:is(.mail-otp-page,.verifymailotp-page,.verifyphoneotp-page) #otp_inner input[type="text"] {
  background: #fff !important;
  border: 2px solid #cbd8eb !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: block !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  height: 58px !important;
  letter-spacing: .5em !important;
  margin: 18px 0 !important;
  max-width: 260px;
  opacity: 1 !important;
  padding: 0 18px !important;
  text-align: center;
  visibility: visible !important;
  width: 100% !important;
}

body:is(.mail-otp-page,.verifymailotp-page,.verifyphoneotp-page) #otp_inner input[type="text"]:focus {
  border-color: var(--pp-app-blue) !important;
  box-shadow: 0 0 0 4px rgba(11, 74, 162, .10) !important;
}

body:is(.age-block-page,.age_block-page) .dt_et_banned {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 150px);
  padding: 40px 20px;
}

body:is(.age-block-page,.age_block-page) .dt_et_banned .dt_sections {
  max-width: 680px;
  padding: clamp(30px, 5vw, 54px) !important;
  text-align: center;
}

body:is(.age-block-page,.age_block-page) .dt_et_banned svg {
  color: var(--pp-app-red) !important;
  height: 120px;
  max-width: 120px;
}

body:is(.age-block-page,.age_block-page) .dt_et_banned svg path {
  fill: var(--pp-app-red) !important;
}

/* Footer links remain readable and never inherit the old gray/red-line hover. */
body .page_footer :is(a,.grey-text,.text-darken-2) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #dce7f5 !important;
  text-decoration: none !important;
}

/* Final authenticated discovery and collection layout corrections. */
.pp_discovery_hub {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 440px);
  padding: 30px 32px !important;
}

.pp_discovery_links {
  align-self: center;
  background: rgba(4, 21, 43, .28) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 16px !important;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: stretch;
  max-width: none;
  padding: 5px !important;
}

.pp_discovery_links a {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 11px !important;
  display: flex;
  justify-content: center;
  min-height: 42px;
  padding: 9px 10px !important;
  text-align: center;
}

.pp_discovery_links a:hover,
.pp_discovery_links a:focus {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
}

.pp_discovery_links a.active {
  background: var(--pp-app-red) !important;
  box-shadow: 0 8px 18px rgba(227, 24, 70, .22) !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont {
  min-height: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
  align-items: start !important;
  grid-template-columns: 250px minmax(0, 1fr) !important;
  min-height: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col:first-child {
  align-self: start;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar {
  height: auto !important;
  max-height: none !important;
  position: sticky !important;
  top: 94px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_ltst_users,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user {
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 40px rgba(8, 43, 87, .08) !important;
  min-height: 520px !important;
  overflow: hidden;
  padding: 0 !important;
  width: 100% !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > .row {
  margin: 0 !important;
  padding: 0 28px 30px !important;
  width: 100% !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > .row > .col.s12 {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .dt_sections {
  box-shadow: none !important;
  min-height: 390px !important;
  padding: 0 !important;
  width: 100% !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state {
  min-height: 390px !important;
  width: 100% !important;
}

body.find-matches-page .dt_home_filters {
  min-height: 64px !important;
  padding: 0 10px 0 20px !important;
}

body.find-matches-page .dt_home_filters_head p {
  background: var(--pp-app-red) !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 13px !important;
  min-height: 44px;
  padding: 10px 15px !important;
}

body.find-matches-page .dt_home_filters_head p:hover {
  background: var(--pp-app-gold) !important;
}

body.find-matches-page .dt_home_filters_head p span {
  color: #fff !important;
  white-space: nowrap;
}

body.find-matches-page .dt_home_filters h5 {
  color: var(--pp-app-navy) !important;
}

body.find-matches-page .dt_home_filters_head p {
  color: #fff !important;
}

body.find-matches-page .dt_left_sidebar.pro {
  background: #fffdf8 !important;
  border: 1px solid rgba(244, 189, 36, .48) !important;
  box-shadow: 0 14px 32px rgba(8, 43, 87, .08) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.find-matches-page .dt_left_sidebar.pro .dt_home_pro_usr {
  background: transparent !important;
  padding: 20px !important;
}

body.find-matches-page .dt_left_sidebar.pro .dt_home_pro_usr h4 {
  align-items: center;
  display: flex;
  font-size: 18px !important;
  gap: 9px;
  margin: 0 0 16px !important;
}

body.find-matches-page .dt_left_sidebar.pro .pro_usrs_container {
  display: grid !important;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

body.find-matches-page .dt_left_sidebar.pro .pro_usr,
body.find-matches-page .dt_left_sidebar.pro .pro_usr img {
  aspect-ratio: 1;
  border-radius: 14px !important;
  height: auto !important;
  object-fit: cover;
  width: 100% !important;
}

body.find-matches-page .find_matches_cont > .row > .col:last-child > .dt_sections {
  display: none !important;
}

.pp_default_avatar {
  position: relative;
}

.pp_avatar_required {
  background: rgba(7, 31, 61, .9);
  border-radius: 999px;
  bottom: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  left: 50%;
  padding: 7px 11px;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) + .page_footer,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .page_footer {
  clear: both !important;
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  .pp_discovery_hub {
    grid-template-columns: 1fr;
  }

  .pp_discovery_links {
    width: 100%;
  }

  body.find-matches-page .find_matches_cont > .row {
    grid-template-columns: 230px minmax(0, 1fr) !important;
  }

  body.find-matches-page .find_matches_cont > .row > .col:last-child {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row,
  body.find-matches-page .find_matches_cont > .row {
    display: block !important;
  }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col:first-child,
  body.find-matches-page .find_matches_cont > .row > .col:first-child {
    display: none !important;
  }
}

@media (max-width: 680px) {
  body #nav-logged-in,
  body #nav-logged-in .nav-wrapper {
    height: 68px !important;
    min-height: 68px !important;
  }

  body #nav-logged-in .nav-wrapper {
    max-width: none !important;
    overflow: hidden !important;
    padding: 0 8px !important;
    width: 100% !important;
  }

  body #nav-logged-in .header_logo {
    margin-right: 4px !important;
  }

  body #nav-logged-in .brand-logo img {
    max-height: 38px !important;
    max-width: 108px !important;
  }

  body #nav-logged-in ul.left > li > a {
    font-size: 0 !important;
    justify-content: center !important;
    padding: 0 10px !important;
    width: 44px !important;
  }

  body #nav-logged-in ul.left > li > a svg {
    margin: 0 !important;
  }

  body #nav-logged-in .header_home_link > li > a.prem {
    font-size: 0 !important;
    height: 40px !important;
    justify-content: center !important;
    line-height: 40px !important;
    margin: 14px 2px !important;
    min-height: 40px !important;
    padding: 0 !important;
    width: 40px !important;
  }

  body #nav-logged-in .header_home_link > li > a.prem svg {
    height: 18px !important;
    margin: 0 !important;
    width: 18px !important;
  }

  body #nav-logged-in ul.right {
    margin: 0 !important;
    position: absolute !important;
    right: 8px !important;
    top: 0 !important;
  }

  body #nav-logged-in .header_user > a {
    height: 40px !important;
    padding: 0 !important;
    width: 36px !important;
  }

  body #nav-logged-in .header_user > a > span,
  body #nav-logged-in .header_user > a > svg {
    display: none !important;
  }

  body #nav-logged-in .header_user img {
    height: 30px !important;
    margin: 0 auto !important;
    width: 30px !important;
  }

  .pp_discovery_hub {
    border-radius: 18px;
    padding: 24px 20px !important;
  }

  .pp_discovery_links {
    grid-auto-rows: 42px;
    height: auto !important;
    min-height: 140px !important;
    overflow: visible !important;
  }

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

  body.find-matches-page .dt_home_filters {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 14px !important;
  }

  body.find-matches-page .dt_home_filters_head,
  body.find-matches-page .dt_home_filters_head p {
    justify-content: center;
    width: 100%;
  }
}

/* Settings: keep controls inside the approved Pinay Promise day palette. */
body .dt_settings_bg_wrap .round_check {
  background: #fff !important;
  border-color: #cfdaea !important;
  color: var(--pp-app-navy) !important;
  box-shadow: none !important;
}

body .dt_settings_bg_wrap .round_check .circle {
  background: #dfe6ef !important;
}

body .dt_settings_bg_wrap .switch input[type="checkbox"]:checked + .round_check {
  background: #fff8e6 !important;
  border-color: #e6ad17 !important;
  color: var(--pp-app-navy) !important;
  box-shadow: 0 7px 18px rgba(230, 173, 23, .18) !important;
}

body .dt_settings_bg_wrap .switch input[type="checkbox"]:checked + .round_check .circle {
  background: var(--pp-app-red) !important;
}

/* Privacy settings: clear controls without stacked pill cards. */
body .pp-privacy-settings {
  border-radius: 24px !important;
  min-height: 0 !important;
  padding: clamp(28px, 4vw, 44px) !important;
}

body .pp-privacy-settings .dt_sett_wrap_title {
  color: var(--pp-app-navy) !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1.15 !important;
  margin: 0 0 8px !important;
}

body .pp-privacy-intro {
  color: var(--pp-app-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 0 26px !important;
  max-width: 680px;
}

body .pp-privacy-settings .pp-privacy-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 !important;
}

body .pp-privacy-settings .pp-privacy-option {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body .pp-privacy-settings .switch,
body .pp-privacy-settings .switch label {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

body .pp-privacy-settings .round_check {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 16px !important;
  min-height: 104px !important;
  padding: 18px 20px !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease !important;
  width: 100% !important;
}

body .pp-privacy-settings .round_check:hover {
  background: #fffdf7 !important;
  border-color: #e6ad17 !important;
  transform: translateY(-1px);
}

body .pp-privacy-settings .round_check .circle {
  background: #c8d2df !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #c8d2df !important;
  flex: 0 0 auto !important;
  height: 24px !important;
  margin: 0 !important;
  position: static !important;
  width: 24px !important;
}

body .pp-privacy-settings .switch input[type="checkbox"]:checked + .round_check {
  background: #fffaf0 !important;
  border-color: #e6ad17 !important;
  box-shadow: none !important;
}

body .pp-privacy-settings .switch input[type="checkbox"]:checked + .round_check .circle {
  background: #e6ad17 !important;
  box-shadow: inset 0 0 0 6px #fff, 0 0 0 2px #e6ad17 !important;
}

body .pp-privacy-copy {
  display: grid !important;
  gap: 5px !important;
  min-width: 0;
}

body .pp-privacy-copy strong {
  color: var(--pp-app-navy) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body .pp-privacy-copy small {
  color: var(--pp-app-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

body .pp-privacy-settings .dt_sett_footer {
  border-top: 1px solid var(--pp-app-border) !important;
  justify-content: flex-end !important;
  margin-top: 26px !important;
  padding-top: 22px !important;
}

body .pp-privacy-settings .dt_sett_footer .btn {
  min-width: 150px !important;
}

@media (max-width: 760px) {
  body .pp-privacy-settings .pp-privacy-grid {
    grid-template-columns: 1fr;
  }

  body .pp-privacy-settings .round_check {
    min-height: 88px !important;
  }

  body .pp-privacy-settings .dt_sett_footer {
    justify-content: stretch !important;
  }

  body .pp-privacy-settings .dt_sett_footer .btn {
    width: 100% !important;
  }
}

body form[action$="/profile/request_payment"] button[type="submit"] {
  font-size: 17px !important;
  white-space: nowrap !important;
}

@media (max-width: 992px) {
  body .dt_settings_side_links {
    contain: inline-size;
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  body .dt_settings_bg_wrap .round_check {
    align-items: center !important;
    border-radius: 16px !important;
    line-height: 1.45 !important;
    min-height: 54px !important;
    padding: 8px 12px 8px 6px !important;
    width: 100% !important;
  }

  body form[action$="/profile/request_payment"] button[type="submit"] {
    min-width: 0 !important;
    padding-inline: 16px !important;
    width: 100% !important;
  }
}

body .login_footer :is(a,.grey-text,.text-darken-2) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
  text-decoration: none !important;
}

body .page_footer a:hover,
body .page_footer a:focus,
body .login_footer a:hover,
body .login_footer a:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-gold) !important;
  text-decoration: none !important;
}

body.maintenance-page :is(.dt_get_start_circle-1,.dt_get_start_circle-2,.dt_get_start_circle-3,.maintenance-style) {
  display: none !important;
}

body.maintenance-page {
  background: linear-gradient(135deg, var(--pp-app-cream), var(--pp-app-sky)) !important;
  color: var(--pp-app-muted) !important;
  padding: 30px !important;
}

body.maintenance-page article {
  background: #fff;
  border: 1px solid var(--pp-app-border);
  border-radius: 26px;
  box-shadow: 0 24px 60px rgba(8, 43, 87, .11);
  min-height: 420px;
  padding: 48px;
}

@media (max-width: 740px) {
  body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .auth_bg_img,
  body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_body {
    min-height: calc(100vh - 66px);
    padding: 28px 12px !important;
  }

  body:is(.reset-page,.mail-otp-page,.verifymail-page,.verifymailotp-page,.verifyphone-page,.verifyphoneotp-page,.unusual-login-page) .dt_login_footer .btn {
    width: 100%;
  }
}

/* Highest-priority profile corrections. Keep these after the legacy theme. */
body.myprofile-page .pp_profile_command h1,
body.profile-page .pp_profile_command h1 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 16px rgba(3, 20, 43, .18) !important;
}

body.myprofile-page #nav-logged-in .header_home_link > li > a.prem,
body.profile-page #nav-logged-in .header_home_link > li > a.prem {
  border-radius: 999px !important;
  font-size: 13px !important;
  height: 38px !important;
  line-height: 38px !important;
  margin: 19px 8px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  width: auto !important;
}

body:is(.myprofile-page,.profile-page) .home_usr_stats::before {
  content: none !important;
  display: none !important;
}

body.myprofile-page .mtc_usrd_summary h5::before,
body.profile-page .mtc_usrd_summary h5::before {
  background: var(--pp-app-gold) !important;
  border-radius: 999px !important;
  height: 4px !important;
  width: 46px !important;
}

body.myprofile-page .dt_othr_ur_info p a,
body.myprofile-page .dt_othr_ur_info p b,
body.profile-page .dt_othr_ur_info p a,
body.profile-page .dt_othr_ur_info p b {
  color: var(--pp-app-red) !important;
}

body:is(.myprofile-page,.profile-page) .circle-progress-value {
  stroke: var(--pp-app-red) !important;
}

body:is(.myprofile-page,.profile-page) .circle-progress-text {
  fill: var(--pp-app-red) !important;
}

body:is(.myprofile-page,.profile-page) a.btn-floating.btn-large.dt_to_top.bg_gradient,
body:is(.myprofile-page,.profile-page) a.btn-floating.btn-large.dt_to_top.bg_gradient:hover,
body:is(.myprofile-page,.profile-page) a.btn-floating.btn-large.dt_to_top.bg_gradient:focus {
  background-color: transparent !important;
  background-image: url("../img/philippine-scroll-arrow-v2.webp") !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 72px !important;
  padding: 0 !important;
  width: 54px !important;
}

/* 2026-08-02 authenticated header regression guard.
   Keep Premium and Credit as single-line controls and neutralize legacy badge geometry. */
@media (min-width: 681px) {
  html body #nav-logged-in .nav-wrapper {
    column-gap: 0 !important;
    overflow: visible !important;
  }

  html body #nav-logged-in .header_logo,
  html body #nav-logged-in .header_home_link,
  html body #nav-logged-in .header_home_link > li,
  html body #nav-logged-in > .nav-wrapper > ul.right,
  html body #nav-logged-in > .nav-wrapper > ul.right > li {
    flex-shrink: 0 !important;
  }

  html body #nav-logged-in .header_home_link > li > a {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  html body #nav-logged-in .header_home_link > li > a.prem {
    animation: none !important;
    flex: 0 0 auto !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 44px !important;
    line-height: 1 !important;
    margin: 16px 8px !important;
    min-height: 44px !important;
    min-width: 132px !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
  }

  html body #nav-logged-in .header_home_link > li > a.prem > span {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    flex: 0 0 18px !important;
    height: 18px !important;
    justify-content: center !important;
    margin: 0 7px 0 0 !important;
    padding: 0 !important;
    width: 18px !important;
  }

  html body #nav-logged-in .header_home_link > li > a.prem > span > svg {
    display: block !important;
    height: 18px !important;
    margin: 0 !important;
    width: 18px !important;
  }

  html body #nav-logged-in li.credit,
  html body #nav-logged-in li.credit > a {
    align-items: center !important;
    display: flex !important;
    height: 76px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body #nav-logged-in li.credit .how_credtss {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    height: 38px !important;
    line-height: 1 !important;
    margin: 0 10px 0 0 !important;
    min-width: 112px !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
  }

  html body #nav-logged-in li.credit .how_credtss > span,
  html body #nav-logged-in li.credit #credit_amount {
    display: inline-block !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* The arrow itself may lift on hover, but no square, ripple, or colored plate may appear. */
html body a.btn-floating.btn-large.dt_to_top.bg_gradient,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient:hover,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient:focus,
html body a.btn-floating.btn-large.dt_to_top.bg_gradient:active {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body a.btn-floating.btn-large.dt_to_top.bg_gradient .waves-ripple {
  background: transparent !important;
  box-shadow: none !important;
  display: none !important;
}

/* Compact, balanced profile canvas. Empty content should never become a giant card. */
body.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
  gap: 16px !important;
  grid-template-columns: 132px minmax(360px, 1.25fr) minmax(285px, .95fr) !important;
  padding: 18px !important;
}

body.myprofile-page .my_profile_add_btns {
  align-content: stretch;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  height: 300px;
}

body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
  min-height: 0 !important;
}

body.myprofile-page .dt_cp_photos_list {
  height: 300px !important;
  min-height: 300px !important;
}

body.myprofile-page .dt_cp_photos_list .dt_cp_l_photos {
  min-height: 0 !important;
}

body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side {
  display: flex !important;
  flex-direction: column;
  height: 300px !important;
  min-height: 0 !important;
  padding: 22px !important;
}

body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side .mtc_usrd_summary {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}

body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side .sidebar_usr_info {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0 !important;
  padding-top: 20px;
}

body.myprofile-page .pp_profile_about_empty {
  background: linear-gradient(135deg, #fffaf0 0%, #f5f8ff 100%);
  border-left: 3px solid var(--pp-app-gold);
  border-radius: 0 12px 12px 0;
  color: var(--pp-app-muted) !important;
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
  padding: 14px 16px;
}

body.myprofile-page .dt_user_about,
body.myprofile-page .dt_user_about .about_block {
  height: auto !important;
  min-height: 0 !important;
}

body.myprofile-page .dt_user_about .about_block {
  margin: 18px 0 !important;
  padding: 22px 24px 24px !important;
}

body.myprofile-page .dt_user_about .about_block > h4 {
  border-bottom: 1px solid var(--pp-app-border);
  margin: 0 0 18px !important;
  padding: 0 0 15px !important;
}

body.myprofile-page .dt_user_about .about_block > .row {
  display: grid !important;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 !important;
}

body.myprofile-page .dt_user_about .about_block > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.myprofile-page .dt_user_about .dt_profile_info {
  height: auto !important;
  min-height: 0 !important;
  padding: 22px !important;
}

body.myprofile-page .dt_user_about .dt_profile_info > h5 {
  margin: 0 0 18px !important;
}

body.myprofile-page .dt_user_about .dt_profile_info .row:last-child,
body.myprofile-page .dt_user_about .dt_profile_info p:last-child {
  margin-bottom: 0 !important;
}

body .page_footer .pp-footer-copyright {
  color: rgba(255, 255, 255, .78) !important;
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  line-height: 1.6 !important;
  margin-top: 18px;
  text-align: center;
}

@media (max-width: 980px) {
  body.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
    grid-template-columns: 118px minmax(0, 1fr) !important;
  }

  body.myprofile-page .mtc_usrd_content.dt_profile_about > .row > .col:last-child {
    grid-column: 1 / -1;
  }

  body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side {
    height: auto !important;
    min-height: 180px !important;
  }
}

@media (max-width: 740px) {
  body.myprofile-page .my_profile_add_btns,
  body.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side {
    height: auto !important;
  }

  body.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
    min-height: 86px !important;
  }

  body.myprofile-page .dt_cp_photos_list {
    height: 310px !important;
    min-height: 310px !important;
  }

  body.myprofile-page .dt_user_about .about_block > .row {
    grid-template-columns: 1fr;
  }

  body .page_footer .pp-footer-copyright {
    font-size: 12px !important;
    padding: 0 14px;
  }
}

/* Highest-priority collection corrections. Keep this block last. */
body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:hover,
body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:focus {
  background: #fff3d4 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
}

body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:hover svg,
body:is(.find-matches-page,.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar > .menu > li > a:focus svg {
  color: var(--pp-app-red) !important;
  opacity: 1 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col {
  background: transparent !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
  min-height: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar {
  position: relative !important;
  top: auto !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_ltst_users,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_sections {
  background: #fff !important;
  border-color: var(--pp-app-border) !important;
  box-shadow: 0 14px 34px rgba(8, 43, 87, .07) !important;
  outline: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .dt_sections {
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
    min-height: 0 !important;
  }
}

body.hot-page .qd_hot_shell {
  min-height: 520px !important;
  overflow: hidden !important;
}

body.hot-page .qd_hot_shell > h4 {
  border-bottom: 1px solid var(--pp-app-border);
  color: var(--pp-app-navy) !important;
  font-size: clamp(32px, 3.2vw, 42px) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 28px 32px 20px !important;
}

body.hot-page .qd_hot_shell #section_match_users,
body.hot-page .qd_hot_shell #section_match_users > .dt_sections {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
}

body.hot-page .qd_hot_shell #section_match_users > .dt_sections,
body.hot-page .qd_hot_shell #section_match_users .empty_state {
  min-height: 420px !important;
}

@media (max-width: 680px) {
  body.hot-page .qd_hot_shell > h4 {
    font-size: 30px !important;
    padding: 26px 32px 18px !important;
  }
}

body.live-users-page .qd_live_users_shell {
  min-height: 520px !important;
  overflow: hidden !important;
}

body.live-users-page .qd_live_users_shell > h4 {
  border-bottom: 1px solid var(--pp-app-border);
  color: var(--pp-app-navy) !important;
  font-size: clamp(32px, 3.2vw, 42px) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 28px 32px 20px !important;
}

body.live-users-page .qd_live_users_shell > .row {
  margin: 0 !important;
  padding: 0 28px 30px !important;
}

body.live-users-page .qd_live_users_shell .dt_sections {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  min-height: 420px !important;
}

body.live-users-page .qd_live_users_shell .empty_state {
  min-height: 420px !important;
}

@media (max-width: 680px) {
  body.live-users-page .qd_live_users_shell > h4 {
    font-size: 30px !important;
    padding: 26px 32px 18px !important;
  }

  body.live-users-page .qd_live_users_shell > .row {
    padding: 0 !important;
  }
}

/* Create success story: keep the publishing form spacious and usable on phones. */
body:has(#add_new_story) .find_matches_cont,
body:has(#add_new_story) .find_matches_cont > .row,
body:has(#add_new_story) .find_matches_cont > .row > .col {
  background: transparent !important;
}

body:has(#add_new_story) .find_matches_cont > .row {
  align-items: flex-start !important;
  min-height: 0 !important;
}

body:has(#add_new_story) .qd_create_story_shell {
  background: #fff !important;
  border: 1px solid var(--pp-app-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(8, 43, 87, .08) !important;
  overflow: hidden !important;
}

body:has(#add_new_story) .qd_create_story_head {
  background: linear-gradient(135deg, #fffaf0 0%, #fff 58%, #fff3f7 100%) !important;
  border-bottom: 1px solid var(--pp-app-border) !important;
  margin: 0 !important;
  padding: 28px 30px 24px !important;
}

body:has(#add_new_story) .qd_create_story_head h4 {
  color: var(--pp-app-navy) !important;
  font-size: clamp(32px, 3.1vw, 44px) !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

body:has(#add_new_story) #add_new_story .sett_prof_cont {
  padding: 28px 30px 12px !important;
}

body:has(#add_new_story) #add_new_story .input-field {
  margin-bottom: 20px !important;
}

body:has(#add_new_story) #add_new_story .mce-tinymce,
body:has(#add_new_story) #add_new_story .mce-container,
body:has(#add_new_story) #add_new_story .mce-container-body,
body:has(#add_new_story) #add_new_story .mce-stack-layout,
body:has(#add_new_story) #add_new_story .mce-toolbar-grp,
body:has(#add_new_story) #add_new_story .mce-edit-area,
body:has(#add_new_story) #add_new_story iframe {
  box-sizing: border-box !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:has(#add_new_story) #add_new_story .mce-toolbar-grp .mce-flow-layout {
  white-space: normal !important;
}

body:has(#add_new_story) #add_new_story .mce-toolbar-grp .mce-flow-layout-item {
  float: none !important;
  vertical-align: top !important;
}

body:has(#add_new_story) #add_new_story .dt_sett_footer {
  padding: 8px 30px 30px !important;
}

@media (max-width: 680px) {
  body:has(#add_new_story) .qd_create_story_shell {
    border-radius: 20px !important;
  }

  body:has(#add_new_story) .qd_create_story_head {
    padding: 24px 20px 20px !important;
  }

  body:has(#add_new_story) .qd_create_story_head h4 {
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  body:has(#add_new_story) #add_new_story .sett_prof_cont {
    padding: 22px 18px 8px !important;
  }

  body:has(#add_new_story) #add_new_story .sett_prof_cont > .row {
    margin: 0 !important;
  }

  body:has(#add_new_story) #add_new_story .sett_prof_cont > .row > .col {
    float: none !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body:has(#add_new_story) #add_new_story .mce-toolbar-grp {
    overflow: hidden !important;
    padding: 4px !important;
  }

  body:has(#add_new_story) #add_new_story .mce-toolbar-grp .mce-btn-group {
    border: 0 !important;
    margin: 2px !important;
    padding: 0 !important;
  }

  body:has(#add_new_story) #add_new_story .dt_sett_footer {
    padding: 8px 18px 24px !important;
  }

  body:has(#add_new_story) #submit_story {
    justify-content: center !important;
    width: 100% !important;
  }
}

/* My Profile mobile photo action: replace the unreadable red dot with a clear upload control. */
body.myprofile-page a.btn-floating.only-mobile[onclick*="avatar_profileimg"] {
  align-items: center !important;
  background: linear-gradient(135deg, #ffd34f 0%, #efa91b 100%) !important;
  border: 2px solid #fff !important;
  box-shadow: 0 12px 28px rgba(8, 43, 87, .2) !important;
  color: var(--pp-app-navy) !important;
  display: flex !important;
  height: 56px !important;
  justify-content: center !important;
  line-height: 1 !important;
  overflow: visible !important;
  width: 56px !important;
}

body.myprofile-page a.btn-floating.only-mobile[onclick*="avatar_profileimg"] svg {
  color: var(--pp-app-navy) !important;
  display: block !important;
  height: 30px !important;
  width: 30px !important;
}

body.myprofile-page a.btn-floating.only-mobile[onclick*="avatar_profileimg"]:hover,
body.myprofile-page a.btn-floating.only-mobile[onclick*="avatar_profileimg"]:focus {
  background: #e7a113 !important;
  box-shadow: 0 14px 30px rgba(8, 43, 87, .24) !important;
  color: #fff !important;
  outline: 3px solid rgba(255, 211, 79, .38) !important;
  outline-offset: 3px !important;
}

body.myprofile-page a.btn-floating.only-mobile[onclick*="avatar_profileimg"]:hover svg,
body.myprofile-page a.btn-floating.only-mobile[onclick*="avatar_profileimg"]:focus svg {
  color: #fff !important;
}

/* Live preview: preserve a useful phone-sized camera canvas instead of a tall black band. */
@media (max-width: 680px) {
  body.live-page .video-con,
  body.live-page .wow_go_live_cont > .container,
  body.live-page .wow_go_live_cont > .container > div,
  body.live-page #remote-media {
    height: auto !important;
    min-height: 0 !important;
  }

  body.live-page .video-con {
    align-items: flex-start !important;
    display: flex !important;
    min-height: calc(100vh - 68px) !important;
    padding: 18px 0 28px !important;
  }

  body.live-page .wow_go_live_cont > .container {
    border-radius: 18px !important;
    overflow: hidden !important;
    position: relative !important;
    width: calc(100% - 24px) !important;
  }

  body.live-page .wow_go_live_cont .liv_vid_cont {
    aspect-ratio: 4 / 5 !important;
    height: auto !important;
    max-height: calc(100vh - 126px) !important;
    width: 100% !important;
  }

  body.live-page .wow_go_live_cont .liv_vid_cont video {
    display: block !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
  }

  body.live-page .btn-start-end-prnt {
    top: 22px !important;
  }
}

/* Credits: use the approved Pinay Promise navy, gold, and red palette. */
body.credit-page .qd_cred_bl,
body.credit-page .qd_cred_bl > div {
  background: linear-gradient(135deg, var(--pp-app-navy) 0%, var(--pp-app-blue) 72%, #163f69 100%) !important;
  border-color: rgba(244, 189, 36, .45) !important;
  color: #fff !important;
}

body.credit-page .qd_cred_bl > div {
  box-shadow: 0 18px 38px rgba(8, 43, 87, .18) !important;
}

body.credit-page .qd_cred_bl::before,
body.credit-page .qd_cred_bl::after {
  background: rgba(244, 189, 36, .12) !important;
}

body.credit-page .qd_cred_bl b,
body.credit-page .qd_cred_bl p {
  color: #fff !important;
}

body.credit-page .qd_cred_bl h2,
body.credit-page .qd_cred_bl h2 span {
  color: var(--pp-app-gold) !important;
}

body.credit-page .qd_cred_bl svg,
body.credit-page .qd_cred_bl svg path {
  fill: rgba(244, 189, 36, .2) !important;
}

body.credit-page .dt_credits.transparent > h4.bold {
  color: var(--pp-app-navy) !important;
  margin: 0 !important;
  padding: 28px 28px 8px !important;
}

/* Verification flows: one header, readable status copy, and a useful completed state. */
body.unusual-login-page #nav-logged-in {
  display: none !important;
}

body.unusual-login-page .unusual_login > p {
  color: var(--pp-app-muted) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}

body.unusual-login-page .unusual_login > p:first-child {
  color: var(--pp-app-muted) !important;
}

body.unusual-login-page .unusual_login > p:first-child .bold {
  color: var(--pp-app-navy) !important;
  display: block !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1.15 !important;
  margin-bottom: 8px !important;
}

body.userverify-page .dt_user_profile_parent {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: calc(100vh - 190px) !important;
  padding-bottom: 56px !important;
  padding-top: 56px !important;
}

body.userverify-page .pp_verification_complete {
  background: #fff !important;
  border: 1px solid rgba(8, 43, 87, .12) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(8, 43, 87, .12) !important;
  max-width: 620px !important;
  padding: 46px 42px !important;
  text-align: center !important;
  width: 100% !important;
}

body.userverify-page .pp_verification_badge {
  align-items: center !important;
  background: linear-gradient(135deg, var(--pp-app-gold), #e7a113) !important;
  border-radius: 50% !important;
  color: var(--pp-app-navy) !important;
  display: inline-flex !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  height: 72px !important;
  justify-content: center !important;
  margin-bottom: 22px !important;
  width: 72px !important;
}

body.userverify-page .pp_verification_complete h1 {
  color: var(--pp-app-navy) !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  line-height: 1.1 !important;
  margin: 0 0 14px !important;
}

body.userverify-page .pp_verification_complete p {
  color: var(--pp-app-muted) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 auto 28px !important;
  max-width: 460px !important;
}

body.userverify-page .pp_verification_continue {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-width: 220px !important;
}

body.userverify-page .pp_verification_logout {
  margin-top: 18px !important;
}

body.userverify-page .pp_verification_logout .logout {
  background: transparent !important;
  border: 1px solid rgba(8, 43, 87, .22) !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
  display: inline-flex !important;
  font-weight: 700 !important;
  justify-content: center !important;
  width: 140px !important;
}

body.userverify-page .pp_verification_logout .logout span {
  color: inherit !important;
}

body.userverify-page .pp_verification_logout .logout:hover,
body.userverify-page .pp_verification_logout .logout:focus {
  background: var(--pp-app-gold) !important;
  border-color: var(--pp-app-gold) !important;
  color: #fff !important;
}

@media (max-width: 680px) {
  body.userverify-page .dt_user_profile_parent {
    min-height: calc(100vh - 150px) !important;
    padding: 36px 18px 46px !important;
  }

  body.userverify-page .pp_verification_complete {
    border-radius: 20px !important;
    padding: 36px 22px !important;
  }

  body.userverify-page .pp_verification_continue {
    width: 100% !important;
  }
}

/* Interest cards: keep age metadata factual, aligned, and easy to scan. */
body.interest-page .matches.visit .card-content p {
  color: var(--pp-app-muted) !important;
  margin: 3px 0 !important;
}

body.interest-page .matches.visit .card-content p span {
  color: var(--pp-app-navy) !important;
  font-weight: 700 !important;
}

/* Popularity: replace legacy purple/green tiles with the approved brand system. */
body.popularity-page .dt_credits.dt_sections {
  overflow: visible !important;
  padding: 42px 36px 48px !important;
}

body.popularity-page .dt_pop_level h2 {
  color: var(--pp-app-navy) !important;
  font-size: clamp(32px, 3.2vw, 44px) !important;
  line-height: 1.16 !important;
}

body.popularity-page .dt_pop_level h2 span {
  color: var(--pp-app-red) !important;
}

body.popularity-page .dt_pop_level p {
  color: var(--pp-app-muted) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

body.popularity-page .dt_pop_level hr {
  border-color: rgba(8, 43, 87, .12) !important;
  margin: 34px 0 38px !important;
}

body.popularity-page .dt_popular {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 0 -10px !important;
}

body.popularity-page .dt_popular > .col {
  float: none !important;
  margin: 0 !important;
  padding: 10px !important;
}

body.popularity-page .dt_popular > .col.s12:first-child {
  flex: 0 0 100% !important;
}

body.popularity-page .dt_popular > .col[id^="buy_more_"] {
  display: flex !important;
  flex: 1 1 190px !important;
  max-width: 230px !important;
}

body.popularity-page .dt_popular h2.center {
  color: var(--pp-app-navy) !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  margin: 0 0 20px !important;
}

body.popularity-page .dt_poplrity_cont {
  display: flex !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.popularity-page .dt_poplrity_cont::before,
body.popularity-page .dt_poplrity_cont::after {
  display: none !important;
}

body.popularity-page .dt_poplrity_cont_innr {
  background: linear-gradient(155deg, var(--pp-app-navy) 0%, var(--pp-app-blue) 76%, #17466e 100%) !important;
  border: 1px solid rgba(244, 189, 36, .36) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 34px rgba(8, 43, 87, .16) !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 315px !important;
  overflow: hidden !important;
  padding: 30px 18px 24px !important;
}

body.popularity-page .dt_poplrity_cont.matches .dt_poplrity_cont_innr {
  background: linear-gradient(155deg, #0b3f76 0%, #0d5da2 78%, #17466e 100%) !important;
}

body.popularity-page .dt_poplrity_cont.likes .dt_poplrity_cont_innr {
  background: linear-gradient(155deg, #8c1533 0%, var(--pp-app-red) 70%, #c91e4b 100%) !important;
}

body.popularity-page .dt_poplrity_cont:hover .dt_poplrity_cont_innr {
  box-shadow: 0 20px 40px rgba(8, 43, 87, .22) !important;
  transform: translateY(-4px) !important;
}

body.popularity-page .dt_poplrity_cont_innr > svg {
  height: 138px !important;
  opacity: .36 !important;
  right: -4px !important;
  top: 84px !important;
  width: 122px !important;
}

body.popularity-page .dt_poplrity_cont_innr > svg path {
  fill: var(--pp-app-gold) !important;
}

body.popularity-page .dt_poplrity_cont .dt_pop_hdr h3,
body.popularity-page .dt_poplrity_cont .dt_pop_mdl h2,
body.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 span {
  color: #fff !important;
}

body.popularity-page .dt_poplrity_cont .dt_pop_hdr h3 {
  font-size: 21px !important;
  line-height: 1.3 !important;
}

body.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 {
  color: var(--pp-app-gold) !important;
  font-size: 48px !important;
  margin: 30px 0 34px !important;
}

body.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 span {
  font-size: 17px !important;
  margin-top: 0 !important;
}

body.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn {
  background: var(--pp-app-gold) !important;
  border-radius: 999px !important;
  color: var(--pp-app-navy) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 46px !important;
  min-width: 132px !important;
}

body.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:hover,
body.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:focus {
  background: #e7a113 !important;
  color: #fff !important;
}

@media (max-width: 680px) {
  body.popularity-page .dt_credits.dt_sections {
    padding: 28px 18px 34px !important;
  }

  body.popularity-page .dt_pop_level h2 {
    font-size: 30px !important;
  }

  body.popularity-page .dt_pop_level p {
    font-size: 15px !important;
  }

  body.popularity-page .dt_popular {
    display: block !important;
    margin: 0 !important;
  }

  body.popularity-page .dt_popular > .col,
  body.popularity-page .dt_popular > .col[id^="buy_more_"] {
    display: block !important;
    max-width: none !important;
    padding: 9px 0 !important;
    width: 100% !important;
  }

  body.popularity-page .dt_popular h2.center {
    font-size: 20px !important;
    margin-bottom: 14px !important;
  }

  body.popularity-page .dt_poplrity_cont_innr {
    min-height: 286px !important;
  }
}

@media (max-width: 680px) {
  body.credit-page .qd_cred_bl > div {
    padding: 34px 28px !important;
  }

  body.credit-page .dt_credits.transparent > h4.bold {
    padding: 24px 18px 8px !important;
  }
}

/* 2026-08-02: open commerce layouts. Reserve cards for actual choices, not wrappers. */
body.credit-page .pp_credit_main,
body.pro-page .pp_billing_page > .row > .col.l9,
body:has(.pp_billing_page) .pp_billing_page > .row > .col.l9 {
  min-width: 0 !important;
}

body.credit-page .pp_credit_main > .dt_credits,
body.credit-page .pp_credit_main > .dt_credits.dt_sections,
body.credit-page .pp_credit_main > .dt_credits.transparent,
body.credit-page .pp_credit_main > .dt_credits.buy_credit,
body:has(.pp_billing_page) .pp_billing_shell {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.credit-page .pp_credit_main > .dt_credits.dt_sections {
  margin: 0 0 34px !important;
  padding: 0 !important;
}

body.credit-page .qd_cred_bl {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.credit-page .qd_cred_bl::before,
body.credit-page .qd_cred_bl::after {
  content: none !important;
  display: none !important;
}

body.credit-page .qd_cred_bl > div {
  align-items: center !important;
  background: linear-gradient(110deg, var(--pp-app-navy) 0%, #124d87 78%, #1d5d91 100%) !important;
  border: 0 !important;
  border-left: 6px solid var(--pp-app-gold) !important;
  border-radius: 0 22px 22px 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 8px 28px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 176px !important;
  padding: 38px 46px !important;
}

body.credit-page .qd_cred_bl b {
  font-size: clamp(20px, 2vw, 28px) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body.credit-page .qd_cred_bl h2 {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  min-width: 130px !important;
  text-align: center !important;
}

body.credit-page .qd_cred_bl h2 span {
  font-size: clamp(54px, 6vw, 76px) !important;
}

body.credit-page .qd_cred_bl p {
  font-size: 14px !important;
  margin: 0 !important;
}

body.credit-page .qd_cred_bl svg {
  bottom: -58px !important;
  height: 220px !important;
  opacity: .18 !important;
  right: 20px !important;
  top: auto !important;
  width: 270px !important;
}

body.credit-page .pp_credit_main > .dt_credits.transparent {
  margin: 0 !important;
  padding: 38px 0 44px !important;
}

body.credit-page .pp_credit_main > .dt_credits.transparent > h4.bold,
body.credit-page .pp_credit_main > .dt_credits.buy_credit > h4.bold {
  border-bottom: 1px solid rgba(8, 43, 87, .14) !important;
  color: var(--pp-app-navy) !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  margin: 0 0 26px !important;
  padding: 0 0 14px !important;
}

body.credit-page .credit_ftr {
  display: grid !important;
  gap: 28px 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

body.credit-page .credit_ftr > svg {
  display: none !important;
}

body.credit-page .credit_ftr > .col,
body.credit-page .credit_ftr > .col:nth-child(n) {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.credit-page .credit_ftr .ico {
  height: 62px !important;
  margin: 0 !important;
  width: 62px !important;
}

body.credit-page .credit_ftr .ico svg {
  height: 27px !important;
  width: 27px !important;
}

body.credit-page .credit_ftr p {
  color: var(--pp-app-navy) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  text-align: left !important;
}

body.credit-page .border_hr {
  display: none !important;
}

body.credit-page .pp_credit_main > .dt_credits.buy_credit {
  margin: 0 !important;
  padding: 8px 0 50px !important;
}

body.credit-page .credit_pln {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.credit-page .credit_pln .dt_plans {
  align-items: stretch !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

body.credit-page .credit_pln .dt_plans > p {
  padding: 0 !important;
}

body.credit-page .credit_pln .dt_plans label {
  border: 1px solid rgba(8, 43, 87, .14) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  min-height: 286px !important;
}

body.credit-page .credit_pln .dt_plans input:checked + label {
  border-color: var(--pp-app-gold) !important;
  box-shadow: 0 14px 32px rgba(8, 43, 87, .12) !important;
  transform: translateY(-3px) !important;
}

body:has(.pp_billing_page) .pp_billing_shell {
  margin: 0 0 34px !important;
  padding: 0 !important;
}

body:has(.pp_billing_page) .pp_billing_header {
  background: transparent !important;
  border-bottom: 1px solid rgba(8, 43, 87, .15) !important;
  border-radius: 0 !important;
  color: var(--pp-app-navy) !important;
  overflow: visible !important;
  padding: 12px 0 24px !important;
}

body:has(.pp_billing_page) .pp_billing_header h2 {
  color: var(--pp-app-navy) !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.05 !important;
}

body:has(.pp_billing_page) .pp_billing_header p:not(.pp_kicker) {
  color: var(--pp-app-muted) !important;
  font-size: 16px !important;
}

body:has(.pp_billing_page) .pp_kicker {
  color: var(--pp-app-red) !important;
  letter-spacing: .14em !important;
}

body:has(.pp_billing_page) .pp_status_line {
  border-bottom: 1px solid rgba(8, 43, 87, .1) !important;
  margin: 0 !important;
  padding: 18px 0 22px !important;
}

body:has(.pp_billing_page) .pp_status_line span {
  background: transparent !important;
  border-color: rgba(8, 43, 87, .18) !important;
  color: var(--pp-app-muted) !important;
}

body:has(.pp_billing_page) .pp_status_line span.active {
  background: #fff7df !important;
  border-color: var(--pp-app-gold) !important;
  color: var(--pp-app-navy) !important;
}

body:has(.pp_billing_page) .pp_billing_grid.free {
  display: block !important;
  margin: 0 0 42px !important;
}

body:has(.pp_billing_page) .pp_billing_grid.free .pp_price_card {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8, 43, 87, .12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 10px 28px !important;
  grid-template-columns: minmax(190px, .7fr) minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding: 24px 0 !important;
}

body:has(.pp_billing_page) .pp_section_title {
  border-bottom: 1px solid rgba(8, 43, 87, .12) !important;
  margin: 34px 0 20px !important;
  padding-bottom: 12px !important;
}

body:has(.pp_billing_page) .pp_price_card {
  border-radius: 18px !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  body.credit-page .credit_ftr {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body.credit-page .pp_credit_main > .dt_credits.dt_sections {
    margin-bottom: 22px !important;
  }

  body.credit-page .qd_cred_bl > div {
    border-left-width: 4px !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 28px 24px !important;
  }

  body.credit-page .qd_cred_bl h2 {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  body.credit-page .qd_cred_bl svg {
    right: -48px !important;
  }

  body.credit-page .credit_ftr,
  body.credit-page .credit_pln .dt_plans {
    grid-template-columns: 1fr !important;
  }

  body.credit-page .credit_ftr {
    gap: 20px !important;
  }

  body.credit-page .credit_pln .dt_plans label {
    min-height: 250px !important;
  }

  body:has(.pp_billing_page) .pp_billing_header {
    padding-top: 0 !important;
  }

  body:has(.pp_billing_page) .pp_billing_grid.free .pp_price_card {
    display: flex !important;
    padding: 22px 0 !important;
  }
}

/* Final cascade lock: open layouts and compact empty states. */
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont {
  max-width: 1320px !important;
  padding-top: 34px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
  align-items: start !important;
  gap: 30px !important;
  grid-template-columns: minmax(205px,235px) minmax(0,1fr) !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--pp-open-divider) !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 22px 8px 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar .menu > li > a {
  border-radius: 0 !important;
  margin: 1px 0 !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar .menu > li.active > a {
  background: transparent !important;
  border-left: 4px solid var(--pp-app-red) !important;
  color: var(--pp-app-navy) !important;
  padding-left: 12px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) :is(.dt_ltst_users,.dt_home_rand_user,.dt_home_rand_user > .row,.dt_home_rand_user .dt_sections) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user { padding: 0 !important; }

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > h4.bold {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  color: var(--pp-app-navy) !important;
  font-size: clamp(30px,3vw,44px) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 0 15px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > .row,
body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > .row > .col.s12 {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .dt_sections:has(> .empty_state) {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  padding: 28px 0 !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state {
  align-items: center !important;
  color: var(--pp-app-navy) !important;
  display: flex !important;
  flex-flow: row wrap !important;
  font-size: 17px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 760px !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state svg {
  background: rgba(237,23,71,.08) !important;
  border-radius: 50% !important;
  color: var(--pp-app-red) !important;
  flex: 0 0 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 12px !important;
  width: 52px !important;
}

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state br { display: none !important; }

body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state :is(.prema,a.btn) {
  background: var(--pp-app-gold) !important;
  border-radius: 999px !important;
  color: var(--pp-app-navy) !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  line-height: 42px !important;
  margin: 0 0 0 8px !important;
  min-width: 120px !important;
  padding: 0 20px !important;
  width: auto !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-navy) !important;
  margin-bottom: 30px !important;
  min-height: 0 !important;
  padding: 12px 0 24px !important;
}

body:is(.profile-page,.myprofile-page) .pp_profile_command :is(h1,p) { color: var(--pp-app-navy) !important; }

body:is(.profile-page,.myprofile-page) .find_matches_cont > .row {
  gap: 28px !important;
  grid-template-columns: minmax(210px,245px) minmax(0,1fr) !important;
}

body:is(.profile-page,.myprofile-page) .find_matches_cont > .row > .col:last-child:not(:nth-child(2)) { display: none !important; }

body:is(.profile-page,.myprofile-page) :is(.dt_profile_side,.dt_left_sidebar.pro) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--pp-open-divider) !important;
  box-shadow: none !important;
  padding: 14px 24px 14px 0 !important;
}

body:is(.profile-page,.myprofile-page) :is(.mtc_usrd_content,.dt_profile_about,.dt_user_about,.about_block,.dt_profile_info) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:is(.profile-page,.myprofile-page) .mtc_usrd_content.dt_profile_about {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  margin: 0 0 28px !important;
  padding: 0 0 28px !important;
}

body #nav-logged-in .header_user #user_dropdown {
  border: 1px solid rgba(8,43,87,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 42px rgba(8,43,87,.18) !important;
  max-height: calc(100vh - 92px) !important;
  min-width: 290px !important;
  outline: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px !important;
  top: 72px !important;
  width: 310px !important;
}

body #nav-logged-in .header_user #user_dropdown > li > a {
  border-radius: 8px !important;
  min-height: 42px !important;
  padding: 5px 11px !important;
}

@media (max-width: 1024px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row,
  body:is(.profile-page,.myprofile-page) .find_matches_cont > .row { display: block !important; }

  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_left_sidebar,
  body:is(.profile-page,.myprofile-page) :is(.dt_profile_side,.dt_left_sidebar.pro) { border-right: 0 !important; }
}

@media (max-width: 680px) {
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont { padding-top: 18px !important; }
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state { align-items: flex-start !important; flex-direction: column !important; }
  body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user .empty_state :is(.prema,a.btn) { margin: 4px 0 0 !important; }
  body #nav-logged-in .header_user #user_dropdown {
    left: auto !important;
    max-height: calc(100vh - 76px) !important;
    min-width: 0 !important;
    right: 8px !important;
    top: 64px !important;
    width: min(310px,calc(100vw - 16px)) !important;
  }
}

/* Late profile and commerce clarity lock. */
body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1,
body.profile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command h1,
body.myprofile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command p,
body.profile-page:not(.index-page):not(.login-page):not(.register-page):not(.forgot-page) .pp_profile_command p {
  color: var(--pp-app-navy) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary) {
  background: transparent !important;
  border-color: rgba(8,43,87,.28) !important;
  color: var(--pp-app-navy) !important;
}
body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary):hover,
body:is(.myprofile-page,.profile-page) .pp_profile_command_actions a:not(.pp_command_primary):focus {
  background: var(--pp-app-gold) !important;
  border-color: var(--pp-app-gold) !important;
  color: #fff !important;
}
html body:is(.myprofile-page,.profile-page) a.only-mobile.btn-floating { display: none !important; }
body:is(.myprofile-page,.profile-page) .find_matches_cont > .row > .col:nth-child(2) > :is(.mtc_usrd_content,.dt_profile_about,.dt_profile_info),
body:is(.myprofile-page,.profile-page) .find_matches_cont > .row > .col:nth-child(2) :is(.mtc_usrd_content.dt_profile_about,.dt_profile_info) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.credit-page .find_matches_cont > .row {
  display: block !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
}
body.credit-page .find_matches_cont > .row > .col.l3 { display: none !important; }
body.credit-page .find_matches_cont > .row > .col.pp_credit_main {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
body.credit-page .pp_credit_main > .dt_credits,
body.credit-page .pp_credit_main > .dt_credits.dt_sections,
body.credit-page .pp_credit_main > .dt_credits.transparent,
body.credit-page .pp_credit_main > .dt_credits.buy_credit {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 26px 0 !important;
}
body.credit-page .pp_credit_main > .dt_credits:first-child { padding-top: 0 !important; }
body.credit-page .pp_credit_main .credit_ftr,
body.credit-page .pp_credit_main .credit_pln {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 740px) {
  html body:is(.myprofile-page,.profile-page) a.only-mobile.btn-floating { display: flex !important; }
}

/* Final profile clarity lock, deliberately placed after all profile rules. */
body .pp_profile_command_copy h1,
body .pp_profile_command_copy p {
  color: var(--pp-app-navy, #0b2d59) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body a.btn-floating.only-mobile[onclick*="avatar_profileimg"] {
  display: none !important;
}

/* Credit page: use one open canvas with dividers instead of nested panels. */
body.credit-page .pp_credit_main > .dt_credits,
body.credit-page .pp_credit_main > .dt_credits.transparent,
body.credit-page .pp_credit_main > .dt_credits.buy_credit {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 30px 0 !important;
}
body.credit-page .pp_credit_main > .dt_credits + .dt_credits,
body.credit-page .pp_credit_main > .border_hr + .dt_credits {
  border-top: 1px solid var(--pp-open-divider, #d8e1ed) !important;
}
body.credit-page .pp_credit_main > .border_hr {
  display: none !important;
}
body.credit-page .pp_credit_main {
  background: transparent !important;
  box-shadow: none !important;
}

/* Credits 1.0.64: branded open-canvas redesign. */
body.credit-page .find_matches_cont {
  padding-top: 36px !important;
}
body.credit-page .find_matches_cont > .row {
  max-width: 1160px !important;
}
body.credit-page .pp_credit_main > .dt_credits.dt_sections {
  padding: 0 !important;
}
body.credit-page .qd_cred_bl {
  background: transparent !important;
  padding: 0 !important;
}
body.credit-page .qd_cred_bl > div {
  align-items: center !important;
  background: linear-gradient(118deg, #082b57 0%, #124f8b 66%, #0b3768 100%) !important;
  border: 1px solid rgba(245, 184, 24, .58) !important;
  border-left: 7px solid var(--pp-app-gold, #f5b818) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 48px rgba(8, 43, 87, .16) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
  min-height: 168px !important;
  overflow: hidden !important;
  padding: 30px 38px !important;
  position: relative !important;
  width: 100% !important;
}
body.credit-page .qd_cred_bl > div::after {
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 220px !important;
  position: absolute !important;
  right: -60px !important;
  top: -112px !important;
  width: 220px !important;
}
body.credit-page .qd_cred_bl b {
  color: #fff !important;
  font-size: clamp(22px, 2.5vw, 32px) !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
  line-height: 1.18 !important;
  max-width: 650px !important;
}
body.credit-page .qd_cred_bl b::before {
  color: var(--pp-app-gold, #f5b818) !important;
  content: "PINAY PROMISE CREDITS" !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  margin-bottom: 10px !important;
}
body.credit-page .qd_cred_bl h2 {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  height: 116px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: 132px !important;
  position: relative !important;
  width: 132px !important;
  z-index: 1 !important;
}
body.credit-page .qd_cred_bl h2 img {
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .22)) !important;
  height: 82px !important;
  object-fit: none !important;
  object-position: right center !important;
  width: 112px !important;
}
body.credit-page .pp_credit_balance_amount {
  color: rgba(255, 255, 255, .84) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  grid-column: 1 !important;
  margin: 10px 0 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
body.credit-page .pp_credit_balance_amount strong {
  color: var(--pp-app-gold, #f5b818) !important;
  font-size: 22px !important;
  margin-right: 4px !important;
}
body.credit-page .qd_cred_bl > div > svg {
  display: none !important;
}
body.credit-page .pp_credit_main > .dt_credits.transparent {
  border-top: 0 !important;
  padding: 44px 0 36px !important;
}
body.credit-page .pp_credit_main > .dt_credits.transparent + .border_hr {
  display: none !important;
}
body.credit-page .pp_credit_main > .dt_credits.transparent > h4.bold,
body.credit-page .pp_credit_main > .dt_credits.buy_credit > h4.bold {
  border: 0 !important;
  color: var(--pp-app-navy, #082b57) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
}
body.credit-page .pp_credit_main > .dt_credits.transparent:not(.buy_credit) > h4.bold::after {
  color: #66748a !important;
  content: "Thoughtful ways to be noticed and show appreciation." !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  margin-top: 7px !important;
}
body.credit-page .credit_ftr {
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  display: grid !important;
  gap: 12px 34px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 0 38px !important;
}
body.credit-page .credit_ftr > .col,
body.credit-page .credit_ftr > .col:nth-child(n) {
  align-items: center !important;
  border-bottom: 1px solid rgba(8, 43, 87, .10) !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  margin: 0 !important;
  min-height: 84px !important;
  padding: 10px 0 !important;
  width: auto !important;
}
body.credit-page .credit_ftr .ico,
body.credit-page .credit_ftr .ico:nth-child(n) {
  align-items: center !important;
  background: #fffaf0 !important;
  border: 2px solid var(--pp-app-gold, #f5b818) !important;
  border-radius: 50% !important;
  box-shadow: 0 7px 18px rgba(8, 43, 87, .08) !important;
  display: flex !important;
  height: 54px !important;
  justify-content: center !important;
  margin: 0 !important;
  position: relative !important;
  width: 54px !important;
}
body.credit-page .credit_ftr .ico svg {
  display: none !important;
}
body.credit-page .credit_ftr .ico::before {
  color: var(--pp-app-navy, #082b57) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
body.credit-page .credit_ftr .ico.boost::before { content: "↑" !important; }
body.credit-page .credit_ftr .ico.gift::before { color: var(--pp-app-red, #ed1747) !important; content: "♥" !important; }
body.credit-page .credit_ftr .ico.discover::before { content: "✦" !important; }
body.credit-page .credit_ftr .ico.search::before { color: var(--pp-app-red, #ed1747) !important; content: "★" !important; }
body.credit-page .credit_ftr .ico.sticker::before { content: "☺" !important; }
body.credit-page .credit_ftr .ico.friendship::before { color: var(--pp-app-red, #ed1747) !important; content: "♡" !important; }
body.credit-page .credit_ftr p {
  color: var(--pp-app-navy, #082b57) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-align: left !important;
}
body.credit-page .pp_credit_main > .dt_credits.buy_credit {
  padding: 38px 0 48px !important;
}
body.credit-page .pp_credit_main > .dt_credits.buy_credit > h4.bold::after {
  color: #66748a !important;
  content: "Choose a pack. Your balance updates after payment is confirmed." !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  margin-top: 7px !important;
}
body.credit-page .credit_pln,
body.credit-page .credit_pln .dt_plans {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.credit-page .credit_pln .dt_plans {
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.credit-page .credit_pln .dt_plans label,
body.credit-page .credit_pln .dt_plans label.plan_1,
body.credit-page .credit_pln .dt_plans label.plan_2,
body.credit-page .credit_pln .dt_plans label.plan_3 {
  background: #fff !important;
  border: 1px solid rgba(8, 43, 87, .15) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(8, 43, 87, .08) !important;
  color: var(--pp-app-navy, #082b57) !important;
  min-height: 220px !important;
  padding: 25px !important;
}
body.credit-page .credit_pln .dt_plans label.plan_1 { border-top: 5px solid var(--pp-app-blue, #1556b8) !important; }
body.credit-page .credit_pln .dt_plans label.plan_2 { border-top: 5px solid var(--pp-app-red, #ed1747) !important; }
body.credit-page .credit_pln .dt_plans label.plan_3 { border-top: 5px solid var(--pp-app-gold, #f5b818) !important; }
body.credit-page .credit_pln .dt_plans label::before {
  color: #77849a !important;
  content: "PROMISE CREDIT PACK" !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  margin-bottom: 16px !important;
}
body.credit-page .credit_pln .dt_plans label .title,
body.credit-page .credit_pln .dt_plans label b,
body.credit-page .credit_pln .dt_plans label .amount {
  color: var(--pp-app-navy, #082b57) !important;
}
body.credit-page .credit_pln .dt_plans label img {
  display: none !important;
}
body.credit-page .credit_pln .dt_plans input:checked + label {
  background: #fffaf0 !important;
  border-color: var(--pp-app-gold, #f5b818) !important;
  box-shadow: 0 14px 32px rgba(8, 43, 87, .13) !important;
  transform: translateY(-3px) !important;
}
@media (max-width: 900px) {
  body.credit-page .credit_ftr { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 680px) {
  body.credit-page .find_matches_cont { padding-top: 18px !important; }
  body.credit-page .qd_cred_bl > div {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 24px 20px !important;
  }
  body.credit-page .qd_cred_bl b { font-size: 21px !important; }
  body.credit-page .qd_cred_bl h2 {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    height: 82px !important;
    min-width: 92px !important;
    width: 92px !important;
  }
  body.credit-page .qd_cred_bl h2 img {
    height: 76px !important;
    width: 92px !important;
  }
  body.credit-page .credit_ftr,
  body.credit-page .credit_pln .dt_plans { grid-template-columns: 1fr !important; }
  body.credit-page .credit_pln .dt_plans label { min-height: 190px !important; }
}

/* Credits 1.0.64 finishing pass: open sections, readable labels, branded pack marker. */
html body.credit-page.credit-page.credit-page .pp_credit_main > .dt_credits,
html body.credit-page.credit-page.credit-page .pp_credit_main .credit_ftr,
html body.credit-page.credit-page.credit-page .pp_credit_main .credit_pln {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.credit-page .pp_credit_main > .dt_credits.transparent > h4.bold,
body.credit-page .pp_credit_main > .dt_credits.buy_credit > h4.bold {
  display: block !important;
  width: 100% !important;
}
body.credit-page .pp_credit_main > .dt_credits.transparent > h4.bold::after,
body.credit-page .pp_credit_main > .dt_credits.buy_credit > h4.bold::after {
  display: block !important;
  line-height: 1.5 !important;
  margin-top: 6px !important;
  max-width: 680px !important;
}
body.credit-page .credit_pln .dt_plans label b {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}
body.credit-page .credit_pln .dt_plans label b svg {
  display: none !important;
}
body.credit-page .credit_pln .dt_plans label b::before {
  content: none !important;
  display: none !important;
}
body.credit-page .credit_pln .dt_plans label b .pp_credit_pack_gift {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  height: 42px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 42px !important;
}
body.credit-page .credit_pln .dt_plans label b .pp_credit_pack_gift_rose,
body.credit-page .credit_pln .dt_plans label b .pp_credit_pack_gift_heart {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: 32px !important;
}
body.credit-page .credit_pln .dt_plans label b .pp_credit_pack_gift_pinky {
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: auto 42px !important;
  flex-basis: 64px !important;
  min-width: 64px !important;
}

/* Final discovery density lock. */
body.find-matches-page .find_matches_cont > .row {
  gap: 30px !important;
  grid-template-columns: minmax(205px,235px) minmax(0,1fr) !important;
}
body.find-matches-page .find_matches_cont > .row > .col:last-child { display: none !important; }
body.find-matches-page .dt_left_sidebar:not(.pro) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--pp-open-divider) !important;
  box-shadow: none !important;
  padding: 8px 22px 8px 0 !important;
}
body.find-matches-page .dt_left_sidebar .menu > li > a {
  border-radius: 0 !important;
  margin: 1px 0 !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
}
body.find-matches-page .dt_left_sidebar .menu > li > a.active {
  background: transparent !important;
  border-left: 4px solid var(--pp-app-red) !important;
  color: var(--pp-app-navy) !important;
  padding-left: 12px !important;
}
body.find-matches-page .dt_home_filters {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
}
body.find-matches-page :is(#section_match_users,#section_match_users > .dt_sections,#search_users_container) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
body.find-matches-page #section_match_users > .dt_sections {
  border-bottom: 1px solid var(--pp-open-divider) !important;
  padding: 28px 0 !important;
}
body.find-matches-page #section_match_users .empty_state {
  align-items: center !important;
  color: var(--pp-app-navy) !important;
  display: flex !important;
  flex-flow: row wrap !important;
  font-size: 17px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-width: 760px !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
body.find-matches-page #section_match_users .empty_state svg {
  background: rgba(237,23,71,.08) !important;
  border-radius: 50% !important;
  color: var(--pp-app-red) !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 12px !important;
  width: 52px !important;
}
@media (max-width: 1024px) {
  body.find-matches-page .find_matches_cont > .row { display: block !important; }
  body.find-matches-page .dt_left_sidebar:not(.pro) { border-right: 0 !important; }
}

/* Collection layout 1.0.68c: authoritative final desktop layout. */
@media (min-width: 1025px) {
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row {
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 1240px !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l3,
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l9 {
    display: block !important;
    float: none !important;
    grid-column: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar:not(.pro) {
    display: grid !important;
    grid-template-columns: 220px 210px minmax(0, 1fr) !important;
    width: 100% !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .dt_left_sidebar .menu {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
}

/* Success stories uses a different legacy wrapper; keep it open and compact. */
html body.stories-page.stories-page .dt_home_rand_user,
html body.stories-page.stories-page .dt_home_rand_user > .row,
html body.stories-page.stories-page .dt_home_rand_user > .row > .col,
html body.stories-page.stories-page .dt_home_rand_user .dt_sections {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.stories-page.stories-page .dt_home_rand_user > .row {
  border-top: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  min-height: 0 !important;
  padding: 26px 0 !important;
}
html body.stories-page.stories-page .dt_home_rand_user .empty_state {
  min-height: 0 !important;
  padding: 26px 0 !important;
}

/* Open-canvas finish: remove the last inherited card shells. */
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page):is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page,.stories-page) .find_matches_cont > .row > .col.l3,
html body.stories-page.stories-page.stories-page .qd_story_head,
html body.stories-page.stories-page.stories-page #liked_users_container {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.stories-page.stories-page.stories-page .qd_story_head {
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  min-height: 0 !important;
  padding: 18px 0 !important;
}
html body.stories-page.stories-page.stories-page #liked_users_container {
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  min-height: 150px !important;
  padding: 26px 0 !important;
}

/* Discovery profile summary 1.0.71: compact identity, no oversized card. */
html body.find-matches-page.find-matches-page .find_matches_cont > .row > .col.l3,
html body.find-matches-page.find-matches-page .dt_left_sidebar:not(.pro) {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct {
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  min-height: 0 !important;
  padding: 0 0 16px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct > div {
  align-items: center !important;
  display: grid !important;
  gap: 0 13px !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  min-height: 0 !important;
  text-align: left !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .user_popularity_icn,
html body.find-matches-page.find-matches-page .home_usr_sct .user_popularity_icn svg {
  grid-column: 1 !important;
  grid-row: 1 !important;
  height: 54px !important;
  margin: 0 !important;
  width: 54px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .user_popularity_icn .avatar img {
  height: 38px !important;
  width: 38px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct > div > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct h3 {
  color: var(--pp-app-navy, #082b57) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  margin: 0 0 5px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct p {
  color: #66748a !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 0 7px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct p b {
  color: var(--pp-app-red, #ed1747) !important;
  font-weight: 700 !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .btn-primary,
html body.find-matches-page.find-matches-page .home_usr_sct .btn-primary:hover,
html body.find-matches-page.find-matches-page .home_usr_sct .btn-primary:focus {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-red, #ed1747) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  height: auto !important;
  line-height: 1.35 !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  transform: none !important;
  width: auto !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .btn-primary::after {
  content: "\2192" !important;
  margin-left: 6px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .btn-primary svg {
  display: none !important;
}
html body.find-matches-page.find-matches-page .home_usr_stats {
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  min-height: 0 !important;
  padding: 12px 0 !important;
}
html body.find-matches-page.find-matches-page .home_usr_stats > div {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body.find-matches-page.find-matches-page .home_usr_stats > div > div {
  border: 0 !important;
  min-width: 0 !important;
  padding: 2px 0 !important;
}
html body.find-matches-page.find-matches-page .home_usr_stats b {
  color: var(--pp-app-red, #ed1747) !important;
  font-size: 17px !important;
}
html body.find-matches-page.find-matches-page .home_usr_stats p {
  color: #66748a !important;
  font-size: 12px !important;
  margin: 2px 0 0 !important;
}

/* Collapse legacy fixed-height wrappers inside the compact identity row. */
html body.find-matches-page.find-matches-page .home_usr_sct > div > span {
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  height: auto !important;
  justify-content: center !important;
  min-height: 0 !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct > div > span > h3,
html body.find-matches-page.find-matches-page .home_usr_sct > div > span > p,
html body.find-matches-page.find-matches-page .home_usr_sct > div > span > div {
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct > div > span > h3,
html body.find-matches-page.find-matches-page .home_usr_sct > div > span > h3 > a {
  align-items: center !important;
  display: flex !important;
  gap: 5px !important;
  line-height: 1.25 !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .pro_svg,
html body.find-matches-page.find-matches-page .home_usr_sct .pro_svg svg {
  height: 17px !important;
  min-width: 17px !important;
  width: 17px !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct > div > span > p {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px 4px !important;
  line-height: 1.35 !important;
}
html body.find-matches-page.find-matches-page .home_usr_sct .btn-primary {
  white-space: nowrap !important;
}

/* Discovery identity alignment 1.0.73: neutralize legacy link tap-target sizing. */
html body.find-matches-page.find-matches-page.find-matches-page .find_matches_cont > .row {
  grid-template-columns: minmax(245px, 255px) minmax(0, 1fr) !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div {
  align-items: center !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct .user_popularity_icn,
html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct .user_popularity_icn svg {
  flex: 0 0 54px !important;
  height: 54px !important;
  max-height: 54px !important;
  max-width: 54px !important;
  min-height: 54px !important;
  min-width: 54px !important;
  width: 54px !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span {
  gap: 3px !important;
  height: auto !important;
  min-height: 0 !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > h3,
html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > p,
html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > div {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > h3 > a,
html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > p > a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > h3 > a {
  color: var(--pp-app-navy, #082b57) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > p,
html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct > div > span > p > a {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .home_usr_sct .btn-primary {
  margin: 0 !important;
}

/* Discovery results header 1.0.74: open layout, no floating toolbar card. */
html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_prnt {
  margin: 0 0 10px !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters {
  align-items: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  overflow: visible !important;
  padding: 0 0 10px !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters > h5 {
  color: var(--pp-app-navy, #082b57) !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head,
html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head p {
  align-items: center !important;
  display: inline-flex !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head p,
html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head p:hover,
html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head p:focus {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--pp-app-red, #ed1747) !important;
  gap: 6px !important;
  padding: 6px 0 !important;
  transform: none !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head p span {
  color: var(--pp-app-red, #ed1747) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters_head p svg {
  color: var(--pp-app-gold, #f4bd24) !important;
  height: 18px !important;
  width: 18px !important;
}

html body.find-matches-page.find-matches-page.find-matches-page #section_match_users > .dt_sections {
  border-bottom: 1px solid var(--pp-open-divider, #d8e1ed) !important;
  margin: 0 !important;
  padding: 18px 0 22px !important;
}

html body.find-matches-page.find-matches-page.find-matches-page #section_match_users .empty_state {
  align-items: center !important;
  color: var(--pp-app-navy, #082b57) !important;
  display: grid !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  gap: 2px 14px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  justify-content: start !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 760px !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.find-matches-page.find-matches-page.find-matches-page #section_match_users .empty_state::after {
  color: #66748a !important;
  content: "Try widening your filters to discover more compatible people." !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  grid-column: 2 !important;
  line-height: 1.45 !important;
}

html body.find-matches-page.find-matches-page.find-matches-page #section_match_users .empty_state svg {
  align-self: center !important;
  background: rgba(237, 23, 71, .08) !important;
  border-radius: 50% !important;
  color: var(--pp-app-red, #ed1747) !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 10px !important;
  width: 42px !important;
}

@media (max-width: 740px) {
  html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters {
    min-height: 44px !important;
  }

  html body.find-matches-page.find-matches-page.find-matches-page .dt_home_filters > h5 {
    font-size: 16px !important;
  }

  html body.find-matches-page.find-matches-page.find-matches-page #section_match_users .empty_state {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  html body.find-matches-page.find-matches-page.find-matches-page #section_match_users .empty_state svg {
    height: 38px !important;
    padding: 9px !important;
    width: 38px !important;
  }
}

/* Popularity final cascade lock. */
html body.popularity-page.popularity-page .find_matches_cont > .row {
  align-items: start !important;
  display: grid !important;
  gap: 34px !important;
  grid-template-columns: 230px minmax(0,1fr) !important;
}
html body.popularity-page.popularity-page .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
html body.popularity-page.popularity-page .find_matches_cont > .row > .col:last-child { display:none !important; }
html body.popularity-page.popularity-page .dt_credits.dt_sections {
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
html body.popularity-page.popularity-page .dt_pop_level {
  background:linear-gradient(115deg,#082b57 0%,#10477f 70%,#394d60 100%) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  padding:38px 42px 36px !important;
  position:relative !important;
}
html body.popularity-page.popularity-page .dt_pop_level h2 { color:#fff !important;font-size:clamp(34px,4vw,52px)!important;margin:0!important; }
html body.popularity-page.popularity-page .dt_pop_level h2 span { color:#f4bd24!important; }
html body.popularity-page.popularity-page .dt_pop_level p { color:rgba(255,255,255,.82)!important;margin:16px 0 0!important; }
html body.popularity-page.popularity-page .dt_pop_level hr { display:none!important; }
html body.popularity-page.popularity-page .pp_pop_eyebrow { color:#f4bd24!important;display:block!important;font-size:12px!important;font-weight:900!important;letter-spacing:.15em!important;margin-bottom:13px!important; }
html body.popularity-page.popularity-page .dt_popular {
  border-bottom:1px solid rgba(8,43,87,.15)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0!important;
  padding:42px 0 32px!important;
}
html body.popularity-page.popularity-page .dt_popular > .col { float:none!important;margin:0!important;max-width:none!important;padding:0!important;width:100%!important; }
html body.popularity-page.popularity-page .dt_popular > .col.s12:first-child { grid-column:1/-1!important; }
html body.popularity-page.popularity-page .dt_popular h2.center { color:#082b57!important;font-size:clamp(25px,2.5vw,34px)!important;margin:0 0 28px!important;text-align:left!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont,
html body.popularity-page.popularity-page .dt_poplrity_cont_innr { display:block!important;margin:0!important;max-width:none!important;width:100%!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont::before,
html body.popularity-page.popularity-page .dt_poplrity_cont::after { display:none!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont_innr,
html body.popularity-page.popularity-page .dt_poplrity_cont.matches .dt_poplrity_cont_innr,
html body.popularity-page.popularity-page .dt_poplrity_cont.likes .dt_poplrity_cont_innr {
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(8,43,87,.15)!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:300px!important;
  padding:24px 30px 8px!important;
  transform:none!important;
}
html body.popularity-page.popularity-page #buy_more_visits .dt_poplrity_cont_innr { border-left:0!important;padding-left:0!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont:hover .dt_poplrity_cont_innr { box-shadow:none!important;transform:none!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont_innr > svg { height:54px!important;margin:0 0 20px!important;opacity:1!important;position:static!important;width:54px!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont_innr > svg path { fill:#f4bd24!important;opacity:1!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_hdr h3 { color:#082b57!important;font-size:20px!important;font-weight:800!important;margin:0!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 { color:#ed1747!important;font-size:48px!important;margin:22px 0 8px!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_mdl h2 span { color:#082b57!important;display:inline!important;font-size:16px!important;margin-left:8px!important; }
html body.popularity-page.popularity-page .pp_pop_note { color:#66738a!important;font-size:15px!important;line-height:1.55!important;margin:0 0 22px!important;max-width:230px!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn { background:#ed1747!important;border:0!important;border-radius:999px!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:44px!important;min-width:124px!important;padding:0 22px!important; }
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:hover,
html body.popularity-page.popularity-page .dt_poplrity_cont .dt_pop_ftr .btn:focus-visible { background:#f4bd24!important;color:#fff!important; }
html body.popularity-page.popularity-page .pp_pop_disclosure { color:#66738a!important;font-size:13px!important;margin:18px 0 0!important; }
@media(max-width:1024px){html body.popularity-page.popularity-page .find_matches_cont > .row{display:block!important}html body.popularity-page.popularity-page .find_matches_cont > .row > .col:first-child{display:none!important}}
@media(max-width:760px){html body.popularity-page.popularity-page .dt_pop_level{border-radius:18px!important;padding:30px 22px 28px!important}html body.popularity-page.popularity-page .dt_pop_level h2{font-size:34px!important}html body.popularity-page.popularity-page .dt_popular{display:block!important;padding-top:32px!important}html body.popularity-page.popularity-page .dt_poplrity_cont_innr,html body.popularity-page.popularity-page .dt_poplrity_cont.matches .dt_poplrity_cont_innr,html body.popularity-page.popularity-page .dt_poplrity_cont.likes .dt_poplrity_cont_innr,html body.popularity-page.popularity-page #buy_more_visits .dt_poplrity_cont_innr{border-left:0!important;border-top:1px solid rgba(8,43,87,.15)!important;min-height:0!important;padding:26px 0!important}}

/* My Profile: wide editorial layout with all QuickDate controls preserved. */
html body.myprofile-page.myprofile-page .find_matches_cont {
  max-width: 1320px !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
  width: calc(100% - 36px) !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command {
  align-items: center !important;
  background: linear-gradient(112deg,#082b57 0%,#124f8d 68%,#394f61 100%) !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 48px rgba(8,43,87,.12) !important;
  color: #fff !important;
  display: grid !important;
  gap: 34px !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  margin: 28px 0 34px !important;
  min-height: 188px !important;
  overflow: hidden !important;
  padding: 34px 38px !important;
  position: relative !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command::after {
  background-image: radial-gradient(circle,rgba(244,189,36,.32) 2px,transparent 2.5px) !important;
  background-size: 18px 18px !important;
  content: "" !important;
  height: 150px !important;
  opacity: .42 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 12px !important;
  top: -36px !important;
  width: 190px !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command_copy {
  max-width: 760px !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command_copy h1 {
  color: #fff !important;
  font-size: clamp(31px,3.1vw,48px) !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
  line-height: 1.06 !important;
  margin: 10px 0 12px !important;
  max-width: 710px !important;
  opacity: 1 !important;
  text-shadow: 0 2px 18px rgba(3,20,43,.18) !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command_copy p {
  color: rgba(255,255,255,.86) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  margin: 0 !important;
  max-width: 720px !important;
  opacity: 1 !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command_actions {
  justify-content: flex-end !important;
  max-width: 390px !important;
  position: relative !important;
  z-index: 2 !important;
}

html body.myprofile-page.myprofile-page .pp_profile_command_actions a:not(.pp_command_primary) {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #fff !important;
}

html body.myprofile-page.myprofile-page .find_matches_cont > .row {
  align-items: start !important;
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: 220px minmax(0,1fr) !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.myprofile-page.myprofile-page .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.myprofile-page.myprofile-page .find_matches_cont > .row > .col:nth-child(2) {
  width: 100% !important;
}

html body.myprofile-page.myprofile-page .profile_menu,
html body.myprofile-page.myprofile-page .dt_profile_side {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.myprofile-page.myprofile-page .dt_profile_side {
  border-right: 1px solid rgba(8,43,87,.15) !important;
  padding: 12px 24px 18px 0 !important;
}

html body.myprofile-page.myprofile-page .dt_user_pro_info a.prem {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  white-space: nowrap !important;
  width: 100% !important;
}

html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 0 30px !important;
}

html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
  align-items: stretch !important;
  background: transparent !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: 118px minmax(320px,.9fr) minmax(350px,1.08fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about > .row > .col {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.myprofile-page.myprofile-page .my_profile_add_btns {
  display: grid !important;
  gap: 12px !important;
  grid-template-rows: repeat(2,minmax(0,1fr)) !important;
  height: 336px !important;
}

html body.myprofile-page.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
  background: rgba(255,255,255,.55) !important;
  border: 1px dashed #9fb4d0 !important;
  border-radius: 14px !important;
  min-height: 0 !important;
}

html body.myprofile-page.myprofile-page .dt_cp_photos_list {
  background: #eaf1fb !important;
  border: 1px solid #cfdaeb !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  height: 336px !important;
  min-height: 336px !important;
  overflow: hidden !important;
}

html body.myprofile-page.myprofile-page .dt_cp_photos_list .dt_cp_l_photos {
  height: auto !important;
  min-height: 0 !important;
}

html body.myprofile-page.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side {
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(8,43,87,.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #102c55 !important;
  display: flex !important;
  height: 336px !important;
  min-height: 0 !important;
  padding: 8px 0 8px 28px !important;
}

html body.myprofile-page.myprofile-page .mtc_usrd_sidebar.dt_profile_about_side :is(h3,h4,h5,h6,p,span,b,strong,a) {
  color: inherit !important;
  opacity: 1 !important;
}

html body.myprofile-page.myprofile-page .mtc_usrd_summary h5::before {
  background: var(--pp-app-gold) !important;
}

html body.myprofile-page.myprofile-page .dt_user_about {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.myprofile-page.myprofile-page .dt_user_about .about_block {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.15) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 28px 0 34px !important;
}

html body.myprofile-page.myprofile-page .dt_user_about .about_block > h4 {
  color: #082b57 !important;
  font-size: 25px !important;
  font-weight: 760 !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

html body.myprofile-page.myprofile-page .dt_user_about .about_block > .row {
  display: grid !important;
  gap: 38px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  margin: 0 !important;
}

html body.myprofile-page.myprofile-page .dt_user_about .dt_profile_info {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #102c55 !important;
  padding: 0 !important;
}

html body.myprofile-page.myprofile-page .dt_user_about .dt_profile_info :is(h5,p,span,b,strong) {
  color: inherit !important;
  opacity: 1 !important;
}

/* Dedicated member directory: open layout, not a card trapped below Discover. */
html body.find-matches-page.find-matches-page:has(.pp_members_directory) .find_matches_cont {
  max-width: 1320px !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  width: calc(100% - 36px) !important;
}

html body.find-matches-page.find-matches-page:has(.pp_members_directory) .find_matches_cont > .row {
  display: block !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory_col {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page:has(.pp_members_directory) .find_matches_cont > .row > .pp_members_directory_col:last-child {
  display: block !important;
}

html body.find-matches-page.find-matches-page:has(.pp_members_directory) .location_alert_update {
  display: none !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 28px 0 54px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .dt_home_rand_user {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.find-matches-page.find-matches-page #container .find_matches_cont .pp_members_directory .dt_home_rand_user {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory_head {
  align-items: end !important;
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  display: flex !important;
  gap: 30px !important;
  justify-content: space-between !important;
  margin-bottom: 28px !important;
  padding: 0 0 25px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory_head h2 {
  color: #082b57 !important;
  font-size: clamp(32px,3.2vw,48px) !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
  margin: 8px 0 10px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory_head p {
  color: #65748b !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 690px !important;
}

html body.find-matches-page.find-matches-page .pp_members_back {
  border-bottom: 2px solid #f4bd24 !important;
  color: #082b57 !important;
  flex: 0 0 auto !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 8px 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_back:hover,
html body.find-matches-page.find-matches-page .pp_members_back:focus-visible {
  background: transparent !important;
  color: #ed1747 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .dt_home_rand_user,
html body.find-matches-page.find-matches-page .pp_members_directory .dt_home_rand_user > .row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
  display: grid !important;
  gap: 34px 24px !important;
  grid-template-columns: repeat(auto-fill,minmax(185px,1fr)) !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item {
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item .card {
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin: 0 !important;
  overflow: visible !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-image {
  aspect-ratio: 4 / 5 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-image a,
html body.find-matches-page.find-matches-page .pp_members_directory .card-image img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .25s ease !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item:hover .card-image img {
  transform: scale(1.025) !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-content {
  padding: 14px 2px 0 !important;
  text-align: left !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-title {
  color: #082b57 !important;
  display: block !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-content > p {
  background: transparent !important;
  border: 0 !important;
  color: #65748b !important;
  display: inline !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar {
  display: flex !important;
  gap: 8px !important;
  margin-top: 13px !important;
  position: static !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid rgba(8,43,87,.18) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #082b57 !important;
  display: inline-flex !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  height: 40px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-width: 88px !important;
  padding: 0 15px !important;
  text-transform: none !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn:hover,
html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn:focus-visible {
  background: #f4f7fb !important;
  border-color: #082b57 !important;
  color: #082b57 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar svg {
  height: 18px !important;
  width: 18px !important;
}

html body .dt_home_rand_user .rand_bottom_bar .btn.like,
html body .dt_home_rand_user .rand_bottom_bar .btn.dislike {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid rgba(8,43,87,.22) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #082b57 !important;
  display: inline-flex !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  height: 40px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-width: 88px !important;
  padding: 0 15px !important;
  text-transform: none !important;
  width: auto !important;
}

html body .dt_home_rand_user .rand_bottom_bar .btn.like:hover,
html body .dt_home_rand_user .rand_bottom_bar .btn.like:focus-visible,
html body .dt_home_rand_user .rand_bottom_bar .btn.dislike:hover,
html body .dt_home_rand_user .rand_bottom_bar .btn.dislike:focus-visible {
  background: #f4f7fb !important;
  border-color: #082b57 !important;
  color: #082b57 !important;
}

html body .dt_home_rand_user .rand_bottom_bar .btn svg {
  flex: 0 0 auto !important;
  height: 17px !important;
  width: 17px !important;
}

html body .dt_home_rand_user .rand_bottom_bar .pp_action_label {
  color: inherit !important;
  display: inline !important;
  font: inherit !important;
  line-height: 1 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .load_more {
  background: #ed1747 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 24px rgba(237,23,71,.16) !important;
  color: #fff !important;
  display: inline-flex !important;
  margin: 38px 0 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_empty {
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  color: #65748b !important;
  font-size: 16px !important;
  padding: 32px 0 !important;
}

@media (max-width: 700px) {
  html body.find-matches-page.find-matches-page:has(.pp_members_directory) .find_matches_cont {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory_head {
    align-items: flex-start !important;
    display: block !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_back {
    display: inline-block !important;
    margin-top: 15px !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
    gap: 26px 14px !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory .card-image {
    border-radius: 16px !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory .card-title {
    font-size: 16px !important;
  }
}

@media (max-width: 1080px) {
  html body.myprofile-page.myprofile-page .find_matches_cont > .row {
    grid-template-columns: 200px minmax(0,1fr) !important;
  }
  html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
    grid-template-columns: 110px minmax(300px,1fr) !important;
  }
  html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about > .row > .col:last-child {
    border-left: 0 !important;
    border-top: 1px solid rgba(8,43,87,.15) !important;
    grid-column: 1 / -1 !important;
    height: auto !important;
    min-height: 190px !important;
    padding: 24px 0 0 !important;
  }
}

@media (max-width: 820px) {
  html body.myprofile-page.myprofile-page .find_matches_cont {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command {
    align-items: start !important;
    grid-template-columns: 1fr !important;
    margin: 18px 0 24px !important;
    padding: 28px 24px !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command_actions {
    justify-content: flex-start !important;
    max-width: none !important;
  }
  html body.myprofile-page.myprofile-page .find_matches_cont > .row {
    display: block !important;
  }
  html body.myprofile-page.myprofile-page .profile_menu {
    margin-bottom: 26px !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side {
    border-bottom: 1px solid rgba(8,43,87,.15) !important;
    border-right: 0 !important;
    display: grid !important;
    gap: 14px 18px !important;
    grid-template-columns: 96px minmax(0,1fr) !important;
    padding: 0 0 22px !important;
    overflow: visible !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side .avatar {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
    height: 112px !important;
    min-height: 112px !important;
    overflow: visible !important;
    position: relative !important;
    width: 96px !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side .avatar .dt_usr_undr_rvw {
    height: 96px !important;
    left: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 96px !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side .avatar .dt_usr_undr_rvw > img {
    height: 90px !important;
    object-fit: cover !important;
    width: 90px !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side .avatar .dt_chng_avtr {
    border-radius: 50% !important;
    height: 96px !important;
    left: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    width: 96px !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side .avatar .btn-upload-image {
    inset: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 96px !important;
    height: 96px !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side .dt_othr_ur_info,
  html body.myprofile-page.myprofile-page .dt_profile_side .dt_user_pro_info {
    grid-column: 2 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html body.myprofile-page.myprofile-page .dt_profile_side > :not(.avatar):not(.dt_othr_ur_info):not(.dt_user_pro_info) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 620px) {
  html body.myprofile-page.myprofile-page header .header_login {
    gap: 6px !important;
  }
  html body.myprofile-page.myprofile-page header .logo img,
  html body.myprofile-page.myprofile-page header .header_logo img {
    max-width: 112px !important;
  }
  html body.myprofile-page.myprofile-page header a[href*="/pro"] {
    font-size: 0 !important;
    height: 40px !important;
    justify-content: center !important;
    min-width: 42px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 42px !important;
  }
  html body.myprofile-page.myprofile-page header a[href*="/pro"] :is(svg,i) {
    font-size: 18px !important;
    margin: 0 !important;
  }
  html body.myprofile-page.myprofile-page #nav-logged-in a[href*="/pro"] {
    font-size: 0 !important;
    height: 40px !important;
    justify-content: center !important;
    min-width: 42px !important;
    padding: 0 !important;
    width: 42px !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command {
    border-radius: 18px !important;
    gap: 22px !important;
    min-height: 0 !important;
    padding: 25px 20px 23px !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command_copy h1 {
    font-size: 29px !important;
    line-height: 1.08 !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command_copy p {
    font-size: 14px !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command_actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command_actions .pp_command_primary {
    grid-column: 1 / -1 !important;
  }
  html body.myprofile-page.myprofile-page .pp_profile_command_actions a {
    justify-content: center !important;
    min-width: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
  html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about > .row {
    display: block !important;
  }
  html body.myprofile-page.myprofile-page .my_profile_add_btns {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-template-rows: none !important;
    height: auto !important;
    margin-bottom: 14px !important;
  }
  html body.myprofile-page.myprofile-page :is(.dt_cp_bar_add_photos,.dt_cp_bar_add_videos) {
    min-height: 92px !important;
  }
  html body.myprofile-page.myprofile-page .dt_cp_photos_list {
    height: 290px !important;
    min-height: 290px !important;
  }
  html body.myprofile-page.myprofile-page .mtc_usrd_content.dt_profile_about > .row > .col:last-child {
    margin-top: 22px !important;
    min-height: 0 !important;
    padding-top: 22px !important;
  }
  html body.myprofile-page.myprofile-page .dt_user_about .about_block > .row {
    display: block !important;
  }
  html body.myprofile-page.myprofile-page .dt_user_about .about_block > .row > .col + .col {
    border-top: 1px solid rgba(8,43,87,.12) !important;
    margin-top: 25px !important;
    padding-top: 25px !important;
  }
}

/* 2026-08-03: Open activity-page system. These pages are editorial layouts,
   not cards inside cards. Keep these final rules last in the cascade. */
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont {
  background: transparent !important;
  max-width: 1360px !important;
  padding: 46px 28px 72px !important;
  width: calc(100% - 32px) !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row {
  align-items: start !important;
  display: grid !important;
  gap: 38px !important;
  grid-template-columns: minmax(205px,235px) minmax(0,1fr) !important;
  margin: 0 !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col {
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) :is(.dt_ltst_users,.dt_home_rand_user,.dt_home_rand_user > .row,.dt_home_rand_user > .row > .col,.dt_home_rand_user .dt_sections) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > h4.bold {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  font-size: clamp(38px,4.2vw,58px) !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  line-height: .98 !important;
  margin: 0 !important;
  padding: 0 0 26px !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > h4.bold::before {
  color: #d41436 !important;
  content: attr(data-pp-kicker) !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  line-height: 1.2 !important;
  margin-bottom: 14px !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_sections:has(> .empty_state) {
  border-bottom: 1px solid rgba(8,43,87,.18) !important;
  padding: 38px 0 40px !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .empty_state.pp_empty_enhanced {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  display: grid !important;
  gap: 14px 24px !important;
  grid-template-columns: 62px minmax(0,1fr) auto !important;
  justify-content: stretch !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: 100% !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .empty_state.pp_empty_enhanced > svg {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  fill: currentColor !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 46px !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_copy {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_copy strong {
  color: #082b57 !important;
  font-size: clamp(21px,2vw,27px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_copy small {
  color: #5f6f88 !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  max-width: 620px !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_action {
  align-items: center !important;
  background: #d41436 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 24px rgba(212,20,54,.18) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 23px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_action:hover,
html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_action:focus-visible {
  background: #f4b91f !important;
  color: #fff !important;
  outline: 0 !important;
  transform: translateY(-2px) !important;
}
@media (max-width: 900px) {
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row { display: block !important; }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont > .row > .col:first-child { margin-bottom: 30px !important; }
}
@media (max-width: 680px) {
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .find_matches_cont { padding: 28px 18px 54px !important; width: 100% !important; }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_home_rand_user > h4.bold { font-size: 39px !important; padding-bottom: 20px !important; }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .dt_sections:has(> .empty_state) { padding: 30px 0 34px !important; }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .empty_state.pp_empty_enhanced {
    align-items: start !important;
    gap: 18px 16px !important;
    grid-template-columns: 44px minmax(0,1fr) !important;
  }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .empty_state.pp_empty_enhanced > svg { height: 38px !important; width: 38px !important; }
  html body:is(.matches-page,.visits-page,.friends-page,.gifts-page,.likes-page,.liked-page,.disliked-page,.friend-requests-page,.hot-page,.live-users-page) .pp_empty_action {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 4px !important;
  }
}

/* 2026-08-03: Likes — keep the zero state open and editorial. */
html body.likes-page.likes-page #likes_users_container,
html body.likes-page.likes-page #likes_users_container > .col,
html body.likes-page.likes-page #likes_users_container .dt_sections {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  float: none !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}
html body.likes-page.likes-page #likes_users_container .dt_sections {
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  padding: 32px 0 36px !important;
}
html body.likes-page.likes-page #likes_users_container .empty_state.pp_empty_enhanced {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px 22px !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  justify-content: stretch !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: 100% !important;
}
html body.likes-page.likes-page #likes_users_container .empty_state.pp_empty_enhanced > svg {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 42px !important;
}
html body.likes-page.likes-page #likes_users_container .pp_empty_copy strong {
  color: #082b57 !important;
  font-size: clamp(22px,2vw,28px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}
html body.likes-page.likes-page #likes_users_container .pp_empty_copy small {
  color: #5f6f88 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 600px !important;
}
html body.likes-page.likes-page #likes_users_container .pp_empty_action {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  min-height: 34px !important;
  padding: 0 !important;
}
html body.likes-page.likes-page #likes_users_container .pp_empty_action::after {
  content: '  \2192' !important;
  margin-left: 8px !important;
}
html body.likes-page.likes-page #likes_users_container .pp_empty_action:hover,
html body.likes-page.likes-page #likes_users_container .pp_empty_action:focus-visible {
  background: transparent !important;
  color: #f4b91f !important;
  outline: 0 !important;
  transform: none !important;
}
@media (max-width: 680px) {
  html body.likes-page.likes-page #likes_users_container .dt_sections {
    padding: 26px 0 30px !important;
  }
  html body.likes-page.likes-page #likes_users_container .empty_state.pp_empty_enhanced {
    align-items: start !important;
    gap: 14px 16px !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
  }
  html body.likes-page.likes-page #likes_users_container .empty_state.pp_empty_enhanced > svg {
    height: 34px !important;
    width: 34px !important;
  }
  html body.likes-page.likes-page #likes_users_container .pp_empty_action {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 2px !important;
  }
}

/* 2026-08-03: People I Liked — open saved-profile layout. */
html body.liked-page.liked-page #liked_users_container,
html body.liked-page.liked-page #liked_users_container > .col,
html body.liked-page.liked-page #liked_users_container .dt_sections {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  float: none !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}
html body.liked-page.liked-page #liked_users_container .dt_sections {
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  padding: 32px 0 36px !important;
}
html body.liked-page.liked-page #liked_users_container .empty_state.pp_empty_enhanced {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 12px 22px !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: 100% !important;
}
html body.liked-page.liked-page #liked_users_container .empty_state.pp_empty_enhanced > svg {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 42px !important;
}
html body.liked-page.liked-page #liked_users_container .pp_empty_copy strong {
  color: #082b57 !important;
  font-size: clamp(22px,2vw,28px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}
html body.liked-page.liked-page #liked_users_container .pp_empty_copy small {
  color: #5f6f88 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 600px !important;
}
html body.liked-page.liked-page #liked_users_container .pp_empty_action {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  min-height: 34px !important;
  padding: 0 !important;
}
html body.liked-page.liked-page #liked_users_container .pp_empty_action::after {
  content: '\2192' !important;
  margin-left: 8px !important;
}
html body.liked-page.liked-page #liked_users_container .pp_empty_action:hover,
html body.liked-page.liked-page #liked_users_container .pp_empty_action:focus-visible {
  background: transparent !important;
  color: #f4b91f !important;
  outline: 0 !important;
  transform: none !important;
}
html body.liked-page.liked-page #liked_users_container:has(> .matches) {
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  display: grid !important;
  gap: 0 38px !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  padding: 10px 0 8px !important;
}
html body.liked-page.liked-page #liked_users_container > .col.matches {
  border-bottom: 1px solid rgba(8,43,87,.12) !important;
  width: auto !important;
}
html body.liked-page.liked-page #liked_users_container > .col.matches:nth-last-child(-n+2) {
  border-bottom-color: transparent !important;
}
html body.liked-page.liked-page #liked_users_container > .col.matches > .card,
html body.liked-page.liked-page #liked_users_container > .col.matches > .card:hover {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 84px minmax(0,1fr) !important;
  margin: 0 !important;
  min-height: 132px !important;
  padding: 24px 0 !important;
  transform: none !important;
}
html body.liked-page.liked-page #liked_users_container .card-image,
html body.liked-page.liked-page #liked_users_container .card-image img {
  height: 84px !important;
  margin: 0 !important;
  width: 84px !important;
}
html body.liked-page.liked-page #liked_users_container .card-image img {
  background: #eef4fc !important;
  border: 2px solid rgba(8,43,87,.12) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  object-fit: cover !important;
  padding: 3px !important;
}
html body.liked-page.liked-page #liked_users_container .card-content {
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}
html body.liked-page.liked-page #liked_users_container .card-title {
  color: #082b57 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
html body.liked-page.liked-page #liked_users_container .card-content p {
  color: #66758d !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
html body.liked-page.liked-page #btn_load_more_liked_users {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d41436 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 22px 0 0 !important;
  min-height: 34px !important;
  padding: 0 !important;
}
html body.liked-page.liked-page #btn_load_more_liked_users::after {
  content: '\2192' !important;
  margin-left: 8px !important;
}
html body.liked-page.liked-page #btn_load_more_liked_users:hover,
html body.liked-page.liked-page #btn_load_more_liked_users:focus-visible {
  background: transparent !important;
  color: #f4b91f !important;
  transform: none !important;
}
html body.liked-page.liked-page #btn_load_more_liked_users.pp_no_more_liked {
  display: none !important;
}
@media (max-width: 680px) {
  html body.liked-page.liked-page #liked_users_container .dt_sections {
    padding: 26px 0 30px !important;
  }
  html body.liked-page.liked-page #liked_users_container .empty_state.pp_empty_enhanced {
    align-items: start !important;
    gap: 14px 16px !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
  }
  html body.liked-page.liked-page #liked_users_container .empty_state.pp_empty_enhanced > svg {
    height: 34px !important;
    width: 34px !important;
  }
  html body.liked-page.liked-page #liked_users_container .pp_empty_action {
    grid-column: 2 !important;
    justify-self: start !important;
  }
  html body.liked-page.liked-page #liked_users_container:has(> .matches) {
    display: block !important;
  }
  html body.liked-page.liked-page #liked_users_container > .col.matches,
  html body.liked-page.liked-page #liked_users_container > .col.matches:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(8,43,87,.12) !important;
  }
  html body.liked-page.liked-page #liked_users_container > .col.matches:last-child {
    border-bottom-color: transparent !important;
  }
  html body.liked-page.liked-page #liked_users_container > .col.matches > .card,
  html body.liked-page.liked-page #liked_users_container > .col.matches > .card:hover {
    gap: 15px !important;
    grid-template-columns: 70px minmax(0,1fr) !important;
    min-height: 110px !important;
    padding: 20px 0 !important;
  }
  html body.liked-page.liked-page #liked_users_container .card-image,
  html body.liked-page.liked-page #liked_users_container .card-image img {
    height: 70px !important;
    width: 70px !important;
  }
}

/* 2026-08-03: Language chooser contrast.
   QuickDate mounts this modal inside the footer, so explicitly prevent footer
   link colors from washing out its labels. */
html body .page_footer #modal_langs .modal-content > h6,
html body footer #modal_langs .modal-content > h6 {
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
html body .page_footer #modal_langs .dt_lang_modal,
html body footer #modal_langs .dt_lang_modal {
  background-color: #fffaf0 !important;
  background-image: none !important;
  border: 1px solid rgba(244,185,31,.32) !important;
}
html body .page_footer #modal_langs .dt_lang_modal li a,
html body footer #modal_langs .dt_lang_modal li a {
  background: #fff !important;
  border: 1px solid rgba(8,43,87,.16) !important;
  box-shadow: none !important;
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  text-decoration: none !important;
}
html body .page_footer #modal_langs .dt_lang_modal li.active a,
html body footer #modal_langs .dt_lang_modal li.active a {
  background: rgba(244,185,31,.16) !important;
  border-color: #f4b91f !important;
  color: #082b57 !important;
}
html body .page_footer #modal_langs .dt_lang_modal li.active a svg,
html body footer #modal_langs .dt_lang_modal li.active a svg {
  color: #d41436 !important;
  fill: currentColor !important;
}
html body .page_footer #modal_langs .dt_lang_modal li a:hover,
html body .page_footer #modal_langs .dt_lang_modal li a:focus-visible,
html body footer #modal_langs .dt_lang_modal li a:hover,
html body footer #modal_langs .dt_lang_modal li a:focus-visible {
  background: #f4b91f !important;
  border-color: #f4b91f !important;
  color: #fff !important;
  outline: 0 !important;
}

/* 2026-08-03: Promise Spotlight modal — readable purchase and hover states. */
html body #modal_boost .modal-content > h6 {
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
html body #modal_boost .modal-content > p {
  color: #334560 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}
html body #modal_boost .modal-footer {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  padding: 18px 0 0 !important;
}
html body #modal_boost .modal-footer :is(a.btn_primary,button#btn_boostme) {
  background: #d41436 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(212,20,54,.18) !important;
  color: #fff !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
  min-height: 42px !important;
  padding: 0 22px !important;
  text-decoration: none !important;
}
html body #modal_boost .modal-footer :is(a.btn_primary,button#btn_boostme):hover,
html body #modal_boost .modal-footer :is(a.btn_primary,button#btn_boostme):focus-visible {
  background: #f4b91f !important;
  color: #fff !important;
  outline: 0 !important;
  transform: none !important;
}
html body #modal_boost .modal-footer > button.modal-close:not(#btn_boostme) {
  background: #fff !important;
  border: 1px solid rgba(8,43,87,.18) !important;
  border-radius: 999px !important;
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  min-height: 42px !important;
  padding: 0 20px !important;
}
html body #modal_boost .modal-footer > button.modal-close:not(#btn_boostme):hover,
html body #modal_boost .modal-footer > button.modal-close:not(#btn_boostme):focus-visible {
  background: #082b57 !important;
  color: #fff !important;
  outline: 0 !important;
}

/* 2026-08-03: Messenger typography, controls and hover contrast. */
html body #message_box.dt_msg_box {
  background: #fff !important;
  border: 1px solid rgba(8,43,87,.18) !important;
  border-top: 4px solid #f4b91f !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 70px rgba(8,43,87,.24) !important;
  height: min(760px, calc(100vh - 28px)) !important;
  max-height: calc(100vh - 28px) !important;
  max-width: 900px !important;
  min-height: 520px !important;
  min-width: 0 !important;
  top: 14px !important;
  width: calc(100vw - 32px) !important;
}
html body #message_box > .modal-content,
html body #message_box .msg_list,
html body #message_box .msg_container,
html body #message_box .m_body,
html body #message_box .m_body_content {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body #message_box > .modal-content {
  border-radius: inherit !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
}
html body #message_box .msg_header,
html body #message_box .chat_header {
  background: #fff !important;
  border-bottom: 1px solid rgba(8,43,87,.12) !important;
  min-height: 82px !important;
  padding: 20px 28px !important;
}
html body #message_box .msg_header h2,
html body #message_box .chat_participant .c_name .name {
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
html body #message_box .msg_header .msg_toolbar .btn.close,
html body #message_box .chat_toolbar .btn.close,
html body #message_box .chat_navigation .btn.back {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  display: inline-flex !important;
  height: 42px !important;
  justify-content: center !important;
  min-width: 42px !important;
  padding: 0 !important;
  width: 42px !important;
}
html body #message_box .msg_header .msg_toolbar .btn.close svg,
html body #message_box .chat_toolbar .btn.close svg,
html body #message_box .chat_navigation .btn.back svg {
  color: currentColor !important;
  display: block !important;
  height: 24px !important;
  opacity: 1 !important;
  width: 24px !important;
}
html body #message_box .msg_header .msg_toolbar .btn.close:hover,
html body #message_box .msg_header .msg_toolbar .btn.close:focus-visible,
html body #message_box .chat_toolbar .btn.close:hover,
html body #message_box .chat_toolbar .btn.close:focus-visible,
html body #message_box .chat_navigation .btn.back:hover,
html body #message_box .chat_navigation .btn.back:focus-visible {
  background: transparent !important;
  color: #d41436 !important;
  outline: 0 !important;
  transform: none !important;
}
html body #message_box .msg_container {
  display: flex !important;
  flex-direction: column !important;
  height: calc(100% - 82px) !important;
  padding: 0 28px 22px !important;
}
html body #message_box .m_filters {
  align-items: center !important;
  border-bottom: 1px solid rgba(8,43,87,.12) !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 82px !important;
  padding: 16px 0 !important;
  flex-shrink: 0 !important;
}
html body #message_box .m_filters .switch,
html body #message_box .m_filters .switch label {
  align-items: center !important;
  display: flex !important;
}
html body #message_box .m_filters .switch {
  gap: 18px !important;
}
html body #message_box .m_filters .switch p,
html body #message_box .m_filters .switch b,
html body #message_box .chat_filter b,
html body #message_box .m_con_item,
html body #message_box .m_con_item * {
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
}
html body #message_box .m_filters .switch p {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
html body #message_box .m_filters .switch b,
html body #message_box .chat_filter b {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
html body #message_box .m_filters .mark_read {
  background: #d41436 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(212,20,54,.18) !important;
  color: #fff !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 22px !important;
  text-transform: none !important;
}
html body #message_box .m_filters .mark_read svg,
html body #message_box .m_filters .mark_read svg path {
  color: currentColor !important;
  fill: currentColor !important;
}
html body #message_box .m_filters .mark_read:hover,
html body #message_box .m_filters .mark_read:focus-visible {
  background: #f4b91f !important;
  color: #fff !important;
  outline: 0 !important;
  transform: none !important;
}
html body #message_box .m_search {
  align-items: center !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(8,43,87,.12) !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0,1fr) 168px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  flex-shrink: 0 !important;
}
html body #message_box .m_search .search_input {
  min-width: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
html body #message_box .m_search .search_input input {
  background: #fff !important;
  border: 1px solid rgba(8,43,87,.18) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 48px !important;
  width: 100% !important;
}
html body #message_box .m_search .search_input input::placeholder {
  color: #6b7890 !important;
  opacity: 1 !important;
}
html body #message_box .m_search .search_input input:hover {
  border-color: rgba(8,43,87,.34) !important;
}
html body #message_box .m_search .search_input input:focus {
  border-color: #f4b91f !important;
  box-shadow: 0 0 0 3px rgba(244,185,31,.14) !important;
  outline: 0 !important;
}
html body #message_box .m_search .search_input > svg {
  color: #37577e !important;
  left: 16px !important;
  opacity: 1 !important;
  top: 13px !important;
}
html body #message_box .chat_filter {
  margin: 0 !important;
  padding: 0 !important;
}
html body #message_box .chat_filter label {
  align-items: stretch !important;
  background: #fff !important;
  border: 1px solid rgba(8,43,87,.18) !important;
  border-radius: 14px !important;
  display: flex !important;
  font-size: 14px !important;
  height: 50px !important;
  overflow: hidden !important;
  padding: 4px !important;
  width: 168px !important;
}
html body #message_box .chat_filter label .lever {
  display: none !important;
}
html body #message_box .chat_filter label b {
  align-items: center !important;
  background: transparent !important;
  border-radius: 10px !important;
  display: flex !important;
  flex: 1 !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  transition: background-color .2s ease, color .2s ease !important;
}
html body #message_box .chat_filter label input:not(:checked) ~ b:not(.last),
html body #message_box .chat_filter label input:checked ~ b.last {
  background: #082b57 !important;
  color: #fff !important;
}
html body #message_box .chat_filter label:hover b,
html body #message_box .chat_filter label:focus-within b {
  color: #082b57 !important;
}
html body #message_box .chat_filter label:hover input:not(:checked) ~ b:not(.last),
html body #message_box .chat_filter label:focus-within input:not(:checked) ~ b:not(.last),
html body #message_box .chat_filter label:hover input:checked ~ b.last,
html body #message_box .chat_filter label:focus-within input:checked ~ b.last {
  background: #f4b91f !important;
  color: #fff !important;
}
html body #message_box .m_body {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
}
html body #message_box .m_con_item {
  border-bottom: 1px solid rgba(8,43,87,.1) !important;
  min-height: 78px !important;
  padding: 12px 8px !important;
}
html body #message_box .m_con_item:hover,
html body #message_box .m_con_item:focus-within,
html body #message_box .m_con_item.active {
  background: #eef5ff !important;
}
html body #message_box .m_con_item:hover *,
html body #message_box .m_con_item:focus-within *,
html body #message_box .m_con_item.active * {
  color: #082b57 !important;
}
html body #message_box .chat_toolbar .dropdown-content,
html body #message_box .chat_toolbar .dropdown-content li,
html body #message_box .chat_toolbar .dropdown-content a {
  background: #fff !important;
  color: #082b57 !important;
  font-family: Montserrat, Arial, sans-serif !important;
}
html body #message_box .chat_toolbar .dropdown-content li:hover,
html body #message_box .chat_toolbar .dropdown-content li:hover a {
  background: #fff5dc !important;
  color: #d41436 !important;
}
html body #message_box .dt_acc_dec_msg .btn,
html body #message_box .dt_chat_lod_more {
  font-family: Montserrat, Arial, sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
html body #message_box .dt_acc_dec_msg .btn:hover,
html body #message_box .dt_acc_dec_msg .btn:focus-visible,
html body #message_box .dt_chat_lod_more:hover,
html body #message_box .dt_chat_lod_more:focus-visible {
  background: #f4b91f !important;
  color: #fff !important;
  outline: 0 !important;
}
@media (max-width: 640px) {
  html body #message_box.dt_msg_box {
    border: 0 !important;
    border-radius: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    top: 0 !important;
    width: 100vw !important;
  }
  html body #message_box .msg_header,
  html body #message_box .chat_header {
    min-height: 68px !important;
    padding: 13px 18px !important;
  }
  html body #message_box .msg_container {
    height: calc(100% - 68px) !important;
    padding: 0 18px 16px !important;
  }
  html body #message_box .m_filters {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 14px 0 !important;
  }
  html body #message_box .m_filters > div:last-child,
  html body #message_box .m_filters .mark_read {
    width: 100% !important;
  }
  html body #message_box .m_filters .mark_read .hide-on-small-only {
    display: inline !important;
  }
  html body #message_box .m_filters .switch {
    justify-content: space-between !important;
  }
  html body #message_box .m_search {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 0 !important;
  }
  html body #message_box .m_search .search_input,
  html body #message_box .chat_filter {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  html body #message_box .chat_filter label {
    width: 100% !important;
  }
  html body #message_box .m_body {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/* 2026-08-04: Main Find Matches discovery banner only. */
.find_matches_cont > .pp_discovery_hub h1 {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(2, 24, 55, 0.22) !important;
}

@media (min-width: 901px) {
  .find_matches_cont > .pp_discovery_hub {
    grid-template-columns: minmax(0, 1fr) minmax(480px, 520px) !important;
  }

  .find_matches_cont > .pp_discovery_hub .pp_discovery_links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    height: auto !important;
    max-width: 520px !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  .find_matches_cont > .pp_discovery_hub .pp_discovery_links a:nth-child(7) {
    grid-column: 3 / 5 !important;
  }
}

@media (max-width: 900px) {
  .find_matches_cont > .pp_discovery_hub .pp_discovery_links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  .find_matches_cont > .pp_discovery_hub .pp_discovery_links a:nth-child(7) {
    grid-column: 1 / -1 !important;
  }
}

/* Public profile 1.0.99 follow-up: keep Materialize's textarea measuring
   helper out of the viewport and make member content the mobile priority. */
html body .hiddendiv.common {
  height: 0 !important;
  left: -99999px !important;
  max-width: 0 !important;
  overflow: hidden !important;
  position: fixed !important;
  top: -99999px !important;
  width: 0 !important;
}

html body.profile-page.profile-page .dt_profile_about_action a svg {
  background: transparent !important;
}

html body.profile-page.profile-page .dt_profile_about_action .like a svg,
html body.profile-page.profile-page .dt_profile_about_action .like a svg path {
  fill: none !important;
  stroke: currentColor !important;
}

html body.profile-page.profile-page .dt_profile_about_action .like a svg path:first-child {
  fill: none !important;
  stroke: none !important;
}

html body.profile-page.profile-page .dt_profile_about_action .dislike a svg path {
  fill: currentColor !important;
  stroke: none !important;
}

html body.profile-page.profile-page .dt_profile_about_action #like_btn svg path:last-child {
  fill: none !important;
  stroke: #fff !important;
}

html body.profile-page.profile-page .dt_profile_about_action #dislike_btn svg path {
  fill: #082b57 !important;
  stroke: none !important;
}

@media (max-width: 820px) {
  html body.profile-page.profile-page .find_matches_cont > .row {
    display: flex !important;
    flex-direction: column !important;
  }
  html body.profile-page.profile-page .find_matches_cont > .row > .col:nth-child(2) {
    order: 1 !important;
  }
  html body.profile-page.profile-page .find_matches_cont > .row > .profile_menu {
    margin: 30px 0 0 !important;
    order: 2 !important;
  }
  html body.profile-page.profile-page .find_matches_cont > .row > .col:nth-child(3) {
    order: 3 !important;
  }
}

/* 2026-08-03: Final member-directory cascade.
   The members route is an open editorial directory, not a stack of cards. */
html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_hub {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-left: -28px !important;
  margin-right: -28px !important;
  padding: 34px 40px 32px !important;
  width: calc(100% + 56px) !important;
}

html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_links {
  align-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 8px 22px !important;
  justify-content: flex-end !important;
  max-width: 520px !important;
  padding: 0 !important;
}

html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_links a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 38px !important;
  padding: 9px 2px 7px !important;
  transform: none !important;
}

html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_links a:hover,
html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_links a:focus-visible,
html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_links a.is-active {
  background: transparent !important;
  border-bottom-color: #f4bd24 !important;
  color: #fff !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 38px 0 56px !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory_head {
  align-items: end !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(8,43,87,.16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 30px !important;
  padding: 0 0 18px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
  align-items: start !important;
  display: grid !important;
  gap: 38px 26px !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item,
html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item .card,
html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item .card-content {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .random_user_item .card {
  display: block !important;
  overflow: visible !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-image {
  aspect-ratio: 4 / 5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-image a,
html body.find-matches-page.find-matches-page .pp_members_directory .card-image img {
  border-radius: 0 !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-content {
  padding: 16px 0 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-title {
  color: #082b57 !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  margin: 0 0 7px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .card-content > p {
  color: #62708a !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar {
  align-items: center !important;
  border-top: 1px solid rgba(8,43,87,.13) !important;
  display: flex !important;
  gap: 20px !important;
  justify-content: flex-start !important;
  margin: 15px 0 0 !important;
  padding: 13px 0 0 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn.like,
html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn.dislike {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #082b57 !important;
  display: inline-flex !important;
  gap: 7px !important;
  height: 34px !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: 0 !important;
  transform: none !important;
  width: auto !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn.like {
  color: #d81336 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn:hover,
html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b78a08 !important;
  outline: 2px solid transparent !important;
  transform: none !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .btn svg {
  height: 18px !important;
  width: 18px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar .pp_action_label {
  color: inherit !important;
  display: inline !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .load_more {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #d81336 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #d81336 !important;
  margin: 44px auto 0 !important;
  padding: 9px 2px 7px !important;
}

html body.find-matches-page.find-matches-page .pp_members_directory .load_more:hover,
html body.find-matches-page.find-matches-page .pp_members_directory .load_more:focus-visible {
  background: transparent !important;
  border-bottom-color: #b78a08 !important;
  color: #b78a08 !important;
  transform: none !important;
}

@media (max-width: 1040px) {
  html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width: 700px) {
  html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_hub {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding: 28px 20px 26px !important;
    width: calc(100% + 32px) !important;
  }
  html body.find-matches-page.find-matches-page:has(.pp_members_directory) .pp_discovery_links {
    display: grid !important;
    gap: 5px 14px !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    justify-content: stretch !important;
    max-width: none !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory {
    padding-top: 30px !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory #random_users_container {
    gap: 30px 16px !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory .card-title {
    font-size: 17px !important;
  }
  html body.find-matches-page.find-matches-page .pp_members_directory .rand_bottom_bar {
    gap: 12px !important;
  }
}