/* ==========================================================================
   Cloudpedia — Domain Registration (register stage) Vercel-style slice (#423).
   Loaded only by templates/orderforms/cloudpedia_cart/domainregister.tpl on
   the register route. Legacy domain-search.css stays untouched and shared
   with Transfer and the dormant checker; every new selector is scoped to
   .cp-domain-register-vercel.cp-domain-search--register. Palette tokens only.
   No shadows, gradients, page-overflow hiding or cascade-priority flags.
   ========================================================================== */

/* The register route paints a white canvas; the empty native fade anchor is
   unrelated. Ancestor :has() gate, the only rule without the root prefix. */
#main-body.body-background-cloudx.in_shopping_cart:has(.cp-domain-register-vercel) {
    background-color: var(--cp-surface);
}

.cp-domain-register-vercel.cp-domain-search--register {
    background: var(--cp-surface);
    color: var(--cp-gray-900);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-container {
    max-width: var(--cp-content-max);
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* ---------------------------------------------------------------- Search */
.cp-domain-register-vercel.cp-domain-search--register .cp-register {
    background: var(--cp-surface);
    padding: 24px 0 8px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register__title {
    margin: 0 0 8px;
    font-family: inherit;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--cp-gray-900);
    text-align: left;
}

/* CloudX forces h1-h6 to Poppins normal with a cascade-priority flag; the
   heading keeps semantics while the inner label carries the visual weight. */
.cp-domain-register-vercel.cp-domain-search--register .cp-register__title .cp-register__title-text {
    font-family: inherit;
    font-weight: 700;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register__desc {
    margin: 0 0 20px;
    font-size: 14px;
    color: var(--cp-gray-600);
    text-align: left;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register__card {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 16px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
    box-shadow: none;
}

/* In-card Search / Transfer underline tabs. */
.cp-domain-register-vercel.cp-domain-search--register .cp-register-tabs {
    display: flex;
    gap: 4px;
    margin: 0 0 16px;
    padding: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--cp-border-neutral);
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    overflow-x: auto;
    overflow-y: hidden;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register-tabs .cp-hero__tab {
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: -1px;
    background: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--cp-gray-600);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register-tabs .cp-hero__tab:hover {
    background: none;
    color: var(--cp-gray-900);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register-tabs .cp-hero__tab--active {
    background: none;
    color: var(--cp-primary-500);
    border-bottom-color: var(--cp-primary-500);
    font-weight: 600;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__wrapper {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input-shell {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 40px;
    padding: 0 12px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 8px;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input-shell:focus-within {
    border-color: var(--cp-primary-500);
    box-shadow: 0 0 0 3px var(--cp-primary-500-soft);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input-icon {
    width: 18px;
    height: 18px;
    flex: none;
    color: var(--cp-gray-600);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    height: 40px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--cp-gray-900);
    font-size: 14px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input:focus {
    border: 0;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn,
.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn.btn,
.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn.btn-primary {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 20px;
    background: var(--cp-primary-500);
    border: 1px solid var(--cp-primary-500);
    border-radius: 8px;
    color: var(--cp-surface);
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn:hover,
.cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn.btn:hover {
    background: var(--cp-primary-600);
    border-color: var(--cp-primary-600);
    color: var(--cp-surface);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-spot-hint {
    margin: 16px 0 0;
    text-align: left;
    font-size: 13px;
    color: var(--cp-gray-600);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-register__incomplete,
.cp-domain-register-vercel.cp-domain-search--register #cp-captcha-error {
    margin: 12px 0 0;
    text-align: left;
    font-size: 13px;
    color: var(--cp-gray-600);
}

/* -------------------------------------------------------- Popular Extensions */
.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions {
    background: var(--cp-surface);
    padding: 8px 0 24px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__card {
    padding: 16px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__title {
    margin: 0 0 12px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cp-gray-600);
}

/* CloudX forces h1-h6 to Poppins normal with a cascade-priority flag; the
   heading keeps semantics while the inner label carries the visual weight. */
.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__title .cp-popular-extensions__label {
    font-family: inherit;
    font-weight: 600;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid .cp-spot-pill {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
    min-height: 0;
    padding: 16px 12px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
    box-shadow: none;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid .cp-spot-pill:hover {
    border-color: var(--cp-primary-500);
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid .cp-spot-pill:focus-visible {
    outline: 2px solid var(--cp-primary-500);
    outline-offset: 2px;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid .cp-spot-pill__ext {
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--cp-primary-500);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid .cp-spot-pill__price {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    font-weight: 600;
    color: var(--cp-gray-900);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid .cp-spot-pill__term {
    font-size: 12px;
    color: var(--cp-gray-600);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__card .cp-spot-guidance {
    margin: 12px 0 0;
    text-align: left;
    font-size: 13px;
    color: var(--cp-gray-600);
}

/* ------------------------------------------------------------- Search Result */
.cp-domain-register-vercel.cp-domain-search--register .cp-packages {
    background: var(--cp-surface);
    padding: 8px 0 24px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-packages__grid {
    gap: 20px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-package-card--search {
    min-height: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-package-card--search > .cp-package-card__badge {
    display: inline-block;
    align-self: flex-start;
    margin: 0 0 16px;
    padding: 4px 12px;
    background: var(--cp-success-50);
    border-radius: 999px;
    color: var(--cp-success-700);
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

/* Same CloudX heading trap: the inner span carries the badge weight. */
.cp-domain-register-vercel.cp-domain-search--register .cp-package-card--search > .cp-package-card__badge .cp-package-card__badge-text {
    font-family: inherit;
    font-weight: 600;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-search-result-card {
    padding: 24px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-package-card__placeholder {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--cp-gray-600);
    font-size: 13px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-package-card__placeholder p {
    margin: 0;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-package-card__placeholder[hidden] {
    display: none;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupSearching {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    color: var(--cp-gray-600);
}

/* Available: proportional heading with the native strong name in blue. */
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-available.domain-checker-available {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--cp-gray-900);
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-available.domain-checker-available strong {
    color: var(--cp-primary-500);
    overflow-wrap: anywhere;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-lookup-free-icon {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    flex: none;
    margin: 0;
    background: var(--cp-primary-500);
    border-radius: 50%;
    color: var(--cp-surface);
    font-size: 15px;
    font-weight: 700;
}

/* Native verdict text flows as one heading next to the icon; the description
   stays below inside the same text span. */
.cp-domain-register-vercel.cp-domain-search--register .cp-lookup-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-lookup-desc {
    display: block;
    margin-top: 4px;
    color: var(--cp-gray-600);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

/* Taken: pale-yellow inset with the yellow left accent. */
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-unavailable.domain-checker-unavailable,
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-tld-unavailable.domain-checker-unavailable {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 14px 16px;
    background: var(--cp-register-yellow-soft);
    border-left: 4px solid var(--cp-register-yellow);
    border-radius: 10px;
    color: var(--cp-gray-900);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-unavailable .cp-lookup-desc,
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-tld-unavailable .cp-lookup-desc {
    color: var(--cp-gray-600);
    font-weight: 400;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-lookup-taken-icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    flex: none;
    margin: 0;
    background: var(--cp-register-yellow);
    border-radius: 50%;
    color: var(--cp-register-yellow-text);
    font-size: 14px;
    font-weight: 700;
}

/* Invalid stays quiet grey; failure is danger, never "taken". */
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-invalid.domain-checker-invalid {
    margin: 0;
    padding: 14px 16px;
    background: var(--cp-surface-muted);
    border-left: 4px solid var(--cp-gray-200);
    border-radius: 10px;
    color: var(--cp-gray-600);
    font-size: 14px;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-error.domain-checker-unavailable {
    margin: 0;
    padding: 14px 16px;
    background: var(--cp-danger-soft-bg);
    border-left: 4px solid var(--cp-danger);
    border-radius: 10px;
    color: var(--cp-danger);
    font-size: 14px;
}

/* Available footer: included chips left, yellow price + action right. */
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 16px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--cp-border-neutral);
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price .cp-incl-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    flex: 1 1 auto;
    min-width: 0;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-incl-label {
    margin: 0;
    color: var(--cp-gray-600);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-incl-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 16px;
    background: var(--cp-primary-50);
    border-radius: 999px;
    color: var(--cp-primary-600);
    font-size: 13px;
    font-weight: 600;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-incl-item svg {
    width: 14px;
    height: 14px;
    flex: none;
    color: var(--cp-primary-600);
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .cp-available-buy {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price .price {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 16px;
    background: var(--cp-register-yellow);
    border-radius: 999px;
    color: var(--cp-primary-600);
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price button.btn-add-to-cart,
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds button.btn-add-to-cart,
.cp-domain-register-vercel.cp-domain-search--register #domainSuggestions button.btn-add-to-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 16px;
    background: var(--cp-register-yellow);
    border: 1px solid var(--cp-register-yellow);
    border-radius: 8px;
    color: var(--cp-register-yellow-text);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price button.btn-add-to-cart {
    min-height: 46px;
    padding: 0 24px;
    font-size: 14px;
}

/* Native .w-hidden wins over the new inline-flex paint so an unresolved row
   keeps its Add control hidden; an inline native .show() display still wins. */
.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult button.btn.w-hidden,
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds button.btn.w-hidden,
.cp-domain-register-vercel.cp-domain-search--register #domainSuggestions button.btn.w-hidden {
    display: none;
}

.cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price button.btn-add-to-cart:hover,
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds button.btn-add-to-cart:hover,
.cp-domain-register-vercel.cp-domain-search--register #domainSuggestions button.btn-add-to-cart:hover {
    background: var(--cp-register-yellow-text);
    border-color: var(--cp-register-yellow-text);
    color: var(--cp-surface);
}

.cp-domain-register-vercel.cp-domain-search--register .domain-contact-support {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 16px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-strong);
    border-radius: 8px;
    color: var(--cp-gray-900);
    font-size: 13px;
    font-weight: 500;
}

.cp-domain-register-vercel.cp-domain-search--register .domain-contact-support:hover {
    background: var(--cp-surface);
    border-color: var(--cp-gray-900);
    color: var(--cp-gray-900);
}

.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds button.unavailable,
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds button.invalid {
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    color: var(--cp-gray-600);
    opacity: 0.7;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-lookup-retry {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--cp-primary-500);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

/* ------------------------------------------- Alternatives + Suggestions rows */
/* The inherited standard_cart/cloudx_cart CSS paints #spotlightTlds as a grey
   padded enclosure with a negative-margin grid; reset it to the approved white
   flat rows without touching the shared stylesheets. */
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds {
    margin: 0;
    padding: 0;
    background: transparent;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-packages__spotlight-grid {
    margin-left: 0;
    margin-right: 0;
}

.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds .spotlight-tld {
    min-height: 0;
    padding: 10px 16px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds .spotlight-tld .cp-package-card__domain-name {
    color: var(--cp-gray-900);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
}

/* Suppress the legacy Spotlight per-term pseudo-caption to match the amount-only
   row; data-per and the native data are untouched. */
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds .spotlight-tld .domain-lookup-result .available.price::after {
    content: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-suggestions-grid .domain-suggestion {
    padding: 12px 16px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-suggestions-grid .domain-suggestion .cp-suggestion-name {
    color: var(--cp-gray-900);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-suggestions-grid .domain-suggestion .actions .price,
.cp-domain-register-vercel.cp-domain-search--register #spotlightTlds .spotlight-tld .domain-lookup-result .available.price {
    color: var(--cp-gray-600);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    white-space: nowrap;
}

/* ------------------------------------------ Detailed pricing (contained scroll) */
.cp-domain-register-vercel.cp-domain-search--register .cp-pricing {
    padding: 16px 0 48px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__chips-label {
    color: var(--cp-gray-900);
    font-size: 13px;
    font-weight: 600;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 999px;
    color: var(--cp-gray-600);
    font-size: 13px;
    font-weight: 400;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__chip svg {
    color: var(--cp-success-500);
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__scroll {
    overflow-x: auto;
    padding: 0;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
    box-shadow: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__table th,
.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--cp-border-neutral);
    text-align: left;
    white-space: nowrap;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__table thead th {
    color: var(--cp-gray-600);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__table .cp-pricing__ext,
.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__table .cp-pricing__cell {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-pricing__table small {
    color: var(--cp-gray-600);
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-size: 12px;
}

/* ------------------------------------------------------------------ Toast */
.cp-domain-register-vercel.cp-domain-search--register .cp-cart-add-toast {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: min(560px, calc(100% - 32px));
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border-neutral);
    border-radius: 12px;
    box-shadow: none;
    font-size: 13px;
    z-index: 40;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-cart-add-toast[hidden] {
    display: none;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-cart-add-toast__message {
    flex: 1;
    min-width: 0;
}

.cp-domain-register-vercel.cp-domain-search--register .cp-cart-add-toast__dismiss {
    padding: 4px 8px;
    background: none;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--cp-gray-600);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

/* ----------------------------------------------------- Narrow-width wrapping */
@media (max-width: 920px) {
    .cp-domain-register-vercel.cp-domain-search--register .cp-search-form__wrapper {
        flex-direction: column;
    }

    .cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn,
    .cp-domain-register-vercel.cp-domain-search--register .cp-search-form__btn.btn {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .cp-domain-register-vercel.cp-domain-search--register .cp-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input-shell {
        min-height: 44px;
    }

    .cp-domain-register-vercel.cp-domain-search--register .cp-search-form__input {
        height: 44px;
        font-size: 16px;
    }

    .cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cp-domain-register-vercel.cp-domain-search--register .cp-search-result-card {
        padding: 16px;
    }

    .cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-available.domain-checker-available {
        font-size: 19px;
    }

    .cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price {
        flex-direction: column;
        align-items: stretch;
    }

    .cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .cp-available-buy {
        width: 100%;
        margin-left: 0;
    }

    .cp-domain-register-vercel.cp-domain-search--register #primaryLookupResult .domain-price button.btn-add-to-cart {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 400px) {
    .cp-domain-register-vercel.cp-domain-search--register .cp-popular-extensions__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cp-domain-register-vercel.cp-domain-search--register .cp-incl-item {
        padding: 0 12px;
    }
}