/* Module 05 layout only. Cards, imagery, skeletons and density tokens come from Shop. */
.marielco-home-arrivals {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: none;
  margin: 0;
  padding: 32px 12px 40px;
  background: #fff;
}
.marielco-home-arrivals__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-block-end: 20px; }
.marielco-home-arrivals__head h2 { margin: 0; font-size: 18px; font-weight: 400; line-height: 1.3; }
.marielco-home-arrivals__view-all { flex: none; color: #111; font-size: 10px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.marielco-home-arrivals__view-all:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
.marielco-home-arrivals__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; }
.marielco-home-arrivals__empty { font-size: 12px; color: #777; }
@media (min-width: 768px) { .marielco-home-arrivals__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .marielco-home-arrivals__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .marielco-home-arrivals__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .marielco-home-arrivals { padding: 24px 8px 32px; }
  .marielco-home-arrivals__head { gap: 12px; margin-block-end: 16px; }
  .marielco-home-arrivals__head h2 { font-size: 16px; }
}