/* ============================================================
   Choose a Domain, Vercel-style (#269; supersedes the #267 card look).
   Shared by the Default, Hosting and Addon/SSL Order Forms, which all
   render templates/cloudpedia/includes/cp-choose-domain.tpl.
   Palette tokens only (no literal colours, no fallbacks), no
   priority flag, 1px hairlines, 6-8px radii, no visible shadows.

   Markup (see the partial): .domain-selection-options holds
   .cpcd-tabs (the .option labels, radio inputs kept) and
   .cpcd-panels (the .domain-input-group panels, ids kept), each
   panel one flat .cpcd-field. The selected tab follows the Parent's
   .option-selected class (moved by the Parent JS on iCheck
   ifChecked), never input:checked.

   Scope prefix P = #order-standard_cart:has(#frmProductDomain). The
   :has() argument counts as an ID, so P alone is two IDs and
   P + #frmProductDomain / #frmProductDomainSelections is three. The
   Parent's domain rules are `#order-standard_cart form#frmProductDomain
   .domain-selection-options ...` (two IDs; three for div#domainregister
   and friends, which are matched below with #frmProductDomain
   #domainregister.domain-input-group) so every rule here carries three
   or more IDs. Two Parent declarations carry the priority flag and stay:
   the 1px #dee3e8 border on every input and select inside
   .domain-selection-options (the fused field below clips or overlaps it
   instead), and the absolute iCheck radio position (the radio is
   collapsed to 0x0 instead).
   ============================================================ */
#order-standard_cart:has(#frmProductDomain) {
  --cpcd-line: var(--cp-border-neutral);
  --cpcd-line-strong: color-mix(in srgb, var(--cp-gray-600) 28%, var(--cp-surface));
  --cpcd-ring: 0 0 0 1px var(--cp-primary-500), 0 0 0 4px var(--cp-glow-strong);
  background: var(--cp-surface);
  border: 0;
  box-shadow: none;
  color: var(--cp-gray-900);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  padding: 22px 24px 40px;
  width: 100%;
}
#main-body.body-background-cloudx.in_shopping_cart:has(#frmProductDomain) {
  background-color: var(--cp-surface);
}

/* Layout (#265, #267): the Parent keeps an empty .cart-sidebar column that
   floats .cart-body to 75%. The column is removed and .cart-body is centred as
   an 860px column by making the row a flex container (the Parent margin rules
   on .cart-body beat `margin: auto`, justify-content does not depend on them).
   The collapsed categories control lives inside .cart-body and stays. */
#order-standard_cart:has(#frmProductDomain) > .row {
  display: flex;
  justify-content: center;
  margin: 0;
  width: 100%;
}
#order-standard_cart:has(#frmProductDomain) .cart-sidebar {
  display: none;
}
#order-standard_cart:has(#frmProductDomain) .cart-body {
  flex: 0 1 860px;
  float: none;
  max-width: 860px;
  min-width: 0;
  padding: 0;
  width: 100%;
}

/* Title: no card. */
#order-standard_cart:has(#frmProductDomain) .header-lined {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 24px;
  padding: 0;
}
#order-standard_cart:has(#frmProductDomain) .header-lined h1 {
  color: var(--cp-gray-900);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain > p {
  color: var(--cp-gray-600);
  font-size: 14px;
}

/* The options container is no card any more: tabs, then the field. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  overflow: visible;
  padding: 0;
}

/* Selected tab: the Parent moves .option-selected on iCheck ifChecked, so that
   class is the state. One gap: when the server pre-checks a radio (a signed-in
   session, a repeat visit) the Parent JS skips its init branch, never fires
   ifChecked, and no .option has the class until the first click (confirmed on
   staging). Only while NO .option carries it does the checked radio stand in, so
   the two can never show different tabs.
   Segmented tab bar. Each .option keeps only its label; the label is the
   segment. The iCheck wrapper is collapsed to 0x0 (the real radio stays in
   the DOM and focusable), the segment state is drawn on the label. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs {
  background: var(--cp-surface-muted);
  border: 1px solid var(--cpcd-line);
  border-radius: 8px;
  display: inline-flex;
  max-width: 100%;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option.option-selected {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option > label {
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--cp-gray-600);
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  margin: 3px;
  padding: 7px 18px;
  position: relative;
  text-align: center;
  transition: color 0.12s, background-color 0.12s, border-color 0.12s;
  white-space: nowrap;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option:not(.option-selected) > label:hover {
  color: var(--cp-gray-900);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option.option-selected > label,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs:not(:has(.option-selected)) .option:has(input:checked) > label {
  background: var(--cp-surface);
  border-color: var(--cpcd-line-strong);
  color: var(--cp-primary-500);
  font-weight: 600;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option > label:has(input:focus-visible) {
  box-shadow: var(--cpcd-ring);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option .iradio_square-blue {
  background: none;
  border: 0;
  filter: none;
  height: 0;
  left: 0;
  margin: 0;
  top: 0;
  width: 0;
}

/* Panels. The Parent pads #domainregister / #domaintransfer / #domainowndomain
   with a three-ID rule, matched here with #frmProductDomain #id.domain-input-group. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-panels {
  margin: 14px 0 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain #domainregister.domain-input-group,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain #domaintransfer.domain-input-group,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain #domainowndomain.domain-input-group,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain #domainincart.domain-input-group,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain #domainsubdomain.domain-input-group {
  margin: 0;
  padding: 0;
  top: 0;
}

/* The one search field: [www.][ name ][ .tld v][ Check ] in ONE bordered box.
   Every input and select carries the Parent's forced 1px border, so the
   controls are 2px taller than the box (its border clips their top and bottom
   edges) and the selects and button overlap their neighbour's border by 1px. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field {
  align-items: center;
  background: var(--cp-surface);
  border: 1px solid var(--cpcd-line-strong);
  border-radius: 8px;
  display: flex;
  height: 48px;
  overflow: hidden;
  transition: box-shadow 0.15s, border-color 0.15s;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field:focus-within {
  border-color: var(--cp-primary-500);
  box-shadow: var(--cpcd-ring);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group {
  align-items: center;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  min-width: 0;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group-addon {
  background: none;
  border: 0;
  padding: 0;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group-prepend {
  align-items: center;
  display: flex;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group .input-group-text {
  background: none;
  border: 0;
  border-radius: 0;
  color: var(--cp-gray-600);
  font-size: 15px;
  height: auto;
  padding: 0 4px 0 16px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .form-control {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  color: var(--cp-gray-900);
  font-size: 15px;
  height: 48px;
  margin: 0;
  min-height: 0;
  padding: 0 12px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .form-control:focus {
  box-shadow: none;
  outline: none;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group > input.form-control {
  flex: 1 1 auto;
  font-size: 16px;
  min-width: 0;
  width: 1%;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field input.form-control::placeholder {
  color: var(--cp-gray-600);
  opacity: 0.6;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > select.form-control,
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > input.form-control {
  cursor: pointer;
  flex: 0 0 auto;
  font-weight: 600;
  margin-left: -1px;
  min-width: 104px;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > select.form-control:first-child {
  flex: 1 1 auto;
  font-weight: 500;
  margin-left: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > input.form-control {
  cursor: text;
  width: 104px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > button.btn.btn-primary {
  background-color: var(--cp-primary-500);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--cp-surface);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 22px;
  margin: 0 0 0 -1px;
  min-width: 0;
  padding: 0 24px;
  transition: background-color 0.15s;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > button.btn.btn-primary:hover {
  background-color: var(--cp-primary-600);
  color: var(--cp-surface);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > button.btn.btn-primary:focus-visible {
  box-shadow: inset 0 0 0 2px var(--cp-surface);
  outline: none;
}

/* Results: availability panel, quiet spotlight TLD tiles, Suggested Domains
   as one bordered list, then Continue. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults {
  margin: 24px 0 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo {
  background: var(--cp-surface);
  border: 1px solid var(--cpcd-line);
  border-radius: 8px;
  box-shadow: none;
  margin: 0 0 16px;
  padding: 20px;
  text-align: left;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .headline {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
  text-align: left;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-checker-available {
  color: var(--cp-gray-900);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-available strong {
  color: var(--cp-primary-500);
  font-weight: 600;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-checker-unavailable {
  color: var(--cp-danger);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-price {
  color: var(--cp-gray-600);
  font-size: 14px;
  margin: 0;
  text-align: left;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-price > span {
  display: inline;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-price span.price {
  color: var(--cp-gray-900);
  font-size: 14px;
  font-weight: 600;
  margin-left: 6px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-price span.register-price-label,
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #searchDomainInfo .domain-price span.transfer-price-label {
  color: var(--cp-gray-600);
  font-size: 14px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tlds {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 16px;
  padding: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tlds .spotlight-tlds-container {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld-container {
  float: none;
  padding: 0;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld {
  background: var(--cp-surface);
  border: 1px solid var(--cpcd-line);
  border-radius: 8px;
  box-shadow: none;
  color: var(--cp-gray-900);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  gap: 2px;
  height: 100%;
  margin: 0;
  padding: 14px;
  position: relative;
  text-align: left;
  transition: border-color 0.15s;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld:hover {
  border-color: var(--cpcd-line-strong);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld .domain-lookup-result {
  margin: 8px 0 0;
  padding: 0;
  text-align: left;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld .available.price,
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld .price {
  color: var(--cp-gray-600);
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin: 0 0 8px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tld > div[class^="spotlight-tld-"] {
  background: var(--cp-primary-50);
  border-radius: 999px;
  color: var(--cp-primary-500);
  font-size: 10px;
  font-weight: 600;
  height: auto;
  left: auto;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 3px 7px;
  position: absolute;
  right: 10px;
  top: 10px;
  transform: none;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .btn-add-to-cart {
  background: var(--cp-surface);
  border: 1px solid var(--cpcd-line-strong);
  border-radius: 6px;
  box-shadow: none;
  color: var(--cp-gray-900);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 12px;
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .btn-add-to-cart:hover {
  background: var(--cp-primary-50);
  border-color: var(--cp-primary-500);
  color: var(--cp-primary-500);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .btn-add-to-cart:focus-visible {
  box-shadow: var(--cpcd-ring);
  outline: none;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .btn-primary {
  background-color: var(--cp-primary-500);
  border-color: var(--cp-primary-500);
  color: var(--cp-surface);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .suggested-domains {
  background: var(--cp-surface);
  border: 1px solid var(--cpcd-line);
  border-radius: 8px;
  box-shadow: none;
  margin: 0 0 16px;
  overflow: hidden;
  padding: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .suggested-domains .panel-heading {
  background: var(--cp-surface-muted);
  border-bottom: 1px solid var(--cpcd-line);
  border-radius: 0;
  color: var(--cp-gray-600);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 16px;
  text-transform: uppercase;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion.list-group-item {
  align-items: center;
  background: var(--cp-surface);
  border: 0;
  border-bottom: 1px solid var(--cpcd-line);
  border-radius: 0;
  color: var(--cp-gray-900);
  font-size: 14px;
  line-height: 32px;
  margin: 0;
  overflow: hidden;
  padding: 8px 16px;
  text-align: left;
  transition: background-color 0.12s;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion.list-group-item:hover {
  background: var(--cp-surface-muted);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion.list-group-item:last-child {
  border-bottom: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion .extension {
  font-weight: 600;
}
/* The Parent forces the promo pill text white with the priority flag, so the pill is filled, not tinted. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion .promo.new {
  background: var(--cp-primary-500);
  border-radius: 999px;
  color: var(--cp-surface);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-left: 6px;
  padding: 2px 7px;
  vertical-align: 2px;
}
/* The rows carry an inline display:block from the Parent JS, so they cannot be
   flex without the priority flag: the actions float right instead. */
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion .actions {
  align-items: center;
  display: flex;
  float: right;
  gap: 14px;
  line-height: 32px;
  margin: 0;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion .actions .price {
  color: var(--cp-gray-600);
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion .actions .btn {
  flex: none;
  margin: 0;
  width: auto;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .suggested-domains .more-suggestions {
  background: var(--cp-surface);
  border-top: 1px solid var(--cpcd-line);
  padding: 12px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .suggested-domains a#moreSuggestions {
  color: var(--cp-primary-500);
  font-size: 13px;
  font-weight: 500;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .domain-suggestions-warning {
  background: var(--cp-surface);
  color: var(--cp-gray-600);
  font-size: 12px;
  padding: 0 16px 14px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .domain-suggestions-warning p {
  margin: 0;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections > .text-center {
  margin-top: 8px;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections button#btnDomainContinue {
  background-color: var(--cp-primary-500);
  border: 1px solid var(--cp-primary-500);
  border-radius: 6px;
  box-shadow: none;
  color: var(--cp-surface);
  font-size: 14px;
  font-weight: 500;
  padding: 9px 18px;
  transition: background-color 0.15s;
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections button#btnDomainContinue:hover,
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections button#btnDomainContinue:focus {
  background-color: var(--cp-primary-600);
  border-color: var(--cp-primary-600);
  color: var(--cp-surface);
}
#order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections button#btnDomainContinue:focus-visible {
  box-shadow: var(--cpcd-ring);
  outline: none;
}

/* Mobile, 640px and below. Tabs are equal-width and full-width, labels wrap
   rather than clip, no radio dot shows. The field stops being one box: the
   www.+name box, the TLD select and the button stack, each its own bordered
   control with www. kept visible. */
@media (max-width: 640px) {
  #order-standard_cart:has(#frmProductDomain) {
    padding: 20px 16px 32px;
  }
  #order-standard_cart:has(#frmProductDomain) .header-lined h1 {
    font-size: 24px;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs {
    display: flex;
    width: 100%;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option {
    flex: 1 1 0;
    min-width: 0;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-tabs .option > label {
    font-size: 13px;
    line-height: 1.2;
    padding: 8px 4px;
    white-space: normal;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field {
    background: none;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 10px;
    height: auto;
    overflow: visible;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field:focus-within {
    box-shadow: none;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group {
    background: var(--cp-surface);
    border: 1px solid var(--cpcd-line-strong);
    border-radius: 8px;
    height: 48px;
    overflow: hidden;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field .input-group:focus-within {
    border-color: var(--cp-primary-500);
    box-shadow: var(--cpcd-ring);
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > select.form-control,
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > input.form-control {
    background-color: var(--cp-surface);
    border-radius: 8px;
    margin-left: 0;
    min-width: 0;
    width: 100%;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomain .domain-selection-options .cpcd-field > button.btn.btn-primary {
    border-radius: 8px;
    margin: 0;
    width: 100%;
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults .spotlight-tlds .spotlight-tlds-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #order-standard_cart:has(#frmProductDomain) #frmProductDomainSelections #DomainSearchResults #domainSuggestions .domain-suggestion .actions {
    justify-content: space-between;
    margin-left: 0;
    width: 100%;
  }
}