/* Mila promo product row — heading + View all, horizontally scrollable sale cards
   (ported from Figma "Black Friday Sale") */
.mila-promo { background: var(--mila-bg); padding: 90px 0; }

.mila-promo__inner { display: flex; flex-direction: column; gap: 34px; }

.mila-promo__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mila-promo__heading {
  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-promo__viewall {
  font-family: var(--mila-font-body);
  font-weight: 500;
  font-size: 15px;
  color: var(--mila-ink);
  white-space: nowrap;
}
.mila-promo__viewall:hover { text-decoration: underline; }

/* Horizontal scroller */
.mila-promo__scroller {
  overflow-x: auto;
  scrollbar-width: none;           /* Firefox: hidden, we render our own bar */
  -ms-overflow-style: none;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.mila-promo__scroller::-webkit-scrollbar { display: none; }

.mila-promo__track { display: flex; gap: 20px; }

.mila-promo__card {
  flex: 0 0 308px;
  width: 308px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  scroll-snap-align: start;
  color: inherit;
}

.mila-promo__media {
  position: relative;
  width: 100%;
  height: 460px;
  overflow: hidden;
  background: var(--mila-bg-warm);
}
.mila-promo__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
a.mila-promo__card:hover .mila-promo__media img { transform: scale(1.03); }

.mila-promo__info { display: flex; flex-direction: column; gap: 6px; }
.mila-promo__title { font-size: 15px; line-height: 1.35; color: var(--mila-ink); margin: 0; }

.mila-promo__prices { display: flex; align-items: center; gap: 4px; font-size: 13px; }
.mila-promo__price { color: var(--mila-ink); }
.mila-promo__compare { color: #9c9b9b; text-decoration: line-through; }

/* Custom scroll bar */
.mila-promo__scrollbar {
  position: relative;
  width: min(800px, 100%);
  align-self: center;
  height: 5px;
  border-radius: 20px;
  background: #dadada;
  overflow: hidden;
  margin-top: 6px;
}
.mila-promo__scrollbar-thumb {
  display: block;
  height: 100%;
  width: 40%;
  border-radius: 20px;
  background: #6d6d6d;
  transition: transform .05s linear;
}

/* Tablet */
@media (max-width: 1024px) {
  .mila-promo { padding: 64px 0; }
  .mila-promo__card { flex-basis: 280px; width: 280px; }
  .mila-promo__media { height: 400px; }
}

/* Mobile */
@media (max-width: 767px) {
  .mila-promo { padding: 48px 0; }
  .mila-promo__inner { gap: 24px; }
  .mila-promo__heading { font-size: 22px; }
  .mila-promo__card { flex-basis: 72vw; width: 72vw; }
  .mila-promo__media { height: 380px; }
}