.pdp-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));   
  column-gap: var(--gutter-small);
  row-gap: var(--gutter-small);
  padding: var(--small) 0;                             
  align-items: start;
}
.zz-page:has(> .pdp-content) { container-type: inline-size; }   
.pdp-content {
  grid-template-rows: minmax(calc((100cqw - 11 * var(--gutter-small)) / 3 + 3 * var(--gutter-small)), auto) auto;
}
.pdp-content__gallery {
  grid-column: 1 / span 4;
  grid-row: 1 / span 2;
  --zz-gallery-max-height: calc(100dvh - var(--pdp-gallery-top, 0px) - var(--page-margin-desktop));   
}
body[data-player-open] .pdp-content__gallery { --zz-gallery-max-height: calc(100dvh - var(--pdp-gallery-top, 0px) - var(--site-player-height, 0px) - var(--page-margin-desktop)); }
.pdp-content__related { grid-column: 5 / span 8; grid-row: 2; }   
.pdp-content__info    { grid-column: 5 / span 4; grid-row: 1; }
.pdp-content__actions { grid-column: 9 / span 4; grid-row: 1; }
.pdp-content__cta { width: 100%; }
.pdp-content__note { margin: var(--small) 0 0; color: var(--text-strong); }
@media (max-width: 959px) {
  .pdp-content { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; row-gap: var(--small); }
  .pdp-content__gallery, .pdp-content__info, .pdp-content__actions, .pdp-content__related { grid-column: 1 / -1; grid-row: auto; }
  .pdp-content { padding-bottom: 24px; }
  .pdp-content:has(> .pdp-content__related) { padding-bottom: 0; }
  .pdp-content__related { margin-top: calc(24px - var(--small)); }
  .pdp-content__gallery { --zz-gallery-bleed: var(--page-margin-mobile); }
}