/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

.form-section {
  padding-block: calc(var(--spacing, .25rem) * 5);
}

.form-title {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 3);
  --tw-leading: 150%;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-size: 1.5rem;
  line-height: 150%;
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: 4%;
  letter-spacing: 4%;
  display: flex;
}

@media (min-width: 64rem) {
  .form-title {
    font-size: 1.75rem;
  }
}

.form-title {
  color: var(--color-content-primary, var(--color-gray-800));
}

.form-title:before {
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--spacing, .25rem) * 7);
  content: var(--tw-content);
  width: calc(var(--spacing, .25rem) * 1);
  content: var(--tw-content);
  content: var(--tw-content);
  --tw-translate-y: calc(var(--spacing, .25rem) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  content: var(--tw-content);
  background-color: var(--color-surface-accent, var(--color-orange-500));
  flex: none;
  display: block;
}

@media (min-width: 64rem) {
  .form-title:before {
    content: var(--tw-content);
    --tw-translate-y: calc(var(--spacing, .25rem) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

.product-block {
  gap: calc(var(--spacing, .25rem) * 3);
  border-bottom-right-radius: var(--radius-lg, .5rem);
  border-bottom-left-radius: var(--radius-lg, .5rem);
  background-color: var(--color-surface-secondary, var(--color-gray-100));
  padding: calc(var(--spacing, .25rem) * 6);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 64rem) {
  .product-block {
    column-gap: calc(var(--spacing, .25rem) * 6);
    row-gap: calc(var(--spacing, .25rem) * 5);
    padding-block: calc(var(--spacing, .25rem) * 8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}