/* ============================================================
 * FILE: css/site-v33.css                     HostPlux v33.0
 * JOB : Public website components — hero, plan cards, comparison
 *       tables, help centre, legal pages, checkout, 404.
 * DEPENDS: css/site.css (variables + base), css/base.css
 * ============================================================ */

/* ---------- layout helpers ---------- */
.v33-hero {
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 40px; align-items: center;
  padding: 54px 0 42px;
}
.v33-hero.compact { grid-template-columns: 1fr; padding: 40px 0 26px; }
.v33-hero-copy { min-width: 0; }
.v33-h1 {
  margin: 10px 0 14px; font-size: clamp(30px, 4.4vw, 50px); line-height: 1.08;
  letter-spacing: -1.4px; font-weight: 700; color: var(--text, #111827);
}
.v33-h1 .grad { background: linear-gradient(92deg, #673DE6, #9B6BFF); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v33-lead { margin: 0 0 18px; font-size: 16.5px; line-height: 1.6; color: var(--muted, #5b6472); max-width: 620px; }
.v33-bullets { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; }
.v33-bullets li { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--text, #111827); }
.v33-bullets .icon { width: 15px; height: 15px; color: #12B76A; }
.v33-hero-cta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.v33-note { display: flex; align-items: center; gap: 7px; margin: 14px 0 0; font-size: 12.5px; color: var(--muted, #6b7280); }
.v33-note .icon { width: 14px; height: 14px; }

/* hero side card */
.v33-hero-card {
  background: #fff; border: 1px solid #ECECF1; border-radius: 20px; padding: 22px;
  box-shadow: 0 24px 60px -28px rgba(28, 20, 70, .35);
}
.v33-hero-card-top { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #6E7178; }
.v33-hero-card-top .icon { width: 16px; height: 16px; color: #673DE6; }
.v33-hero-price { font-size: 34px; font-weight: 700; letter-spacing: -1px; margin: 6px 0 2px; color: #14161A; }
.v33-hero-price span { font-size: 14px; font-weight: 500; color: #6E7178; }
.v33-hero-card-sub { margin: 0 0 14px; font-size: 12.5px; color: #6E7178; }
.v33-hero-card-list { display: grid; gap: 8px; margin-bottom: 16px; }
.v33-hero-card-list span { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #3D4048; }
.v33-hero-card-list .icon { width: 15px; height: 15px; color: #12B76A; }

/* ---------- trust row ---------- */
.v33-trust {
  display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center;
  padding: 16px 20px; border-radius: 14px; background: #F7F7FA; margin-bottom: 8px;
}
.v33-trust span { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: #4B4F58; }
.v33-trust .icon { width: 15px; height: 15px; color: #673DE6; }

/* ---------- plans ---------- */
.v33-plans { padding: 34px 0 10px; }
.v33-sec-head { margin-bottom: 18px; }
.v33-sec-head h2 { margin: 0 0 6px; font-size: 24px; letter-spacing: -.6px; color: #14161A; }
.v33-sec-head p { margin: 0; color: #6E7178; font-size: 14px; }
.v33-term { display: inline-flex; gap: 4px; padding: 4px; background: #F2F2F5; border-radius: 999px; margin-bottom: 20px; flex-wrap: wrap; }
.v33-term .term-btn {
  position: relative; border: 0; background: transparent; border-radius: 999px;
  padding: 8px 16px; font: 600 13px/1 system-ui, -apple-system, sans-serif; color: #55585F; cursor: pointer;
}
.v33-term .term-btn.active { background: #fff; color: #14161A; box-shadow: 0 2px 8px rgba(20, 22, 26, .10); }
.v33-term .term-save { font-style: normal; font-size: 10px; color: #0B7A4B; margin-left: 6px; font-weight: 700; }

.v33-plan-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.v33-plan-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 680px; }
.v33-plan {
  position: relative; background: #fff; border: 1px solid #ECECF1; border-radius: 18px;
  padding: 20px; display: flex; flex-direction: column; transition: box-shadow .18s, transform .18s;
}
.v33-plan:hover { box-shadow: 0 18px 40px -24px rgba(20, 22, 26, .35); transform: translateY(-2px); }
.v33-plan.popular { border-color: #673DE6; box-shadow: 0 18px 44px -26px rgba(103, 61, 230, .55); }
.v33-plan-flag {
  position: absolute; top: -11px; left: 20px; background: #673DE6; color: #fff;
  font-size: 10px; font-weight: 700; letter-spacing: .4px; padding: 4px 10px; border-radius: 999px;
}
.v33-plan-name { font-size: 17px; font-weight: 700; color: #14161A; }
.v33-plan-tag { margin: 4px 0 12px; font-size: 12.5px; line-height: 1.45; color: #6E7178; min-height: 36px; }
.v33-plan-old { font-size: 12px; color: #686E7C; text-decoration: line-through; }
.v33-plan-price { font-size: 32px; font-weight: 700; letter-spacing: -1px; color: #14161A; line-height: 1.1; }
.v33-plan-price .cur { font-size: 17px; font-weight: 600; margin-right: 1px; }
.v33-plan-price .per { font-size: 13px; font-weight: 500; color: #6E7178; }
.v33-plan-bill { font-size: 12px; color: #55585F; margin: 6px 0 14px; }
.v33-plan-feats { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 8px; flex: 1; }
.v33-plan-feats li { display: flex; gap: 8px; font-size: 12.8px; color: #3D4048; line-height: 1.4; }
.v33-plan-feats .icon { width: 15px; height: 15px; flex: 0 0 15px; color: #12B76A; margin-top: 1px; }
.v33-plan-foot { margin-top: 10px; font-size: 11px; color: #666B7A; text-align: center; }
.v33-gst { display: flex; align-items: center; gap: 7px; margin: 14px 0 0; font-size: 12px; color: #7A7F87; }
.v33-gst .icon { width: 14px; height: 14px; }

/* ---------- features ---------- */
.v33-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 34px 0 6px; }
.v33-feat { background: #fff; border: 1px solid #EFEFF1; border-radius: 16px; padding: 20px; }
.v33-feat-ico {
  width: 38px; height: 38px; border-radius: 11px; background: #F1EDFE; color: #673DE6;
  display: flex; align-items: center; justify-content: center; margin-bottom: 12px;
}
.v33-feat-ico .icon { width: 19px; height: 19px; }
.v33-feat h3 { margin: 0 0 6px; font-size: 15px; color: #14161A; }
.v33-feat p { margin: 0; font-size: 13px; line-height: 1.55; color: #6E7178; }

/* ---------- tables ---------- */
.v33-table-wrap { padding: 36px 0 8px; }
.v33-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px; border: 1px solid #EFEFF1; background: #fff; }
.v33-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.v33-table th, .v33-table td { padding: 12px 16px; text-align: left; font-size: 13px; border-bottom: 1px solid #F3F3F6; color: #3D4048; }
.v33-table th { background: #FAFAFB; font-weight: 600; color: #6E7178; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; }
.v33-table tbody tr:last-child td { border-bottom: 0; }
.v33-table td b { color: #14161A; }
.v33-table .muted { color: #666B7A; }
.v33-table.compare td:not(:first-child), .v33-table.compare th:not(:first-child) { text-align: center; }
.v33-table .compare-cta td { background: #FAFAFB; }

/* ---------- faq ---------- */
.v33-faq { padding: 36px 0 6px; }
.v33-faq-list { display: grid; gap: 10px; max-width: 860px; }
.v33-faq-item { background: #fff; border: 1px solid #EFEFF1; border-radius: 14px; padding: 0 18px; }
.v33-faq-item summary {
  list-style: none; cursor: pointer; padding: 16px 0; font-size: 14.5px; font-weight: 600; color: #14161A;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.v33-faq-item summary::-webkit-details-marker { display: none; }
.v33-faq-plus { color: #673DE6; font-size: 20px; line-height: 1; transition: transform .18s; }
.v33-faq-item[open] .v33-faq-plus { transform: rotate(45deg); }
.v33-faq-a { padding: 0 0 16px; font-size: 13.5px; line-height: 1.65; color: #5B6170; }

/* ---------- cta band ---------- */
.v33-cta {
  margin: 40px 0 10px; padding: 30px 32px; border-radius: 20px;
  background: linear-gradient(120deg, #1B1235, #35235F 55%, #4B2E9E);
  color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap;
}
.v33-cta h2 { margin: 0 0 6px; font-size: 23px; letter-spacing: -.5px; }
.v33-cta p { margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, .78); max-width: 560px; }
.v33-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.v33-cta .site-btn-primary { background: #fff; color: #2A1758; }
.v33-cta .site-btn-outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .45); }

/* ---------- domain search ---------- */
.v33-domain-search {
  display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #E7E7EC;
  border-radius: 999px; padding: 6px 6px 6px 18px; max-width: 720px; margin: 6px 0 4px;
}
.v33-domain-search > .icon { width: 18px; height: 18px; color: #9AA0A6; flex: 0 0 18px; }
.v33-domain-search input { flex: 1; min-width: 0; border: 0; outline: 0; font-size: 15px; padding: 10px 0; background: transparent; }
.v33-domain-search select { border: 0; background: #F4F4F6; border-radius: 999px; padding: 9px 12px; font-size: 13px; }
.v33-domain-search .site-btn { white-space: nowrap; }

/* ---------- help centre ---------- */
.v33-cat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 24px 0 6px; }
.v33-cat {
  text-align: left; background: #fff; border: 1px solid #EFEFF1; border-radius: 16px; padding: 16px;
  cursor: pointer; font-family: inherit; transition: border-color .15s, box-shadow .15s;
}
.v33-cat:hover, .v33-cat.active { border-color: #673DE6; box-shadow: 0 12px 30px -22px rgba(103, 61, 230, .6); }
.v33-cat b { display: block; font-size: 14px; color: #14161A; margin-bottom: 3px; }
.v33-cat span { font-size: 12px; color: #6E7178; line-height: 1.4; display: block; }
.v33-cat .v33-feat-ico { margin-bottom: 10px; width: 34px; height: 34px; border-radius: 10px; }
.v33-articles { display: grid; gap: 10px; padding: 20px 0 6px; }
.v33-article { background: #fff; border: 1px solid #EFEFF1; border-radius: 14px; padding: 0 18px; }
.v33-article summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; padding: 15px 0; font-size: 14px; font-weight: 600; color: #14161A; }
.v33-article summary::-webkit-details-marker { display: none; }
.v33-article summary em { font-style: normal; font-size: 11.5px; color: #666B7A; white-space: nowrap; }
.v33-article-body { padding: 0 0 16px; font-size: 13.5px; line-height: 1.7; color: #5B6170; }
.v33-empty { padding: 26px; text-align: center; color: #6E7178; font-size: 14px; background: #fff; border-radius: 14px; border: 1px dashed #DCDCE3; }

/* ---------- contact ---------- */
.v33-contact-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 18px; padding: 10px 0 20px; }
.v33-contact-side { display: grid; gap: 10px; align-content: start; }
.v33-contact-card { display: flex; gap: 12px; align-items: flex-start; background: #fff; border: 1px solid #EFEFF1; border-radius: 14px; padding: 14px 16px; }
.v33-contact-card .icon { width: 18px; height: 18px; color: #673DE6; margin-top: 2px; }
.v33-contact-card b { display: block; font-size: 13.5px; color: #14161A; }
.v33-contact-card span { font-size: 12.5px; color: #6E7178; }
.v33-ok { text-align: center; padding: 26px 10px; }
.v33-ok-ico { width: 46px; height: 46px; border-radius: 50%; background: #E9F9EF; color: #12B76A; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }

/* ---------- status ---------- */
.v33-status-list { display: grid; gap: 8px; padding: 12px 0 6px; }
.v33-status-row { display: grid; grid-template-columns: 10px 1fr auto auto; gap: 12px; align-items: center; background: #fff; border: 1px solid #EFEFF1; border-radius: 12px; padding: 13px 16px; }
.v33-dot { width: 9px; height: 9px; border-radius: 50%; background: #12B76A; box-shadow: 0 0 0 3px rgba(18, 183, 106, .16); }
.v33-status-row b { font-size: 13.5px; color: #14161A; font-weight: 600; }
.v33-status-pct { font-size: 12px; color: #666B7A; }
.v33-status-row em { font-style: normal; font-size: 12px; color: #0B7A4B; font-weight: 600; }
.v33-incident { background: #fff; border: 1px solid #EFEFF1; border-radius: 14px; padding: 20px; }
.v33-incident b { font-size: 14px; color: #14161A; }
.v33-incident p { margin: 6px 0 0; font-size: 13px; color: #6E7178; }

/* ---------- about ---------- */
.v33-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 14px 0 8px; }
.v33-stats > div { background: #fff; border: 1px solid #EFEFF1; border-radius: 16px; padding: 20px; text-align: center; }
.v33-stats b { display: block; font-size: 26px; letter-spacing: -1px; color: #14161A; }
.v33-stats span { font-size: 12.5px; color: #6E7178; }
.v33-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 24px 0 8px; }
.v33-value { background: #fff; border: 1px solid #EFEFF1; border-radius: 16px; padding: 20px; }
.v33-value .icon { width: 20px; height: 20px; color: #673DE6; margin-bottom: 10px; }
.v33-value h3 { margin: 0 0 6px; font-size: 15px; color: #14161A; }
.v33-value p { margin: 0; font-size: 13px; line-height: 1.55; color: #6E7178; }
.v33-regions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.v33-region { display: flex; gap: 12px; background: #fff; border: 1px solid #EFEFF1; border-radius: 14px; padding: 16px; }
.v33-region .icon { width: 18px; height: 18px; color: #673DE6; margin-top: 2px; }
.v33-region b { display: block; font-size: 13.5px; color: #14161A; }
.v33-region span { display: block; font-size: 12px; color: #6E7178; margin: 2px 0 4px; }
.v33-region code { font-size: 11px; color: #666B7A; }

/* ---------- steps ---------- */
.v33-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; padding: 26px 0 8px; }
.v33-step { background: #fff; border: 1px solid #EFEFF1; border-radius: 16px; padding: 20px; }
.v33-step-n {
  width: 30px; height: 30px; border-radius: 50%; background: #F1EDFE; color: #673DE6;
  display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; margin-bottom: 10px;
}
.v33-step h3 { margin: 0 0 6px; font-size: 14.5px; color: #14161A; }
.v33-step p { margin: 0; font-size: 12.8px; line-height: 1.55; color: #6E7178; }
.v33-transfer-box { margin-top: 22px; background: #fff; border: 1px solid #EFEFF1; border-radius: 18px; padding: 24px; }
.v33-transfer-box h2 { margin: 0 0 14px; font-size: 20px; color: #14161A; }

/* ---------- legal ---------- */
.v33-legal-meta { font-size: 12.5px; color: #666B7A; margin: 0; }
.v33-legal-sec { padding: 16px 0; border-top: 1px solid #EFEFF1; }
.v33-legal-sec h2 { margin: 0 0 8px; font-size: 16px; color: #14161A; }
.v33-legal-sec p { margin: 0; font-size: 14px; line-height: 1.72; color: #4B5160; }
.v33-legal-foot { margin-top: 24px; padding-top: 18px; border-top: 1px solid #EFEFF1; font-size: 12.5px; color: #6E7178; line-height: 1.7; }

/* ---------- sitemap / 404 / changelog ---------- */
.v33-sitemap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 20px 0; }
.v33-sitemap h3 { margin: 0 0 8px; font-size: 14px; color: #14161A; }
.v33-sitemap ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.v33-sitemap a { font-size: 13.5px; color: #4B5160; cursor: pointer; }
.v33-sitemap a:hover { color: #673DE6; }
.v33-404 { text-align: center; padding: 60px 20px 70px; }
.v33-404-code { font-size: 96px; font-weight: 800; letter-spacing: -6px; line-height: 1; background: linear-gradient(120deg, #673DE6, #B794FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v33-404 h1 { margin: 8px 0 8px; font-size: 26px; color: #14161A; }
.v33-404 p { margin: 0 0 20px; color: #6E7178; }
.v33-404-links { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.v33-release { background: #fff; border: 1px solid #EFEFF1; border-radius: 14px; padding: 18px; margin-bottom: 12px; }
.v33-release-head { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }
.v33-release-head b { font-size: 15px; color: #673DE6; }
.v33-release-head span { font-size: 12px; color: #666B7A; }
.v33-release ul { margin: 0; padding-left: 18px; }
.v33-release li { font-size: 13.2px; line-height: 1.6; color: #4B5160; }

/* ---------- checkout ---------- */
.v33-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; padding: 6px 0 30px; }
.v33-checkout-main { min-width: 0; }
.v33-checkout-card { background: #fff; border: 1px solid #ECECF1; border-radius: 18px; padding: 20px; margin-bottom: 12px; }
.v33-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.v33-card-head h3 { margin: 0; font-size: 15.5px; color: #14161A; }
.v33-step-pill { width: 24px; height: 24px; border-radius: 50%; background: #F1EDFE; color: #673DE6; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.v33-hint { font-style: normal; font-weight: 400; color: #666B7A; font-size: 11.5px; }
.v33-signedin { display: flex; align-items: center; gap: 8px; background: #F0FBF4; border: 1px solid #D6F2E1; color: #17794A; border-radius: 12px; padding: 11px 14px; font-size: 13px; margin-bottom: 12px; }
.v33-signedin .icon { width: 15px; height: 15px; }
.v33-summary { background: #fff; border: 1px solid #ECECF1; border-radius: 18px; padding: 20px; position: sticky; top: 80px; }
.v33-summary h3 { margin: 0 0 12px; font-size: 15px; color: #14161A; }
.v33-sum-item { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #F3F3F6; }
.v33-sum-item b { display: block; font-size: 13px; color: #14161A; }
.v33-sum-item span { display: block; font-size: 11.5px; color: #8B9099; margin-top: 2px; }
.v33-sum-price { font-size: 13.5px; font-weight: 600; color: #14161A; text-align: right; white-space: nowrap; }
.v33-sum-trust { margin-top: 14px; display: grid; gap: 8px; }
.v33-sum-trust div { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #6E7178; }
.v33-sum-trust .icon { width: 14px; height: 14px; color: #12B76A; }
.v33-pay-logos { display: flex; gap: 8px; justify-content: center; margin: 14px 0 4px; flex-wrap: wrap; }
.v33-pay-logos span { border: 1px solid #E7E7EC; border-radius: 6px; padding: 4px 9px; font-size: 10.5px; font-weight: 600; color: #6E7178; background: #fff; }

/* domain result rows reuse site.css .domain-result if present */
.v33-dom-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #fff; border: 1px solid #EFEFF1; border-radius: 12px; padding: 14px 16px; margin-bottom: 8px; }
.v33-dom-row b { font-size: 14.5px; color: #14161A; }
.v33-dom-row .ok { color: #12B76A; font-size: 12px; font-weight: 600; }
.v33-dom-row .no { color: #E5484D; font-size: 12px; font-weight: 600; }

/* ---------- responsive ---------- */
@media (max-width: 1100px) {
  .v33-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v33-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .v33-hero { grid-template-columns: 1fr; gap: 26px; padding: 34px 0 24px; }
  .v33-hero-aside { order: -1; }
  .v33-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v33-checkout { grid-template-columns: 1fr; }
  .v33-summary { position: static; order: -1; }
  .v33-contact-grid { grid-template-columns: 1fr; }
  .v33-values, .v33-regions { grid-template-columns: 1fr; }
  .v33-sitemap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v33-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .v33-h1 { font-size: 30px; letter-spacing: -.9px; }
  .v33-lead { font-size: 15px; }
  .v33-plan-grid, .v33-plan-grid.two { grid-template-columns: 1fr; }
  .v33-features { grid-template-columns: 1fr; }
  .v33-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v33-cta { padding: 22px; }
  .v33-cta h2 { font-size: 20px; }
  .v33-sitemap { grid-template-columns: 1fr; }
  .v33-domain-search { flex-wrap: wrap; border-radius: 16px; padding: 10px 12px; }
  .v33-domain-search input { flex: 1 1 calc(100% - 34px); min-width: 0; padding: 8px 6px; font-size: 16px; }
  .v33-domain-search select, .v33-domain-search .site-btn { flex: 1 1 110px; justify-content: center; }
  .v33-status-row { grid-template-columns: 10px 1fr auto; }
  .v33-status-pct { display: none; }
}

/* ---------- v33.0 mobile header: ek hi row (logo … cart · log in · ☰) ---------- */
@media (max-width: 640px) {
  .site-header-inner { flex-wrap: nowrap !important; align-items: center; gap: 8px; }
  .site-header-actions {
    order: 0 !important; width: auto !important; margin-left: auto;
    display: flex !important; align-items: center; gap: 6px;
  }
  .site-header-actions .site-btn-primary { display: none !important; } /* "Claim deal" mobile par Pricing nav me hai */
  .site-header-actions .site-btn { padding: 9px 12px !important; font-size: 12.5px !important; white-space: nowrap; }
  .site-header-actions .site-btn span { display: inline !important; }
  .site-header-actions .cart-btn { display: inline-flex !important; }
  .nav-burger { width: 40px !important; height: 38px !important; }
  .site-nav {
    position: absolute; top: 100%; left: 0; right: 0;
    background: #fff; border-bottom: 1px solid #ECECF1;
    padding: 6px 12px 14px; z-index: 40; box-shadow: 0 24px 40px -30px rgba(20,22,26,.5);
  }
  .site-nav:not(.open) { display: none; }
  .site-nav.open { max-height: calc(100vh - 150px); overflow-y: auto; overscroll-behavior: contain; }
  .site-nav-item { width: 100%; justify-content: space-between; padding: 12px 8px; }
  .site-nav-drop { position: static; box-shadow: none; border: 0; padding-left: 8px; }
}

/* ---------- v33 cart ---------- */
.v33-empty-cart { text-align:center; padding:60px 20px 70px; }
.v33-empty-cart h1 { margin: 4px 0 8px; font-size: 26px; color: #14161A; }
.v33-empty-cart p { margin: 0 0 20px; color: #6E7178; }
.v33-cart-row { display: grid; grid-template-columns: 44px 1fr auto auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid #F3F3F6; }
.v33-cart-row:last-of-type { border-bottom: 0; }
.v33-cart-ico { width: 42px; height: 42px; border-radius: 12px; background: #F1EDFE; color: #673DE6; display: flex; align-items: center; justify-content: center; }
.v33-cart-ico .icon { width: 19px; height: 19px; }
.v33-cart-info b { display: block; font-size: 14px; color: #14161A; }
.v33-cart-info span { display: block; font-size: 12.5px; color: #6E7178; margin-top: 2px; }
.v33-cart-info em { display: inline-block; font-style: normal; font-size: 11px; color: #12B76A; font-weight: 700; margin-top: 3px; }
.v33-cart-price { font-size: 15px; font-weight: 700; color: #14161A; white-space: nowrap; }
.v33-cart-actions { margin-top: 14px; }
.v33-applied { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #12B76A; margin: 8px 0 0; }
.v33-applied .icon { width: 14px; height: 14px; }
@media (max-width: 640px) {
  .v33-cart-row { grid-template-columns: 38px 1fr auto; }
  .v33-cart-row .cart-remove { grid-column: 3; }
}

/* ===== v33.0 detail pages (plan / vps / email / domain) ===== */
.v33-plan-more{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:10px 0 2px;font-size:13px;font-weight:600;color:var(--brand,#673DE6);text-decoration:none;cursor:pointer}
.v33-plan-more svg{width:14px;height:14px}
.v33-plan-more:hover{text-decoration:underline}
.v33-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.v33-row-actions .site-btn{white-space:nowrap}
.v33-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 34px}
.v33-detail-card{background:var(--card,#fff);border:1px solid var(--line,#E5E5EA);border-radius:18px;padding:24px 24px 20px}
.v33-detail-card h2{font-size:20px;font-weight:600;margin:0 0 16px;letter-spacing:-.01em;color:var(--ink,#111)}
.v33-detail-list{display:flex;flex-direction:column;gap:14px}
.v33-detail-item{display:flex;gap:12px;align-items:flex-start}
.v33-detail-ico{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(103,61,230,.10);color:#673DE6}
.v33-detail-ico svg{width:14px;height:14px}
.v33-detail-item b{display:block;font-size:14px;font-weight:600;color:var(--ink,#111);margin-bottom:2px}
.v33-detail-item span{display:block;font-size:13px;line-height:1.5;color:var(--muted,#5b5b66)}
.v33-spec-table{border:1px solid var(--line,#E9E9EE);border-radius:14px;overflow:hidden}
.v33-spec-row{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;font-size:13.5px;border-bottom:1px solid var(--line,#EFEFF3)}
.v33-spec-row:last-child{border-bottom:0}
.v33-spec-row span{color:var(--muted,#5b5b66)}
.v33-spec-row b{text-align:right;color:var(--ink,#111)}
.v33-spec-row.price{background:rgba(103,61,230,.06)}
.v33-spec-row.price b{color:#673DE6;font-size:15px}
.v33-buy-card .v33-term{margin:14px 0 10px;justify-content:space-between}
.v33-buy-card .v33-term .term-btn{flex:1;padding:7px 4px;font-size:11.5px}
.v33-buy-foot{margin-top:10px;font-size:11.5px;color:var(--muted,#6b6b76);text-align:center}
.v33-vps-os{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.v33-os-chip{font-size:11.5px;padding:4px 9px;border-radius:999px;background:rgba(103,61,230,.08);color:#5a35c9;font-weight:600}
.v33-tld-link{text-decoration:none;color:inherit;cursor:pointer}
.v33-tld-link:hover b{color:#673DE6}
.v33-domain-search-sm{margin:14px 0 10px;padding:6px;gap:6px}
.v33-domain-search-sm input{min-width:0}
.v33-domain-search-sm select{max-width:92px}
.v33-domain-search-sm .site-btn{padding:0 12px;height:38px}
@media(max-width:860px){
  .v33-detail-grid{grid-template-columns:1fr}
  .v33-row-actions{justify-content:flex-start}
  .v33-buy-card .v33-term{justify-content:flex-start}
}

/* detail hero: lambi buy-card ke saath copy upar se align + term pill saaf */
.v33-hero:has(.v33-buy-card){align-items:flex-start;padding:28px 0 34px}
.v33-buy-card .v33-term{gap:4px}
.v33-buy-card .v33-term .term-btn{white-space:nowrap}
.v33-buy-card .v33-term .term-save{display:none}

/* mobile: detail page par pehle title/phir price card (warna H1 neeche chhup jata) */
@media(max-width:860px){
  .v33-hero:has(.v33-buy-card) .v33-hero-copy{order:1}
  .v33-hero:has(.v33-buy-card) .v33-hero-aside{order:2}
  .v33-hero:has(.v33-buy-card){gap:20px;padding:22px 0 20px}
  .v33-hero:has(.v33-buy-card) .v33-h1{font-size:30px;letter-spacing:-.8px}
}

/* phone: buy-card ka term switch 2x2 grid — 4 pills ek row me nahi aate */
@media(max-width:480px){
  .v33-buy-card .v33-term{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .v33-buy-card .v33-term .term-btn{width:100%;padding:8px 4px}
}

/* ============================================================
   Checkout v33.1 — contact · billing/GST · payment · promo
   ============================================================ */
.v33-co-top{margin:2px 0 14px}
.v33-co-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.v33-co-title h1{margin:2px 0 0}
.v33-co-secure{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#12805c;background:#eafaf3;border:1px solid #c7f0e0;border-radius:999px;padding:5px 10px}
.v33-co-secure svg{width:13px;height:13px}
.v33-co-sub{margin:6px 0 0;font-size:13.5px;color:var(--muted,#5b6472)}
.v33-co-flag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#673DE6;background:rgba(103,61,230,.09);padding:4px 9px;border-radius:999px}
.v33-req{color:#e5484d;font-style:normal}
.v33-co-help{display:flex;gap:7px;align-items:flex-start;margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted,#6b7280)}
.v33-co-help svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
.v33-co-link{margin-left:auto;font-size:12.5px;font-weight:600;color:#673DE6;cursor:pointer}
.v33-co-link:hover{text-decoration:underline}
.co-invalid{border-color:#e5484d !important;box-shadow:0 0 0 3px rgba(229,72,77,.12)}

/* payment method cards */
.v33-pay-card{align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;position:relative}
.v33-pay-card.selected{background:rgba(103,61,230,.05)}
.v33-pay-card.is-off{opacity:.55;cursor:not-allowed;background:#fafafc}
.v33-pay-card .pay-radio{margin-top:2px}
.v33-pay-ico{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(103,61,230,.10);color:#673DE6}
.v33-pay-ico svg{width:17px;height:17px}
.v33-pay-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.v33-pay-body b{font-size:13.5px;font-weight:700;color:var(--ink,#111)}
.v33-pay-body em{font-style:normal;font-size:12px;line-height:1.45;color:var(--muted,#6b7280)}
.v33-pay-warn{color:#b45309 !important;font-weight:600}
.v33-pay-badge{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.06em;color:#12805c;background:#eafaf3;border:1px solid #c7f0e0;border-radius:999px;padding:3px 8px;align-self:center}
.v33-pay-badge.alt{color:#673DE6;background:rgba(103,61,230,.09);border-color:rgba(103,61,230,.18)}
.v33-pay-skel{padding:14px;font-size:13px;color:#646A7D;border:1px dashed #E2E2EA;border-radius:12px}

/* add-on */
.v33-addon{margin-top:14px;border:1px dashed #DCD6F6;border-radius:14px;padding:12px 14px;background:rgba(103,61,230,.03)}
.v33-addon-row{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.v33-addon-row input{margin-top:3px;width:16px;height:16px;accent-color:#673DE6;flex:0 0 16px}
.v33-addon-ico{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(103,61,230,.10);color:#673DE6}
.v33-addon-ico svg{width:16px;height:16px}
.v33-addon-body{display:flex;flex-direction:column;gap:2px}
.v33-addon-body b{font-size:13px;color:var(--ink,#111)}
.v33-addon-body em{font-style:normal;font-size:12px;color:var(--muted,#6b7280);line-height:1.45}

/* terms + CTA */
.v33-terms{display:flex;gap:10px;align-items:flex-start;margin:4px 2px 12px;font-size:12.5px;line-height:1.55;color:var(--muted,#5b6472)}
.v33-terms input{margin-top:2px;width:16px;height:16px;accent-color:#673DE6;flex:0 0 16px}
.v33-terms a{color:#673DE6;font-weight:600;cursor:pointer;text-decoration:underline}
.v33-pay-cta.is-disabled{opacity:.72}
.v33-pos{margin:4px 0 0;font-size:11.5px;color:#646A7D}
.v33-renew-note{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0;font-size:11.5px;line-height:1.5;color:#b45309;background:#fff8ec;border:1px solid #fde9c8;border-radius:10px;padding:8px 10px}
.v33-renew-note svg{width:13px;height:13px;flex:0 0 13px;margin-top:1px}
.v33-pay-mini{display:flex;gap:6px;align-items:center;margin-top:12px;font-size:11.5px;color:#646A7D}
.v33-pay-mini svg{width:13px;height:13px}

/* mobile sticky pay bar */
.v33-mobilebar{display:none}
@media(max-width:860px){
  .v33-mobilebar{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    position:fixed;left:12px;right:12px;bottom:12px;z-index:60;
    background:#fff;border:1px solid #E6E6EE;border-radius:16px;padding:10px 12px;
    box-shadow:0 14px 40px -12px rgba(20,15,50,.28);
  }
  .v33-mobilebar > div{display:flex;flex-direction:column;line-height:1.25}
  .v33-mobilebar > div > span{font-size:11px;color:#666B7A}
  .v33-mobilebar > div > b{font-size:16px;color:#14161A}
  .v33-mobilebar .site-btn{padding:11px 18px}
  .v33-checkout{padding-bottom:86px}
}

/* checkout mobile: form pehle, summary baad me (sticky bar total dikhata hai) */
@media(max-width:860px){
  .v33-checkout .v33-summary{order:2}
  .v33-co-title h1{font-size:26px}
  /* chat FAB sticky pay bar ke upar — Pay button dhak na jaye */
  body:has(.v33-mobilebar) .hc-kodee-fab,
  body:has(.co-dock) .hc-kodee-fab,
  body:has(.v33-mobilebar) .kodee-fab,
  body:has(.co-dock) .kodee-fab{bottom:92px !important}
}

/* ---- checkout/cart: domain search + suggestions (v33.1) ---- */
.v33-domain-card .v33-domain-search-sm{margin:12px 0 10px}
.v33-tld-quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.v33-tld-chip{font:inherit;font-size:12px;font-weight:600;color:#3f3f4a;background:#F6F5FB;border:1px solid #E7E4F5;border-radius:999px;padding:6px 11px;cursor:pointer}
.v33-tld-chip b{color:#673DE6;font-weight:700}
.v33-tld-chip:hover{border-color:#C9BEF5;background:#F0ECFE}
.v33-tld-all{font-size:12px;font-weight:600;color:#673DE6;cursor:pointer;margin-left:2px}
.v33-tld-all:hover{text-decoration:underline}
.v33-domain-card .domain-results{margin:0 0 10px}
.v33-domain-card .domain-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #ECECF1;border-radius:12px;padding:10px 12px;margin-bottom:8px;background:#fff}
.v33-domain-card .domain-row .d-name{font-size:14.5px;font-weight:700;color:#14161A}
.v33-domain-card .domain-row .d-price{margin-left:auto;font-weight:700;color:#14161A}
.v33-domain-card .domain-row .d-renew{font-size:11.5px;color:#646A7D;font-weight:500}
.v33-domain-card .domain-row .site-btn{padding:8px 14px}

.v33-suggest{margin:6px 0 14px;background:linear-gradient(180deg,#FBFAFF,#fff);border:1px solid #EDE9FB;border-radius:18px;padding:16px 18px}
.v33-suggest-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.v33-suggest-head h3{margin:0;font-size:15px;color:#14161A}
.v33-suggest-head span{font-size:11.5px;color:#646A7D}
.v33-suggest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v33-suggest-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ECECF1;border-radius:14px;padding:11px 12px}
.v33-suggest-ico{flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(103,61,230,.09);color:#673DE6}
.v33-suggest-ico svg{width:16px;height:16px}
.v33-suggest-body{display:flex;flex-direction:column;min-width:0;flex:1}
.v33-suggest-body b{font-size:12.5px;color:#14161A}
.v33-suggest-body em{font-style:normal;font-size:11px;color:#7b7b86;line-height:1.4}
.v33-suggest-add{flex:0 0 auto;font:inherit;font-size:11.5px;font-weight:700;color:#673DE6;background:#fff;border:1px solid #D9CFF8;border-radius:999px;padding:6px 11px;cursor:pointer}
.v33-suggest-add:hover{background:#F4F0FF}
@media(max-width:860px){
  .v33-suggest-grid{grid-template-columns:1fr}
  .v33-domain-card .v33-domain-search-sm{flex-wrap:wrap}
  .v33-domain-card .v33-domain-search-sm input{min-width:0;flex:1 1 100px}
}

/* ---- order confirmed (v33.1) ---- */
.v33-success{max-width:720px;margin:0 auto;text-align:center;padding:26px 0 40px}
.v33-success-ico{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#E9F9F1;color:#12805c;border:1px solid #C7F0DE}
.v33-success-ico svg{width:30px;height:30px}
.v33-success-h1{margin:0 0 8px;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.02em;color:var(--ink,#111)}
.v33-success-sub{margin:0 auto 14px;max-width:520px;font-size:14px;line-height:1.6;color:var(--muted,#5b6472)}
.v33-success-id{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:#5b6472;background:#F6F5FB;border:1px solid #E7E4F5;border-radius:999px;padding:7px 14px;margin-bottom:16px}
.v33-success-id b{color:#14161A}
.v33-success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.v33-success-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left;margin-bottom:18px}
.v33-success-step{display:flex;gap:10px;background:#fff;border:1px solid #ECECF1;border-radius:14px;padding:14px}
.v33-success-step>span{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:rgba(103,61,230,.10);color:#673DE6;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.v33-success-step b{display:block;font-size:13px;color:#14161A;margin-bottom:2px}
.v33-success-step em{font-style:normal;font-size:12px;line-height:1.45;color:#7b7b86}
.v33-success-more{background:linear-gradient(180deg,#FBFAFF,#fff);border:1px solid #EDE9FB;border-radius:16px;padding:14px 16px;text-align:left}
.v33-success-more>b{font-size:13px;color:#14161A}
.v33-success-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v33-success-links a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#673DE6;background:#fff;border:1px solid #D9CFF8;border-radius:999px;padding:7px 12px;cursor:pointer}
.v33-success-links a svg{width:14px;height:14px}
.v33-success-links a:hover{background:#F4F0FF}
@media(max-width:860px){.v33-success-steps{grid-template-columns:1fr}}

/* phone: domain search input/select/button stack ho jayein */
@media(max-width:480px){
  .v33-domain-card .v33-domain-search-sm{flex-wrap:wrap;row-gap:6px}
  .v33-domain-card .v33-domain-search-sm input{flex:1 1 calc(100% - 34px);min-width:0}
  .v33-domain-card .v33-domain-search-sm select{flex:1 1 46%;max-width:none;order:3}
  .v33-domain-card .v33-domain-search-sm .site-btn{flex:1 1 46%;order:4;height:38px}
  .v33-suggest-head{flex-direction:column;gap:2px}
}

/* ============================================================
   v33.4 — CHECKOUT LAYOUTS (owner picks in Admin → Checkout)
   01 accordion | 02 split | 03 wizard | 04 dark | 05 india
   ============================================================ */

/* ---------- 01 · accordion ---------- */
.co-layout-accordion .v33-checkout-card[data-co-sec]{padding:0;overflow:hidden}
.co-layout-accordion .v33-checkout-card[data-co-sec]>.v33-card-head{padding:15px 18px;margin:0;cursor:pointer;user-select:none;position:relative;padding-right:44px}
.co-layout-accordion .v33-checkout-card[data-co-sec]>.v33-card-head::after{content:"";position:absolute;right:20px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:2px solid #9AA0B5;border-bottom:2px solid #9AA0B5;transform:rotate(45deg);transition:transform .18s ease}
.co-layout-accordion .v33-checkout-card[data-co-sec].is-open>.v33-card-head::after{transform:rotate(-135deg);margin-top:-2px}
.co-layout-accordion .v33-checkout-card[data-co-sec]:not(.is-open)>*:not(.v33-card-head){display:none!important}
.co-layout-accordion .v33-checkout-card[data-co-sec].is-open>.v33-card-head{border-bottom:1px solid #ECECF1}
.co-layout-accordion .v33-checkout-card[data-co-sec].is-open{padding-bottom:16px}
.co-layout-accordion .v33-checkout-card[data-co-sec].is-open>*:not(.v33-card-head){margin-left:18px;margin-right:18px}
.co-layout-accordion .v33-checkout-card[data-co-sec].is-open>*:nth-child(2){margin-top:14px}
.co-layout-accordion .v33-checkout-card[data-co-sec].is-open>.v33-card-head .v33-co-flag{margin-right:6px}

/* ---------- 02 · split (minimal) ---------- */
.co-layout-split .v33-checkout-card{padding:22px;border-radius:14px;border-color:#E6E8EF;box-shadow:0 1px 2px rgba(17,20,39,.03)}
.co-layout-split .v33-card-head .v33-step-pill{display:none}
.co-layout-split .v33-card-head h3{font-size:14px;letter-spacing:.01em}
.co-layout-split .v33-summary{border-radius:14px;border-color:#E6E8EF}
.co-layout-split .v33-pay-cta{border-radius:10px}
.co-layout-split .v33-checkout{gap:26px}

/* ---------- 03 · wizard ---------- */
.co-steps{display:flex;align-items:center;gap:10px;margin:0 0 16px;flex-wrap:wrap}
.co-step{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#7B819B}
.co-step i{width:22px;height:22px;border-radius:50%;background:#ECECF1;color:#6B7188;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700}
.co-step.on{color:#14161A;font-weight:650}
.co-step.on i{background:#673DE6;color:#fff}
.co-step.done i{background:#E6F7EE;color:#0D7A46}
.co-step-sep{width:26px;height:1px;background:#DFE2EE}
.co-layout-wizard .v33-card-head .v33-step-pill{display:none}
.co-layout-wizard [data-co-step]{display:none}
.co-layout-wizard[data-co-step="1"] .v33-checkout-main>[data-co-step="1"],
.co-layout-wizard[data-co-step="2"] .v33-checkout-main>[data-co-step="2"],
.co-layout-wizard[data-co-step="3"] .v33-checkout-main>[data-co-step="3"]{display:block}
.co-layout-wizard .v33-mobilebar{display:none}
.co-layout-wizard{padding-bottom:86px}
.co-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #ECECF1;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -6px 24px rgba(17,20,39,.06)}
.co-dock-info{display:flex;flex-direction:column;line-height:1.2}
.co-dock-info span{font-size:11px;color:#646A7D}
.co-dock-info b{font-size:17px;color:#14161A}
.co-dock-actions{display:flex;gap:8px}

/* ---------- 04 · dark ---------- */
.co-t-dark{background:#0A0B12;border-radius:24px;color:#EDEEF8;margin-bottom:18px}
.co-t-dark .v33-co-title h1,.co-t-dark .v33-card-head h3,.co-t-dark .field>span,.co-t-dark .v33-summary h3,.co-t-dark .v33-mobilebar b{color:#F2F3FA}
.co-t-dark .v33-co-sub,.co-t-dark .v33-co-help,.co-t-dark .v33-note,.co-t-dark .v33-sum-item span,.co-t-dark .v33-pos,.co-t-dark .v33-terms,.co-t-dark .price-guarantee,.co-t-dark .v33-sum-trust,.co-t-dark .v33-pay-mini,.co-t-dark .v33-hero-card-sub{color:#9AA0B8}
.co-t-dark .v33-checkout-card,.co-t-dark .v33-summary{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
.co-t-dark .field input,.co-t-dark .field select,.co-t-dark .promo-row input,.co-t-dark .v33-addon-row{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#F2F3FA}
.co-t-dark .field input::placeholder{color:#6F7590}
.co-t-dark .v33-step-pill{background:rgba(124,92,255,.22);color:#C3B6FF}
.co-t-dark .v33-sum-item,.co-t-dark .v33-sum-trust>div{border-color:rgba(255,255,255,.08)}
.co-t-dark .sum-row,.co-t-dark .sum-row b,.co-t-dark .sum-row.total span,.co-t-dark .sum-row.total{color:#E8E9F4}
.co-t-dark .sum-row.total{border-top-color:rgba(255,255,255,.14)}
.co-t-dark .v33-pay-cta{background:linear-gradient(135deg,#7C5CFF,#43D9C7);color:#08080F;box-shadow:0 10px 26px rgba(124,92,255,.35)}
.co-t-dark .v33-pay-logos span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#B9BDD2}
.co-t-dark .v33-mobilebar{background:#11131F;border-color:rgba(255,255,255,.1)}
.co-t-dark .v33-dom .v33-domain-search{border-color:rgba(255,255,255,.12)}
.co-t-dark .v33-tld-chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#C6CADD}
.co-t-dark .v33-mobilebar{box-shadow:0 -6px 24px rgba(0,0,0,.5)}

/* ---------- 05 · india ---------- */
.co-instrip{display:flex;gap:16px;flex-wrap:wrap;background:#12132A;color:#fff;border-radius:12px;padding:10px 14px;font-size:11.5px;margin:0 0 14px;letter-spacing:.01em}
.co-instrip b{color:#FFD9A8;font-weight:700}
.co-t-india{background:#FFFDFB}
.co-t-india .v33-checkout-card,.co-t-india .v33-summary{border-color:#EFE7DC;background:#fff;box-shadow:0 2px 10px rgba(40,30,10,.04)}
.co-t-india .v33-summary{position:sticky}
.co-t-india .v33-tld-chip.on{background:#FFF3E6;border-color:#F3D6B4;color:#B45309}
.co-t-india .v33-sum-item b{color:#14161A}

@media(max-width:760px){
  .co-t-dark{border-radius:0;margin-left:-14px;margin-right:-14px}
  .co-dock{padding:9px 14px}
  .co-dock-info b{font-size:16px}
  .co-instrip{gap:10px;font-size:10.5px;padding:9px 12px}
  .co-steps{gap:7px}
  .co-step{font-size:11.5px}
  .co-step-sep{width:14px}
}

/* v33.4 fixes — dark contrast + dock vs chat FAB */
.co-t-dark .v33-sum-item b,.co-t-dark .v33-sum-price,.co-t-dark .v33-addon-body b{color:#F2F3FA}
.co-t-dark .v33-addon-body em{color:#9AA0B8}
.co-t-dark .v33-co-flag{background:rgba(255,255,255,.08);color:#C6CADD}
.co-t-dark .v33-renew-note{background:rgba(255,180,60,.12);color:#F0C98A;border-color:rgba(255,180,60,.2)}
.co-t-dark .v33-suggest-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
.co-t-dark .v33-suggest-card b{color:#F2F3FA}
.co-t-dark .v33-suggest-card em{color:#9AA0B8}
.co-t-dark .v33-terms a{color:#B7A6FF}
.co-t-dark .v33-pay-skel{color:#9AA0B8}
.co-t-dark .v33-domain-search{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.co-t-dark .v33-domain-search input,.co-t-dark .v33-domain-search select{background:transparent;color:#F2F3FA;border-color:rgba(255,255,255,.12)}
.co-t-dark .v33-domain-result{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.co-t-dark .v33-domain-result b{color:#F2F3FA}
body:has(.co-dock) .hc-kodee-fab{bottom:88px}