/* Purchase cards share the available width without stretching every control. */
html body#storefrontBody #chatgptWorkspace {
  padding-top: 16px !important;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-workspace-breadcrumbs {
  margin-bottom: 16px;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-workspace-intro {
  margin-bottom: 16px;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-workspace-tabs {
  margin-bottom: 20px;
}
html body#storefrontBody #chatgptWorkspace .service-constructor-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 24px 32px;
  align-items: start;
}
html body#storefrontBody #chatgptWorkspace .service-constructor-head {
  grid-column: 1 / -1;
  margin: 0 !important;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-purchase-controls {
  grid-column: 1;
  grid-row: 3;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 24px;
}
html body#storefrontBody #chatgptWorkspace .service-filter-stack {
  display: contents !important;
  margin: 0 !important;
}
html body#storefrontBody #chatgptWorkspace #servicePlanFilters,
html body#storefrontBody #chatgptWorkspace .service-selected-plan {
  grid-column: 1 / -1;
}
html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-group {
  display: grid;
  gap: 8px;
}
html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-group__label {
  margin: 0 !important;
}
html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip {
  transform: none !important;
}
html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip small {
  display: none !important;
}
html body#storefrontBody #chatgptWorkspace #serviceDurationFilters .service-filter-group {
  display: grid !important;
  justify-content: start !important;
  justify-items: start;
  gap: 8px;
}
html body#storefrontBody #chatgptWorkspace #serviceDurationFilters .service-filter-group__label {
  margin: 0 !important;
}
html body#storefrontBody #chatgptWorkspace .service-account-choice {
  align-self: center;
  margin: 0 !important;
  padding: 0 !important;
}
html body#storefrontBody #chatgptWorkspace .service-account-choice .service-new-account {
  grid-template-columns: 22px minmax(0, 1fr) !important;
  row-gap: 4px !important;
}
html body#storefrontBody #chatgptWorkspace .service-account-choice .service-new-account__check {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
}
html body#storefrontBody #chatgptWorkspace .service-account-choice .service-new-account__text {
  grid-column: 2;
  grid-row: 1;
}
html body#storefrontBody #chatgptWorkspace .service-account-choice .service-new-account__price {
  grid-column: 2 !important;
  grid-row: 2;
  font-size: 15px !important;
  color: var(--workspace-muted);
}
html body#storefrontBody #chatgptWorkspace .pay-now-btn {
  width: min(100%, 280px) !important;
  justify-self: start;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief {
  grid-column: 2;
  grid-row: 3;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-self: start;
  gap: 12px !important;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--workspace-line) !important;
  border-radius: 14px !important;
  background: rgba(106, 215, 204, .035) !important;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__text {
  gap: 10px !important;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__text strong {
  font-size: 17px !important;
  line-height: 1.4;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__text small {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__details {
  justify-self: start;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 0 !important;
  font-size: 15px !important;
  color: var(--workspace-accent) !important;
}
html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__arrow {
  display: inline !important;
}
html body#storefrontBody #chatgptWorkspace .codex-order {
  gap: 24px !important;
}
html body#storefrontBody #chatgptWorkspace :is(.codex-order__choices, .codex-order__contacts, .codex-order__footer) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 24px 32px;
  min-width: 0;
}
html body#storefrontBody #chatgptWorkspace .codex-order :is(.codex-field, .codex-options, .codex-payment) {
  min-width: 0;
  margin: 0 !important;
}
html body#storefrontBody #chatgptWorkspace .codex-order .codex-payment label > span {
  min-height: 68px !important;
  flex-direction: row !important;
  gap: 8px !important;
}
html body#storefrontBody #chatgptWorkspace .codex-order .codex-field__heading {
  flex-wrap: wrap;
  white-space: normal;
  gap: 2px 10px;
}
html body#storefrontBody #chatgptWorkspace .codex-order__footer {
  align-items: center;
}
html body#storefrontBody #chatgptWorkspace .codex-order .codex-order__legal {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
html body#storefrontBody #chatgptWorkspace .codex-submit {
  width: min(100%, 280px) !important;
  justify-self: end;
}
html body#storefrontBody #chatgptWorkspace .codex-order__status:empty {
  display: none;
}
/* Keep only the accordion; catalog data may recreate the old heading. */
html body#storefrontBody #chatgptWorkspace #faq {
  margin-top: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
html body#storefrontBody #chatgptWorkspace #faq > .service-section-title {
  display: none !important;
}
html body#storefrontBody #chatgptWorkspace #faq .service-faq-list {
  margin-top: 0 !important;
}
@media (min-width: 761px) {
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-group__chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip {
    flex: 0 0 auto;
    padding: 10px 14px !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 980px) {
  html body#storefrontBody #chatgptWorkspace .service-constructor-card {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    column-gap: 24px;
  }
  html body#storefrontBody #chatgptWorkspace .codex-order .codex-payment label > span {
    flex-direction: column !important;
    gap: 4px !important;
    font-size: 14px !important;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip {
    padding-inline: 12px !important;
  }
}
@media (max-width: 760px) {
  html body#storefrontBody #chatgptWorkspace .service-constructor-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  html body#storefrontBody #chatgptWorkspace .service-constructor-head {
    align-items: start !important;
    flex-wrap: nowrap !important;
  }
  html body#storefrontBody #chatgptWorkspace .service-constructor-brand {
    flex-basis: auto !important;
  }
  html body#storefrontBody #chatgptWorkspace .chatgpt-purchase-controls {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }
  html body#storefrontBody #chatgptWorkspace #serviceConstructorTitle {
    max-width: none;
  }
  html body#storefrontBody #chatgptWorkspace #serviceConstructorTitle,
  html body#storefrontBody #chatgptWorkspace #serviceConstructorPrice {
    font-size: 20px !important;
  }
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-group__chips {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip {
    grid-column: span 2;
    white-space: normal !important;
    line-height: 1.4 !important;
  }
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip:nth-child(-n+2) {
    grid-column: span 3;
  }
  html body#storefrontBody #chatgptWorkspace #servicePlanFilters .service-filter-chip span {
    white-space: normal !important;
  }
  html body#storefrontBody #chatgptWorkspace .service-filter-chip {
    min-width: 0 !important;
    width: auto !important;
    font-size: 14px !important;
    padding: 10px 8px !important;
  }
  html body#storefrontBody #chatgptWorkspace .pay-now-btn {
    width: 100% !important;
  }
  html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief {
    grid-column: 1;
    grid-row: auto;
    padding: 16px !important;
    gap: 8px !important;
  }
  html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__text strong {
    font-size: 16px !important;
  }
  html body#storefrontBody #chatgptWorkspace .chatgpt-onboarding-brief__text small {
    font-size: 15px !important;
  }
  html body#storefrontBody #chatgptWorkspace :is(.codex-order__choices, .codex-order__contacts, .codex-order__footer) {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  html body#storefrontBody #chatgptWorkspace .codex-order {
    gap: 20px !important;
  }
  html body#storefrontBody #chatgptWorkspace .codex-order .codex-payment label > span {
    flex-direction: column !important;
  }
  html body#storefrontBody #chatgptWorkspace .codex-submit {
    width: 100% !important;
  }
}
@media (max-width: 360px) {
  html body#storefrontBody #chatgptWorkspace .codex-order .codex-option {
    padding-inline: 4px !important;
  }
  html body#storefrontBody #chatgptWorkspace #serviceConstructorTitle,
  html body#storefrontBody #chatgptWorkspace #serviceConstructorPrice {
    font-size: 17px !important;
  }
  html body#storefrontBody #chatgptWorkspace .service-filter-chip {
    padding-inline: 10px !important;
    font-size: 13px !important;
  }
  html body#storefrontBody #chatgptWorkspace .codex-order .codex-payment label > span {
    flex-direction: column !important;
  }
}