/* Preparation / Desktop (241:1528), Mobile (242:1735) */

.aht-prep-ways {
  background: var(--aht-color-background-raised);
}

.aht-prep-ways__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--aht-spacing-24);
}

.aht-prep-way {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: var(--aht-color-background-canvas);
  border-radius: var(--aht-radius-6);
  transition: box-shadow var(--aht-duration-base) var(--aht-ease-standard);
}

.aht-prep-way:hover {
  box-shadow: 0 12px 32px -12px rgb(63 16 35 / 28%);
}

.aht-prep-way img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.aht-prep-way__caption {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: var(--aht-spacing-24);
}

.aht-prep-way__body {
  color: var(--aht-color-text-secondary);
}

.aht-prep-way__link {
  margin-top: var(--aht-spacing-8);
  color: var(--aht-color-text-brand);
}

.aht-prep-way:hover .aht-prep-way__link {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .aht-prep-ways__cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .aht-prep-way img {
    height: 200px;
  }
}