:root {
  --client-color-primary: #1d56a7;
  --client-color-secondary: #2aafba;
  --client-color-text: #3f3f46;
  --client-color-background: #f1f6fb;
  --client-color-surface: #ffffff;
  --client-color-border: #dbd8d7;
  --client-radius-card: 1.5rem;
  --client-radius-pill: 9999px;
  --client-space-section: 4rem;
  --client-content-max-width: 1200px;
}

.client-style-sandbox {
  color: var(--client-color-text);
  background: var(--client-color-background);
}

.client-style-sandbox .client-section {
  padding-block: var(--client-space-section);
}

.client-style-sandbox .client-container {
  max-width: var(--client-content-max-width);
  margin-inline: auto;
}

.client-style-sandbox .client-card {
  border-radius: var(--client-radius-card);
  background: var(--client-color-surface);
  border: 1px solid var(--client-color-border);
}

.client-style-sandbox .client-button-primary {
  background: var(--client-color-primary);
  color: #fff;
  border-radius: var(--client-radius-pill);
}

.client-style-sandbox .client-button-secondary {
  background: var(--client-color-secondary);
  color: #fff;
  border-radius: var(--client-radius-pill);
}

/* Advanced CSS (client-managed layer) */
.st_product_title {
  text-align: left;
  margin-inline: auto;
  max-width: var(--client-content-max-width);
 padding: 4px 0;
}