/* ALDA spacing: 4px base, responsive roles shared across commerce pages. */
:root {
  --alda-space-1:4px;
  --alda-space-2:8px;
  --alda-space-3:12px;
  --alda-space-4:16px;
  --alda-space-6:24px;
  --alda-space-8:32px;
  --alda-card-gap:24px;
  --alda-card-padding:24px;
  --alda-heading-gap:32px;
  --alda-section-gap:96px;
}
@media(max-width:700px) {
  :root {
    --alda-card-gap:16px;
    --alda-card-padding:16px;
    --alda-heading-gap:24px;
    --alda-section-gap:64px;
  }
}
body .ac-grid, body .pl-related .ac-grid,
body .pl-grid, body .pl-egrid, body .pl-bento, body .pl-scale {
  gap:var(--alda-card-gap);
}
body .ac-grid { background:transparent;border:0; }
body .ac-card, body .hm-pcard, body .pc, body .shelf-scene-card {
  box-sizing:border-box;
  padding:var(--alda-card-padding);
}
body .pc-body { padding:16px 0 0;gap:8px 12px; }
body .ac-card img { margin-bottom:16px; }
body .ac-card .p { margin-top:4px; }
body .ac-card .t { margin-top:8px; }
body .shelf-scene-track, body .v2-track { gap:var(--alda-card-gap); }
body .v2-card > .v2-card-body { padding:var(--alda-card-padding); }
body .ac-related, body .pl-related, body .pm-sec { margin-top:var(--alda-section-gap); }
body .ac-related > h2 { margin:0 0 var(--alda-heading-gap); }
body .v2-head, body .pl-shelfhead { margin-bottom:var(--alda-heading-gap); }
/* Content chapters use spacing tokens; full-viewport motion scenes retain their geometry. */
body .v2-sec { padding-top:var(--alda-section-gap); }
body .pm-faq { padding-top:var(--alda-heading-gap); }
body .pm-faq .pm-link { margin-top:var(--alda-heading-gap); }