/* „Mai multe” păstrează neschimbat contractul de mobil/tabletă. La desktop
   devine o suprafață editorială pe două coloane, la lățimea site-ului. */

.more-desktop-intro {
  display: none;
}

body.more-page main.more-app-menu-container {
  padding-top: 12px !important;
}

@media (min-width: 992px) {
  body.more-page {
    background:
      radial-gradient(circle at 8% 0, rgba(99, 102, 241, 0.1), transparent 28rem),
      linear-gradient(180deg, #f8f8fc 0, #f4f5fa 32rem, #f7f8fb 100%) !important;
  }

  body.more-page main.more-app-menu-container {
    width: calc(100% - clamp(32px, 4vw, 64px));
    max-width: 1100px !important;
    padding: 12px 0 64px !important;
  }

  .more-desktop-intro {
    display: block;
    padding: 26px 28px;
    margin-bottom: 20px;
    border: 1px solid rgba(217, 216, 231, 0.9);
    border-radius: 26px;
    background:
      radial-gradient(circle at 90% 10%, rgba(236, 72, 153, 0.12), transparent 23rem),
      linear-gradient(135deg, rgba(241, 239, 255, 0.96), rgba(255, 255, 255, 0.98));
    box-shadow: 0 16px 42px rgba(31, 27, 60, 0.07);
  }

  .more-desktop-intro > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff;
    color: #5b4ad8;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.065em;
    text-transform: uppercase;
  }

  .more-desktop-intro > span svg {
    width: 15px;
    height: 15px;
  }

  .more-desktop-intro h1 {
    margin: 12px 0 6px;
    color: #17152a;
    font-family: var(--font-display, inherit);
    font-size: 1.85rem;
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1.06;
  }

  .more-desktop-intro p {
    max-width: 670px;
    margin: 0;
    color: #667085;
    font-size: 0.94rem;
    line-height: 1.55;
  }

  .more-desktop-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
  }

  .more-desktop-column {
    min-width: 0;
  }

  .more-page .app-menu-group {
    margin-bottom: 20px;
  }

  .more-page .app-menu-group-title {
    margin: 0 0 8px 6px;
    color: #656d7e;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
  }

  .more-page .app-menu-card {
    overflow: hidden;
    border: 1px solid rgba(219, 221, 232, 0.92);
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(31, 27, 60, 0.055);
  }

  .more-page .app-menu-row {
    min-height: 72px;
    padding: 12px 15px;
    border-bottom-color: rgba(226, 228, 237, 0.9);
  }

  .more-page .app-menu-row:hover,
  .more-page .app-menu-row:focus-visible {
    background: #f7f6ff;
  }

  .more-page .app-menu-tile {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }

  .more-page .app-menu-label {
    font-size: 0.9rem;
    font-weight: 760;
  }

  .more-page .app-menu-sublabel {
    font-size: 0.75rem;
  }

  .more-page .app-menu-group-note {
    margin-left: 6px;
  }

  .more-page .app-install-promo,
  .more-page .newsletter-banner {
    margin-bottom: 20px;
  }
}