/* ==========================================================================
   ASGroup 2026 — Pagina Configuratore 3D: SOLO il "chrome" attorno al widget.
   ISOLAMENTO: nessuna regola entra in .asg-plugin-container / #asg-configuratore-*.
   Tutte le regole sono prefissate .ag-config-* e non discendono nel plugin.
   ========================================================================== */

.asgroup-theme .ag-config-page { padding-top: clamp(2rem, 1.2rem + 3vw, 3.5rem); }

.asgroup-theme .ag-config-page__intro {
  max-width: 760px;
  text-align: center;
  margin-inline: auto;
}
.asgroup-theme .ag-config-page__intro > * + * { margin-top: var(--ag-space-4); }
.asgroup-theme .ag-config-page__intro .ag-eyebrow { justify-content: center; }
.asgroup-theme .ag-config-page__intro .ag-lead { margin-inline: auto; }

/* Contenitore del mount: dà solo respiro verticale. La larghezza e lo stile
   interni sono gestiti dal plugin (.asg-plugin-container ha max-width propria). */
.asgroup-theme .ag-config-mount {
  margin-top: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  /* isolamento del contesto: il widget non eredita allineamenti di testo del tema */
  text-align: initial;
}

/* Sezione di supporto sotto al configuratore */
.asgroup-theme .ag-config-help { padding-top: clamp(2.5rem, 1.5rem + 3vw, 4rem); }
.asgroup-theme .ag-config-help__grid { /* griglia standard */ }