/*
|--------------------------------------------------------------------------
| Block: Cross selling
|--------------------------------------------------------------------------
| @see https://www.figma.com/design/T4xyIDJNe1gxxxS2UFbdYr?node-id=11538-24055
*/

/* L'altezza degli SVG (aspect-ratio fluido) cade su valori frazionari: senza
   1px di sovrapposizione la rasterizzazione lascia una hairline chiara alla
   giunzione cuneo/card. Il bottom sovrappone la card; per il top e' la card
   (successiva nel DOM) a coprire l'ultimo pixel del cuneo. */
.block-crossselling__top {
  margin-bottom: -1px;
}

.block-crossselling__bottom {
  margin-top: -1px;
}

/* Allineato a lg (1280px, breakpoint custom del tema): essendo CSS fuori layer
   vincerebbe sulla utility `hidden` di Tailwind, quindi a 1024 forzava i polygon
   laterali visibili mentre il template li mostra solo da lg. */
@media (min-width: 1280px) {
  .block-crossselling__polygon {
    /* Prevent SVG intrinsic ratio from forcing the row height. */
    height: 0;
    min-height: 100%;
    align-self: stretch;
    display: block;
  }
}