/* Pure Man Care — Store vendor: grid prodotti (Figma 522-18178 desktop / 522-17776 mobile).
   Card = Grid Layout Impreza 213 (stessa di home/categoria).
   Tile featured inserite da pmc-featured-grid-images (contesto 'store', pattern categoria):
     .pmc-featured-tile.size_1x2 = verticale (1 col × 2 righe), alternata dx/sx
     .pmc-featured-tile.size_1x1 = quadrata (1 cella)
   Stesse regole di category-grid.css, scoped al grid dello store. */

.w-grid.pmc-store-grid .w-grid-list {
  --pmc-card-h: 390px; /* box card (min-height layout_213) */
  --pmc-poke: 82px; /* sporgenza prodotto sopra la card */
  /* Figma 522-18178: 105px tra i box card = row-gap + poke reale (92px misurato) */
  --pmc-row-gap: 13px;
  row-gap: var(--pmc-row-gap);
  column-gap: 12px; /* Figma: card 420 + 12 di gap (Impreza default era 48) */
}

/* Tile verticale: 2 righe di grid */
.w-grid.pmc-store-grid .w-grid-item.size_1x2 {
  grid-row-end: span 2;
}

/* Tile allineate al box card (top), altezza = card (1x1) o 2 card + gap (1x2) */
.w-grid.pmc-store-grid .pmc-featured-tile {
  align-self: end;
}
.w-grid.pmc-store-grid .pmc-featured-tile.size_1x1 {
  height: var(--pmc-card-h);
}
.w-grid.pmc-store-grid .pmc-featured-tile.size_1x2 {
  height: calc(2 * var(--pmc-card-h) + var(--pmc-row-gap) + var(--pmc-poke));
}

.w-grid.pmc-store-grid .pmc-featured-tile .w-grid-item-h,
.w-grid.pmc-store-grid .pmc-featured-tile__inner {
  height: 100%;
  display: block;
}
.w-grid.pmc-store-grid .pmc-featured-tile__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

/* Spazio sopra il grid: il primo prodotto sporge (poke) sopra la card */
.w-grid.pmc-store-grid {
  margin-top: var(--pmc-poke, 82px);
}

/* --- Mobile (Figma 522-17776): 2 colonne, tile a tutta larghezza h 300 --- */
@media (max-width: 600px) {
  .w-grid.pmc-store-grid .w-grid-list {
    grid-template-columns: repeat(2, 1fr) !important;
    --pmc-row-gap: 72px;
  }
  .w-grid.pmc-store-grid .pmc-featured-tile.size_1x2,
  .w-grid.pmc-store-grid .pmc-featured-tile.size_1x1 {
    grid-column: 1 / -1;
    grid-row-end: auto;
    height: 300px;
  }
}