/**
 * Grid archivi product category — tile featured (Figma node 177-1879).
 * Le tile-immagini le inserisce il mu-plugin pmc-featured-grid-images (v1.3+):
 *   .pmc-featured-tile.size_1x2 = verticale (1 colonna × 2 righe), alternata dx/sx.
 *   .pmc-featured-tile.size_1x1 = quadrata (1 cella).
 * Impreza gestisce lo span colonna ma NON lo span riga su un grid type_grid
 * non-masonry: qui lo forziamo. Scoping alla tassonomia prodotto.
 * Auto-enqueue globale dal loader CSS ricorsivo (mu-plugin).
 */

.tax-product_cat .w-grid.us_product_list .w-grid-list {
  /* --pmc-card-h  = box card (.pmc-product-card, min-height di layout_213.css)
	   --pmc-poke    = quanto il prodotto sporge sopra la card (desktop, = cella − card)
	   --pmc-row-gap = gap verticale tra le righe.
	   La card è flush in basso nella cella (valign_bottom); il poke è lo spazio
	   vuoto in cima. Le tile devono allinearsi al BOX CARD, non riempire la cella. */
  --pmc-card-h: 390px;
  --pmc-poke: 82px;
  --pmc-row-gap: 96px;

  /* Gap verticale ampio: il prodotto sporge ~82px sopra la card (overlap -44% di
	   layout_213, condiviso con la home); col gap default (12px) un prodotto sotto
	   una tile si affollava contro la tile sopra. Il Figma 177-1879 ha ~105px per
	   questo → il poke resta nello spazio vuoto. Column-gap resta Impreza (12px). */
  row-gap: var(--pmc-row-gap);
}

/* Tile verticale: occupa 2 righe del grid.
   NB: NON forzare `grid-auto-rows: 1fr` — su grid ad altezza indefinita 1fr
   collassa le righe alla min-content e le card si accavallano. Row-sizing
   default (auto): le righe le dettano i prodotti (~472px = poke + card). */
.tax-product_cat .w-grid.us_product_list .w-grid-item.size_1x2 {
  grid-row-end: span 2;
}

/* Le tile hanno la stessa altezza del box card, allineate in ALTO (top a 0):
   `align-self: start` le mette a filo del top della cella/riga (= dove iniziano
   le immagini prodotto), non in basso.
   - 1x1  → altezza = 1 box card.
   - 1x2  → altezza = 2 box card + il gap tra loro (row-gap + poke). */
.tax-product_cat .w-grid.us_product_list .pmc-featured-tile {
  align-self: end;
}
.tax-product_cat .w-grid.us_product_list .pmc-featured-tile.size_1x1 {
  height: var(--pmc-card-h);
}
.tax-product_cat .w-grid.us_product_list .pmc-featured-tile.size_1x2 {
  height: calc(2 * var(--pmc-card-h) + var(--pmc-row-gap) + var(--pmc-poke));
}

/* L'immagine riempie la tile (che ora è alta quanto la/le card). */
.tax-product_cat .w-grid.us_product_list .pmc-featured-tile .w-grid-item-h,
.tax-product_cat .w-grid.us_product_list .pmc-featured-tile__inner {
  height: 100%;
  display: block;
}
.tax-product_cat .w-grid.us_product_list .pmc-featured-tile__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px; /* Card/Stroke radius del design */
}