.wp-block-group.is-layout-grid {
  max-width: var(--wp--style--global--wide-size);
  display: grid;
  grid-gap: 1rem;
}
.admin-bar .wp-block-group.is-style-fixed {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .admin-bar .wp-block-group.is-style-fixed {
    margin-top: 46px;
  }
}
.wp-block-group.is-style-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* * -----------------------
 MASONRY GRID 
--------------------------*/
.wp-block-group.is-style-masonry {
  max-width: var(--wp--style--global--wide-size);
  display: grid;
  grid-gap: 0.25rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: minmax(100px, auto); /* Altezza base */
}

Pattern
  ciclico
  di
  altezza
  e
  posizionamento
  .wp-block-group.is-style-masonry
  > :nth-child(4n + 1) {
  grid-row: span 1;
}

.wp-block-group.is-style-masonry > :nth-child(4n + 2) {
  grid-row: span 2;
}

.wp-block-group.is-style-masonry > :nth-child(4n + 3) {
  grid-row: span 3;
}

.wp-block-group.is-style-masonry > :nth-child(4n + 4) {
  grid-row: span 2;
}
.wp-block-group.is-style-masonry > :nth-child(4n + 5) {
  grid-row: span 3;
}
.wp-block-group.is-style-masonry > :nth-child(4n + 6) {
  grid-row: span 2;
}
.wp-block-group.is-style-masonry > :nth-child(4n + 7) {
  grid-row: span 2;
}
.wp-block-group.is-style-masonry > :nth-child(4n + 8) {
  grid-row: span 1;
}

@media (max-width: 500px) {
  .wp-block-group.is-layout-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .wp-block-group.is-layout-grid > * {
    grid-column: span 2 !important;
  }
}
/* * -----------------------
 BENTO GRID 
--------------------------*/
.wp-block-group.is-style-bento {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(150px, auto);
  gap: 0.25rem;
  max-width: var(--wp--style--global--wide-size);
  margin: 0 auto;
}
.wp-block-group.is-style-bento > .wp-block-column {
  border-radius: 8px;
}
/* Pattern ciclico delle colonne */
.wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 1) {
  grid-column: span 2;
  grid-row: span 2;
}

.wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 2) {
  grid-column: span 2;
  grid-row: span 3;
}

.wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 3) {
  grid-column: span 2;
  grid-row: span 3;
}

.wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 4) {
  grid-column: span 2;
  grid-row: span 2;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .wp-block-group.is-style-bento {
    grid-template-columns: repeat(3, 1fr);
  }

  .wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 2),
  .wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 3) {
    grid-column: span 1;
    grid-row: span 2;
  }
}

@media (max-width: 768px) {
  .wp-block-group.is-style-bento {
    grid-template-columns: repeat(2, 1fr);
  }

  .wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 2),
  .wp-block-group.is-style-bento > .wp-block-column:nth-child(4n + 3) {
    grid-column: span 1;
    grid-row: span 2;
  }
}

@media (max-width: 480px) {
  .wp-block-group.is-style-bento {
    grid-template-columns: 1fr;
  }

  /* Tutti gli elementi a larghezza piena su mobile */
  .wp-block-group.is-style-bento > .wp-block-column {
    grid-column: span 1 !important;
    grid-row: span 2 !important;
  }
}