.recommended {
  position: relative;
  overflow: hidden;
    background-image: var(--background-image-light-coloured-card);
    padding-block: calc(var(--spacing) * 24);
    margin-top: 0;
}
.recommended__title {
  margin: 0 0 3.2rem;
  color: #0f1c2a;
}
.recommended__slider {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.recommended__grid {
    display: flex;
    gap: 0;
    align-items: stretch;
}
.recommended__card.swiper-slide {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    box-sizing: border-box;
    display: flex;
}
.recommended__navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    margin-top: 3.2rem;
}

.recommended__arrow-icon {
    width: 2rem;
    height: 2rem;
}

.recommended__arrow:hover:not(:disabled) {
    background: #e6f1fa;
}

.recommended__arrow.swiper-button-disabled {
    opacity: .3;
    cursor: not-allowed;
}

.recommended__arrow.swiper-button-lock {
    display: none;
}

.recommended__card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  min-height: 36rem;
  padding: 3.2rem;
  overflow: hidden;
  border: 1px solid rgb(211, 226, 236);
  border-radius: 1.6rem;
  background: var(--color-white);
  box-shadow: 0 0.8rem 3rem rgba(15, 28, 42, 0.04);
  transition: background .3s ease, border-color .3s ease, transform .3s ease;
  color: rgb(19, 39, 59);
}
.recommended__body { position: relative; z-index: 1; }
.recommended__card-title {
  margin: 0;
  overflow-wrap: anywhere;
}
.recommended__description {
  margin: 2.4rem 0 3.2rem;
  padding-top: 2.4rem;
  border-top: 1px solid rgba(111, 136, 150, .6);
  color: rgb(63, 85, 104);
  overflow-wrap: anywhere;
}
.recommended__button-wrapper { display: block; position: relative; z-index: 1; width: 50%; max-width: 100%; }
@media (hover: hover) {
  .recommended__card:hover {
    border-color: #b9d8e9;
    background: linear-gradient(rgb(79, 147, 194) 0%, rgb(53, 108, 146) 55%, rgb(43, 79, 108) 100%);
    color: var(--color-white);

    .recommended__description {
      color: var(--color-white);
    }

    .btn-default.btn-default--accent {
      background: var(--color-white);
      color: var(--color-dark-text);
    }
  }
}

@media (width >= 1025px) {
    .recommended {
        padding-block: calc(var(--spacing) * 40);
    }
}
@media (width >= 720px) {
    .recommended {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (max-width: 1023px) {
  .recommended__card { min-height: 32rem; padding: 2.4rem; }
}
@media (max-width: 639px) {
  .recommended__title { margin-bottom: 2.4rem; }
  .recommended__grid { gap: 0; }
  .recommended__card { min-height: 25rem; padding: 2rem; }
  .recommended__description { margin: 1.6rem 0 2.4rem; padding-top: 1.6rem; }
  .recommended__navigation { margin-top: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .recommended__card { transition: none; }
  .recommended__arrow { transition: none; }
}