/* R8.4.3 targeted commercial fixes. Keep selectors page-specific. */

.v103-member-list > .v128c-member-card.v00090-member-row {
  box-sizing: border-box !important;
  position: relative !important;
  float: none !important;
  transform: none !important;
  min-width: 0 !important;
}

.v103-member-list > .v128c-member-card.v00090-member-row > :is(.v639-member-photo, .v639-member-main, .v639-member-actions) { box-sizing: border-box !important;
  position: relative !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;

  max-width: 100% !important; }
.v103-member-list > .v128c-member-card.v00090-member-row > :is(.v639-member-photo, .v639-member-main, .v639-member-actions):where(:not(body.koirea-member-web :is([data-button-role],[data-member-control]))) { min-width: 0 !important; }

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) {
  display: grid !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.v103-member-list.is-layout-grid2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.v103-member-list.is-layout-grid3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card.v00090-member-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  gap: 12px !important;
  overflow: hidden !important;
  padding: 12px !important;
}

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-photo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 7px !important;
}

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-photo :is(img, .photo-placeholder, .v644-official-list-avatar) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center 24% !important;
}

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-main {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-actions {
  grid-column: 1 !important;
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-self: end !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-actions > *,
.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-actions form,
.v103-member-list:is(.is-layout-grid2, .is-layout-grid3) > .v128c-member-card > .v639-member-actions :is(.button, button) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.v103-member-list.is-layout-grid3 > .v128c-member-card {
  min-height: 450px !important;
}

.v103-member-list.is-layout-grid3 > .v128c-member-card :is(.v639-member-catch, .v783-member-detail-bio p) {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.v103-member-list.is-layout-grid3 > .v128c-member-card :is(.v639-member-tags, .v639-member-badges) span:nth-child(n+4) {
  display: none !important;
}

.v103-member-list.is-layout-list > .v128c-member-card.v00090-member-row {
  display: grid !important;
  grid-template-columns: clamp(190px, 22vw, 224px) minmax(0, 1fr) minmax(158px, 188px) !important;
  grid-template-rows: minmax(250px, auto) !important;
  align-items: stretch !important;
  gap: 18px !important;
  overflow: hidden !important;
  padding: 14px !important;
}

.v103-member-list.is-layout-list > .v128c-member-card > .v639-member-photo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 250px !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  border-radius: 7px !important;
}

.v103-member-list.is-layout-list > .v128c-member-card > .v639-member-photo :is(img, .photo-placeholder, .v644-official-list-avatar) {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 22% !important;
}

.v103-member-list.is-layout-list > .v128c-member-card > .v639-member-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  overflow: visible !important;
}

.v103-member-list.is-layout-list > .v128c-member-card > .v639-member-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: center !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-list > .v128c-social-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 14px !important;
  min-height: 122px !important;
  padding: 12px !important;
  overflow: hidden !important;
}

body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-row > .v128c-social-photo {
  grid-column: 1 !important;
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 96px !important;
  height: 118px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 7px !important;
}

body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-row > .v128c-social-photo :is(img, .photo-placeholder) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 22% !important;
}

body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-row > .v128c-social-main {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto auto 1fr !important;
  align-content: start !important;
  gap: 4px 14px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-main > .v128c-social-actions {
  grid-column: 2 !important;
  grid-row: 1 / span 4 !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: minmax(104px, 1fr) !important;
  gap: 7px !important;
  width: 132px !important;
  margin: 0 !important;
}

.v929-simple-signup-screen .v129-signup-age-note {
  margin: 10px 0 0;
  color: #6b3f3b;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.65;
}

.v929-simple-signup-screen .v721-auth-copy > .v721-kicker::before {
    content: none !important;
    display: none !important;
}

.k33-home .v129-hero-bubble {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 10px 18px;
  border: 1.5px solid #ff5f6d;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #3d3033;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

.k33-home .v129-hero-bubble::after {
  content: "";
  position: absolute;
  left: 28px;
  bottom: -7px;
  width: 12px;
  height: 12px;
  border-right: 1.5px solid #ff5f6d;
  border-bottom: 1.5px solid #ff5f6d;
  background: #fff;
  transform: rotate(45deg);
}

.k33-home .v129-hero-age-note {
  display: block;
  margin: 9px 0 0;
  color: #665b5e;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.k33-home .k33-hero-notes.v129-hero-trust {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

.k33-home .k33-hero-notes.v129-hero-trust > li {
  box-sizing: border-box;
  min-width: 0;
  min-height: 92px;
  padding: 12px 8px !important;
  border: 1px solid rgba(255, 95, 109, 0.19);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  text-align: center;
}

.k33-home .k33-hero-notes.v129-hero-trust > li .v145-feature-icon {
  margin-inline: auto;
}

.k33-home .k33-hero-notes.v129-hero-trust > li :is(b, span) {
  display: block;
  overflow-wrap: anywhere;
}

.k33-home .k33-hero-notes.v129-hero-trust > li b {
  margin-top: 6px;
  font-size: 12px;
}

.k33-home .k33-hero-notes.v129-hero-trust > li span {
  margin-top: 2px;
  color: #675b5e;
  font-size: 11px;
  font-weight: 700;
}

.k33-home .v129-reasons {
  padding: 36px 0 54px;
  background: #fff;
}

.k33-home .v129-reasons-head {
  margin-bottom: 22px;
  text-align: center;
}

.k33-home .v129-reasons-head h2 {
  margin: 0;
  color: #242126;
  font-size: 30px;
  line-height: 1.35;
}

.k33-home .v129-reasons-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.k33-home .v129-reasons-grid article {
  box-sizing: border-box;
  min-width: 0;
  min-height: 224px;
  padding: 24px;
  border: 1px solid #f2deda;
  border-radius: 8px;
  background: #fffafa;
}

.k33-home .v129-reasons-grid article > i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  border-radius: 50%;
  background: #fff0ef;
  color: #f14f60;
}

.k33-home .v129-reasons-grid article > i .v145-icon-svg {
  width: 26px !important;
  height: 26px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.k33-home .v129-reasons-grid h3 {
  margin: 0 0 10px;
  color: #2d292e;
  font-size: 18px;
  line-height: 1.45;
}

.k33-home .v129-reasons-grid p {
  margin: 0;
  color: #665f65;
  font-size: 14px;
  line-height: 1.8;
}

@media (max-width: 1023px) {
  .v103-member-list.is-layout-grid3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .v103-member-list.is-layout-list > .v128c-member-card.v00090-member-row {
    grid-template-columns: 164px minmax(0, 1fr) !important;
  }

  .v103-member-list.is-layout-list > .v128c-member-card > .v639-member-actions {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .v103-member-list:is(.is-layout-grid2, .is-layout-grid3) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .v103-member-list.is-layout-list > .v128c-member-card.v00090-member-row {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 11px !important;
    padding: 11px !important;
  }

  .v103-member-list.is-layout-list > .v128c-member-card > .v639-member-photo {
    width: 112px !important;
    min-height: 140px !important;
    height: 140px !important;
  }

  .v103-member-list.is-layout-list > .v128c-member-card > .v639-member-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-list > .v128c-social-row {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 104px !important;
    padding: 10px !important;
  }

  body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-row > .v128c-social-photo {
    width: 78px !important;
    height: 98px !important;
    min-width: 78px !important;
    max-width: 78px !important;
  }

  body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-row > .v128c-social-main {
    display: block !important;
  }

  body.v00100-ui.is-logged-in:not(.is-admin-area):not(.is-staff-area):not(.koirea-app-body) .v128c-social-main > .v128c-social-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  .k33-home .k33-hero-notes.v129-hero-trust {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  .k33-home .k33-hero-notes.v129-hero-trust > li {
    min-height: 86px;
    padding: 10px 4px !important;
  }

  .k33-home .v129-reasons {
    padding: 28px 0 40px;
  }

  .k33-home .v129-reasons-head h2 {
    font-size: 23px;
  }

  .k33-home .v129-reasons-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .k33-home .v129-reasons-grid article {
    min-height: 0;
    padding: 19px;
  }
}
