/* Galeria vertical: una categoria por vista en mobile real y preview. */
@media (max-width: 680px) {
  .store-shell .category-lookbook {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    scrollbar-width: none;
  }
  .store-shell .category-lookbook::-webkit-scrollbar { display: none; }
  .store-shell .category-lookbook-item,
  .store-shell .category-lookbook-item:nth-child(even),
  .store-shell .category-lookbook-item:hover,
  .store-shell .category-lookbook-item:nth-child(even):hover {
    box-sizing: border-box !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 2 / 3 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    transform: none !important;
  }
}
.preview-mobile .store-shell .category-lookbook {
  display: flex !important;
  grid-template-columns: none !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 0 !important;
  scrollbar-width: none;
}
.preview-mobile .store-shell .category-lookbook::-webkit-scrollbar { display: none; }
.preview-mobile .store-shell .category-lookbook-item,
.preview-mobile .store-shell .category-lookbook-item:nth-child(even),
.preview-mobile .store-shell .category-lookbook-item:hover,
.preview-mobile .store-shell .category-lookbook-item:nth-child(even):hover {
  box-sizing: border-box !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 2 / 3 !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
  transform: none !important;
}