/* Eva collection feature (Figma 625:19202 / 625:15614) */
.eva-cfeat {
  padding-top: var(--eva-cfeat-pt, 0px);
  padding-bottom: var(--eva-cfeat-pb, 0px);
}
.eva-cfeat__inner { max-width: var(--eva-page); margin-inline: auto; }

/* ---- With image: 753 | rest at 1920 ----------------------------------- */
.eva-cfeat--image .eva-cfeat__inner {
  display: grid;
  grid-template-columns: 39.2188% minmax(0, 1fr);
  align-items: stretch;
}
.eva-cfeat__media { position: relative; min-height: 100%; aspect-ratio: 753 / 942; overflow: hidden; }
.eva-cfeat__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eva-cfeat--image .eva-cfeat__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(24px, 2.5vw, 48px);
  min-width: 0;
  padding-left: clamp(24px, 3.125vw, 60px);
  overflow: hidden;
}

/* ---- Plain (Bestsellers) ---------------------------------------------- */
.eva-cfeat--plain .eva-cfeat__body {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-inline: var(--eva-gutter);
}

/* ---- Head ------------------------------------------------------------- */
.eva-cfeat__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.eva-cfeat--image .eva-cfeat__head { padding-right: clamp(20px, 3.125vw, 60px); }
.eva-cfeat__titles { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.eva-cfeat__titles .eva-eyebrow { line-height: 34px; }
.eva-cfeat__nav { display: flex; align-items: center; gap: 32px; padding-bottom: 2px; }
/* Hide arrows when everything fits */
.eva-cfeat__nav:has([data-prev][disabled]):has([data-next][disabled]) { visibility: hidden; }
.eva-cfeat__arrow {
  display: inline-flex;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: none;
  color: var(--eva-bosque);
  cursor: pointer;
  transition: color 0.2s var(--eva-ease);
}
.eva-cfeat__arrow svg { width: 40px; height: 40px; }
.eva-cfeat__arrow[disabled] { color: #D9D9D9; cursor: default; }

/* ---- Track ------------------------------------------------------------ */
.eva-cfeat__track {
  margin: 0;
  padding: 0;
  list-style: none;
}
.eva-cfeat--image .eva-cfeat__track {
  --eva-slide-gap: 8px;
  --eva-slide-w: 34.69%; /* 384 / 1107 at 1920 */
}
.eva-cfeat--plain .eva-cfeat__track {
  --eva-slide-gap: 10px;
  --eva-slide-w: calc((100% - 3 * var(--eva-slide-gap)) / 4);
}
.eva-cfeat--portrait .eva-card__media { aspect-ratio: 378 / 470; background: transparent; }
.eva-cfeat--square .eva-card__media { background: transparent; }
.eva-cfeat__placeholder .eva-card__media svg { width: 100%; height: 100%; fill: var(--eva-line); background: var(--eva-tint); }

.eva-cfeat__cta { display: flex; justify-content: flex-start; }
.eva-cfeat--plain .eva-cfeat__cta { justify-content: center; }

/* ---- Responsive ------------------------------------------------------- */
@media (max-width: 1199px) {
  .eva-cfeat--image .eva-cfeat__track { --eva-slide-w: 46%; }
  .eva-cfeat--plain .eva-cfeat__track { --eva-slide-w: calc((100% - 2 * var(--eva-slide-gap)) / 3); }
}
@media (max-width: 959px) {
  .eva-cfeat--image .eva-cfeat__inner { display: block; }
  .eva-cfeat__media { aspect-ratio: 4 / 5; max-height: 80vh; width: 100%; }
  .eva-cfeat--image .eva-cfeat__body {
    padding: 32px 0 0 var(--eva-gutter);
    gap: 24px;
  }
  .eva-cfeat--image .eva-cfeat__head,
  .eva-cfeat--image .eva-cfeat__cta { padding-right: var(--eva-gutter); }
  .eva-cfeat--plain .eva-cfeat__body { gap: 24px; padding-right: 0; }
  .eva-cfeat--plain .eva-cfeat__head,
  .eva-cfeat--plain .eva-cfeat__cta { padding-right: var(--eva-gutter); }
  .eva-cfeat .eva-cfeat__track { --eva-slide-w: 72%; --eva-slide-gap: 8px; }
  .eva-cfeat__nav { gap: 16px; }
  .eva-cfeat__arrow,
  .eva-cfeat__arrow svg { width: 32px; height: 32px; }
}