/* Builder-specific layout. Shared workspace and switch styles live in product-mode.css. */

body.products-builder-page .order-workspace-surface > h1 {
  margin: 0 0 clamp(26px, 2.5vw, 38px);
  color: #fff;
  font-size: clamp(2rem, 3.25vw, 3.5rem);
  line-height: 1;
  letter-spacing: 0.01em;
}

body.products-builder-page .order-workspace-surface .builder {
  width: 100%;
  max-width: none;
}

body.products-builder-page .order-workspace-surface .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 2.2vw, 34px);
  margin-bottom: clamp(22px, 2vw, 30px);
}

body.products-builder-page .order-workspace-surface .fulfillment-row {
  grid-template-columns: minmax(0, 1fr);
}

body.products-builder-page .order-workspace-surface .field {
  min-width: 0;
}

body.products-builder-page .order-workspace-surface .field label {
  font-size: clamp(1rem, 1.25vw, 1.16rem);
}

body.products-builder-page .order-workspace-surface .field select,
body.products-builder-page .order-workspace-surface .field input {
  min-height: 64px;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
}

body.products-builder-page .order-workspace-surface .field-note {
  font-size: clamp(0.95rem, 1.05vw, 1.04rem);
  line-height: 1.45;
}

@media (max-width: 760px) {
  body.products-builder-page .order-workspace-surface .row {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
}