.pg-soluzioni {
  --pg-tri-color: color-mix(in srgb, var(--pg-gabetti-gray-light) 86%, #000);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: var(--pg-section-pad);
  background: var(--pg-gabetti-gray-light);
  border-top: 1px solid var(--pg-primary);
}

.pg-soluzioni > .pg-container { position: relative; z-index: 1; }

.pg-soluzioni .pg-eyebrow {
  color: var(--pg-fg);
}

.pg-soluzioni__divider {
  border: 0;
  border-top: 1px solid var(--pg-divider-soft);
  margin-block: clamp(2.5rem, 5vw, 4rem);
}

.pg-soluzioni__sub-grid {
  margin-top: clamp(2rem, 4vw, 3rem);
}

@media (max-width: 48rem) {
  .pg-soluzioni__sub-grid {
    display: flex;
    grid-template-columns: none;
    gap: var(--pg-gap-4);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .pg-soluzioni__sub-grid::-webkit-scrollbar { display: none; }
  .pg-soluzioni__sub-grid > li {
    flex: 0 0 min(20.375rem, 85vw);
    scroll-snap-align: start;
  }
}