.robok-site .recommendations-section {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 95px 24px 105px !important;
  box-sizing: border-box;
}

.robok-site .recommendations-heading,
.robok-site .recommendation-grid {
  width: min(1400px, 100%) !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.robok-site .recommendations-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr) !important;
  align-items: end !important;
}

.robok-site .recommendation-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.robok-site .recommendation-card,
.robok-site .recommendation-card.recommendation-featured {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box;
}

.robok-site .recommendation-card.recommendation-featured {
  position: relative;
  isolation: isolate;
  grid-column: span 2 !important;
  overflow: hidden;
  min-height: 610px;
  background: linear-gradient(120deg, #0a1020 0%, #0a1020 48%, #111934 100%);
}

.robok-site .recommendation-card.recommendation-featured::before {
  position: absolute;
  z-index: 0;
  display: block !important;
  inset: 0 -70px 0 38%;
  background:
    linear-gradient(90deg, #0a1020 0%, transparent 48%),
    url("/static/browser-device-background.webp") right center / auto 100% no-repeat;
  opacity: .82;
  content: "";
  -webkit-mask-image: none;
  mask-image: none;
}

.robok-site .recommendation-card.recommendation-featured > * {
  position: relative;
  z-index: 1;
}

.robok-site .recommendation-featured h2 { max-width: 58%; }
.robok-site .recommendation-featured > p,
.robok-site .recommendation-featured ul { max-width: 52%; }

.robok-site .recommendation-link {
  display: flex !important;
  height: auto;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding: 16px 18px !important;
  border-top: 1px solid #ffffff24;
  box-sizing: border-box;
  line-height: 1.25 !important;
}

.robok-site .recommendation-link-label {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 0 !important;
  white-space: nowrap;
  line-height: 1.25 !important;
}

.robok-site .recommendation-link-arrow {
  display: inline-flex;
  height: 24px;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  line-height: 1 !important;
}

.robok-site .recommendation-card:not(.recommendation-featured) .ad-disclosure {
  min-height: 30px;
}

@media (max-width: 900px) {
  .robok-site .recommendation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .robok-site .recommendations-section {
    padding: 58px 18px 70px !important;
  }

  .robok-site .recommendations-heading,
  .robok-site .recommendation-grid {
    grid-template-columns: 1fr !important;
  }

  .robok-site .recommendation-card.recommendation-featured {
    grid-column: span 1 !important;
  }

  .robok-site .recommendation-featured h2,
  .robok-site .recommendation-featured > p,
  .robok-site .recommendation-featured ul { max-width: 78%; }
}