/* Mila featured product — two-column product spotlight (ported from Figma "Lola Shimmer") */
.mila-featured { background: var(--mila-bg); padding: 100px 0; }

.mila-featured__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.mila-featured__col { min-width: 0; }

/* Left column: spotlight text block + detail figure */
.mila-featured__col--spotlight {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-inline: 35px;
}

.mila-featured__spotlight {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 60px 0;
}

.mila-featured__stars { display: flex; gap: 2px; color: #cfc9c1; padding-bottom: 6px; }
.mila-featured__star { display: block; }

.mila-featured__name {
  font-family: var(--mila-font-heading);
  font-weight: 500;
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: 1.08px;
  color: var(--mila-ink);
  margin: 0;
}

.mila-featured__price { font-size: 15px; color: var(--mila-ink); margin: 0; }

.mila-featured__desc { font-size: 15px; line-height: 1.5; color: var(--mila-ink); max-width: 420px; }
.mila-featured__desc p { margin: 0 0 2px; }

.mila-featured__btn { margin-top: 2px; }

/* Figures + captions */
.mila-featured__figure { margin: 0; }
.mila-featured__figure--detail { align-self: flex-end; width: 100%; display: flex; flex-direction: column; align-items: flex-end; gap: 15px; }

.mila-featured__media { position: relative; overflow: hidden; background: var(--mila-bg-warm); }
.mila-featured__media img { width: 100%; height: 100%; object-fit: cover; }

.mila-featured__media--square { width: 381px; max-width: 100%; aspect-ratio: 1 / 1; }
.mila-featured__media--tall { width: 100%; height: 494px; }

.mila-featured__caption { font-size: 15px; text-align: center; color: var(--mila-ink); }
.mila-featured__figure--detail .mila-featured__caption { width: 381px; max-width: 100%; }

/* Right column: tall hero image + caption */
.mila-featured__col--hero { padding-inline: 35px; }
.mila-featured__figure--hero { display: flex; flex-direction: column; align-items: center; gap: 15px; }
.mila-featured__figure--hero .mila-featured__caption { width: 100%; }

/* Tablet */
@media (max-width: 1024px) {
  .mila-featured { padding: 64px 0; }
  .mila-featured__spotlight { padding: 32px 0; }
  .mila-featured__media--tall { height: 420px; }
}

/* Mobile */
@media (max-width: 767px) {
  .mila-featured { padding: 48px 0; }
  .mila-featured__inner { grid-template-columns: 1fr; gap: 40px; }
  .mila-featured__col--spotlight,
  .mila-featured__col--hero { padding-inline: 0; }
  .mila-featured__spotlight { padding: 8px 0 0; }
  .mila-featured__figure--detail { align-items: center; }
  .mila-featured__media--square { width: 100%; }
  .mila-featured__figure--detail .mila-featured__caption { width: 100%; }
  .mila-featured__media--tall { height: auto; aspect-ratio: 3 / 4; }
  /* keep hero first on mobile so the spotlight reads before the two product shots */
  .mila-featured__col--hero { order: -1; }
}