/* ==========================================================================
   Servizi Page — Perché affidarsi a noi (horizontal photo), Partners strip
   ========================================================================== */

@layer layout {

  /* ========== PERCHÉ NOI — Stacked layout (horizontal photo on top) ========== */
  .perche-noi {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-7);
  }

  @media (min-width: 1280px) {
    .perche-noi {
      grid-template-columns: 1.2fr 1fr;
      gap: var(--space-9);
      align-items: center;
    }
  }

  .perche-noi__image {
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  .perche-noi__image img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  .perche-noi__content {
    /* Text column inherits .intro__ styles from homepage.css */
  }

  /* ========== PARTNERS STRIP ========== */
  .partners-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-7) var(--space-8);
  }

  .partners-strip__item {
    flex-shrink: 0;
  }

  .partners-strip__item img {
    display: block;
    max-height: 50px;
    width: auto;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter var(--duration-normal) var(--ease-out),
                opacity var(--duration-normal) var(--ease-out);
  }

  .partners-strip__item:hover img {
    filter: grayscale(0%);
    opacity: 1;
  }
}