/*
 * Bright Sky — Nexus Cart Shadow DOM skin
 * Maps --vl-* tokens + component polish to mockup v2 / homepage search-shell
 */

:host, :root {
  --vl-primary: #0E8DDB;
  --vl-primary-lifted: #28A3FC;
  --vl-primary-accented: #1295FC;

  --vl-secondary: #3F1EBD;
  --vl-secondary-lifted: #5B3AD6;
  --vl-secondary-accented: #86029F;

  --vl-success: #059669;
  --vl-success-lifted: #10b981;
  --vl-success-accented: #047857;

  --vl-info: #0E8DDB;
  --vl-info-lifted: #28A3FC;
  --vl-info-accented: #0369a1;

  --vl-notice: #3F1EBD;
  --vl-notice-lifted: #5B3AD6;
  --vl-notice-accented: #86029F;

  --vl-warning: #d97706;
  --vl-warning-lifted: #f59e0b;
  --vl-warning-accented: #b45309;

  --vl-error: #dc2626;
  --vl-error-lifted: #ef4444;
  --vl-error-accented: #b91c1c;

  --vl-grayscale: #64748b;
  --vl-grayscale-lifted: #94a3b8;
  --vl-grayscale-accented: #475569;

  --vl-neutral: #5B647A;
  --vl-neutral-lifted: #7B8499;
  --vl-neutral-accented: #3d4560;

  --vl-text-inverted: #ffffff;
  --vl-text-muted: #5B647A;
  --vl-text-lifted: #3d4560;
  --vl-text-accented: #13112F;
  --vl-text: #13112F;

  --vl-border-muted: rgba(19, 17, 47, 0.06);
  --vl-border: rgba(19, 17, 47, 0.09);
  --vl-border-lifted: rgba(14, 141, 219, 0.28);
  --vl-border-accented: rgba(63, 30, 189, 0.35);

  --vl-bg: #ffffff;
  --vl-bg-muted: #F0F6FF;
  --vl-bg-lifted: #f7fbff;
  --vl-bg-accented: #eaf4ff;
  --vl-bg-inverted: #13112F;

  --vl-rounding-sm: 0.5rem;
  --vl-rounding-md: 0.75rem;
  --vl-rounding-lg: 1rem;

  --vl-letter-spacing: -0.01em;
  --vl-disabled-opacity: 40%;

  font-family: Manrope, system-ui, sans-serif !important;
  color: #13112F;
}

:host {
  --font-sans: Manrope, system-ui, sans-serif;
  /* room so sticky tray does not sit on page footer */
  padding-bottom: 110px !important;
}

button.border,
a.border {
  text-decoration: none !important;
}

/* Primary filled CTAs only — never bare .bg-primary (TLD select tags use that class) */
button[class*="bg-primary"],
button.bg-primary,
a.bg-primary {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(14, 141, 219, 0.28);
  border-radius: 999px !important;
  font-weight: 750 !important;
  color: #ffffff !important;
}

button[class*="bg-primary"] *,
button.bg-primary *,
a.bg-primary * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

button[class*="bg-primary"]:hover,
button.bg-primary:hover,
a.bg-primary:hover {
  filter: brightness(1.03);
  color: #ffffff !important;
}

/* Page shell — Nexus sets py-0; heading was stuck to top of stage card */
div.p-4.mx-auto.min-h-screen,
div.relative.min-h-screen > div.p-4.mx-auto {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

div[class*="text-2xl"][class*="font-medium"] {
  margin-top: 4px !important;
  margin-bottom: 10px !important;
}

/*
 * MAIN BOX — no gradient border. Soft fill only.
 * Gradient ring = SEARCH FIELD only (homepage .search-shell).
 */
div.bg-accented.rounded-4xl,
div.bg-accented.rounded,
div.flex.flex-col.bg-accented {
  background: linear-gradient(180deg, #eef5ff 0%, #f5f8ff 55%, #eef2fb 100%) !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 18px 18px 16px !important;
  box-shadow: 0 14px 36px rgba(19, 17, 47, 0.06) !important;
  gap: 14px !important;
}

div.bg-accented.rounded-4xl:focus-within,
div.flex.flex-col.bg-accented:focus-within {
  transform: none;
  box-shadow: 0 14px 36px rgba(19, 17, 47, 0.06) !important;
}

/*
 * SEARCH FIELD = homepage .search-shell (soft transparent wash, not opaque ring)
 */
div.bg-accented .bg-default.border:has(> input),
div.bg-accented .flex.gap-3.w-full.relative.bg-default:has(> input) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  /* homepage: soft rgba wash as “border”, white domain-box inside */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(
      135deg,
      rgba(40, 163, 252, 0.35),
      rgba(63, 30, 189, 0.25),
      rgba(134, 2, 159, 0.2)
    ) border-box !important;
  border: 10px solid transparent !important;
  border-radius: 22px !important;
  outline: none !important;
  box-shadow: 0 30px 80px rgba(14, 141, 219, 0.22) !important;
  padding: 8px 10px 8px 16px !important;
  min-height: 58px;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

div.bg-accented .bg-default.border:has(> input):focus-within,
div.bg-accented .flex.gap-3.w-full.relative.bg-default:has(> input):focus-within {
  transform: translateY(-2px);
  box-shadow: 0 30px 80px rgba(14, 141, 219, 0.28) !important;
}

/* Smaller placeholder + typed text */
div.bg-accented .bg-default.border:has(> input) > input,
div.bg-accented .flex.gap-3.w-full.relative.bg-default:has(> input) > input {
  display: block !important;
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 13.5px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
  color: #13112F !important;
  padding: 8px 6px !important;
  position: static !important;
  border: none !important;
  background: transparent !important;
}

div.bg-accented input::placeholder {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #7B8499 !important;
  opacity: 1 !important;
}

div.bg-accented .bg-default.border:has(> input) .flex.items-end,
div.bg-accented .flex.gap-3.w-full.relative.bg-default:has(> input) .flex.items-end {
  flex: 0 0 auto !important;
  position: static !important;
  margin-left: 4px !important;
  margin-right: 0 !important;
  z-index: 2;
  align-self: center !important;
}

/* Find Domains — smaller, fully inside field, no clip */
div.bg-accented button[class*="bg-primary"],
div.bg-accented button.bg-primary {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  min-width: 0 !important;
  border-radius: 10px !important;
  padding-inline: 12px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.24) !important;
  color: #fff !important;
  position: static !important;
  flex-shrink: 0 !important;
  gap: 5px !important;
  overflow: visible !important;
}

div.bg-accented button[class*="bg-primary"] svg,
div.bg-accented button.bg-primary svg {
  width: 13px !important;
  height: 13px !important;
}

/*
 * Show/Hide Search Controls — style only the active (non-.invisible) button.
 * Do NOT force .invisible visible; Nexus owns that toggle.
 */
div.bg-accented button.bg-transparent:not(.invisible),
div.bg-accented button[class*="bg-transparent"]:not(.invisible) {
  color: #13112F !important;
  background: linear-gradient(180deg, #ffffff, #eef5ff) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.35) !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  box-shadow: 0 6px 16px rgba(14, 141, 219, 0.1) !important;
  gap: 8px !important;
}

div.bg-accented button.bg-transparent:not(.invisible):hover,
div.bg-accented button[class*="bg-transparent"]:not(.invisible):hover {
  border-color: rgba(63, 30, 189, 0.45) !important;
  box-shadow: 0 10px 22px rgba(63, 30, 189, 0.14) !important;
}

div.bg-accented button.bg-transparent:not(.invisible) *,
div.bg-accented button[class*="bg-transparent"]:not(.invisible) * {
  color: #0E8DDB !important;
  stroke: #0E8DDB !important;
}

/* Transfer — wrap icon+link as one attractive navy pill */
div.bg-accented .flex.flex-row.gap-2:has(> a[href*="transfer"]),
div.bg-accented .flex.flex-row.gap-2:has(> a[href*="Transfer"]) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #13112F, #1a2744) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 9px 16px 9px 14px !important;
  box-shadow: 0 10px 22px rgba(19, 17, 47, 0.22) !important;
  text-decoration: none !important;
}

div.bg-accented .flex.flex-row.gap-2:has(> a[href*="transfer"]) > svg,
div.bg-accented .flex.flex-row.gap-2:has(> a[href*="Transfer"]) > svg {
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0;
  color: #7dd3fc !important;
  stroke: #7dd3fc !important;
}

div.bg-accented .flex.flex-row.gap-2:has(> a[href*="transfer"]) > a,
div.bg-accented .flex.flex-row.gap-2:has(> a[href*="Transfer"]) > a,
div.bg-accented a[href*="transfer"],
div.bg-accented a[href*="Transfer"] {
  color: #ffffff !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

div.bg-accented .flex.flex-row.gap-2:has(> a[href*="transfer"]) > a *,
div.bg-accented a[href*="transfer"] * {
  color: #ffffff !important;
}

/* Filter field labels — gap above combobox (were stuck / chipak) */
div.bg-accented label.block,
div.bg-accented label[class*="leading-none"] {
  margin-bottom: 8px !important;
  padding-bottom: 2px !important;
  line-height: 1.3 !important;
  display: block !important;
}

div.bg-accented .max-w-75,
div.bg-accented [class*="max-w-75"] {
  gap: 8px !important;
}

/* Nexus TLD multiselect (stock control) — readable chips only, no custom DOM */
div.bg-accented [role="combobox"] {
  background: #ffffff !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(14, 141, 219, 0.06) !important;
  filter: none !important;
  color: #13112F !important;
  min-height: 42px !important;
  padding: 6px 10px !important;
  pointer-events: auto !important;
  cursor: text !important;
}

div.bg-accented [role="combobox"][aria-disabled="true"] {
  cursor: wait !important;
}

/* Selected TLD chips (Nexus: .bg-primary.text-inverted) — soft pill, navy text */
div.bg-accented [role="combobox"] .inline-flex.items-center.justify-between.border,
div.bg-accented [role="combobox"] .bg-primary.text-inverted,
div.bg-accented [role="combobox"] .bg-primary.inline-flex {
  background: #e8f4ff !important;
  background-image: none !important;
  border: 1px solid rgba(14, 141, 219, 0.35) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  filter: none !important;
  color: #13112F !important;
  font-weight: 700 !important;
  min-height: 26px !important;
}

div.bg-accented [role="combobox"] .inline-flex.items-center.justify-between.border *,
div.bg-accented [role="combobox"] .bg-primary.text-inverted *,
div.bg-accented [role="combobox"] .bg-primary.inline-flex *,
div.bg-accented [role="combobox"] .truncate {
  color: #13112F !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

div.bg-accented input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #0E8DDB !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.bg-muted:not(.bg-accented) {
  background: linear-gradient(180deg, #eaf4ff, #f7fbff) !important;
  border-radius: 1rem !important;
}

h2, h3, h4 {
  letter-spacing: -0.02em;
}

/*
 * Featured TLDs (Top AI) → mockup .suggest-card.compact
 * ONLY .relative.group domain cards — never Shared Hosting / Transfer promos
 */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):not([class*="fixed"]),
div.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):not([class*="fixed"]) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 18px 14px 14px !important;
  border-radius: 16px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.09) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 40px rgba(19, 17, 47, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  min-height: 168px !important;
  overflow: hidden !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):hover,
div.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 22px 50px rgba(14, 141, 219, 0.14) !important;
  border-color: rgba(14, 141, 219, 0.32) !important;
}

/* Hot first Top AI card — purple ring ONLY when NOT an available/exact-match hit */
div.flex:has(> div.relative.group.border.border-solid.rounded-large) > div.relative.group.border.border-solid.rounded-large:first-child:not(:has([class*="text-success"])):not(:has(.inline-flex svg.bi-check)):not(.sky-exact-match) {
  border: 2px solid transparent !important;
  border-color: transparent !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f2ff 100%) padding-box,
    linear-gradient(135deg, #3F1EBD, #0E8DDB) border-box !important;
  box-shadow: 0 18px 44px rgba(63, 30, 189, 0.12) !important;
}

/* Domain name on featured cards */
div.relative.group.border.border-solid.rounded-large [class*="text-3xl"],
div.relative.group.border.border-solid.rounded-large [class*="text-2xl"] {
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
  word-break: break-word !important;
}

div.relative.group.border.border-solid.rounded-large [class*="text-3xl"].font-bold,
div.relative.group.border.border-solid.rounded-large .font-bold[class*="text-"] {
  color: #0E8DDB !important;
}

/* Price weight */
div.relative.group.border.border-solid.rounded-large [class*="text-xl"],
div.relative.group.border.border-solid.rounded-large [class*="text-large"] {
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
}

/* Add / added CTA sits bottom-right like mockup cart-act */
div.relative.group.border.border-solid.rounded-large > .flex.flex-row,
div.relative.group.border.border-solid.rounded-large .flex.flex-row.gap-4 {
  width: 100% !important;
}

div.relative.group.border.border-solid.rounded-large button:has(svg.bi-cart3),
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle) {
  margin-top: auto !important;
  align-self: flex-end !important;
}

/* ========== Shared Hosting + Transfer promo boxes (NOT .relative.group) ========== */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]),
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed):not([class*="fixed"]):not([class*="!bg-inverted"]) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 28px 24px 24px !important;
  min-height: 200px !important;
  border-radius: 22px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.2) !important;
  background:
    radial-gradient(ellipse 80% 60% at 100% 0%, rgba(40, 163, 252, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 50% at 0% 100%, rgba(63, 30, 189, 0.12), transparent 50%),
    linear-gradient(165deg, #ffffff 0%, #f3f8ff 100%) !important;
  box-shadow: 0 20px 50px rgba(19, 17, 47, 0.1) !important;
  overflow: hidden !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):hover {
  transform: translateY(-3px) !important;
  border-color: rgba(63, 30, 189, 0.35) !important;
  box-shadow: 0 28px 60px rgba(63, 30, 189, 0.14) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) [class*="text-xl"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) [class*="text-2xl"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) [class*="font-medium"] {
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
}

/* Suggested Domains rows → mockup .suggest-row */
div.bg-default.rounded-large.p-4.w-full.group:not(.border):not(.relative),
div.rounded-large.p-4.w-full.group.bg-default:not([class*="border-solid"]):not(.relative) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.09) !important;
  background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
  box-shadow: 0 12px 32px rgba(19, 17, 47, 0.06) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
  margin-bottom: 10px !important;
  min-height: 72px !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.border):not(.relative):hover {
  border-color: rgba(14, 141, 219, 0.4) !important;
  box-shadow: 0 14px 36px rgba(14, 141, 219, 0.12) !important;
  transform: translateY(-2px) !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) [class*="text-xl"] {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) [class*="text-large"],
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) .font-bold {
  font-weight: 800 !important;
  color: #13112F !important;
}

/* Section titles */
div.text-xl.font-medium.leading-none\\!,
div.text-xl.font-medium,
div[class*="text-xl"][class*="font-medium"][class*="text-accented"] {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
  margin: 8px 0 14px !important;
}

/* Card grids */
div.flex.flex-row.flex-wrap.gap-4:has(> div.relative.group.border.border-solid.rounded-large),
div.flex.flex-wrap.gap-4:has(> div.relative.group.border.border-solid.rounded-large),
div.grid:has(> div.relative.group.border.border-solid.rounded-large) {
  gap: 12px !important;
}

/*
 * Primary / exact-match Result → green hit card (reference mockup)
 * Nexus: full-width rounded card with success / AVAILABLE after lookup.
 */
div.w-full.rounded-large.border.border-solid.p-4.md\:p-6:has(button.bg-primary),
div.w-full.rounded-large.border.border-solid.p-6:has(button.bg-primary),
div.rounded-large.border.border-solid.w-full.p-4:has([class*="text-success"]),
div.rounded-large.border.border-solid.w-full.bg-success,
div[class*="bg-success"].rounded-large.border,
div.relative.group.border.border-solid.rounded-large:has([class*="text-success"]),
div.relative.group.border.border-solid.rounded-large:has(.inline-flex svg.bi-check),
div.bg-default.rounded-large.p-4.w-full.group:has([class*="text-success"]),
.sky-exact-match {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 16px 18px 16px 16px !important;
  border-radius: 16px !important;
  margin: 0 0 18px !important;
  border: 1.5px solid #86efac !important;
  background: #ecfdf5 !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(5, 150, 105, 0.1) !important;
}
/* Left green status icon — white check in circle (reference) */
div.w-full.rounded-large.border.border-solid.p-4.md\:p-6:has(button.bg-primary)::before,
div.w-full.rounded-large.border.border-solid.p-6:has(button.bg-primary)::before,
div.rounded-large.border.border-solid.w-full.p-4:has([class*="text-success"])::before,
div.rounded-large.border.border-solid.w-full.bg-success::before,
div[class*="bg-success"].rounded-large.border::before,
div.relative.group.border.border-solid.rounded-large:has([class*="text-success"])::before,
div.relative.group.border.border-solid.rounded-large:has(.inline-flex svg.bi-check)::before,
div.bg-default.rounded-large.p-4.w-full.group:has([class*="text-success"])::before,
.sky-exact-match::before {
  content: "" !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  background: #059669
    center / 22px 22px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6.2' stroke='%23fff' stroke-width='1.4'/%3E%3Cpath d='M5.2 8.1l1.8 1.8 3.8-3.9' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.28) !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
}

/* ========== Extras / legal modal — mockup .modal-card exact ========== */
[role="dialog"] {
  border-radius: 22px !important;
  box-shadow: 0 40px 100px rgba(10, 9, 24, 0.35) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  max-width: min(520px, calc(100vw - 40px)) !important;
  width: min(520px, calc(100vw - 40px)) !important;
  padding: 0 !important;
}

[role="dialog"] > div,
[role="dialog"] form {
  padding: 24px 24px 28px !important;
  box-sizing: border-box !important;
}

[role="dialog"] h2,
[role="dialog"] h3,
[role="dialog"] [class*="text-xl"],
[role="dialog"] [class*="text-2xl"] {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
  margin: 0 0 8px !important;
}

[role="dialog"] p,
[role="dialog"] [class*="text-medium"]:not(button):not(label) {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #5B647A !important;
  margin: 0 0 18px !important;
}

/* Footer actions: side-by-side flex:1 like mockup */
[role="dialog"] footer,
[role="dialog"] [class*="footer"],
[role="dialog"] .flex.justify-end,
[role="dialog"] .flex.gap-2:has(> button),
[role="dialog"] .flex.gap-4:has(> button) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 8px !important;
  padding: 0 !important;
  justify-content: stretch !important;
}

[role="dialog"] footer > button,
[role="dialog"] [class*="footer"] > button,
[role="dialog"] .flex.justify-end > button,
[role="dialog"] .flex.gap-2:has(> button) > button,
[role="dialog"] .flex.gap-4:has(> button) > button {
  flex: 1 1 140px !important;
  min-width: 140px !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  font-weight: 750 !important;
  padding: 0 16px !important;
  box-shadow: none !important;
}

[role="dialog"] button[class*="bg-primary"],
[role="dialog"] button.bg-primary {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 14px 32px rgba(14, 141, 219, 0.28) !important;
}

[role="dialog"] button.bg-transparent,
[role="dialog"] button[class*="bg-transparent"],
[role="dialog"] button[class*="outlined"],
[role="dialog"] button[class*="ghost"],
[role="dialog"] button:not([class*="bg-primary"]):not(.bg-primary) {
  border: 1.5px solid rgba(14, 141, 219, 0.35) !important;
  background: linear-gradient(180deg, #fff, #eef5ff) !important;
  color: #13112F !important;
}

[role="dialog"] label {
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #13112F !important;
  margin-bottom: 6px !important;
  display: block !important;
}

[role="dialog"] input[type="text"],
[role="dialog"] input:not([type]),
[role="dialog"] select,
[role="dialog"] textarea {
  border-radius: 12px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.12) !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}

[role="dialog"] .field,
[role="dialog"] [class*="form-group"],
[role="dialog"] [class*="space-y"] > * {
  margin-bottom: 4px !important;
}

.rounded-large,
.rounded-lg {
  border-radius: 1rem !important;
}

.border-solid {
  border-color: rgba(19, 17, 47, 0.09) !important;
}

/* ========== Sticky cart tray ========== */
.fixed.\!bg-inverted,
[class*="!bg-inverted"].fixed,
.fixed.bg-inverted,
div.fixed[class*="bg-inverted"] {
  background: linear-gradient(135deg, #13112F 0%, #1a2744 55%, #162038 100%) !important;
  border-radius: 0.95rem !important;
  box-shadow:
    0 16px 36px rgba(19, 17, 47, 0.4),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
  color: #ffffff !important;
  bottom: var(--sky-tray-bottom, 16px) !important;
  left: var(--sky-tray-left, auto) !important;
  width: var(--sky-tray-width, auto) !important;
  max-width: var(--sky-tray-width, 100%) !important;
  right: auto !important;
  transform: none !important;
  z-index: 40 !important;
  padding: 12px 16px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

/*
 * Tray text/CTA only — NEVER use bare `.fixed` (Configure Domain Extras
 * modal is also `.fixed` and was getting white titles / invisible icons).
 */
.fixed.\!bg-inverted .text-inverted,
.fixed[class*="!bg-inverted"] .text-inverted,
.fixed.bg-inverted .text-inverted,
.fixed.\!bg-inverted [class*="text-inverted"],
.fixed[class*="!bg-inverted"] [class*="text-inverted"],
.fixed.\!bg-inverted .text-2xl,
.fixed[class*="!bg-inverted"] .text-2xl,
.fixed.bg-inverted .text-2xl,
.fixed.\!bg-inverted [class*="text-2xl"],
.fixed[class*="!bg-inverted"] [class*="text-2xl"],
.fixed.\!bg-inverted .text-xl,
.fixed[class*="!bg-inverted"] .text-xl,
.fixed.\!bg-inverted .font-medium,
.fixed[class*="!bg-inverted"] .font-medium,
.fixed.\!bg-inverted .text-default,
.fixed[class*="!bg-inverted"] .text-default,
.fixed.\!bg-inverted [class*="text-default"],
.fixed[class*="!bg-inverted"] [class*="text-default"],
.fixed.bg-inverted .text-default {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fixed.\!bg-inverted .text-muted,
.fixed[class*="!bg-inverted"] .text-muted,
.fixed.bg-inverted .text-muted,
.fixed.\!bg-inverted [class*="text-muted"],
.fixed[class*="!bg-inverted"] [class*="text-muted"] {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Checkout CTA — compact (not full-tray width), lock/cart SVG visible via fill */
.fixed.\!bg-inverted button,
.fixed[class*="!bg-inverted"] button,
.fixed.bg-inverted button,
.fixed.\!bg-inverted a.border,
.fixed[class*="!bg-inverted"] a.border {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: max-content !important;
  align-self: center !important;
  border-radius: 12px !important;
  font-weight: 750 !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  color: #ffffff !important;
  border: none !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  gap: 8px !important;
  box-shadow: 0 8px 18px rgba(14, 141, 219, 0.28) !important;
  font-size: 13px !important;
  letter-spacing: -0.01em !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: nowrap !important;
}

.fixed.\!bg-inverted button *,
.fixed[class*="!bg-inverted"] button *,
.fixed.bg-inverted button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fixed.\!bg-inverted button svg,
.fixed[class*="!bg-inverted"] button svg,
.fixed.bg-inverted button svg,
.sky-tray-checkout svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  color: #ffffff !important;
  /* Lock/star icons are stroke-based — do NOT kill stroke */
  fill: none !important;
  stroke: #ffffff !important;
}

.fixed.\!bg-inverted button svg path,
.fixed[class*="!bg-inverted"] button svg path,
.fixed.bg-inverted button svg path,
.fixed.\!bg-inverted button svg *,
.fixed[class*="!bg-inverted"] button svg *,
.sky-tray-checkout svg path,
.sky-tray-checkout svg * {
  fill: none !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fallback star/lock glyph if Nexus omits SVG */
.sky-checkout-ico {
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  margin-right: 2px !important;
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%23fff' stroke-width='1.6' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5l1.8 3.6 4 .6-2.9 2.8.7 4L8 10.8 4.4 12.5l.7-4L2.2 5.7l4-.6L8 1.5z'/%3E%3C/svg%3E") !important;
}

/* Fallback select tags outside combobox (same Select2 look) */
.inline-flex.items-center.justify-between.border.bg-primary,
.inline-flex.items-center.justify-between.border.text-inverted {
  border-radius: 999px !important;
  background: #e8f4ff !important;
  background-image: none !important;
  border-color: rgba(14, 141, 219, 0.35) !important;
  color: #13112F !important;
  box-shadow: none !important;
}

.inline-flex.items-center.justify-between.border.bg-primary *,
.inline-flex.items-center.justify-between.border.text-inverted * {
  color: #13112F !important;
}

a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none !important;
}

/*
 * Cart / added icon buttons — was blank box:
 * SVG stroke/fill white on transparent/light bg → invisible.
 */
button:has(svg.bi-cart3),
button:has(svg.bi-check-circle) {
  border-radius: 12px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: none !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(14, 141, 219, 0.28) !important;
  display: inline-grid !important;
  place-items: center !important;
}

button:has(svg.bi-cart3):hover,
button:has(svg.bi-check-circle):hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

button:has(svg.bi-cart3) svg,
button:has(svg.bi-cart3) svg * {
  width: 18px !important;
  height: 18px !important;
  color: #ffffff !important;
  fill: none !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* bi-check-circle is a FILLED glyph — fill:none made the green square look blank */
button:has(svg.bi-check-circle) svg,
button:has(svg.bi-check-circle) svg *,
button.sky-added-cart svg,
button.sky-added-cart svg * {
  width: 18px !important;
  height: 18px !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

button:has(svg.bi-check-circle),
button.sky-added-cart {
  background: #059669 !important;
  background-color: #059669 !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(5, 150, 105, 0.28) !important;
}

button {
  letter-spacing: -0.01em;
}

/* ============================================================
 * Domain register polish v23 — visitor regions 1–12 (CSS only)
 * ============================================================ */

/* #1 — Search shell: richer “magnet” panel */
div.bg-accented.rounded-4xl,
div.bg-accented.rounded,
div.flex.flex-col.bg-accented {
  position: relative !important;
  background:
    radial-gradient(ellipse 70% 80% at 12% 0%, rgba(40, 163, 252, 0.22), transparent 55%),
    radial-gradient(ellipse 55% 60% at 92% 8%, rgba(63, 30, 189, 0.16), transparent 50%),
    linear-gradient(165deg, #f7fbff 0%, #eef5ff 45%, #f4f7ff 100%) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.18) !important;
  border-radius: 24px !important;
  padding: 22px 20px 18px !important;
  box-shadow:
    0 22px 50px rgba(14, 141, 219, 0.1),
    0 0 0 1px rgba(255, 255, 255, 0.7) inset !important;
  gap: 16px !important;
  /* Must stay visible — Include TLDs / Max length listboxes render inside this shell */
  overflow: visible !important;
}

/* Listbox panels above sibling chrome (Suggested TLDs cards, etc.) */
div.bg-accented [role="listbox"],
div.bg-accented [role="listbox"] *,
div.bg-accented div[class*="absolute"]:has([role="listbox"]),
div.bg-accented div[class*="absolute"]:has([role="option"]) {
  z-index: 80 !important;
}

div.bg-accented.rounded-4xl::before,
div.flex.flex-col.bg-accented::before {
  content: "";
  position: absolute;
  top: -40%;
  right: -12%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(134, 2, 159, 0.08), transparent 70%);
  pointer-events: none;
}

div.bg-accented .bg-default.border:has(> input),
div.bg-accented .flex.gap-3.w-full.relative.bg-default:has(> input) {
  border-width: 3px !important;
  border-radius: 18px !important;
  box-shadow:
    0 18px 44px rgba(14, 141, 219, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
  min-height: 64px !important;
  padding: 10px 12px 10px 18px !important;
}

div.bg-accented button[class*="bg-primary"],
div.bg-accented button.bg-primary {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  border-radius: 12px !important;
  padding-inline: 16px !important;
  font-size: 14px !important;
  box-shadow: 0 12px 28px rgba(14, 141, 219, 0.32) !important;
}

/* #2 — Hide/Show Search Controls: glass chip */
div.bg-accented button.bg-transparent:not(.invisible),
div.bg-accented button[class*="bg-transparent"]:not(.invisible) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(232, 244, 255, 0.95)) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.4) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.01em !important;
  box-shadow:
    0 8px 20px rgba(14, 141, 219, 0.12),
    0 0 0 3px rgba(14, 141, 219, 0.06) !important;
}

/* Transfer pill — bolt edge */
div.bg-accented .flex.flex-row.gap-2:has(> a[href*="transfer"]),
div.bg-accented .flex.flex-row.gap-2:has(> a[href*="Transfer"]) {
  background: linear-gradient(135deg, #13112F 0%, #3F1EBD 55%, #0E8DDB 120%) !important;
  padding: 11px 18px 11px 15px !important;
  box-shadow: 0 14px 30px rgba(63, 30, 189, 0.28) !important;
  gap: 10px !important;
}

/* Include TLDs / Max length / Safe Search labels */
div.bg-accented label,
div.bg-accented [class*="text-small"]:has(+ *),
div.bg-accented .text-muted {
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
}

/* Safe Search control — pill shell */
div.bg-accented label:has(input[type="checkbox"]),
div.bg-accented div:has(> input[type="checkbox"]):has(span),
div.bg-accented .flex.items-center.gap-2:has(input[type="checkbox"]) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff, #eef5ff) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.08) !important;
  font-weight: 750 !important;
  color: #13112F !important;
}

/* #3 — Category chips (Popular / Technology / …) */
div.flex.gap-2.flex-wrap > button.border-solid,
div.flex.gap-2.flex-wrap > button[class*="border-solid"] {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.1) !important;
  background: linear-gradient(180deg, #ffffff, #f4f8ff) !important;
  color: #13112F !important;
  font-weight: 750 !important;
  font-size: 12.5px !important;
  box-shadow: 0 4px 12px rgba(19, 17, 47, 0.05) !important;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s !important;
}

div.flex.gap-2.flex-wrap > button.border-solid:hover,
div.flex.gap-2.flex-wrap > button[class*="border-solid"]:hover {
  border-color: rgba(14, 141, 219, 0.4) !important;
  box-shadow: 0 8px 18px rgba(14, 141, 219, 0.12) !important;
  transform: translateY(-1px) !important;
}

/* Active / selected category — real class tokens only (never match hover:bg-accented!) */
div.flex.gap-2.flex-wrap > button.bg-primary,
div.flex.gap-2.flex-wrap > button.bg-accented,
div.flex.gap-2.flex-wrap > button.outline-primary,
div.flex.gap-2.flex-wrap > button[aria-pressed="true"] {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 10px 22px rgba(14, 141, 219, 0.28) !important;
}

div.flex.gap-2.flex-wrap > button.bg-primary *,
div.flex.gap-2.flex-wrap > button.bg-accented * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* #4 — TLD pricing table: soft row gradients, no flat white slabs on blue */
div.overflow-x-auto.rounded-medium,
div.border.border-muted.rounded-medium.bg-default.overflow-x-auto {
  background: linear-gradient(180deg, #f0f7ff 0%, #e8f2fc 100%) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.16) !important;
  border-radius: 18px !important;
  padding: 10px !important;
  box-shadow: 0 14px 36px rgba(14, 141, 219, 0.08) !important;
}

table.min-w-full.border-separate {
  border-spacing: 0 8px !important;
  background: transparent !important;
}

/* #5 — Table head clearly separated */
thead tr.bg-default,
thead tr {
  background: linear-gradient(90deg, #13112F, #1a2744) !important;
}

thead th {
  background: transparent !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 14px 16px !important;
}

thead tr th:first-child {
  border-radius: 12px 0 0 12px !important;
}

thead tr th:last-child {
  border-radius: 0 12px 12px 0 !important;
}

tbody.group\/body,
tbody[class*="group/body"] {
  background: transparent !important;
}

tbody tr.bg-default,
tbody tr[class*="bg-default"] {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
  box-shadow: 0 6px 16px rgba(19, 17, 47, 0.05) !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}

tbody tr.bg-default:hover,
tbody tr[class*="hover:bg-lifted"]:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eaf4ff 100%) !important;
  box-shadow: 0 10px 24px rgba(14, 141, 219, 0.12) !important;
}

tbody tr > td {
  border: none !important;
  background: transparent !important;
  color: #13112F !important;
  vertical-align: middle !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

tbody tr > td:first-child {
  border-radius: 14px 0 0 14px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  color: #0E8DDB !important;
}

tbody tr > td:last-child {
  border-radius: 0 14px 14px 0 !important;
}

/* Category cell → soft pill */
tbody tr > td:nth-child(2) {
  font-size: 12px !important;
  font-weight: 750 !important;
}

/* #6 — Year (+ price stack) as badges */
tbody td .flex.flex-col.gap-1 > div:first-child {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
}

tbody td .flex.flex-col.gap-1 > div:last-child {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-top: 2px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #0E8DDB !important;
  background: #e8f4ff !important;
  border: 1px solid rgba(14, 141, 219, 0.25) !important;
}

/* #7 — Pagination: soft numbered pills (not all-blue blobs) */
div.flex.gap-1.w-full.justify-end,
div.flex.gap-1.w-full.justify-end.-mt-5,
div[class*="justify-end"][class*="gap-1"]:has(> button) {
  gap: 8px !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #f7fbff, #eef5ff) !important;
  border: 1px solid rgba(14, 141, 219, 0.12) !important;
  width: fit-content !important;
  margin-left: auto !important;
}

div.flex.gap-1.w-full.justify-end > button,
div[class*="justify-end"][class*="gap-1"] > button {
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.1) !important;
  background: #ffffff !important;
  color: #13112F !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  box-shadow: 0 4px 10px rgba(19, 17, 47, 0.05) !important;
  -webkit-text-fill-color: #13112F !important;
}

div.flex.gap-1.w-full.justify-end > button:hover {
  border-color: rgba(14, 141, 219, 0.4) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}

/* Active page — Nexus usually marks with bg-primary / stronger border */
div.flex.gap-1.w-full.justify-end > button[class*="bg-primary"],
div.flex.gap-1.w-full.justify-end > button[class*="bg-accented"],
div.flex.gap-1.w-full.justify-end > button[aria-current="page"] {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 10px 22px rgba(14, 141, 219, 0.28) !important;
}

div.flex.gap-1.w-full.justify-end > button[class*="bg-primary"] *,
div.flex.gap-1.w-full.justify-end > button[aria-current="page"] * {
  color: #fff !important;
  stroke: #fff !important;
}

/* Prev / Next wider */
div.flex.gap-1.w-full.justify-end > button:first-child,
div.flex.gap-1.w-full.justify-end > button:last-child {
  padding: 0 14px !important;
  min-width: auto !important;
}

/* #8 — Shared Hosting / Transfer = client-area addon-card */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]),
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed):not([class*="fixed"]):not([class*="!bg-inverted"]) {
  padding: 22px 20px !important;
  min-height: 210px !important;
  border-radius: 18px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.1) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(19, 17, 47, 0.05) !important;
  gap: 10px !important;
  overflow: hidden !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(19, 17, 47, 0.1) !important;
  border-color: rgba(14, 141, 219, 0.28) !important;
}

/* Hide stuck globe; we draw icons via ::before on titles */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative) .flex.justify-between > svg.bi-globe,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative) > .flex.justify-between svg {
  display: none !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative) .leading-none\!.text-default.font-bold.text-xl,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative) .font-bold.text-xl {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #13112F !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

/* Shared Hosting icon tile */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(:has(svg.bi-globe)) .font-bold.text-xl::before {
  content: "" !important;
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0 !important;
  border-radius: 14px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 18h12M5 14h14a2 2 0 0 0 0-4h-1.2a5 5 0 0 0-9.6 0H7a2 2 0 1 0 0 4z' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      center / 24px no-repeat,
    linear-gradient(135deg, #0E8DDB, #059669) !important;
  box-shadow: 0 10px 22px rgba(14, 141, 219, 0.28) !important;
}

/* Transfer icon tile */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):has(svg.bi-globe) .font-bold.text-xl::before {
  content: "" !important;
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0 !important;
  border-radius: 14px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23fff' stroke-width='1.7'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.8 3.8 5.8 3.8 9s-1.3 6.2-3.8 9c-2.5-2.8-3.8-5.8-3.8-9S9.5 5.8 12 3z' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")
      center / 24px no-repeat,
    linear-gradient(135deg, #3F1EBD, #86029F) !important;
  box-shadow: 0 10px 22px rgba(63, 30, 189, 0.28) !important;
}

/* Promo CTAs — see v31 compact pill block at end of file */

/* #9 — Tray title padding */
.fixed.\!bg-inverted .text-2xl,
.fixed[class*="!bg-inverted"] .text-2xl,
.fixed.bg-inverted .text-2xl,
.fixed[class*="bg-inverted"] [class*="text-2xl"].font-medium {
  padding-top: 4px !important;
  padding-bottom: 6px !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.fixed.\!bg-inverted,
.fixed[class*="!bg-inverted"],
.fixed.bg-inverted {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* #10 — Tray Checkout only (scoped — do not paint modal buttons) */
.fixed.\!bg-inverted button,
.fixed[class*="!bg-inverted"] button,
.fixed.bg-inverted button,
.fixed.\!bg-inverted button[class*="!bg-default"],
.fixed[class*="!bg-inverted"] button[class*="bg-default"],
.fixed.\!bg-inverted button.text-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: max-content !important;
}

.fixed.\!bg-inverted button span,
.fixed[class*="!bg-inverted"] button span,
.fixed.\!bg-inverted button div,
.fixed[class*="!bg-inverted"] button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* #12 — Top AI domain cards only (.group) — Featured TLDs handled in v31 */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed) {
  border: 2px solid transparent !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(
      135deg,
      rgba(40, 163, 252, 0.55),
      rgba(63, 30, 189, 0.35),
      rgba(14, 141, 219, 0.25)
    ) border-box !important;
  box-shadow: 0 16px 40px rgba(14, 141, 219, 0.1) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):hover {
  background:
    linear-gradient(#ffffff, #f7fbff) padding-box,
    linear-gradient(135deg, #28A3FC, #3F1EBD, #0E8DDB) border-box !important;
}

/* --- hotfix: checkout tray + pagination contrast (v23c) --- */
div.fixed[class*="bg-inverted"] button,
div.fixed[class*="!bg-inverted"] button,
.fixed.\!bg-inverted button,
.fixed.bg-inverted button {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  background-image: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: transparent !important;
}

div.fixed[class*="bg-inverted"] button *,
.fixed.\!bg-inverted button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Pagination: kill global primary-blue wash on every page btn */
div.flex.gap-1.w-full.justify-end > button,
div.flex.gap-1[class*="justify-end"] > button {
  background: #ffffff !important;
  background-image: none !important;
  background-color: #ffffff !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  border: 1.5px solid rgba(19, 17, 47, 0.12) !important;
  opacity: 1 !important;
}

div.flex.gap-1.w-full.justify-end > button *,
div.flex.gap-1[class*="justify-end"] > button * {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  stroke: #13112F !important;
  fill: none !important;
  opacity: 1 !important;
}

/* Active page only */
div.flex.gap-1.w-full.justify-end > button[class*="bg-primary"],
div.flex.gap-1.w-full.justify-end > button[class*="!bg-primary"],
div.flex.gap-1.w-full.justify-end > button[aria-current="page"],
div.flex.gap-1[class*="justify-end"] > button[class*="bg-primary"] {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  background-image: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: transparent !important;
}

div.flex.gap-1.w-full.justify-end > button[class*="bg-primary"] *,
div.flex.gap-1.w-full.justify-end > button[aria-current="page"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Nexus !bg-default utility beats normal overrides — escape the bang class */
.fixed button.\!bg-default,
.fixed .\!bg-default,
div.fixed button.\!bg-default,
button.\!bg-default.rounded-medium {
  background-color: #0E8DDB !important;
  background-image: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: transparent !important;
}

.fixed button.\!bg-default *,
.fixed button.\!bg-default svg,
.fixed button.\!bg-default svg * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* Pagination: also beat primary utility wash */
div.flex.gap-1.w-full.justify-end > button.border,
div.flex.gap-1.w-full.justify-end.-mt-5 > button {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  opacity: 1 !important;
}

div.flex.gap-1.w-full.justify-end > button.\!bg-primary,
div.flex.gap-1.w-full.justify-end > button.bg-primary,
div.flex.gap-1.w-full.justify-end > button[class*="bg-primary"] {
  background-color: #0E8DDB !important;
  background-image: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ============================================================
 * Top AI Suggestion + Suggested Domains filters — v24 max polish
 * ============================================================ */

/* Section heads: Top AI / Suggested Domains / Search Results — v30 */
div.text-xl.font-medium.leading-none\!.text-accented,
div.text-xl.font-medium.text-accented {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  margin: 18px 0 12px !important;
  padding: 11px 16px 11px 14px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.18) !important;
  background:
    linear-gradient(105deg, rgba(18, 149, 252, 0.12) 0%, rgba(63, 30, 189, 0.06) 42%, #ffffff 72%) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: #13112F !important;
  box-shadow: 0 8px 22px rgba(14, 141, 219, 0.07) !important;
}

/* Soft accent pill (stays inside radius — no border-left bleed) */
div.text-xl.font-medium.leading-none\!.text-accented::before,
div.text-xl.font-medium.text-accented::before {
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
  border-radius: 9px !important;
  background:
    linear-gradient(135deg, #1295FC, #3F1EBD) !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.28) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='1.8' viewBox='0 0 16 16'%3E%3Cpath d='M8 1v2M8 13v2M1 8h2M13 8h2M3.05 3.05l1.4 1.4M11.55 11.55l1.4 1.4M3.05 12.95l1.4-1.4M11.55 4.45l1.4-1.4'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #1295FC, #3F1EBD) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center, center !important;
  background-size: 14px 14px, 100% 100% !important;
}

/* Top AI cards — tighter height, clip children to radius */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):not([class*="fixed"]) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 30px 16px 14px !important;
  border-radius: 16px !important;
  border: 2px solid transparent !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) padding-box,
    linear-gradient(135deg, rgba(40, 163, 252, 0.55), rgba(14, 141, 219, 0.35)) border-box !important;
  box-shadow: 0 10px 28px rgba(14, 141, 219, 0.09) !important;
  overflow: hidden !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(14, 141, 219, 0.12) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef5ff 100%) padding-box,
    linear-gradient(135deg, #28A3FC, #0E8DDB) border-box !important;
}

/* Extra top hairline ABOVE TLD badge — remove (keep card’s 4 gradient borders) */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed)::after,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed)::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Do NOT make inner row position:relative — that trapped the TLD badge over the domain name */
div.relative.group.border.border-solid.rounded-large > .flex.flex-row {
  position: static !important;
  z-index: 1 !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* Nexus mt-6 clears inset badge */
div.relative.group.border.border-solid.rounded-large .mt-6,
div.relative.group.border.border-solid.rounded-large .flex.flex-row.gap-4.items-start.mt-6 {
  margin-top: 28px !important;
}

div.relative.group.border.border-solid.rounded-large .gap-4 {
  gap: 8px !important;
}

/* TLD badge — inset chip (not hanging from top edge = no double line above badge) */
div.relative.group.border.border-solid.rounded-large .absolute.top-0,
div.relative.group.border.border-solid.rounded-large [class*="absolute"][class*="top-0"],
div.relative.group.border.border-solid.rounded-large .inline-flex.items-center.justify-between.absolute {
  top: 10px !important;
  left: 14px !important;
  right: auto !important;
  z-index: 3 !important;
  min-height: 22px !important;
  max-width: calc(100% - 28px) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  border: 0 !important;
  border-top: 0 !important;
  outline: none !important;
  box-shadow: 0 4px 10px rgba(63, 30, 189, 0.18) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(90deg, #1295FC, #3F1EBD) !important;
  gap: 0 !important;
  pointer-events: none !important;
  transform: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
}

div.relative.group.border.border-solid.rounded-large .absolute.top-0 *,
div.relative.group.border.border-solid.rounded-large [class*="absolute"][class*="top-0"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Domain name — tighter, punchier */
div.relative.group.border.border-solid.rounded-large [class*="text-3xl"],
div.relative.group.border.border-solid.rounded-large [class*="text-2xl"] {
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
  word-break: break-word !important;
  max-width: 100% !important;
}

div.relative.group.border.border-solid.rounded-large [class*="text-3xl"].font-bold,
div.relative.group.border.border-solid.rounded-large .font-bold[class*="text-"] {
  color: #0E8DDB !important;
  font-size: 17px !important;
}

/* Price block — slightly tighter for compact cards */
div.relative.group.border.border-solid.rounded-large [class*="text-xl"],
div.relative.group.border.border-solid.rounded-large [class*="text-large"] {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
}

/* “for the first year” muted line */
div.relative.group.border.border-solid.rounded-large [class*="text-muted"],
div.relative.group.border.border-solid.rounded-large [class*="text-small"] {
  font-size: 12px !important;
  font-weight: 650 !important;
  color: #5B647A !important;
}

/* —— Top AI cards: always show DNS / ID Protection (same stacked rows as Suggested) —— */
div.relative.group.border.border-solid.rounded-large > div[class*="max-h-0"],
div.relative.group.border.border-solid.rounded-large > div[class*="opacity-0"],
div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"][class*="opacity-0"] {
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  order: 5 !important;
}

/* Hide “Recommended for This Domain” label inside Top AI */
div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div.flex.items-center.justify-center.w-full,
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div.flex.items-center.justify-center.w-full,
div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div[class*="[&_b]"]:not(.flex),
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div[class*="[&_b]"]:first-child {
  display: none !important;
}

div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div.flex.gap-2.flex-wrap,
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div.flex.gap-2.flex-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 6px !important;
  align-items: stretch !important;
}

div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > div.border-r,
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > div.border-r {
  display: none !important;
}

/* Addon rows inside Top AI — match Suggested rectangle rows */
div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > button,
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button,
div.relative.group.border.border-solid.rounded-large button.sky-addon-chip {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 8px 0 12px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.18) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  box-shadow: 0 3px 10px rgba(19, 17, 47, 0.04) !important;
  text-transform: none !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  align-self: stretch !important;
  margin-top: 0 !important;
}

div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > button *,
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button *:not(.sky-addon-price):not(.sky-addon-cart):not(.sky-addon-actions),
div.relative.group.border.border-solid.rounded-large button.sky-addon-chip *:not(.sky-addon-price):not(.sky-addon-cart):not(.sky-addon-actions) {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

div.relative.group.border.border-solid.rounded-large div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > button svg,
div.relative.group.border.border-solid.rounded-large div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button svg,
div.relative.group.border.border-solid.rounded-large button.sky-addon-chip > svg {
  color: #3F1EBD !important;
  fill: currentColor !important;
  stroke: none !important;
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
}

/* Add to Cart — cart icon + label; added state = check icon square */
div.relative.group.border.border-solid.rounded-large button.bg-primary,
div.relative.group.border.border-solid.rounded-large button.text-inverted,
div.relative.group.border.border-solid.rounded-large button.border-primary,
div.relative.group.border.border-solid.rounded-large button.text-primary {
  align-self: flex-end !important;
  margin-top: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  border: none !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  box-shadow: 0 12px 26px rgba(14, 141, 219, 0.3) !important;
  letter-spacing: -0.01em !important;
}

/* Cart glyph when Nexus text button has no SVG */
div.relative.group.border.border-solid.rounded-large button.border-primary:not(:has(svg))::before,
div.relative.group.border.border-solid.rounded-large button.text-primary:not(:has(svg))::before,
div.relative.group.border.border-solid.rounded-large button.bg-primary:not(:has(svg))::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  background: center / 16px 16px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='1.5' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E") !important;
}

div.relative.group.border.border-solid.rounded-large button:has(svg.bi-cart3),
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle) {
  align-self: flex-end !important;
  margin-top: 8px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: none !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  display: inline-grid !important;
  place-items: center !important;
  box-shadow: 0 12px 26px rgba(14, 141, 219, 0.3) !important;
}

div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle) {
  background: linear-gradient(135deg, #059669, #0E8DDB) !important;
  box-shadow: 0 12px 26px rgba(5, 150, 105, 0.28) !important;
}

div.relative.group.border.border-solid.rounded-large button.bg-primary *,
div.relative.group.border.border-solid.rounded-large button.text-inverted *,
div.relative.group.border.border-solid.rounded-large button.border-primary *,
div.relative.group.border.border-solid.rounded-large button.text-primary *,
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-cart3) *,
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

div.relative.group.border.border-solid.rounded-large button:has(svg.bi-cart3) svg,
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-cart3) svg * {
  stroke: #ffffff !important;
  fill: none !important;
  color: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
  opacity: 1 !important;
}
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle) svg,
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle) svg *,
div.relative.group.border.border-solid.rounded-large button.sky-added-cart svg,
div.relative.group.border.border-solid.rounded-large button.sky-added-cart svg * {
  stroke: none !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

div.relative.group.border.border-solid.rounded-large button.bg-primary:hover,
div.relative.group.border.border-solid.rounded-large button.border-primary:hover,
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-cart3):hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Hot first card — purple ring ONLY when NOT available/exact-match */
div.flex:has(> div.relative.group.border.border-solid.rounded-large) > div.relative.group.border.border-solid.rounded-large:first-child:not(:has([class*="text-success"])):not(:has(.inline-flex svg.bi-check)):not(.sky-exact-match) {
  border: 2px solid transparent !important;
  border-color: transparent !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f4ff 100%) padding-box,
    linear-gradient(135deg, #3F1EBD, #86029F, #0E8DDB) border-box !important;
  box-shadow: 0 18px 40px rgba(63, 30, 189, 0.14) !important;
}

/* Kill old right-side aurora blob — keep exact-match green check ::before */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.relative.group:not(.fixed):not(:has([class*="text-success"])):not(:has(.inline-flex svg.bi-check)):not(.sky-exact-match)::before {
  content: none !important;
  display: none !important;
}

/* ---------- Suggested Domains — head + TLD chip strip (not cards) ---------- */
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) > div.flex.flex-row.gap-5,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) > div.flex.flex-row:has(div.flex.gap-2.flex-wrap) {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(ellipse 70% 120% at 0% 50%, rgba(63, 30, 189, 0.1), transparent 55%),
    linear-gradient(90deg, #f4f0ff, #eef6ff 45%, #f7fbff) !important;
  border: 1.5px solid rgba(63, 30, 189, 0.14) !important;
  box-shadow: 0 12px 28px rgba(63, 30, 189, 0.08) !important;
  gap: 10px !important;
}

/* Scope TLD chips to Suggested Domains strip only (avoid bleeding into Top AI addon chips) */
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).border-solid,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]) {
  position: relative !important;
  min-height: 40px !important;
  padding: 0 16px 0 14px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eaf3ff 100%) !important;
  background-color: #ffffff !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.03em !important;
  box-shadow:
    0 8px 18px rgba(14, 141, 219, 0.1),
    0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
  text-transform: lowercase !important;
}

div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"])::before {
  content: "." !important;
  font-weight: 900 !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  margin-right: 1px !important;
}

div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]):hover {
  border-color: rgba(63, 30, 189, 0.45) !important;
  color: #3F1EBD !important;
  -webkit-text-fill-color: #3F1EBD !important;
  background: linear-gradient(180deg, #ffffff, #efe8ff) !important;
  box-shadow: 0 12px 26px rgba(63, 30, 189, 0.16) !important;
  transform: translateY(-2px) !important;
}

/* Active / selected — class tokens only (avoid matching hover:bg-accented! in class string) */
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).bg-primary,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).bg-accented,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"])[aria-pressed="true"] {
  background: linear-gradient(90deg, #1295FC, #3F1EBD) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(63, 30, 189, 0.3) !important;
}

div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).bg-primary::before,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).bg-accented::before,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"])[aria-pressed="true"]::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).bg-primary *,
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button:not([data-test^="domain-addons-toggle"]).bg-accented * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Suggested Domains list rows — richer strip */
div.bg-default.rounded-large.p-4.w-full.group:not(.border):not(.relative) {
  background:
    linear-gradient(90deg, rgba(40, 163, 252, 0.06), transparent 40%),
    linear-gradient(180deg, #ffffff, #f5f9ff) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.14) !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  box-shadow: 0 12px 32px rgba(19, 17, 47, 0.06) !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.border):not(.relative):hover {
  border-color: rgba(63, 30, 189, 0.35) !important;
  box-shadow: 0 16px 40px rgba(63, 30, 189, 0.12) !important;
  background:
    linear-gradient(90deg, rgba(63, 30, 189, 0.08), transparent 45%),
    linear-gradient(180deg, #ffffff, #f3f0ff) !important;
}

/* ============================================================
 * v30 — Suggested rows: compact top; addon = stacked full-width
 * rectangles (name left · price + cart affordance right)
 * ============================================================ */
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 12px 14px 10px !important;
  overflow: hidden !important;
  min-height: 0 !important;
}
/* Addon pill tooltips render inside the card and open upward */
div.bg-default.rounded-large.p-4.w-full.group:not(.relative):has([data-test="domain-addons-toggle"]) {
  overflow: visible !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div.flex.flex-row.w-full {
  width: 100% !important;
  align-items: center !important;
  gap: 10px !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div.flex.flex-row.w-full > div.flex.flex-row.gap-3 {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  align-items: center !important;
}

/* Addon list container — no nested “box”; just spacing */
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"],
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] {
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div.flex.items-center.justify-center.w-full,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.items-center.justify-center.w-full,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div[class*="[&_b]"],
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div[class*="[&_b]"] {
  display: none !important;
}

/* Stack addon rectangles vertically */
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div.flex.gap-2.flex-wrap,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 6px !important;
  align-items: stretch !important;
}

/* Hide stock dividers between addon buttons */
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > div.border-r,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > div.border-r {
  display: none !important;
}

/* Each addon = one horizontal rectangle row */
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > button,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button,
button.sky-addon-chip {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 8px 0 12px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.18) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  box-shadow: 0 3px 10px rgba(19, 17, 47, 0.04) !important;
  text-transform: none !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

button.sky-addon-chip,
button.sky-addon-chip.bg-primary,
button.sky-addon-chip.text-inverted,
button.sky-addon-chip.\!bg-inverted,
button.sky-addon-chip[class*="!bg-inverted"],
button.sky-addon-chip[class*="bg-inverted"],
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) button.sky-addon-chip {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: rgba(14, 141, 219, 0.22) !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  box-shadow: 0 3px 10px rgba(19, 17, 47, 0.04) !important;
}

/* Selected addon row */
button.sky-addon-chip.\!bg-inverted,
button.sky-addon-chip[class*="!bg-inverted"],
button.sky-addon-chip.bg-primary {
  border-color: rgba(63, 30, 189, 0.4) !important;
  background: linear-gradient(90deg, #faf8ff, #f3f8ff) !important;
  background-color: #f7f5ff !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > button *:not([data-tippy-root]):not([data-tippy-root] *),
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button *:not(.sky-addon-price):not(.sky-addon-cart):not(.sky-addon-actions):not([data-tippy-root]):not([data-tippy-root] *),
button.sky-addon-chip *:not(.sky-addon-price):not(.sky-addon-cart):not(.sky-addon-actions):not([data-tippy-root]):not([data-tippy-root] *) {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* Addon description tooltip — Nexus appends it inside the pill (appendTo: parent) */
button.sky-addon-chip [data-tippy-root] .tippy-box {
  max-width: 260px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: #13112F !important;
  box-shadow: 0 8px 20px rgba(19, 17, 47, 0.18) !important;
}

button.sky-addon-chip [data-tippy-root] .tippy-content,
button.sky-addon-chip [data-tippy-root] .tippy-content * {
  padding: 7px 10px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

button.sky-addon-chip [data-tippy-root] .tippy-content * {
  padding: 0 !important;
}

/* Nexus inlines its own (4h-cached) copy of this file; out-rank its older chip rules */
div.flex.flex-col.w-full.gap-4:has(> div.text-xl.font-medium) div.flex.gap-2.flex-wrap > button[data-test^="domain-addons-toggle"]::before {
  content: none !important;
  display: none !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button [data-tippy-root] .tippy-box .tippy-content,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button [data-tippy-root] .tippy-box .tippy-content * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: normal !important;
}

div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="max-h-0"] > div.flex.gap-2.flex-wrap > button svg,
div.bg-default.rounded-large.p-4.w-full.group:not(.relative) > div[class*="opacity-0"] > div.flex.gap-2.flex-wrap > button svg,
button.sky-addon-chip > svg {
  color: #3F1EBD !important;
  fill: currentColor !important;
  stroke: none !important;
  flex-shrink: 0 !important;
  width: 15px !important;
  height: 15px !important;
}

/* Right cluster: price + cart affordance */
.sky-addon-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

.sky-addon-price,
button .sky-addon-price {
  margin-left: 0 !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  border: 1px solid rgba(14, 141, 219, 0.2) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

.sky-addon-cart {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.28) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='1.5' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E"),
    linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center, center !important;
  background-size: 14px 14px, 100% 100% !important;
  flex-shrink: 0 !important;
}

/* Selected → check icon instead of cart */
button.sky-addon-chip.\!bg-inverted .sky-addon-cart,
button.sky-addon-chip[class*="!bg-inverted"] .sky-addon-cart,
button.sky-addon-chip.bg-primary .sky-addon-cart {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #059669, #0E8DDB) !important;
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.28) !important;
}

/* ============================================================
 * v28 — Configure Domain Extras modal
 * ============================================================ */
div.fixed.inset-0[class*="z-[1050]"],
div.fixed.inset-0[class*="z-\\[1050\\]"] {
  /* shell only */
}

/* Modal panel (child of overlay) */
div.fixed.inset-0[class*="z-[1050]"] .text-xl,
div.fixed.inset-0[class*="z-[1050]"] [class*="text-xl"],
div.fixed.inset-0[class*="z-[1050]"] .text-default,
div.fixed.inset-0[class*="z-[1050]"] [class*="text-default"],
div.fixed.inset-0[class*="z-[1050]"] .font-medium,
div.fixed.inset-0[class*="z-[1050]"] [class*="font-bold"] {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

div.fixed.inset-0[class*="z-[1050]"] .text-muted,
div.fixed.inset-0[class*="z-[1050]"] [class*="text-muted"] {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}

/* Close (X) — soft chip, visible dark icon (was blue blob / fill:none) */
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.size-5):not(:has(span)):not(:has(div)),
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.text-grayscale),
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.text-grayscale):hover {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.14) !important;
  background: #eef2f7 !important;
  background-color: #eef2f7 !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  max-width: 36px !important;
}

div.fixed.inset-0[class*="z-[1050]"] button:has(svg.size-5) svg,
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.text-grayscale) svg,
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.size-5) svg *,
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.text-grayscale) svg *,
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.size-5) path,
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.text-grayscale) path {
  color: #13112F !important;
  fill: currentColor !important;
  stroke: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 18px !important;
  height: 18px !important;
}

/* Footer: Continue + Cancel = 50/50 — Configure Domain Extras only
 * Tax modal has [role=combobox] fields; exclude those overlays. */
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-3:has(> button),
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-2:has(> button),
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-4:has(> button) {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-3 > button,
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-2 > button,
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-4 > button {
  flex: 1 1 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-3 > button.bg-primary,
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-3 > button[class*="bg-primary"],
div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) button.bg-primary {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(14, 141, 219, 0.28) !important;
}

div.fixed.inset-0[class*="z-[1050]"]:not(:has([role="combobox"])) .flex.gap-3 > button:not([class*="bg-primary"]):not(.bg-primary) {
  background: linear-gradient(180deg, #ffffff, #eef5ff) !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  border: 1.5px solid rgba(14, 141, 219, 0.35) !important;
  box-shadow: none !important;
}

/* Form fields — stronger border + black typed text */
div.fixed.inset-0[class*="z-[1050]"] input,
div.fixed.inset-0[class*="z-[1050]"] textarea,
div.fixed.inset-0[class*="z-[1050]"] select,
div.fixed.inset-0[class*="z-[1050]"] [role="combobox"] {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  caret-color: #13112F !important;
  border-color: rgba(19, 17, 47, 0.28) !important;
  border-width: 1.5px !important;
  border-style: solid !important;
}

div.fixed.inset-0[class*="z-[1050]"] input.bg-transparent,
div.fixed.inset-0[class*="z-[1050]"] input[class*="bg-transparent"],
div.fixed.inset-0[class*="z-[1050]"] input.border-none {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  border: none !important;
}

div.fixed.inset-0[class*="z-[1050]"] [role="combobox"] {
  border: 1.5px solid rgba(19, 17, 47, 0.28) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

div.fixed.inset-0[class*="z-[1050]"] label,
div.fixed.inset-0[class*="z-[1050]"] [class*="text-small"] {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* ============================================================
 * v31 — Promo CTAs (Explore / Transfer) + Featured TLD tiles
 * ============================================================ */

/* Shared Hosting / Transfer promo cards — tighter */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]),
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed):not([class*="fixed"]):not([class*="!bg-inverted"]) {
  min-height: 0 !important;
  padding: 18px 18px 16px !important;
  gap: 8px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(40, 163, 252, 0.12), transparent 55%),
    linear-gradient(165deg, #ffffff, #f5f9ff) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.16) !important;
  box-shadow: 0 12px 28px rgba(19, 17, 47, 0.06) !important;
}

/* Compact CTA — OUTER <a> only; taller + icon + balanced type (not skinny / not huge text) */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.text-primary,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a[class*="text-primary"],
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.cursor-pointer,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.border,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) > * a,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a.cursor-pointer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: max-content !important;
  align-self: flex-start !important;
  height: 40px !important;
  min-height: 40px !important;
  margin-top: 12px !important;
  padding: 0 16px 0 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.35) !important;
  outline: none !important;
  background: linear-gradient(180deg, #1aa0ff 0%, #0E8DDB 100%) !important;
  background-color: #0E8DDB !important;
  background-image: linear-gradient(180deg, #1aa0ff 0%, #0E8DDB 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 16px rgba(14, 141, 219, 0.24) !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  white-space: nowrap !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}

/* Icons via ::before — Explore (packages) / Transfer (arrows) */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.cursor-pointer::before,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a[class*="text-primary"]::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a.cursor-pointer::before {
  content: "" !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  background-color: #ffffff !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  /* default: package / grid */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 5.5 8 2.75l5.5 2.75M2.5 5.5v5L8 13.25l5.5-2.75v-5M2.5 5.5 8 8.25m0 0 5.5-2.75M8 8.25V13.25'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 5.5 8 2.75l5.5 2.75M2.5 5.5v5L8 13.25l5.5-2.75v-5M2.5 5.5 8 8.25m0 0 5.5-2.75M8 8.25V13.25'/%3E%3C/svg%3E") !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a[href*="transfer"]::before,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a[href*="Transfer"]::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a[href*="transfer"]::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a[href*="Transfer"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 5.5h9.2M9.2 2.8 11.9 5.5 9.2 8.2M13.5 10.5H4.3M6.8 7.8 4.1 10.5l2.7 2.7'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 5.5h9.2M9.2 2.8 11.9 5.5 9.2 8.2M13.5 10.5H4.3M6.8 7.8 4.1 10.5l2.7 2.7'/%3E%3C/svg%3E") !important;
}

/* Kill nested button skin — one clean layer */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a button,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a > button,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a > button {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  filter: none !important;
  transform: none !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.text-primary:hover,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.cursor-pointer:hover,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a.cursor-pointer:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.32) inset,
    0 10px 20px rgba(14, 141, 219, 0.3) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.text-primary *,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a[class*="text-primary"] *,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed) a.cursor-pointer *,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) a * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
  text-decoration: none !important;
}

/* Transfer promo: don’t paint a second shell around the link */
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative) .flex.flex-row.gap-2:has(> a) {
  display: contents !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative) .flex.flex-row.gap-2:has(> a) > svg {
  display: none !important;
}

/* ---------- Featured TLD tiles — price-ticket cards ----------
 * relative + bg-default, NOT .group (Top AI suggestion cards use .group)
 */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  min-height: 132px !important;
  height: auto !important;
  padding: 18px 16px 16px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(19, 17, 47, 0.08) !important;
  background:
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 10px,
      rgba(14, 141, 219, 0.03) 10px,
      rgba(14, 141, 219, 0.03) 11px
    ),
    radial-gradient(ellipse 90% 70% at 100% 0%, rgba(40, 163, 252, 0.2), transparent 55%),
    linear-gradient(160deg, #ffffff 0%, #f3f8ff 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 10px 24px rgba(19, 17, 47, 0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed)::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 4px !important;
  border-radius: 0 6px 6px 0 !important;
  background: linear-gradient(180deg, #1295FC, #0E8DDB) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed):hover {
  transform: translateY(-4px) !important;
  border-color: rgba(14, 141, 219, 0.35) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 18px 36px rgba(14, 141, 219, 0.14) !important;
}

/* Alternating accents */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed):nth-child(even) {
  background:
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 10px,
      rgba(63, 30, 189, 0.035) 10px,
      rgba(63, 30, 189, 0.035) 11px
    ),
    radial-gradient(ellipse 90% 70% at 0% 100%, rgba(63, 30, 189, 0.16), transparent 55%),
    linear-gradient(160deg, #ffffff 0%, #f7f3ff 100%) !important;
  border-color: rgba(63, 30, 189, 0.12) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed):nth-child(even)::before {
  background: linear-gradient(180deg, #5B2FE0, #3F1EBD) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed):nth-child(3n) {
  background:
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 10px,
      rgba(5, 150, 105, 0.035) 10px,
      rgba(5, 150, 105, 0.035) 11px
    ),
    radial-gradient(ellipse 90% 70% at 100% 100%, rgba(5, 150, 105, 0.16), transparent 55%),
    linear-gradient(160deg, #ffffff 0%, #eefaf4 100%) !important;
  border-color: rgba(5, 150, 105, 0.14) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):not(.fixed):nth-child(3n)::before {
  background: linear-gradient(180deg, #10B981, #059669) !important;
}

/* Inner row — price-first stack, logo as watermark */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) > .flex.flex-row {
  position: relative !important;
  margin-top: 0 !important;
  padding-left: 6px !important;
  gap: 0 !important;
  align-items: flex-end !important;
  width: 100% !important;
  min-height: 96px !important;
}

/* TLD chip — solid filled pill, high contrast (was too faint) */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .absolute.top-0,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) [class*="absolute"][class*="top-0"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .inline-flex.items-center.justify-between {
  position: absolute !important;
  top: 12px !important;
  left: auto !important;
  right: 12px !important;
  z-index: 5 !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  text-transform: lowercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.28) !important;
  backdrop-filter: none !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .absolute.top-0 *,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) [class*="absolute"][class*="top-0"] *,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .inline-flex.items-center.justify-between * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(even) .absolute.top-0,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(even) [class*="absolute"][class*="top-0"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(even) .inline-flex.items-center.justify-between {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(90deg, #5B2FE0, #3F1EBD) !important;
  background-color: #3F1EBD !important;
  box-shadow: 0 6px 14px rgba(63, 30, 189, 0.28) !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(3n) .absolute.top-0,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(3n) [class*="absolute"][class*="top-0"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(3n) .inline-flex.items-center.justify-between {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(90deg, #10B981, #059669) !important;
  background-color: #059669 !important;
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.28) !important;
}

/* Logo → soft watermark, bottom-right */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .size-20,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) [class*="size-20"] {
  position: absolute !important;
  right: -6px !important;
  bottom: -10px !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  padding: 0 !important;
  border-radius: 20px !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 0.18 !important;
  background-color: transparent !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: saturate(1.1);
}

/* Text column sits above watermark */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) > .flex.flex-row > .flex.flex-col {
  position: relative !important;
  z-index: 2 !important;
  gap: 2px !important;
  max-width: calc(100% - 28px) !important;
}

/* TLD name above price — keep readable (was hidden; badge alone was too faint) */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) > .flex.flex-row > .flex.flex-col > [class*="[&_b]"]:first-child {
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  margin-bottom: 2px !important;
}

/* Price — ONLY the dollar line (not “for the first year”) */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .flex.flex-col.gap-0 > [class*="[&_b]"]:first-child,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) > .flex.flex-row > .flex.flex-col > .flex.flex-col > [class*="[&_b]"]:first-of-type {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(even) .flex.flex-col.gap-0 > [class*="[&_b]"]:first-child,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(even) > .flex.flex-row > .flex.flex-col > .flex.flex-col > [class*="[&_b]"]:first-of-type {
  color: #2A1578 !important;
  -webkit-text-fill-color: #2A1578 !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(3n) .flex.flex-col.gap-0 > [class*="[&_b]"]:first-child,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group):nth-child(3n) > .flex.flex-row > .flex.flex-col > .flex.flex-col > [class*="[&_b]"]:first-of-type {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

/* “for the first year” — small muted (was inheriting 26px price size) */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .flex.flex-row.gap-1 [class*="[&_b]"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .flex.flex-row.gap-1 > div,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) [class*="text-muted"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) [class*="text-small"] {
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) .flex.flex-row.gap-1 {
  margin-top: 2px !important;
  align-items: center !important;
  gap: 4px !important;
}

div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group) svg {
  width: 12px !important;
  height: 12px !important;
  color: #8B93A7 !important;
  opacity: 0.8;
}

/* No bottom bar — left rail is the accent */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default.relative:not(.group)::after {
  display: none !important;
  content: none !important;
}

/* ============================================================
 * v33 — Cart module (viewcart) · mockup-grade skin
 * Scoped via [data-test="cart-item"] / Order Summary column /
 * Last Chance bg-accented shell — safe for domain-register page
 * ============================================================ */

/* Page columns */
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-3\/5.bg-default {
  padding: 28px 28px 48px !important;
  gap: 18px !important;
  background:
    radial-gradient(ellipse 60% 40% at 0% 0%, rgba(40, 163, 252, 0.08), transparent 55%),
    #ffffff !important;
}

div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-2\/5.bg-muted.md\:sticky {
  background:
    linear-gradient(165deg, #0f1b3d 0%, #1a1450 42%, #0c4a7a 100%) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: -18px 0 48px rgba(19, 17, 47, 0.12) !important;
  color: #ffffff !important;
}

div.md\:w-2\/5.bg-muted.md\:sticky .flex.flex-col.w-full.flex-grow {
  padding-top: 36px !important;
  gap: 22px !important;
}

/* —— Browse Products back link —— */
div.flex.flex-row.gap-1.items-start:has(> a[href*="/store"]),
div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
  padding: 7px 12px 7px 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff, #eef5ff) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.22) !important;
  box-shadow: 0 4px 12px rgba(14, 141, 219, 0.08) !important;
  width: max-content !important;
  max-width: max-content !important;
}

div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) > svg.bi-chevron-left {
  width: 14px !important;
  height: 14px !important;
  color: #0E8DDB !important;
  background: rgba(14, 141, 219, 0.12) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  box-sizing: content-box !important;
}

div.flex.flex-row.gap-1.items-start:has(> a[href*="/store"]) > a,
div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) > a {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 750 !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
}

/* Cart page titles — roomy line-height so bold glyphs never clip */
div.md\:w-3\/5 .text-2xl.font-medium.leading-none\!.text-default,
div.md\:w-3\/5 .text-2xl.font-medium.leading-none\!,
div.md\:w-3\/5 [class*="text-2xl"][class*="font-medium"],
div.md\:w-3\/5 [class*="text-2xl"] {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
  line-height: 34px !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  padding-top: 4px !important;
  padding-bottom: 2px !important;
  overflow: visible !important;
}
/* Title row under Browse — keep heading fully inside the card */
div.md\:w-3\/5 .flex.flex-row.w-full.gap-4.items-baseline.justify-between,
div.md\:w-3\/5 .flex.flex-row.w-full.gap-4.items-center.justify-between {
  align-items: center !important;
  overflow: visible !important;
  min-height: 44px !important;
  margin-top: 6px !important;
}

div.md\:w-3\/5 a[href*="nameserver"],
div.md\:w-3\/5 a.text-neutral {
  display: inline-flex !important;
  align-items: center !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  background: rgba(14, 141, 219, 0.06) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

/* —— Cart line items —— */
[data-test="cart-item"] {
  position: relative !important;
  padding: 18px 18px 16px !important;
  border-radius: 18px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.14) !important;
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(40, 163, 252, 0.1), transparent 50%),
    linear-gradient(165deg, #ffffff, #f5f9ff) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 12px 28px rgba(19, 17, 47, 0.06) !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

[data-test="cart-item"]::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 4px !important;
  border-radius: 0 6px 6px 0 !important;
  background: linear-gradient(180deg, #1295FC, #0E8DDB) !important;
  pointer-events: none !important;
}

[data-test="cart-item"]:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(14, 141, 219, 0.32) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 18px 36px rgba(14, 141, 219, 0.12) !important;
}

/* Domain name */
[data-test="cart-item"] .text-xl.font-normal.leading-none\!.text-default,
[data-test="cart-item"] .text-xl.font-semibold.leading-none\!.text-default {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

[data-test="cart-item"] .text-xl.font-semibold.leading-none\!.text-default {
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}

/* Delete — soft danger tile */
[data-test="cart-item"] button:has(svg.bi-trash) {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 11px !important;
  border: 1.5px solid rgba(220, 38, 38, 0.22) !important;
  background: linear-gradient(180deg, #fff5f5, #fee2e2) !important;
  color: #DC2626 !important;
  -webkit-text-fill-color: #DC2626 !important;
  box-shadow: 0 4px 10px rgba(220, 38, 38, 0.1) !important;
}

[data-test="cart-item"] button:has(svg.bi-trash):hover {
  background: linear-gradient(180deg, #fee2e2, #fecaca) !important;
  border-color: rgba(220, 38, 38, 0.4) !important;
  transform: translateY(-1px);
}

[data-test="cart-item"] button:has(svg.bi-trash) svg {
  width: 15px !important;
  height: 15px !important;
  color: #DC2626 !important;
  fill: currentColor !important;
}

/* Hide “invisible” label text on delete */
[data-test="cart-item"] button:has(svg.bi-trash) {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Select Term / field labels — NOT the Nexus checkbox overlay (size-5 -ml-5) */
[data-test="cart-item"] label:not([class*="size-5"]):not([class*="-ml-"]):not([class*="bg-primary"]) {
  font-size: 11.5px !important;
  font-weight: 750 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  margin-bottom: 6px !important;
}

[data-test="cart-item"] [role="combobox"] {
  height: 42px !important;
  min-height: 42px !important;
  max-width: 220px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.32) !important;
  background: linear-gradient(180deg, #ffffff, #f3f8ff) !important;
  box-shadow: 0 4px 12px rgba(14, 141, 219, 0.08) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: #13112F !important;
}

[data-test="cart-item"] [role="combobox"]:hover,
[data-test="cart-item"] [role="combobox"]:focus {
  border-color: rgba(14, 141, 219, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(14, 141, 219, 0.12) !important;
}

/* Price → badge */
[data-test="cart-item"] .text-xl.font-medium.leading-none\!.text-default.mb-2,
[data-test="cart-item"] .flex.flex-col.gap-0.items-end > .text-xl.font-medium {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 8px auto !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.22) !important;
  background: linear-gradient(135deg, rgba(18, 149, 252, 0.14), rgba(14, 141, 219, 0.08)) !important;
  color: #0B6FAE !important;
  -webkit-text-fill-color: #0B6FAE !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.1) !important;
  width: max-content !important;
}

/* Annual price + info → soft chip */
[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end {
  display: inline-flex !important;
  width: max-content !important;
  margin-left: auto !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(19, 17, 47, 0.04) !important;
  border: 1px solid rgba(19, 17, 47, 0.06) !important;
  gap: 6px !important;
}

[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end [class*="text-"],
[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end > div {
  font-size: 11.5px !important;
  font-weight: 650 !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  margin: 0 !important;
}

[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end svg {
  width: 13px !important;
  height: 13px !important;
  color: #8B93A7 !important;
  opacity: 0.9;
}

/* Addons trigger shell — transparent; pill is on the link (see v40/v45) */
[data-test="cart-item"] .relative.inline-block.h-max.rounded-medium {
  display: block !important;
  margin-top: 4px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

/* Expanded addon panel — clean white stack (match domain-search chips) */
[data-test="cart-item"] [class*="max-h-"] .flex.flex-row,
[data-test="cart-item"] .flex.flex-col.gap-2:has(input[type="checkbox"]) {
  gap: 8px !important;
  width: 100% !important;
  align-items: stretch !important;
}

/* Cart addon rows = same chip language as domain page */
[data-test="cart-item"] [data-test="domain-addons-checkbox-label"],
[data-test="cart-item"] .sky-cart-addon-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 0 8px 0 12px !important;
  margin: 0 0 8px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.18) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 3px 10px rgba(19, 17, 47, 0.04) !important;
  box-sizing: border-box !important;
}
[data-test="cart-item"] .sky-cart-addon-row.sky-cart-addon-on {
  border-color: rgba(5, 150, 105, 0.35) !important;
  background: linear-gradient(90deg, #f3fbf7, #f3f8ff) !important;
  background-color: #f5fbf8 !important;
}
[data-test="cart-item"] [data-test="domain-addons-checkbox-label-label"] {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
}
[data-test="cart-item"] .sky-cart-addon-row .sky-addon-actions {
  margin-left: auto !important;
}

/* Visible checkbox + checkmark (Nexus appearance-none hides native tick) */
[data-test="cart-item"] input[data-test="domain-addons-checkbox"],
[data-test="cart-item"] .sky-cart-addon-row input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  border-radius: 6px !important;
  border: 2px solid #5B647A !important;
  background: #ffffff !important;
  background-image: none !important;
  flex-shrink: 0 !important;
  position: relative !important;
  cursor: pointer !important;
}
[data-test="cart-item"] input[data-test="domain-addons-checkbox"]:checked,
[data-test="cart-item"] .sky-cart-addon-row input[type="checkbox"]:checked {
  background: #059669 !important;
  background-color: #059669 !important;
  border-color: #059669 !important;
}
[data-test="cart-item"] input[data-test="domain-addons-checkbox"]:checked::after,
[data-test="cart-item"] .sky-cart-addon-row input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 6px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  display: block !important;
  box-sizing: border-box !important;
}
/* Selected → right affordance becomes check (same as domain chips) */
[data-test="cart-item"] .sky-cart-addon-row.sky-cart-addon-on .sky-addon-cart {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #059669, #0E8DDB) !important;
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.28) !important;
}

/* —— Order Summary (dark sticky rail) —— */
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .text-2xl,
div.md\:w-2\/5.bg-muted.md\:sticky .text-2xl.font-medium {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] > div:not(.text-2xl) {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 650 !important;
  font-size: 13.5px !important;
}

/* Domains mini-card inside summary */
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .rounded-large,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky .rounded-large.bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.rounded-large.bg-default {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
  color: #ffffff !important;
}

div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .rounded-large *,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.rounded-large.bg-default * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Totals footer block */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0.bg-muted,
div.md\:w-2\/5.bg-muted.md\:sticky div[class*="md:sticky"][class*="bottom-0"] {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding-top: 18px !important;
  margin-top: 8px !important;
}

div.md\:w-2\/5.bg-muted.md\:sticky .border-muted.border-t {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* Totals copy — never style .fixed tax modal descendants (Nexus portals modal here) */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row > div {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row .font-semibold,
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="font-semibold"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="font-bold"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-xl"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-large"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

/* Totals amount emphasis */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full.gap-4.items-center.justify-between {
  padding: 6px 0 !important;
}

/* Estimated tax (US) chip button */
div.md\:w-2\/5.bg-muted.md\:sticky button:has(svg),
div.md\:w-2\/5.bg-muted.md\:sticky button {
  border-radius: 999px !important;
}

div.md\:w-2\/5.bg-muted.md\:sticky button:not([class*="bg-primary"]):not([class*="bg-inverted"]) {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  height: 28px !important;
  padding: 0 10px !important;
}

/* Checkout CTA in summary / mobile bar */
div.md\:w-2\/5.bg-muted.md\:sticky a[href*="checkout"],
div.md\:w-2\/5.bg-muted.md\:sticky button:has(svg.bi-cart),
div.flex.md\:hidden.sticky.bottom-4 button,
div.flex.md\:hidden.sticky.bottom-4 a {
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(14, 141, 219, 0.4) !important;
}

/* —— Last Chance upsell — urgency lead card ——
 * Must beat v31 promo :not(.relative) rules (same base classes + bg-accented)
 */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.border-muted.bg-accented:not(.relative):not(.fixed):not(.group),
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-accented.p-2\!.pt-4\!:not(.relative):not(.fixed),
div.rounded-large.w-full.text-medium.border-muted.bg-accented.p-2\!:not(.relative):not(.group) {
  position: relative !important;
  margin-top: 22px !important;
  padding: 22px 20px 18px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(ellipse 80% 60% at 100% 0%, rgba(40, 163, 252, 0.45), transparent 55%),
    radial-gradient(ellipse 60% 50% at 0% 100%, rgba(255, 140, 66, 0.28), transparent 50%),
    linear-gradient(135deg, #13112F 0%, #2a1578 48%, #0E8DDB 120%) !important;
  background-color: #13112F !important;
  box-shadow:
    0 20px 48px rgba(63, 30, 189, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
  min-height: 0 !important;
}

/* Pseudo badge retired — .sky-lc-badge (DOM) is the real pill */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.border-muted.bg-accented:not(.relative):not(.fixed):not(.group)::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-accented.p-2\!.pt-4\!:not(.relative)::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

div.border-muted.bg-accented:not(.relative) .font-medium.leading-none\!.text-default[class*="text-sm"],
div.border-muted.bg-accented:not(.relative) .font-medium.leading-none\!.text-default {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

div.border-muted.bg-accented:not(.relative) .font-normal.text-lifted,
div.border-muted.bg-accented:not(.relative) .text-lifted {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
  max-width: 72% !important;
}

/* Inner hosting product on Last Chance */
div.border-muted.bg-accented:not(.relative) > [data-test="cart-item"],
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.border-muted.bg-accented:not(.relative) > [data-test="cart-item"] {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  margin-bottom: 0 !important;
}

div.border-muted.bg-accented:not(.relative) > [data-test="cart-item"]::before {
  background: linear-gradient(180deg, #FF9F43, #0E8DDB) !important;
}

/* Add Hosting CTA (collapsed only) — flat orange, not every expand button */
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] > button:not(:has(svg.bi-trash)),
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] button.sky-lc-add-hosting {
  height: 42px !important;
  min-height: 42px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 10px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  border: none !important;
  background: #FF6B1A !important;
  background-image: none !important;
  background-color: #FF6B1A !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 8px 20px rgba(255, 107, 26, 0.28) !important;
  animation: none !important;
}

@keyframes sky-pulse-cta {
  0%, 100% { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 12px 28px rgba(255, 107, 26, 0.35); }
  50% { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 16px 36px rgba(14, 141, 219, 0.45); }
}

/* —— Tax estimate modal —— (portaled inside summary; reset dark-rail text) —— */
div.md\:w-2\/5.bg-muted.md\:sticky .fixed.inset-0[class*="z-[1050]"] .mx-auto.rounded-large,
div.fixed.inset-0[class*="z-[1050]"] .mx-auto.rounded-large,
div.fixed.inset-0[class*="z-[1050]"] .mx-auto.rounded-large * {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

div.fixed.inset-0.outline-hidden[class*="z-[1050]"] > [class*="overflow-y-auto"],
div.fixed.inset-0.outline-hidden[class*="z-[1050]"] > .scroll-container,
div.fixed.inset-0.outline-hidden[class*="z-[1050]"] > div.py-12 {
  padding-top: 120px !important;
  padding-bottom: 56px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

div.fixed.inset-0.outline-hidden[class*="z-[1050]"] .mx-auto.rounded-large.border.bg-default,
div.fixed.inset-0[class*="z-[1050]"] .mx-auto.rounded-large.bg-default {
  width: min(560px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.16) !important;
  background:
    radial-gradient(ellipse 70% 50% at 100% 0%, rgba(40, 163, 252, 0.12), transparent 55%),
    #ffffff !important;
  background-color: #ffffff !important;
  box-shadow:
    0 24px 64px rgba(19, 17, 47, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.6) inset !important;
  overflow: hidden !important;
}

div.fixed.inset-0[class*="z-[1050]"] .flex.justify-between.px-4.py-6,
div.fixed.inset-0[class*="z-[1050]"] .flex.justify-between[class*="pt-8"] {
  padding: 22px 24px 14px !important;
  border-bottom: 1px solid rgba(19, 17, 47, 0.06) !important;
  background: linear-gradient(180deg, #f7fbff, #ffffff) !important;
}

div.fixed.inset-0[class*="z-[1050]"] .text-xl.font-medium,
div.fixed.inset-0[class*="z-[1050]"] [class*="!font-bold"],
div.fixed.inset-0[class*="z-[1050]"] .text-default,
div.fixed.inset-0[class*="z-[1050]"] [class*="text-default"] {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

div.fixed.inset-0[class*="z-[1050]"] button.rounded-medium.gap-0.p-1.h-fit,
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.bi-x-lg),
div.fixed.inset-0[class*="z-[1050]"] button:has(svg.bi-x) {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(19, 17, 47, 0.1) !important;
  background: #f4f6fa !important;
  color: #13112F !important;
}

/* Modal form body */
div.fixed.inset-0[class*="z-[1050]"] [role="combobox"],
div.fixed.inset-0[class*="z-[1050]"] select {
  height: 44px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  background: linear-gradient(180deg, #fff, #f5f9ff) !important;
  box-shadow: 0 4px 12px rgba(14, 141, 219, 0.06) !important;
}

div.fixed.inset-0[class*="z-[1050]"] .mx-auto.rounded-large button:not(.p-1):not(.h-fit),
div.fixed.inset-0[class*="z-[1050]"] button:not(.p-1):not(.h-fit) {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 11px !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, #1aa0ff, #0E8DDB) !important;
  background-color: #0E8DDB !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 18px rgba(14, 141, 219, 0.28) !important;
}

div.fixed.inset-0[class*="z-[1050]"] .mx-auto.rounded-large button:not(.p-1):not(.h-fit) *,
div.fixed.inset-0[class*="z-[1050]"] button:not(.p-1):not(.h-fit) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

div.fixed.inset-0[class*="z-[1050]"] label {
  font-size: 11.5px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}

/* Hide stray “Select Term” label centered in tax modal if present */
div.fixed.inset-0[class*="z-[1050]"] label:not(:has(+ *) ):empty {
  display: none !important;
}

/* Mobile sticky checkout bar */
div.flex-col.w-full.gap-3.items-start.justify-start.content-start.flex.md\:hidden.sticky.bottom-4 {
  margin: 0 12px 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #13112F, #1a1450) !important;
  box-shadow: 0 16px 40px rgba(19, 17, 47, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ============================================================
 * v40 — Cart polish: less gradient, no double boxes, readable summary
 * ============================================================ */

/* 12 — Tone down page gradients */
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-3\/5.bg-default {
  background: #ffffff !important;
}
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-2\/5.bg-muted.md\:sticky {
  background: #13112F !important;
  background-image: none !important;
}

/* 1 — Browse: ONE flat pill (no nested border on the <a>) */
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> a[href*="/store"]),
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) {
  padding: 6px 12px 6px 8px !important;
  border-radius: 999px !important;
  background: #f4f8fc !important;
  background-image: none !important;
  border: 1px solid rgba(19, 17, 47, 0.1) !important;
  box-shadow: none !important;
  gap: 8px !important;
}
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) > svg.bi-chevron-left {
  background: transparent !important;
  padding: 0 !important;
  color: #0E8DDB !important;
}
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> a[href*="/store"]) > a,
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) > a {
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  height: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* 2 — Edit Nameservers + pencil icon (only nameserver links) */
div.md\:w-3\/5 a[href*="nameserver"],
div.md\:w-3\/5 a[href*="Nameserver"],
div.md\:w-3\/5 a[href*="nameservers"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(14, 141, 219, 0.28) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
div.md\:w-3\/5 a[href*="nameserver"]::before,
div.md\:w-3\/5 a[href*="Nameserver"]::before,
div.md\:w-3\/5 a[href*="nameservers"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  background-color: #0E8DDB !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Stop broad text-neutral pill (was nesting inside Browse) */
div.md\:w-3\/5 a.text-neutral:not([href*="nameserver"]):not([href*="Nameserver"]) {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  height: auto !important;
}

/* 3 + 8 — Cart items: flat, no left rail, no double bottom */
[data-test="cart-item"] {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(19, 17, 47, 0.1) !important;
  box-shadow: 0 6px 18px rgba(19, 17, 47, 0.05) !important;
  border-radius: 14px !important;
  padding: 16px 16px 14px !important;
  overflow: visible !important;
}
[data-test="cart-item"]::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
}
[data-test="cart-item"]:hover {
  transform: none !important;
  border-color: rgba(14, 141, 219, 0.28) !important;
  box-shadow: 0 8px 22px rgba(14, 141, 219, 0.08) !important;
}

/* 4 — Price: solid eye-catchy badge (roomy L/R padding) */
[data-test="cart-item"] .text-xl.font-medium.leading-none\!.text-default.mb-2,
[data-test="cart-item"] .flex.flex-col.gap-0.items-end > .text-xl.font-medium {
  background: #0E8DDB !important;
  background-image: none !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 8px 18px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  width: max-content !important;
  max-width: 100% !important;
}

/* Annual / monthly price chip — flat, one line, no nested box look */
[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  width: max-content !important;
  margin-left: auto !important;
}
[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end > div,
[data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end [class*="text-"] {
  white-space: nowrap !important;
  font-size: 11px !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  line-height: 1.2 !important;
}

/* 5 — Select Term: clean flat field */
[data-test="cart-item"] [role="combobox"] {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(19, 17, 47, 0.14) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  max-width: 200px !important;
}
[data-test="cart-item"] [role="combobox"]:hover,
[data-test="cart-item"] [role="combobox"]:focus {
  border-color: rgba(14, 141, 219, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(14, 141, 219, 0.1) !important;
}

/* Delete — flat */
[data-test="cart-item"] button:has(svg.bi-trash) {
  background: #FEF2F2 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 6 — Addons: clear purple shell; sky pill on the toggle only */
[data-test="cart-item"] .relative.inline-block.h-max.rounded-medium {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
[data-test="cart-item"] [data-test="domain-addons-collapsible-link"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  background: #EEF5FF !important;
  background-image: none !important;
  border: 1px solid rgba(14, 141, 219, 0.28) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-weight: 750 !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
[data-test="cart-item"] [data-test="domain-addons-collapsible-link"] *,
[data-test="cart-item"] [data-test="domain-addons-collapsible-link"] svg {
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}
/* Expanded list panel under toggle */
[data-test="cart-item"] .relative.inline-block.h-max.rounded-medium > [class*="top-full"],
[data-test="cart-item"] .relative.inline-block.h-max.rounded-medium > .z-10 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(14, 141, 219, 0.14) !important;
  background: #f8fbff !important;
  background-image: none !important;
  box-sizing: border-box !important;
}
[data-test="cart-item"] .relative.inline-block.h-max.rounded-medium .flex.flex-col.gap-3 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

/* 7 — Summary domains card: dark glass so white text is readable */
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .rounded-large,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky .rounded-large.bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.rounded-large.bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] > div.flex.flex-col > div.rounded-large,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] [class*="rounded"] {
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .rounded-large *,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.rounded-large.bg-default *,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] [class*="rounded"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 9 — Totals: smaller type, roomier lines, subtle panel */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0.bg-muted,
div.md\:w-2\/5.bg-muted.md\:sticky div[class*="md:sticky"][class*="bottom-0"] {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 14px 14px 16px !important;
  margin: 8px 12px 12px !important;
  width: calc(100% - 24px) !important;
  box-sizing: border-box !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full.gap-4.items-center.justify-between {
  padding: 8px 0 !important;
  min-height: 28px !important;
  align-items: center !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row > div {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
  white-space: nowrap !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row .font-semibold,
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="font-semibold"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="font-bold"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-xl"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-large"] {
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: nowrap !important;
}

/* Promo / Checkout — flat blue */
div.md\:w-2\/5.bg-muted.md\:sticky a[href*="checkout"],
div.md\:w-2\/5.bg-muted.md\:sticky button:has(svg.bi-cart),
div.md\:w-2\/5.bg-muted.md\:sticky button[class*="bg-primary"] {
  background: #0E8DDB !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}

/* 10 — Last Chance: flat shell + real inset (do NOT shrink title pad) */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.border-muted.bg-accented:not(.relative):not(.fixed):not(.group),
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-accented.p-2\!.pt-4\!:not(.relative):not(.fixed),
div.rounded-large.w-full.text-medium.border-muted.bg-accented.p-2\!:not(.relative):not(.group),
div.rounded-large.w-full.text-medium.border-muted.bg-accented[class*="p-2"]:not(.relative):not(.fixed):not(.group) {
  background: #1a1450 !important;
  background-image: none !important;
  padding: 22px 22px 18px 24px !important;
  box-shadow: 0 14px 32px rgba(19, 17, 47, 0.2) !important;
}
div.border-muted.bg-accented:not(.relative) .font-medium.leading-none\!.text-default[class*="text-sm"],
div.border-muted.bg-accented:not(.relative) .font-medium.leading-none\!.text-default,
div.border-muted.bg-accented:not(.relative) .font-normal.text-lifted,
div.border-muted.bg-accented:not(.relative) .text-lifted {
  padding-left: 0 !important;
  margin-left: 0 !important;
  max-width: 78% !important;
}
div.border-muted.bg-accented:not(.relative) .flex.justify-between.mb-4,
div.border-muted.bg-accented:not(.relative) .flex.items-center.gap-2.w-fit,
div.border-muted.bg-accented:not(.relative) .flex.flex-col.w-fit {
  padding-left: 0 !important;
  margin-left: 0 !important;
  align-items: flex-start !important;
}

/* Inner Last Chance card: no left rail, no double border */
div.border-muted.bg-accented:not(.relative) > [data-test="cart-item"] {
  border: 1px solid rgba(19, 17, 47, 0.08) !important;
  box-shadow: none !important;
  background: #ffffff !important;
  background-image: none !important;
}
div.border-muted.bg-accented:not(.relative) > [data-test="cart-item"]::before {
  display: none !important;
  content: none !important;
}

/* 11 — monthly price one line + solid price badge in Last Chance */
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] .text-xl.font-medium.leading-none\!.text-default.mb-2,
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] .flex.flex-col.gap-0.items-end > .text-xl.font-medium,
.sky-last-chance [data-test="cart-item"] .text-xl.font-medium.leading-none\!.text-default.mb-2,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-0.items-end > .text-xl.font-medium {
  background: #0E8DDB !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  padding: 8px 18px !important;
}
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] .flex.flex-row.w-full.gap-2.items-center.justify-end > div {
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

/* Add Hosting (collapsed CTA only) — flat orange */
div.border-muted.bg-accented:not(.relative) [data-test="cart-item"] > button:not(:has(svg.bi-trash)),
.sky-last-chance [data-test="cart-item"] > button:not(:has(svg.bi-trash)) {
  background: #FF6B1A !important;
  background-image: none !important;
  animation: none !important;
  box-shadow: none !important;
}
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.border-muted.bg-accented:not(.relative)::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-accented.p-2\!.pt-4\!:not(.relative)::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Empty Cart + header actions (injected) */
.sky-cart-header-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}
button.sky-empty-cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(220, 38, 38, 0.28) !important;
  background: #FEF2F2 !important;
  background-image: none !important;
  color: #DC2626 !important;
  -webkit-text-fill-color: #DC2626 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
button.sky-empty-cart-btn:hover {
  background: #FEE2E2 !important;
  border-color: rgba(220, 38, 38, 0.45) !important;
}
button.sky-empty-cart-btn.is-busy {
  opacity: 0.6 !important;
  cursor: progress !important;
}
button.sky-empty-cart-btn .sky-empty-cart-icon {
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  background-color: #DC2626 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z'/%3E%3Cpath fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z'/%3E%3Cpath fill-rule='evenodd' d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Edit Nameservers — class from sky-shadow-skin.js */
a.sky-edit-ns {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(14, 141, 219, 0.28) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
a.sky-edit-ns::before {
  content: "" !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  background-color: #0E8DDB !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Summary mini-card — force readable on dark rail */
.sky-summary-card,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card {
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.sky-summary-card *,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ============================================================
 * v41 — Beat v31 white-gradient cards on dark summary rail
 * ============================================================ */

/* Summary domains card: same specificity as v31 promo tile + sidebar scope */
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]),
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed):not([class*="fixed"]):not([class*="!bg-inverted"]),
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.border-solid.rounded-large.w-full.text-medium.bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card {
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]) *,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.border-solid.rounded-large.w-full.text-medium.bg-default *,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Last Chance — beat Nexus p-2! (8px) with real inset */
div.rounded-large.w-full.text-medium.border-muted.bg-accented[class*="p-2"]:not(.relative):not(.fixed):not(.group),
div.border.border-solid.rounded-large.w-full.text-medium.bg-accented:not(.relative):not(.fixed):not(.group) {
  padding: 22px 22px 18px 24px !important;
  background: #1a1450 !important;
  background-image: none !important;
}

/* Keep cart items flat (kill leftover v33 left rail + gradients) */
[data-test="cart-item"] {
  background: #ffffff !important;
  background-image: none !important;
}
[data-test="cart-item"]::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  background: none !important;
}

/* Last Chance class from skin.js */
.sky-last-chance {
  padding: 22px 22px 18px 24px !important;
  background: #1a1450 !important;
  background-image: none !important;
}
.sky-last-chance > .font-medium,
.sky-last-chance .flex.justify-between.mb-4,
.sky-last-chance .flex.items-center.gap-2.w-fit,
.sky-last-chance .flex.flex-col.w-fit {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ============================================================
 * v42 — Summary Annual Renewal one-line + Last Chance expand polish
 * ============================================================ */

/* 1 — Annual Renewal + price: same row, each on one line */
.sky-summary-card .flex.flex-row.w-full.gap-4.items-center.justify-between,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card .flex.flex-row.w-full.gap-4.items-center.justify-between {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
}
.sky-summary-card .flex.flex-row.w-full.gap-4.items-center.justify-between > *,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card .flex.flex-row.w-full.gap-4.items-center.justify-between > * {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  height: auto !important;
  min-height: 0 !important;
}
.sky-summary-card .flex.flex-row.w-full.gap-4.items-center.justify-between > *:last-child {
  font-weight: 800 !important;
  margin-left: auto !important;
}

/* 2 — Extra L/R padding on all cart price badges (incl. Last Chance) */
[data-test="cart-item"] .text-xl.font-medium.leading-none\!.text-default.mb-2,
.sky-last-chance [data-test="cart-item"] .text-xl.font-medium {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* 3 — Last Chance expanded: radios / domains / addons / CTAs */
.sky-last-chance [data-test="cart-item"] {
  overflow: visible !important;
  padding: 16px 16px 14px !important;
}

/* Radio + checkbox borders — darker, visible */
.sky-last-chance input[type="radio"],
.sky-last-chance [data-test^="domain-selection-modal-radio"] input[type="radio"] {
  border: 2px solid #5B647A !important;
  border-color: #5B647A !important;
  background: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex-shrink: 0 !important;
  accent-color: #0E8DDB !important;
  box-shadow: none !important;
}
.sky-last-chance input[type="radio"]:checked {
  border-color: #0E8DDB !important;
  background: #0E8DDB !important;
}
.sky-last-chance input[type="checkbox"],
.sky-last-chance [data-test^="recommended-essential-checkbox"] input[type="checkbox"] {
  border: 2px solid #5B647A !important;
  border-color: #5B647A !important;
  background: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex-shrink: 0 !important;
  accent-color: #0E8DDB !important;
  border-radius: 5px !important;
}

/* Domain rows — full-width, aligned (…-radio-N-label only) */
.sky-last-chance [data-test="domain-selection-modal-radio-0-label"],
.sky-last-chance [data-test="domain-selection-modal-radio-1-label"],
.sky-last-chance [data-test="domain-selection-modal-radio-2-label"],
.sky-last-chance [data-test="domain-selection-modal-radio-3-label"],
.sky-last-chance [data-test="domain-selection-modal-radio-4-label"],
.sky-last-chance [data-test="domain-selection-modal-radio-5-label"],
.sky-last-chance [class*="group/label"].w-fit {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  margin: 0 0 6px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(19, 17, 47, 0.08) !important;
  background: #f7f9fc !important;
  box-sizing: border-box !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-2.items-start,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-1.items-start,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-5.items-start {
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}
.sky-last-chance [data-test^="domain-selection-modal-radio"][data-test$="-label-label"],
.sky-last-chance label[data-test^="domain-selection-modal-radio"] {
  width: auto !important;
  max-width: 100% !important;
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding-top: 0 !important;
}

/* Available Addons — aligned rows, price chips stay inside */
.sky-last-chance [data-test^="recommended-essential-checkbox"][data-test$="-label"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  margin: 0 0 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(19, 17, 47, 0.1) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > .flex.flex-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex.items-center.justify-between {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  max-width: 46% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: #e8f4ff !important;
  border: 1px solid rgba(14, 141, 219, 0.22) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  line-height: 1.2 !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex.items-center.justify-between * {
  white-space: nowrap !important;
  font-size: 11px !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] [data-test$="-label-description"] {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  margin-top: 4px !important;
}

/* Section headings inside expand */
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-5 > .flex.flex-row.gap-3,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-1 > .flex.flex-row.gap-3 {
  width: 100% !important;
  margin-bottom: 4px !important;
  font-weight: 800 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* Bottom CTAs — distinct, aligned, attractive */
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-2.items-start,
.sky-last-chance [data-test="cart-item"] .flex.flex-row.gap-4.items-start.justify-start.content-start.mt-3 {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 0 !important;
  align-items: stretch !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-row.gap-4.items-start.justify-start.content-start.mt-3 {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-hosting {
  animation: none !important;
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 0 !important;
  box-sizing: border-box !important;
}
/* View More — secondary outline */
.sky-last-chance button.sky-lc-view-more {
  background: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid rgba(14, 141, 219, 0.4) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  box-shadow: none !important;
}
.sky-last-chance button.sky-lc-view-more * {
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}
/* Add to Cart — primary blue */
.sky-last-chance button.sky-lc-add-cart {
  background: #0E8DDB !important;
  background-image: none !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(14, 141, 219, 0.28) !important;
}
.sky-last-chance button.sky-lc-add-cart * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Cancel — muted ghost */
.sky-last-chance button.sky-lc-cancel {
  background: #f4f6fa !important;
  background-image: none !important;
  border: 1.5px solid rgba(19, 17, 47, 0.12) !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  box-shadow: none !important;
}
.sky-last-chance button.sky-lc-cancel * {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}
/* Collapsed Add Hosting */
.sky-last-chance button.sky-lc-add-hosting {
  background: #FF6B1A !important;
  background-image: none !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(255, 107, 26, 0.28) !important;
}

/* Kill older “all buttons orange” rules inside expanded Last Chance */
.sky-last-chance [data-test="cart-item"] button:not(.sky-lc-add-hosting):not(:has(svg.bi-trash)) {
  background-image: none !important;
  animation: none !important;
}

/* ============================================================
 * v47 — Domain register polish + cart summary/LC/addon polish
 * ============================================================ */

/* —— Register: tighter AVAILABLE pill + green border —— */
div.relative.group [class*="text-success"],
div.bg-default.rounded-large.p-4.w-full.group [class*="text-success"],
div.relative.group .inline-flex:has(svg.bi-check):has([class*="text-success"]),
div.relative.group span:has(+ [class*="AVAILABLE"]),
div.relative.group .rounded-full:has([class*="text-success"]),
div.relative.group [class*="bg-success"]:not(button):not(a) {
  border: 1.5px solid rgba(5, 150, 105, 0.45) !important;
}
/* AVAILABLE text chip */
div.relative.group .inline-flex.items-center.gap-1:has(svg.bi-check),
div.relative.group .flex.items-center.gap-1:has(svg.bi-check-circle),
div.bg-default.rounded-large.p-4.w-full.group .inline-flex.items-center.gap-1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  border: 1.5px solid rgba(5, 150, 105, 0.4) !important;
  width: max-content !important;
  max-width: max-content !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}
div.relative.group .inline-flex.items-center.gap-1:has(svg.bi-check) *,
div.bg-default.rounded-large.p-4.w-full.group .inline-flex.items-center.gap-1 * {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
}
div.relative.group .inline-flex.items-center.gap-1:has(svg.bi-check) svg {
  width: 12px !important;
  height: 12px !important;
}

/* Primary hit card: less left padding / equal inset */
div.w-full.rounded-large.border.border-solid.p-4.md\:p-6:has(button.bg-primary),
div.w-full.rounded-large.border.border-solid.p-6:has(button.bg-primary),
div.rounded-large.border.border-solid.w-full.p-4:has([class*="text-success"]),
div[class*="bg-success"].rounded-large.border {
  padding: 14px 16px !important;
  gap: 12px !important;
}

/* Hide redundant “… is available.” echo (chip already says AVAILABLE) */
.sky-hide-avail-echo {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Search placeholder — smaller so full tip fits */
div.bg-accented .bg-default.border:has(> input) > input,
div.bg-accented .flex.gap-3.w-full.relative.bg-default:has(> input) > input,
div.bg-accented textarea {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
div.bg-accented input::placeholder,
div.bg-accented textarea::placeholder {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  opacity: 0.72 !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}

/* Added-to-cart square: solid green + WHITE filled check (was blank from fill:none) */
button:has(svg.bi-check-circle),
div.relative.group.border.border-solid.rounded-large button:has(svg.bi-check-circle),
div.bg-default.rounded-large.p-4.w-full.group button:has(svg.bi-check-circle),
button.sky-added-cart {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  overflow: visible !important;
  display: inline-grid !important;
  place-items: center !important;
  gap: 0 !important;
  background: #059669 !important;
  background-color: #059669 !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(5, 150, 105, 0.28) !important;
  border-radius: 12px !important;
  border: none !important;
  color: #ffffff !important;
}
button:has(svg.bi-check-circle) > svg.bi-cart3,
button:has(svg.bi-check-circle) > svg:not(.bi-check-circle),
button.sky-added-cart > svg.bi-cart3,
button.sky-added-cart > svg:not(.bi-check-circle) {
  display: none !important;
}
button:has(svg.bi-check-circle) > svg.bi-check-circle,
button.sky-added-cart > svg.bi-check-circle,
button:has(svg.bi-check-circle) > svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: none !important;
}
button:has(svg.bi-check-circle) > svg *,
button.sky-added-cart > svg * {
  fill: #ffffff !important;
  stroke: none !important;
  color: #ffffff !important;
}

/* “Give me more suggestions!” — attractive CTA */
button.sky-more-suggestions,
a.sky-more-suggestions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 20px !important;
  margin: 12px auto !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.4) !important;
  background: linear-gradient(180deg, #f4faff 0%, #e8f4ff 100%) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(14, 141, 219, 0.14) !important;
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
}
button.sky-more-suggestions::before,
a.sky-more-suggestions::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%230E8DDB' stroke-width='1.7' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
button.sky-more-suggestions *,
a.sky-more-suggestions * {
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  text-decoration: none !important;
}

/* Promo Explore / Transfer — CA addon-card language */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]),
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed):not([class*="fixed"]):not([class*="!bg-inverted"]),
.sky-promo-card {
  padding: 18px 16px 16px !important;
  gap: 10px !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid rgba(19, 17, 47, 0.1) !important;
  box-shadow: 0 8px 22px rgba(19, 17, 47, 0.05) !important;
  align-items: stretch !important;
}
.sky-promo-card .font-bold.text-xl,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative) .font-bold.text-xl {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}
.sky-promo-card [class*="text-muted"],
.sky-promo-card .text-lifted,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative) [class*="text-muted"] {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
/* Promo / transfer CTAs only — NEVER style Last Chance recommended cards */
.sky-promo-card a,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed):not(.sky-last-chance):not(:has(.sky-lc-rec)) > a.text-primary,
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed):not(.sky-last-chance) > a[class*="text-primary"],
div.p-4.md\:p-6.border.border-solid.rounded-large:not(.relative):not(.fixed):not(.sky-last-chance) > a.cursor-pointer {
  height: 40px !important;
  min-height: 40px !important;
  margin-top: 10px !important;
  border-radius: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center !important;
  align-self: stretch !important;
  background: #0E8DDB !important;
  background-image: none !important;
  border: none !important;
  box-shadow: 0 6px 14px rgba(14, 141, 219, 0.2) !important;
  font-size: 13px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Sticky tray — keep price readable */
.fixed.\!bg-inverted,
.fixed[class*="!bg-inverted"],
.fixed.bg-inverted {
  color: #ffffff !important;
}
.fixed.\!bg-inverted *,
.fixed[class*="!bg-inverted"] *,
.fixed.bg-inverted * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.fixed.\!bg-inverted [class*="text-xl"],
.fixed[class*="!bg-inverted"] [class*="text-xl"],
.fixed.bg-inverted [class*="font-semibold"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* —— Cart view: summary card equal padding —— */
.sky-summary-card,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.border-solid.rounded-large.w-full.text-medium.bg-default {
  padding: 14px 14px !important;
  box-sizing: border-box !important;
}
.sky-summary-card .flex.justify-between,
.sky-summary-card .flex.flex-col.gap-0 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove extra top hairline in totals panel */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0.bg-muted,
div.md\:w-2\/5.bg-muted.md\:sticky div[class*="md:sticky"][class*="bottom-0"] {
  border-top: none !important;
  padding: 14px !important;
  margin: 8px 14px 14px !important;
  width: calc(100% - 28px) !important;
  box-sizing: border-box !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .border-muted.border-t {
  border-color: transparent !important;
  border-top-width: 0 !important;
}

/* Sticky summary rail — gap from cart list + right breathing room */
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-2\/5.bg-muted.md\:sticky {
  position: sticky !important;
  top: 12px !important;
  align-self: flex-start !important;
  margin-left: 18px !important;
  margin-right: 16px !important;
  max-height: calc(100vh - 24px) !important;
  overflow-y: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .flex.flex-col.w-full.flex-grow {
  padding-top: 20px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 16px !important;
}

/* Cart addon rows — middle-align label */
[data-test="cart-item"] .sky-cart-addon-row,
[data-test="cart-item"] [data-test="domain-addons-checkbox-label"] {
  align-items: center !important;
}
[data-test="cart-item"] [data-test="domain-addons-checkbox-label-label"] {
  display: flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Collapsed “addons included” chip */
.sky-addons-included {
  display: inline-flex !important;
  align-items: center !important;
  height: 26px !important;
  margin-left: 8px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  border: 1px solid rgba(5, 150, 105, 0.35) !important;
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* Last Chance expand — readable descriptions + better CTAs */
.sky-last-chance [data-test="cart-item"] [data-test$="-label-description"],
.sky-last-chance [data-test="cart-item"] [class*="text-muted"],
.sky-last-chance [data-test="cart-item"] [class*="text-small"] {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  background: transparent !important;
}
.sky-last-chance [data-test="cart-item"] label[data-test^="recommended-essential-checkbox"] {
  background: #f8fafc !important;
}
.sky-last-chance [data-test="cart-item"] .inline-flex.items-center.justify-between {
  padding: 5px 12px !important;
}
.sky-last-chance button.sky-lc-view-more {
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 10px !important;
  background: #EEF5FF !important;
  border: 1.5px solid rgba(14, 141, 219, 0.35) !important;
}
.sky-last-chance button.sky-lc-add-cart,
.sky-last-chance button.sky-lc-cancel {
  height: 40px !important;
  min-height: 40px !important;
  flex: 1 1 0 !important;
}
.sky-last-chance button.sky-lc-add-cart::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='1.6' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") !important;
}
.sky-last-chance button.sky-lc-cancel {
  background: #fff7ed !important;
  border: 1.5px solid rgba(234, 88, 12, 0.35) !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
}
.sky-last-chance button.sky-lc-cancel::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 6px !important;
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c2410c' stroke-width='1.8' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.sky-last-chance button.sky-lc-cancel * {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
}
.sky-last-chance button.sky-lc-view-more::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 6px !important;
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%230E8DDB' stroke-width='1.8' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Additional-info modal buttons — compact (stock Nexus dialog; no cart invent) */
[role="dialog"] button,
div.fixed.inset-0[class*="z-[1050]"] button:not(.p-1):not(.h-fit) {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

/* ============================================================
 * v52 — hotfix: addon black bar + checkout icon + modal top pad
 * ============================================================ */

/*
 * Selected addon row lives in `div.flex.gap-2.flex-wrap > button.!bg-inverted`
 * Nexus navy + our dark text = solid black bar. Override WITHOUT needing .sky-addon-chip
 * (chip class can lag Vue re-render).
 */
div.flex.gap-2.flex-wrap > button.\!bg-inverted,
div.flex.gap-2.flex-wrap > button[class*="!bg-inverted"],
div.flex.gap-2.flex-wrap > button[class*="bg-inverted"],
div.relative.group div.flex.gap-2.flex-wrap > button.\!bg-inverted,
div.relative.group div.flex.gap-2.flex-wrap > button[class*="!bg-inverted"],
div.bg-default.rounded-large.p-4.w-full.group div.flex.gap-2.flex-wrap > button.\!bg-inverted,
div.bg-default.rounded-large.p-4.w-full.group div.flex.gap-2.flex-wrap > button[class*="!bg-inverted"],
button.sky-addon-chip.\!bg-inverted,
button.sky-addon-chip[class*="!bg-inverted"],
button.sky-addon-chip[class*="bg-inverted"] {
  background: #f3f0ff !important;
  background-color: #f3f0ff !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  border: 1.5px solid rgba(63, 30, 189, 0.45) !important;
  box-shadow: 0 3px 10px rgba(19, 17, 47, 0.05) !important;
}
div.flex.gap-2.flex-wrap > button.\!bg-inverted,
div.flex.gap-2.flex-wrap > button[class*="!bg-inverted"] {
  /* also kill text-inverted white-on-navy leftovers */
}
div.flex.gap-2.flex-wrap > button.\!bg-inverted *,
div.flex.gap-2.flex-wrap > button[class*="!bg-inverted"] *,
div.flex.gap-2.flex-wrap > button[class*="bg-inverted"] *,
button.sky-addon-chip.\!bg-inverted *:not(.sky-addon-cart),
button.sky-addon-chip[class*="!bg-inverted"] *:not(.sky-addon-cart) {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  background-color: transparent !important;
}
div.flex.gap-2.flex-wrap > button.\!bg-inverted .sky-addon-price,
div.flex.gap-2.flex-wrap > button[class*="!bg-inverted"] .sky-addon-price,
button.sky-addon-chip[class*="!bg-inverted"] .sky-addon-price {
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  background: #eef5ff !important;
}

/* Additional-info / extras modal — breathing room from top edge */
[role="dialog"] > div,
[role="dialog"] form,
div.fixed.inset-0[class*="z-[1050]"] > div[class*="rounded"],
div.fixed.inset-0[class*="z-[1050]"] > div.bg-default,
div.fixed.inset-0[class*="z-[1050]"] > div[class*="bg-default"] {
  padding-top: 22px !important;
}
div.fixed.inset-0[class*="z-[1050]"] form,
div.fixed.inset-0[class*="z-[1050]"] [class*="space-y"],
div.fixed.inset-0[class*="z-[1050]"] .flex.flex-col.gap-4,
div.fixed.inset-0[class*="z-[1050]"] .flex.flex-col.gap-3,
[role="dialog"] .flex.flex-col.gap-4,
[role="dialog"] .flex.flex-col.gap-3 {
  padding-top: 8px !important;
  gap: 14px !important;
}
/* First checkbox / field — not stuck to panel top */
div.fixed.inset-0[class*="z-[1050]"] label:first-of-type,
div.fixed.inset-0[class*="z-[1050]"] [data-test*="checkbox"]:first-of-type,
[role="dialog"] label:first-of-type {
  margin-top: 6px !important;
}

/* ============================================================
 * v55 — Order Summary widen + unmerge CTAs + LC addon form align
 * ============================================================ */

/* Summary keeps fixed rail width; cart column eats freed left-menu space */
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-2\/5.bg-muted.md\:sticky {
  flex: 0 0 360px !important;
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
  margin-left: 16px !important;
  margin-right: 8px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-3\/5.bg-default,
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-3\/5 {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Totals panel — full width of rail, no calc shrink / clip */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0.bg-muted,
div.md\:w-2\/5.bg-muted.md\:sticky div[class*="md:sticky"][class*="bottom-0"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Totals rows — keep amount on one line; tax label can shrink */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full.gap-4.items-center.justify-between {
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding: 8px 0 !important;
  overflow: visible !important;
  align-items: center !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row > :first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row [class*="text-"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row > div {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  font-size: 12px !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 > .flex.flex-col > .flex.flex-col > .flex.flex-row > :last-child {
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  margin-left: 8px !important;
  font-size: 12.5px !important;
}
/* Tax label row: shrink “Estimated tax for” so chip+amount fit */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.gap-2.items-center {
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  gap: 6px !important;
}

/* Tax (US) chip — compact, never fight the amount */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 button:not(.sky-summary-promo):not(.sky-summary-checkout):not([class*="bg-primary"]) {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
}

/* Promo — outline ghost, full width, clear gap below */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-promo,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-promo {
  width: 100% !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 0 16px !important;
  border-radius: 12px !important;
  background: transparent !important;
  background-image: none !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
/* Checkout — solid primary, full width, separated (kill Nexus sticky overlap) */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-checkout {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 8px 0 0 !important;
  border-radius: 12px !important;
  background: #0E8DDB !important;
  background-image: none !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(14, 141, 219, 0.28) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  gap: 8px !important;
}
/* Do NOT pill-radius the main CTAs */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-promo,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout {
  border-radius: 12px !important;
}
/* Override earlier “all buttons primary blue” for promo */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-promo[class*="bg-primary"] {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
}

/* —— Last Chance expand form: fuller white card + aligned addons —— */
.sky-last-chance {
  padding: 14px 10px 10px !important;
}
.sky-last-chance > [data-test="cart-item"],
.sky-last-chance [data-test="cart-item"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 20px 18px 18px !important;
  margin: 0 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
/* Kill LC shell white text leaking onto white form labels */
.sky-last-chance [data-test="cart-item"] label,
.sky-last-chance [data-test="cart-item"] .text-lifted,
.sky-last-chance [data-test="cart-item"] [class*="text-lifted"],
.sky-last-chance [data-test="cart-item"] [class*="text-default"],
.sky-last-chance [data-test="cart-item"] .font-medium,
.sky-last-chance [data-test="cart-item"] [class*="text-medium"] {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  opacity: 1 !important;
}
.sky-last-chance [data-test="cart-item"] [data-test$="-label-description"],
.sky-last-chance [data-test="cart-item"] [class*="text-muted"],
.sky-last-chance [data-test="cart-item"] [class*="text-small"] {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  opacity: 1 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.sky-last-chance [data-test="cart-item"] label[data-test="last-chance-billing-cycle-select-label"],
.sky-last-chance [data-test="cart-item"] label[data-test="last-chance-billing-cycle-select-label"] * {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-col {
  width: 100% !important;
  max-width: 100% !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-1,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-2,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-3 {
  align-items: stretch !important;
}

/* Addon row = checkbox + label as one card */
.sky-last-chance [class*="group/label"] {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  margin: 0 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(19, 17, 47, 0.1) !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > div,
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > span {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 10px !important;
  min-width: 0 !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex.items-center.justify-between {
  display: inline-flex !important;
  margin-top: 0 !important;
  margin-left: auto !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(14, 141, 219, 0.25) !important;
  background: #eef5ff !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* View More — single chevron, full width */
.sky-last-chance button.sky-lc-view-more {
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 4px 0 12px !important;
}
.sky-last-chance button.sky-lc-view-more svg {
  display: none !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-1,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-2,
.sky-last-chance [data-test="cart-item"] .flex.flex-col.gap-4 {
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

/* Add to Cart / Cancel — equal, clear gap, not squashed */
.sky-last-chance button.sky-lc-add-cart,
.sky-last-chance button.sky-lc-cancel {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(button.sky-lc-add-cart),
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(button.sky-lc-cancel) {
  width: 100% !important;
  gap: 10px !important;
  margin-top: 8px !important;
  align-items: stretch !important;
}

/* ============================================================
 * v61 — Cart wide (no left menu) + select middle + LC form polish
 * ============================================================ */

/* Select Term / billing combobox — vertically center text */
[data-test="cart-item"] [role="combobox"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}
[data-test="cart-item"] [role="combobox"] > div,
[data-test="cart-item"] [role="combobox"] span,
[data-test="cart-item"] [role="combobox"] [class*="truncate"],
[data-test="cart-item"] [role="combobox"] [class*="text-"] {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
  height: auto !important;
  max-height: none !important;
}
[data-test="cart-item"] [role="combobox"] svg {
  align-self: center !important;
  flex-shrink: 0 !important;
}

/* Last Chance radios — darker border (readable on white) */
.sky-last-chance input[type="radio"],
.sky-last-chance [data-test^="domain-selection-modal-radio"] input[type="radio"] {
  border: 2.5px solid #3D4663 !important;
  border-color: #3D4663 !important;
  background-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(61, 70, 99, 0.15) !important;
}
.sky-last-chance input[type="radio"]:checked {
  border-color: #0E8DDB !important;
  background-color: #0E8DDB !important;
  box-shadow: inset 0 0 0 3px #ffffff !important;
}

/* Available Addons — ONE card row; kill double-box / white-on-light chip */
.sky-last-chance [data-test^="recommended-essential-checkbox"][data-test$="-label"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"][data-test$="-label-label"],
.sky-last-chance label.w-max[data-test^="recommended-essential-checkbox"] {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  align-self: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
/* Force grow even when Tailwind w-max is present */
.sky-last-chance [class*="group/label"][data-test^="recommended-essential-checkbox"] > label {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
/* Nexus wraps label+description in a shrink-wrapped block — stretch it */
.sky-last-chance [class*="group/label"][data-test^="recommended-essential-checkbox"] > div:not([data-test$="-content"]) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
}
.sky-last-chance [class*="group/label"][data-test^="recommended-essential-checkbox"] {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  margin: 0 0 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(19, 17, 47, 0.12) !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}
.sky-last-chance [class*="group/label"][data-test^="recommended-essential-checkbox"] > .flex {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding-top: 2px !important;
}
.sky-last-chance input[type="checkbox"],
.sky-last-chance [data-test^="recommended-essential-checkbox"] input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  border: 2.5px solid #3D4663 !important;
  border-color: #3D4663 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.sky-last-chance input[type="checkbox"]:checked {
  border-color: #0E8DDB !important;
  background-color: #0E8DDB !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fff' stroke-width='2.4' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
}
/* Title + price chip on ONE row (chip right); description below */
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > .flex.flex-row,
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > div:first-child {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > .flex.flex-row > [class*="text-"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"] > .flex.flex-row > div:not(.inline-flex) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex.items-center.justify-between,
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex,
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex[class*="text-inverted"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex.bg-gray-50 {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  margin-left: auto !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(14, 141, 219, 0.35) !important;
  background: #e8f4ff !important;
  background-color: #e8f4ff !important;
  color: #0B6FAE !important;
  -webkit-text-fill-color: #0B6FAE !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex *,
.sky-last-chance label[data-test^="recommended-essential-checkbox"] .inline-flex.items-center.justify-between * {
  color: #0B6FAE !important;
  -webkit-text-fill-color: #0B6FAE !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.sky-last-chance label[data-test^="recommended-essential-checkbox"] [data-test$="-label-description"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"] [class*="text-muted"],
.sky-last-chance label[data-test^="recommended-essential-checkbox"] [class*="text-small"] {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* LC CTAs — View More full width; Add+Cancel side-by-side equal */
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 8px 0 0 !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(14, 141, 219, 0.45) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(> button.sky-lc-add-cart),
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(> button.sky-lc-cancel) {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  gap: 12px !important;
  margin-top: 10px !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart {
  background: #0E8DDB !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  background: #fff7ed !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  border: 1.5px solid rgba(234, 88, 12, 0.35) !important;
}

/* Domain radio rows — text vertically centered with radio */
.sky-last-chance [data-test^="domain-selection-modal-radio-"][data-test$="-label"] {
  align-items: center !important;
}
.sky-last-chance [data-test^="domain-selection-modal-radio"][data-test$="-label-label"],
.sky-last-chance label[data-test^="domain-selection-modal-radio"] {
  display: flex !important;
  align-items: center !important;
  line-height: 1.25 !important;
  padding-top: 0 !important;
  margin: 0 !important;
}

/* ——— LC: catalog Recommended — isolated from promo-link + white-text rules ——— */
.sky-last-chance .sky-lc-rec,
.sky-lc-rec {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 14px 0 10px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(14, 141, 219, 0.22) !important;
  background: #f5f9ff !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
.sky-lc-rec *,
.sky-lc-rec *::before,
.sky-lc-rec *::after {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  box-sizing: border-box !important;
}
.sky-lc-rec-hd {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  height: auto !important;
  min-height: 0 !important;
}
.sky-lc-rec-hd strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  line-height: 1.3 !important;
}
.sky-lc-rec-hd span {
  font-size: 12px !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-weight: 600 !important;
}
.sky-lc-rec-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}
.sky-lc-rec-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 12px 12px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(19, 17, 47, 0.12) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  text-decoration: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
.sky-lc-rec-card:hover {
  border-color: rgba(14, 141, 219, 0.35) !important;
}
.sky-lc-rec-title {
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  line-height: 1.35 !important;
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.sky-lc-rec-price {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
/* LC item shell matches the promo-card CTA selector (0,8,2) — outrank it */
.sky-lc-rec-btn,
.sky-lc-rec a.sky-lc-rec-btn,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) .sky-lc-rec a.sky-lc-rec-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 4px 0 0 !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  border: none !important;
  background: #0E8DDB !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
.sky-lc-rec-btn:hover,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium:not(.relative):not(.fixed) .sky-lc-rec a.sky-lc-rec-btn:hover {
  background: #0B6FAE !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}


/* Radio/checkbox option labels are domain + addon names, not field captions */
[data-test="cart-item"] label[for][data-test*="-radio-"]:not([class*="size-5"]):not([class*="-ml-"]),
[data-test="cart-item"] label[for][data-test*="-checkbox-"]:not([class*="size-5"]):not([class*="-ml-"]) {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Available Addons descriptions — gray, never white from LC shell */
.sky-last-chance [data-test="cart-item"] [data-test$="-label-description"],
.sky-last-chance [data-test="cart-item"] [data-test$="-label-description"] *,
.sky-last-chance label[data-test^="recommended-essential"] [data-test$="-label-description"],
.sky-last-chance label[data-test^="recommended-essential"] [class*="text-muted"],
.sky-last-chance label[data-test^="recommended-essential"] [class*="text-lifted"],
.sky-last-chance label[data-test^="recommended-essential"] [class*="text-small"],
.sky-last-chance [class*="group/label"][data-test^="recommended-essential"] [class*="text-muted"],
.sky-last-chance [class*="group/label"][data-test^="recommended-essential"] [class*="text-lifted"] {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

/* LC CTAs — centered content, equal pads (kill ::before left-skew) */
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  text-align: center !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more::before,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart::before,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel::before {
  margin: 0 !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more {
  width: 100% !important;
  flex: 0 0 auto !important;
  height: 42px !important;
  min-height: 42px !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(> button.sky-lc-add-cart) {
  display: flex !important;
  width: 100% !important;
  gap: 12px !important;
  margin-top: 10px !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  flex: 1 1 0 !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
}

/* ============================================================
 * v68 — LC CTAs only: cohesive flat trio (no other-page impact)
 * ============================================================ */
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more svg,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart svg,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel svg {
  display: none !important;
}
/* single CSS icon — no extra margin (flex gap handles spacing) */
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more::before,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart::before,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  flex: 0 0 14px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 10px 0 0 !important;
  background: #EEF5FF !important;
  background-image: none !important;
  border: 1.5px solid #0E8DDB !important;
  color: #0B6FAE !important;
  -webkit-text-fill-color: #0B6FAE !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%230B6FAE' stroke-width='2' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more * {
  color: #0B6FAE !important;
  -webkit-text-fill-color: #0B6FAE !important;
}
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(> button.sky-lc-add-cart),
.sky-last-chance [data-test="cart-item"] .flex.flex-row:has(> button.sky-lc-cancel) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 10px !important;
  margin-top: 10px !important;
  box-sizing: border-box !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart {
  background: #0E8DDB !important;
  background-image: none !important;
  border: 1.5px solid #0E8DDB !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='1.7' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm7 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E") !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  background: #F4F6FA !important;
  background-image: none !important;
  border: 1.5px solid rgba(19, 17, 47, 0.16) !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  box-shadow: none !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%235B647A' stroke-width='2' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel * {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}

/* ============================================================
 * v72 — Empty/full cart: Shopping Cart heading never clips at card top
 * ============================================================ */
.sky-cart-view-only #nexus-root,
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-3\/5.bg-default,
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-3\/5 {
  overflow: visible !important;
}
div.md\:w-3\/5 .text-2xl.font-medium.leading-none\!.text-default,
div.md\:w-3\/5 .text-2xl.font-medium.leading-none\!,
div.md\:w-3\/5 div.text-2xl.font-medium {
  line-height: 34px !important;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  padding-top: 4px !important;
  overflow: visible !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}
/* Browse pill — clear gap above the Shopping Cart heading */
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> a[href*="/store"]),
div.md\:w-3\/5 div.flex.flex-row.gap-1.items-start:has(> svg.bi-chevron-left) {
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}
/* Empty-cart message block — centered, not stuck under clipped title */
div.md\:w-3\/5 .flex.flex-col.items-center,
div.md\:w-3\/5 .flex.flex-col.w-full.items-center {
  padding-top: 24px !important;
  overflow: visible !important;
}

/* ============================================================
 * v71 — Addon checkbox: white tick + perfect overlay align
 * (cart-item label{margin-bottom:6px} was shoving the blue tick up,
 *  revealing the dark input square behind)
 * ============================================================ */
[data-test="cart-item"] input[type="checkbox"][data-test*="addon-checkbox"],
[data-test="cart-item"] input[type="checkbox"][data-test^="recommended-essential"],
[data-test="cart-item"] input[type="checkbox"][data-test^="cart-item-addon"],
.sky-last-chance input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  border: 2px solid #3D4663 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  position: relative !important;
  top: 0 !important;
}
[data-test="cart-item"] input[type="checkbox"][data-test*="addon-checkbox"]:checked,
[data-test="cart-item"] input[type="checkbox"][data-test^="cart-item-addon"]:checked,
[data-test="cart-item"] input[type="checkbox"][data-test^="recommended-essential"]:checked,
.sky-last-chance input[type="checkbox"]:checked {
  /* match overlay so dark square never peeks */
  background: #0E8DDB !important;
  background-color: #0E8DDB !important;
  border-color: #0E8DDB !important;
  box-shadow: none !important;
}
/* Nexus paints tick via sibling label.bg-primary + svg.bi-check */
[data-test="cart-item"] input[type="checkbox"] + label[class*="size-5"],
[data-test="cart-item"] input[type="checkbox"] + label[class*="-ml-"],
[data-test="cart-item"] input[type="checkbox"] + label[class*="bg-primary"],
.sky-last-chance input[type="checkbox"] + label[class*="size-5"],
.sky-last-chance input[type="checkbox"] + label[class*="-ml-"],
.sky-last-chance input[type="checkbox"] + label[class*="bg-primary"] {
  margin: 0 0 0 -20px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border-radius: 6px !important;
  border: none !important;
  background: #0E8DDB !important;
  background-color: #0E8DDB !important;
  background-image: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-transform: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  z-index: 2 !important;
}
[data-test="cart-item"] input[type="checkbox"] + label svg,
[data-test="cart-item"] input[type="checkbox"] + label svg *,
[data-test="cart-item"] input[type="checkbox"] + label path,
.sky-last-chance input[type="checkbox"] + label svg,
.sky-last-chance input[type="checkbox"] + label svg *,
.sky-last-chance input[type="checkbox"] + label path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  width: 14px !important;
  height: 14px !important;
}
/* content flex row — keep input+overlay vertically centered */
[data-test="cart-item"] [data-test$="-label-content"]:has(> input[type="checkbox"]),
.sky-last-chance [data-test$="-label-content"]:has(> input[type="checkbox"]) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
}

/* ============================================================
 * v69 — Billing Cycle field wider (Nexus w-56 = 224px is too tight)
 * Scoped to billing-cycle only — does NOT touch Select Term
 * IMPORTANT: parent is often flex-col — never use flex-basis:360px
 * (that becomes HEIGHT and blows a huge white gap in product cards)
 * ============================================================ */
[data-test="cart-item"] .group\/label:has([data-test="billing-cycle-select-label"]),
[data-test="cart-item"] .group\/label:has([data-test="last-chance-billing-cycle-select-label"]),
.sky-last-chance [data-test="cart-item"] .group\/label:has([data-test*="billing-cycle"]) {
  width: min(360px, 100%) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  flex-basis: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}
/* Billing row — hug content, no phantom stretch */
[data-test="cart-item"] .flex.flex-row.w-full.gap-4.items-end.justify-between:has([data-test="billing-cycle-select-label"]),
[data-test="cart-item"] .flex.flex-row.w-full.gap-4.items-end.justify-between:has([data-test*="billing-cycle"]) {
  align-items: flex-end !important;
  min-height: 0 !important;
  height: auto !important;
}
[data-test="cart-item"] .flex.flex-col.gap-4.items-start:has([data-test="billing-cycle-select-label"]),
[data-test="cart-item"] .flex.flex-col.gap-4.items-start:has([data-test*="billing-cycle"]) {
  height: auto !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  max-width: 100% !important;
}
[data-test="cart-item"] [data-test="billing-cycle-select-content"],
[data-test="cart-item"] [data-test="last-chance-billing-cycle-select-content"],
.sky-last-chance [data-test="cart-item"] [data-test*="billing-cycle-select-content"] {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
}
[data-test="cart-item"] [data-test="billing-cycle-select-content"] [role="combobox"],
[data-test="cart-item"] [data-test="last-chance-billing-cycle-select-content"] [role="combobox"],
[data-test="cart-item"] .group\/label:has([data-test="billing-cycle-select-label"]) [role="combobox"],
[data-test="cart-item"] .group\/label:has([data-test="last-chance-billing-cycle-select-label"]) [role="combobox"],
.sky-last-chance [data-test="cart-item"] [data-test*="billing-cycle"] [role="combobox"] {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}
/* LC expand: fill even more of the white card */
.sky-last-chance [data-test="cart-item"] .group\/label:has([data-test*="billing-cycle"]) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* ============================================================
 * v74 — Exact-match domain row: mint card + left check icon
 * + force white tick on added-to-cart green square
 * ============================================================ */
.sky-exact-match,
div.relative.group.border.border-solid.rounded-large.sky-exact-match,
div.bg-default.rounded-large.p-4.w-full.group.sky-exact-match,
div.w-full.rounded-large.border.border-solid.sky-exact-match {
  border: 1.5px solid #86efac !important;
  background: #ecfdf5 !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(5, 150, 105, 0.1) !important;
}
.sky-exact-match::before,
div.relative.group.border.border-solid.rounded-large.sky-exact-match::before,
div.bg-default.rounded-large.p-4.w-full.group.sky-exact-match::before,
div.w-full.rounded-large.border.border-solid.sky-exact-match::before {
  content: "" !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  background: #059669
    center / 22px 22px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6.2' stroke='%23fff' stroke-width='1.4'/%3E%3Cpath d='M5.2 8.1l1.8 1.8 3.8-3.9' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.28) !important;
}
/* Added cart square — white check always visible */
button.sky-added-cart,
button:has(> svg.bi-check-circle) {
  background: #059669 !important;
  background-color: #059669 !important;
  background-image: none !important;
}
button.sky-added-cart > svg.bi-check-circle,
button:has(> svg.bi-check-circle) > svg.bi-check-circle {
  display: block !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}
button.sky-added-cart > svg.bi-check-circle *,
button:has(> svg.bi-check-circle) > svg.bi-check-circle * {
  fill: #ffffff !important;
  stroke: none !important;
}

/* Exact Match result item (Nexus data-test) */
[data-test^="domain-search-results-item-"].sky-exact-match:not([data-test*="add-to-cart"]),
.sky-exact-match[data-test^="domain-search-results-item-"] {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  border: 1.5px solid #86efac !important;
  background: #ecfdf5 !important;
  background-image: none !important;
  box-shadow: 0 10px 28px rgba(5, 150, 105, 0.1) !important;
  opacity: 1 !important;
}
[data-test^="domain-search-results-item-"].sky-exact-match:not([data-test*="add-to-cart"])::before,
.sky-exact-match[data-test^="domain-search-results-item-"]::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  background: #059669
    center / 22px 22px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6.2' stroke='%23fff' stroke-width='1.4'/%3E%3Cpath d='M5.2 8.1l1.8 1.8 3.8-3.9' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  box-shadow: 0 6px 14px rgba(5, 150, 105, 0.28) !important;
}

/* ============================================================
 * v75 — Order Summary Recurring/totals: force light text on dark rail
 * (Nexus default navy text was invisible on purple summary)
 * ============================================================ */
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"],
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] *:not(svg):not(path):not(button):not(input),
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0,
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 *:not(svg):not(path):not(input) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row [class*="text-muted"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 [class*="text-muted"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .truncate,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .truncate {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}
/* Keep checkout CTA readable */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ============================================================
 * v76 — Order Summary = mockup cart.html .summary (WHITE card)
 * Beats all prior dark-rail / white-on-purple summary rules
 * ============================================================ */
div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-2\/5.bg-muted.md\:sticky,
div.md\:w-2\/5.bg-muted.md\:sticky.sky-mock-summary-rail,
.sky-mock-summary-rail {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 40px rgba(19, 17, 47, 0.08) !important;
  border: 1px solid rgba(19, 17, 47, 0.09) !important;
  border-radius: 20px !important;
  color: #13112F !important;
  padding: 20px !important;
  margin-left: 8px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .flex.flex-col.w-full.flex-grow,
.sky-mock-summary {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 12px !important;
  color: #13112F !important;
  overflow: visible !important;
  max-height: none !important;
}
/* Title */
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] .text-2xl,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] > .text-2xl {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  margin: 0 0 4px !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] > div:not(.text-2xl) {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}
/* Mini line cards → flat mockup rows */
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] ~ div .rounded-large.bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.rounded-large.bg-default,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(19, 17, 47, 0.09) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  backdrop-filter: none !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card *,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.border.rounded-large.bg-default *,
div.md\:w-2\/5.bg-muted.md\:sticky div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed) * {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card [class*="text-lifted"],
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card [class*="text-muted"],
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card .text-small {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-weight: 650 !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card .font-semibold,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card [class*="font-semibold"],
div.md\:w-2\/5.bg-muted.md\:sticky .sky-summary-card strong {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 800 !important;
}
/* Totals block */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0.bg-muted,
div.md\:w-2\/5.bg-muted.md\:sticky div[class*="md:sticky"][class*="bottom-0"] {
  background: transparent !important;
  border-top: 1px solid rgba(19, 17, 47, 0.09) !important;
  padding: 14px 0 0 !important;
  margin: 12px 0 0 !important;
  position: static !important;
  color: #13112F !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 *:not(svg):not(path):not(button):not(input),
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .truncate,
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] *:not(svg):not(path):not(button) {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  color: #5B647A !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row > *:first-child {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  font-weight: 650 !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row > *:last-child,
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row [class*="font-semibold"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row [class*="font-bold"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row [class*="text-xl"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row [class*="text-large"] {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 800 !important;
}
/* Total amount big like mockup .amt */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full.gap-4.items-center.justify-between:has([class*="text-xl"]),
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row:last-of-type {
  align-items: baseline !important;
  margin-top: 4px !important;
  padding-top: 4px !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 [class*="text-xl"],
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 [class*="text-2xl"] {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
/* Promo ghost */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-promo,
div.md\:w-2\/5.bg-muted.md\:sticky button:not([class*="bg-primary"]):not(.sky-summary-checkout) {
  background: linear-gradient(180deg, #fff, #f4f8ff) !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  border-radius: 999px !important;
  height: 48px !important;
  min-height: 48px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(14, 141, 219, 0.12) !important;
}
/* Checkout bolt */
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout,
div.md\:w-2\/5.bg-muted.md\:sticky a[href*="checkout"],
div.md\:w-2\/5.bg-muted.md\:sticky button:has(svg.bi-cart),
div.md\:w-2\/5.bg-muted.md\:sticky button[class*="bg-primary"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin-top: 8px !important;
  padding: 0 24px !important;
  border: none !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2AA3F9 0%, #3F1EBD 55%, #86029F 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  box-shadow: 0 14px 34px rgba(63, 30, 189, 0.3) !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout *,
div.md\:w-2\/5.bg-muted.md\:sticky button[class*="bg-primary"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Continue shopping */
.sky-sum-continue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 52px !important;
  margin-top: 8px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  background: linear-gradient(180deg, #fff, #f4f8ff) !important;
  color: #13112F !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(14, 141, 219, 0.12) !important;
  box-sizing: border-box !important;
}
.sky-sum-secure-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  color: #5B647A !important;
}

.sky-sum-secure-note svg {
  flex-shrink: 0 !important;
  color: #059669 !important;
}
/* Kill old dark-rail forced white from v75 */
div.md\:w-2\/5.bg-muted.md\:sticky [data-test="cart-order-summary"] *:not(svg):not(path):not(button):not(input),
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 *:not(svg):not(path):not(input):not(button) {
  /* intentionally lighter specificity — v76 navy rules above win via later + !important on colors */
}
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-summary-checkout * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* v79 — kill any leftover white-on-white summary text */
.sky-mock-summary-rail,
.sky-mock-summary-rail *:not(svg):not(path):not(button):not(input):not(.sky-summary-checkout):not(.sky-summary-checkout *) {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
.sky-mock-summary-rail .sky-summary-card .text-small,
.sky-mock-summary-rail .sky-summary-card [class*="text-lifted"],
.sky-mock-summary-rail [class*="text-muted"],
.sky-mock-summary-rail [data-test="cart-order-summary"] > div:not(.text-2xl) {
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}
.sky-mock-summary-rail button.sky-summary-checkout,
.sky-mock-summary-rail button.sky-summary-checkout * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
.sky-mock-summary-rail button.sky-summary-promo,
.sky-mock-summary-rail a.sky-sum-continue {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* ============================================================
 * v80 — Last Chance pill badge + Order Summary / tax chip polish
 * ============================================================ */

/* Kill broken ::before badge (inherits 220px circle from bg-accented) */
.sky-last-chance::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.border-muted.bg-accented.sky-last-chance::before,
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-accented.p-2\!.pt-4\!.sky-last-chance::before,
div.flex.flex-col.bg-accented.sky-last-chance::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
/* Real DOM pill injected by sky-shadow-skin.js */
.sky-lc-badge {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  background: #FFB020 !important;
  background-image: none !important;
  box-shadow: 0 4px 12px rgba(255, 159, 67, 0.35) !important;
  pointer-events: none !important;
}
.sky-last-chance {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}
/* Nexus mounts modals inside the sticky summary rail — sticky = own stacking context,
   so lift the whole rail while a modal is open or page content paints over it */
div.md\:sticky:has(div.fixed.inset-0) {
  z-index: 1050 !important;
}
/* Only the headline needs to clear the pill — the white card stays full width */
.sky-last-chance > div.flex.justify-between {
  padding-right: 112px !important;
}
.sky-last-chance > div.flex.justify-between > div.w-fit,
.sky-last-chance > div.flex.justify-between .flex.flex-col.w-fit {
  flex: 1 1 auto !important;
  width: auto !important;
}
.sky-last-chance > div.flex.justify-between .text-lifted {
  max-width: none !important;
}

/* Billing cycle: label above a full-width select (not the boxed addon-row style) */
.sky-last-chance [data-test="cart-item"] [class*="group/label"]:has(> label[data-test="last-chance-billing-cycle-select-label"]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.sky-last-chance [data-test="cart-item"] label[data-test="last-chance-billing-cycle-select-label"],
.sky-last-chance [data-test="cart-item"] label[data-test="last-chance-billing-cycle-select-label"] * {
  width: auto !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
.sky-last-chance [data-test="last-chance-billing-cycle-select-content"] [role="combobox"] {
  min-height: 40px !important;
  border-radius: 10px !important;
}
.sky-last-chance [data-test="last-chance-billing-cycle-select-content"] div.absolute:has(> [role="listbox"]) {
  max-height: none !important;
  z-index: 90 !important;
  padding: 4px !important;
  border: 1px solid rgba(19, 17, 47, 0.12) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(19, 17, 47, 0.14) !important;
}
.sky-last-chance [data-test="last-chance-billing-cycle-select-content"] [role="option"] {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}

/* Expanded LC actions — compact, page-scale text */
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel,
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more *,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart *,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel * {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more,
.sky-last-chance [data-test="cart-item"] button.sky-lc-add-cart,
.sky-last-chance [data-test="cart-item"] button.sky-lc-cancel {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
}
.sky-last-chance [data-test="cart-item"] button.sky-lc-view-more {
  width: auto !important;
  align-self: center !important;
  padding: 0 16px !important;
}
.sky-last-chance button.sky-lc-add-hosting,
.sky-last-chance button.sky-lc-add-hosting * {
  font-size: 15px !important;
  font-weight: 800 !important;
}

/* Order Summary totals — tight rows, aligned amounts */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full.gap-4.items-center.justify-between,
div.md\:w-2\/5.bg-muted.md\:sticky [class*="md:sticky"][class*="bottom-0"] .flex.flex-row.w-full {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 5px 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full > :first-child,
div.md\:w-2\/5.bg-muted.md\:sticky [class*="md:sticky"][class*="bottom-0"] .flex.flex-row.w-full > :first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  background: transparent !important;
}
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full > :last-child,
div.md\:w-2\/5.bg-muted.md\:sticky [class*="md:sticky"][class*="bottom-0"] .flex.flex-row.w-full > :last-child {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  text-align: right !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
/* Total row emphasis */
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 .flex.flex-row.w-full:has([class*="text-xl"]) > :last-child,
div.md\:w-2\/5.bg-muted.md\:sticky [class*="md:sticky"][class*="bottom-0"] .flex.flex-row.w-full:has([class*="text-xl"]) > :last-child {
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* Tax country chip — compact, never Checkout CTA */
.sky-tax-row,
div.md\:w-2\/5.bg-muted.md\:sticky .sky-tax-row {
  align-items: center !important;
  flex-wrap: nowrap !important;
}
button.sky-tax-country,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-tax-country,
div.md\:w-2\/5.bg-muted.md\:sticky .md\:sticky.md\:bottom-0 button.sky-tax-country,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-tax-country[class*="bg-primary"],
.sky-mock-summary-rail button.sky-tax-country {
  width: auto !important;
  max-width: none !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(14, 141, 219, 0.28) !important;
  background: #EEF4FF !important;
  background-image: none !important;
  background-color: #EEF4FF !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  align-self: center !important;
}
button.sky-tax-country *,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-tax-country * {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-size: 11px !important;
  line-height: 1 !important;
}
button.sky-tax-country svg,
div.md\:w-2\/5.bg-muted.md\:sticky button.sky-tax-country svg {
  width: 11px !important;
  height: 11px !important;
  flex-shrink: 0 !important;
  color: #0E8DDB !important;
}

/* ============================================================
 * v81 — Calculate Estimated Tax modal layout
 * Root cause: Configure Extras 50/50 button rules + global modal
 * button styles crushed Country/State and blew Calculate to 50%.
 * ============================================================ */

/* Sit above cart addon FREE / price pills (modal lives in sticky rail) */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) {
  z-index: 10050 !important;
  isolation: isolate !important;
  background: rgba(19, 17, 47, 0.48) !important;
}

/* Panel — allow dropdown menus; no clip */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .mx-auto.rounded-large.bg-default,
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .mx-auto.rounded-large.border {
  overflow: visible !important;
  width: min(520px, calc(100% - 32px)) !important;
  max-width: 520px !important;
  padding-bottom: 8px !important;
}

/* Body padding */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .px-4.pb-6,
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) [class*="pb-6"].text-medium {
  padding: 18px 24px 22px !important;
}

/* Country + State + Calculate row */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-row.w-full.gap-3.items-end {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Field wrappers — honor Nexus w-[220px], never shrink under Calculate */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-row.w-full.gap-3.items-end > [class*="group/label"],
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-row.w-full.gap-3.items-end > .relative {
  flex: 1 1 180px !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 220px !important;
  position: relative !important;
}

/* Floating labels stay above the field, not colliding */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-row.w-full.gap-3.items-end label {
  position: absolute !important;
  top: -14px !important;
  left: 10px !important;
  z-index: 2 !important;
  padding: 0 4px !important;
  background: #ffffff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) [role="combobox"],
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) select {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Calculate — compact primary, not 50% width */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-row.w-full.gap-3.items-end > button {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 110px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  background: #0E8DDB !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  box-shadow: 0 8px 18px rgba(14, 141, 219, 0.25) !important;
}

/* Show in Cart — full-width secondary under the row */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-col.w-full.gap-4 > button {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin-top: 4px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(14, 141, 219, 0.28) !important;
  background: linear-gradient(180deg, #fff, #f4f8ff) !important;
  background-image: linear-gradient(180deg, #fff, #f4f8ff) !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) .flex.flex-col.w-full.gap-4 > button * {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* Close X stays compact */
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) button:has(svg.bi-x-lg),
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) button:has(svg.bi-x),
div.fixed.inset-0[class*="z-[1050]"]:has([role="combobox"]) button.p-1.h-fit {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  background: #f4f6fa !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  box-shadow: none !important;
}

/* ============================================================
 * v85 — Promo code + generic text-input modals (no combobox)
 * Input shell was borderless/transparent → looked like missing field.
 * ============================================================ */
div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) .flex.gap-3.w-full.px-3.relative,
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) .flex.gap-3.w-full.px-3.relative,
div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) .bg-default.transition.border,
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) .bg-default.transition.border {
  border: 1.5px solid rgba(19, 17, 47, 0.18) !important;
  border-color: rgba(19, 17, 47, 0.18) !important;
  border-style: solid !important;
  border-width: 1.5px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  min-height: 44px !important;
  box-shadow: inset 0 0 0 1px rgba(19, 17, 47, 0.06) !important;
  outline: 1.5px solid rgba(19, 17, 47, 0.14) !important;
  outline-offset: 0 !important;
  align-items: center !important;
}

div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) input,
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) input {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  min-height: 40px !important;
  opacity: 1 !important;
}

/* Placeholder when Nexus omits it */
div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) input::placeholder,
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) input::placeholder {
  color: #8B93A7 !important;
  -webkit-text-fill-color: #8B93A7 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* Apply beside field — compact, not 50% footer twin */
div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) .flex.flex-row.w-full.gap-3.items-center > button,
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) .flex.flex-row.w-full.gap-3.items-center > button {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 110px !important;
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  background: linear-gradient(90deg, #1295FC, #0E8DDB) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Primary Continue / footer CTA — white label on blue */
div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) .flex.flex-col.w-full > button,
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) .flex.flex-col.w-full > button,
div.fixed.inset-0[class*="z-[1050]"]:has(input[type="text"]):not(:has([role="combobox"])) button[class*="bg-primary"],
div.fixed.inset-0[class*="z-[1050]"]:has(input:not([type])):not(:has([role="combobox"])) button[class*="bg-primary"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ============================================================
 * v86 — Configure Domain Extras / Required Additional Information
 * Stacked field chrome for selects, text inputs, checkboxes
 * ============================================================ */
div.fixed.inset-0[class*="z-[1050]"] label,
div.fixed.inset-0[class*="z-[1050]"] [class*="group/label"] > span:first-child {
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0.03em;
  color: #5b647a !important;
  -webkit-text-fill-color: #5b647a !important;
}
div.fixed.inset-0[class*="z-[1050]"] [role="combobox"],
div.fixed.inset-0[class*="z-[1050]"] input[type="text"],
div.fixed.inset-0[class*="z-[1050]"] input:not([type]),
div.fixed.inset-0[class*="z-[1050]"] select,
div.fixed.inset-0[class*="z-[1050]"] textarea {
  min-height: 42px !important;
  border-radius: 12px !important;
}
div.fixed.inset-0[class*="z-[1050]"] .flex.gap-3.w-full.px-3.relative.bg-default,
div.fixed.inset-0[class*="z-[1050]"] .bg-default.transition.border {
  border: 1.5px solid rgba(19, 17, 47, 0.16) !important;
  border-color: rgba(19, 17, 47, 0.16) !important;
  border-radius: 12px !important;
  background: #fff !important;
  min-height: 44px !important;
}
div.fixed.inset-0[class*="z-[1050]"] input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #0E8DDB;
}

/* ============================================================
 * v89 — Configure Domain Extras (ccTLD additional fields, e.g. .us)
 * Overrides the v81 tax-modal combobox rules, which collapse Nexus
 * floating labels onto their values in this modal.
 * ============================================================ */
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .group\/label {
  gap: 6px !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .group\/label > label {
  position: static !important;
  order: -1 !important;
  top: auto !important;
  left: auto !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  background: none !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #5B647A !important;
  -webkit-text-fill-color: #5B647A !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .group\/label[required] > label::after {
  content: " *";
  color: #e5484d;
  -webkit-text-fill-color: #e5484d;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) [role="combobox"] {
  height: 44px !important;
  padding: 0 12px !important;
  align-items: center !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) [role="combobox"] > div {
  margin-top: 0 !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) [role="combobox"] > div.py-2 {
  padding: 0 !important;
  align-items: center !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) input[type="text"] {
  height: 41px !important;
  min-height: 0 !important;
  padding: 0 !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .mx-auto.rounded-large .flex.gap-3:has(> [data-test="domain-additional-fields-modal-confirm"]) {
  display: flex !important;
  width: 100% !important;
  gap: 10px !important;
  margin-top: 6px !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .mx-auto.rounded-large .flex.gap-3 > button[data-test^="domain-additional-fields-modal"]:not(.p-1) {
  flex: 1 1 50% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .mx-auto.rounded-large button[data-test="domain-additional-fields-modal-confirm"]:not(.p-1) {
  background: #0E8DDB !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .mx-auto.rounded-large button[data-test="domain-additional-fields-modal-confirm"]:not(.p-1):disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .mx-auto.rounded-large button[data-test="domain-additional-fields-modal-close"]:not(.p-1) {
  background: #fff !important;
  background-image: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  border: 1.5px solid rgba(14, 141, 219, .35) !important;
}
div.fixed.inset-0[class*="z-[1050]"]:has([data-test="domain-additional-fields-modal-confirm"]) .mx-auto.rounded-large button[data-test="domain-additional-fields-modal-close"]:not(.p-1):hover {
  background: #f3f9ff !important;
}

/* v89 — Sticky cart tray on phones: title + summary on top, CTA below
 * (side-by-side layout squeezed the summary into a 108px column). */
@media (max-width: 640px) {
  div.fixed[class*="!bg-inverted"]:has([data-test="cart-bottom-drawer-checkout-button"]) {
    padding: 12px 14px !important;
  }
  div.fixed[class*="!bg-inverted"] > .flex.flex-row:has(> [data-test="cart-bottom-drawer-checkout-button"]) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  div.fixed[class*="!bg-inverted"] > .flex.flex-row > .flex.flex-col:first-child {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 2px 8px !important;
  }
  div.fixed[class*="!bg-inverted"] > .flex.flex-row > .flex.flex-col:first-child > [class*="text-2xl"] {
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }
  div.fixed[class*="!bg-inverted"] > .flex.flex-row > .flex.flex-col:first-child > div:last-child {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    opacity: .85;
  }
}

/* v89 — Cart page on phones: no horizontal overflow
 * (header actions, w-56 billing select + price row, 360px summary rail). */
@media (max-width: 767px) {
  div.flex.flex-col.md\:flex-row.gap-8.items-stretch > div.md\:w-2\/5.bg-muted.md\:sticky.md\:sticky {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 640px) {
  .flex.flex-row.w-full:has(> .sky-cart-header-actions) {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
  }
  .sky-cart-header-actions {
    margin-left: 0 !important;
    width: 100% !important;
    justify-content: space-between !important;
  }
  [data-test="cart-item"] > .flex.flex-col > .flex.flex-row.w-full.items-end {
    flex-wrap: wrap !important;
    row-gap: 12px !important;
  }
  [data-test="cart-item"] > .flex.flex-col > .flex.flex-row.w-full.items-end > .flex.flex-col:first-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
  [data-test="cart-item"] .group\/label.w-56 {
    width: 100% !important;
  }
  [data-test="cart-item"] > .flex.flex-col > .flex.flex-row.w-full.items-end > .items-end {
    margin-left: auto !important;
  }
}

/* Empty cart — Nexus renders one full-width column (no md:w-3/5 split), so it has no inline padding */
div.flex.flex-col.gap-4.py-6:has(> .my-20) {
  padding-inline: 24px !important;
}
div.flex.flex-col.gap-4.py-6:has(> .my-20) > .my-20 {
  margin-top: 40px !important;
  margin-bottom: 48px !important;
}
div.flex.flex-col.gap-4.py-6:has(> .my-20) .text-2xl.font-medium {
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #13112F !important;
  line-height: 34px !important;
}
[data-test="cart-empty-message"] {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #13112F !important;
}
@media (max-width: 640px) {
  div.flex.flex-col.gap-4.py-6:has(> .my-20) {
    padding-inline: 16px !important;
  }
}

/* ============================================================
 * v90 — Form controls the earlier blanket rules leaked into
 * ============================================================ */

/* Domain Extras checkboxes: Nexus gives the <input> the same
 * .bg-default.transition.border classes as text-field shells, so the
 * 44px/12px-radius/white shell rules stretched it into a blank pill. */
div.fixed.inset-0[class*="z-[1050]"] input[type="checkbox"].bg-default.transition.border.appearance-none.size-5 {
  display: inline-block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  border: 1.5px solid rgba(19, 17, 47, 0.32) !important;
  border-radius: 5px !important;
  outline: none !important;
  box-shadow: none !important;
  background: #ffffff !important;
  cursor: pointer !important;
}
div.fixed.inset-0[class*="z-[1050]"] input[type="checkbox"].bg-default.transition.border.appearance-none.size-5:checked {
  border-color: #0E8DDB !important;
  background: #0E8DDB center / 12px 12px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-7' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
div.fixed.inset-0[class*="z-[1050]"] input[type="checkbox"].bg-default.transition.border.appearance-none.size-5:focus-visible {
  outline: 2px solid rgba(14, 141, 219, 0.45) !important;
  outline-offset: 2px !important;
}
div.fixed.inset-0[class*="z-[1050]"] .group\/label:has(> .flex > input[type="checkbox"]) {
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
}
div.fixed.inset-0[class*="z-[1050]"] .group\/label:has(> .flex > input[type="checkbox"]) > .flex {
  height: auto !important;
  min-height: 0 !important;
  align-items: center !important;
}
div.fixed.inset-0[class*="z-[1050]"] .group\/label:has(> .flex > input[type="checkbox"]) label {
  padding-top: 0 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}

/* Cart billing cycle / term select: Nexus puts the chevron first and uses
 * flex-row-reverse; the listbox panel also lives inside [role=combobox],
 * so the v61 span/div resets stripped option padding. */
[data-test="cart-item"] [role="combobox"] {
  flex-direction: row-reverse !important;
}
[data-test="cart-item"] [role="combobox"] > div:has([role="listbox"]) {
  display: block !important;
  top: calc(100% + 6px) !important;
  left: -1px !important;
  right: auto !important;
  width: calc(100% + 2px) !important;
  height: auto !important;
  max-height: 260px !important;
  margin: 0 !important;
  padding: 6px !important;
  border: 1px solid rgba(19, 17, 47, 0.12) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(19, 17, 47, 0.12) !important;
  line-height: normal !important;
  align-self: auto !important;
  overflow-y: auto !important;
}
[data-test="cart-item"] [role="listbox"] [role="option"] {
  margin: 0 0 2px !important;
}
[data-test="cart-item"] [role="listbox"] [role="option"] > span {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  background: transparent !important;
}
[data-test="cart-item"] [role="listbox"] [role="option"] > span:hover {
  background: rgba(14, 141, 219, 0.07) !important;
}
[data-test="cart-item"] [role="listbox"] [role="option"][aria-selected="true"] > span {
  background: rgba(14, 141, 219, 0.1) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}
[data-test="cart-item"] [role="listbox"] [role="option"] > span > span {
  padding: 0 !important;
  line-height: 1.3 !important;
}

/* Shared Hosting / Transfer promo cards: they contain a primary button, so
 * the old exact-match :has(button.bg-primary)::before badge landed on them,
 * and the 20px [class*="font-medium"] title rule out-ranked the CTA reset. */
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not(.sky-exact-match)::before {
  content: none !important;
  display: none !important;
}
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]) a[class*="text-primary"] {
  box-shadow: none !important;
  font-size: 13px !important;
}
div.p-4.md\:p-6.border.border-solid.rounded-large.w-full.text-medium.bg-default:not(.relative):not(.fixed):not([class*="fixed"]) a[class*="text-primary"] > button[class*="font-medium"] {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Pagination: every page button carries hover:/active:bg-primary-* utilities,
 * so [class*="bg-primary"] painted all of them; Nexus marks the current page
 * with aria-current="true" (not "page"). */
div.flex.gap-1.w-full.justify-end > button:not([aria-current="true"]):not([aria-current="page"]) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid rgba(19, 17, 47, 0.12) !important;
  box-shadow: none !important;
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
}
div.flex.gap-1.w-full.justify-end > button:not([aria-current="true"]):not([aria-current="page"]) * {
  color: #13112F !important;
  -webkit-text-fill-color: #13112F !important;
  stroke: #13112F !important;
}
div.flex.gap-1.w-full.justify-end > button:not([aria-current="true"]):not([aria-current="page"]):not(:disabled):hover {
  border-color: rgba(14, 141, 219, 0.45) !important;
  color: #0E8DDB !important;
  -webkit-text-fill-color: #0E8DDB !important;
}
div.flex.gap-1.w-full.justify-end > button:not([aria-current="true"]):not([aria-current="page"]):disabled {
  opacity: 0.45 !important;
}
div.flex.gap-1.w-full.justify-end > button[aria-current="true"] {
  background: #0E8DDB !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
div.flex.gap-1.w-full.justify-end > button[aria-current="true"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}