/* Desktop-only presentation for the existing daily recommendation flow. */
.recommend-heading-copy,
.recommend-profile-panel {
  display: none;
}

@media (min-width: 1430px) {
  .recommend-shell.recommend-recovery-shell {
    width: 100%;
    max-width: none;
    min-height: 100dvh;
    box-sizing: border-box;
    padding: 0 var(--pc-shell-gutter) 36px var(--pc-shell-sidebar-reserve);
    background: #fffafb;
  }

  .recommend-shell .site-header {
    min-height: 72px;
    margin: 0 calc(-1 * var(--pc-shell-gutter)) 0 calc(-1 * var(--pc-shell-sidebar-reserve));
    padding: 0 38px;
    border-bottom: 1px solid #f0e8eb;
    background: rgba(255, 255, 255, .94);
  }

  .recommend-shell .site-header-actions {
    position: fixed;
    z-index: 9;
    top: 14px;
    right: 38px;
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  .recommend-shell .recommend-bottom-nav {
    position: fixed;
    z-index: 7;
    top: var(--pc-header-height);
    bottom: 0;
    left: 0;
    right: auto;
    width: var(--pc-sidebar-width);
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: var(--pc-nav-gap);
    margin: 0;
    padding: 28px 18px;
    border: 0;
    border-right: 1px solid #f0e8eb;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(16px);
  }

  .recommend-shell .recommend-bottom-nav a {
    display: flex;
    align-items: center;
    min-height: var(--pc-nav-item-height);
    padding: 0 18px;
    border-radius: 13px;
    color: #696674;
    font-size: 14px;
    text-align: left;
  }

  .recommend-shell .recommend-bottom-nav .active {
    color: #f43669;
    background: #fff0f4;
  }

  .recommend-shell .recommend-page.recommend-v1 {
    display: grid;
    grid-template-columns: minmax(0, 820px) minmax(270px, 310px);
    align-items: start;
    gap: 30px;
    width: min(100%, 1160px);
    max-width: none;
    margin: 0 auto;
    padding: 34px 0 50px;
    background: transparent;
  }

  .recommend-shell .recommend-main-column {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(231, 214, 220, .78);
    border-radius: 24px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 34px rgba(92, 54, 67, .07);
  }

  .recommend-shell .recommend-heading {
    align-items: flex-start;
    padding: 0 2px 22px;
  }

  .recommend-shell .recommend-kicker {
    display: block;
    margin: 0 0 7px;
    color: #f19aae;
    font-size: 11px;
    letter-spacing: .17em;
  }

  .recommend-shell .recommend-heading h1 {
    font-size: 34px;
    line-height: 1.15;
    letter-spacing: -.045em;
  }

  .recommend-shell .recommend-heading-copy {
    display: block;
    margin: 9px 0 0;
    padding: 0;
    border-radius: 0;
    color: #696572;
    background: transparent;
    font-size: 15px;
    font-weight: 500;
  }

  .recommend-shell .recommend-heading .recommend-roster {
    flex: 0 0 auto;
    margin-top: 19px;
    padding: 7px 12px;
    color: #77717c;
    background: #f6f3f4;
    font-size: 12px;
  }

  .recommend-shell .recommend-hero {
    border-radius: 20px;
    box-shadow: none;
  }

  .recommend-shell .recommend-v1 .recommend-photo {
    height: min(43vw, 420px);
    min-height: 350px;
  }

  .recommend-shell .recommend-v1 .recommend-photo img {
    object-fit: cover;
    object-position: center 24%;
  }

  .recommend-shell .recommend-identity {
    right: 26px;
    bottom: 24px;
    left: 26px;
  }

  .recommend-shell .recommend-identity h2 {
    gap: 12px;
  }

  .recommend-shell .recommend-name {
    font-size: 34px;
  }

  .recommend-shell .recommend-age {
    font-size: 20px;
  }

  .recommend-shell .recommend-v1 .recommend-actions {
    gap: 22px;
    margin: 14px 52px 17px;
  }

  .recommend-shell .recommend-v1 .recommend-actions button,
  .recommend-shell .recommend-v1 .recommend-actions a {
    grid-template-rows: 74px 18px;
    height: 94px;
    font-size: 12px;
  }

  .recommend-shell .recommend-v1 .action-icon {
    width: 64px;
    height: 64px;
  }

  .recommend-shell .recommend-v1 .like-button .action-icon {
    width: 74px;
    height: 74px;
  }

  .recommend-shell .common-likes {
    margin: 0;
    padding: 18px 20px 19px;
    border: 1px solid #fde8ee;
    border-radius: 18px;
    background: #fff8fa;
  }

  .recommend-shell .recommend-profile-panel {
    display: grid;
    gap: 18px;
    min-width: 0;
  }

  .recommend-side-intro,
  .recommend-profile-facts {
    padding: 24px 22px;
    border: 1px solid rgba(231, 214, 220, .72);
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 28px rgba(92, 54, 67, .055);
  }

  .recommend-side-intro {
    color: #f43669;
    background: linear-gradient(145deg, #fff7fa, #fff0f5);
  }

  .recommend-side-intro > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    border-radius: 14px;
    background: #fff;
    font-size: 25px;
  }

  .recommend-side-intro strong {
    display: block;
    font-size: 21px;
    line-height: 1.45;
  }

  .recommend-side-intro p,
  .recommend-profile-facts > p {
    margin: 13px 0 0;
    color: #716b75;
    font-size: 13px;
    line-height: 1.7;
  }

  .recommend-profile-facts h2,
  .recommend-side-interests h3 {
    margin: 0;
    color: #292733;
    font-size: 17px;
  }

  .recommend-profile-facts dl {
    display: grid;
    gap: 11px;
    margin: 19px 0 0;
  }

  .recommend-profile-facts dl div {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
  }

  .recommend-profile-facts dt,
  .recommend-profile-facts dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .recommend-profile-facts dt { color: #8c8690; }
  .recommend-profile-facts dd { color: #34313b; font-weight: 700; }

  .recommend-side-interests {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #f1e9ec;
  }

  .recommend-side-interests > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
  }

  .recommend-side-interests span {
    padding: 6px 9px;
    border-radius: 999px;
    color: #7c5461;
    background: #fff0f4;
    font-size: 11px;
    font-weight: 700;
  }

  .recommend-panel-profile,
  .recommend-panel-report {
    display: grid;
    place-items: center;
    min-height: 44px;
    margin-top: 20px;
    border-radius: 999px;
    color: #f43669;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
  }

  .recommend-panel-profile { color: #fff; background: #f43669; }
  .recommend-panel-report { margin-top: 9px; border: 1px solid #f0dde3; color: #706a73; }
}