/* Real CMS screen treatment for the reason cards.
   The original section remains intact; only the screen-led cards get this frame. */
.reason-card.real-screen > img {
  display: block;
  height: 224px;
  padding: 10px;
  object-fit: contain;
  object-position: center;
  background: #f7f5f8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.reason-card.real-screen {
  border-color: rgba(255, 255, 255, 0.18);
}

.reason-card.real-screen > div {
  background: linear-gradient(180deg, rgba(26, 22, 32, 0.98), rgba(17, 14, 22, 0.98));
}

@media (max-width: 760px) {
  .reason-card.real-screen > img {
    height: 194px;
    padding: 8px;
  }
}