/* Saung theme — supplemental CSS (Tailwind handles the rest)
   Original work, MIT-licensed utilities only. Retina-tuned. */

/* ============ TYPE & RENDERING (retina/HiDPI) ============ */
html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "cv11", "ss01", "ss03";
  font-variant-ligatures: common-ligatures;
  scroll-behavior: smooth;
}
body {
  font-feature-settings: "cv11", "ss01", "ss03";
}
img, svg { image-rendering: -webkit-optimize-contrast; }

/* ============ TURBO progress ============ */
.turbo-progress-bar {
  height: 2px;
  background: linear-gradient(90deg, #0EA5E9 0%, #10B981 100%);
  box-shadow: 0 0 6px rgba(14, 165, 233, .35);
}
[x-cloak] { display: none !important; }
html.turbo-loading #saung-main { opacity: .92; transition: opacity .12s; }

/* ============ FOCUS ring (sharper) ============ */
*:focus-visible {
  outline: 2px solid #0ea5e9;
  outline-offset: 2px;
  border-radius: 6px;
}

/* ============ PRINT ============ */
@media print {
  header, footer, aside, .no-print { display: none !important; }
  main { padding: 0 !important; }
}

/* ============ Reduced motion ============ */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ============ Line clamp ============ */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ============ Bootstrap conflict resolver (Tailwind wins) ============ */
.hidden { display: none !important; }
@media (min-width: 1024px) {
  .lg\:flex { display: flex !important; }
  .lg\:block { display: block !important; }
  .lg\:hidden { display: none !important; }
  .lg\:inline-flex { display: inline-flex !important; }
  .lg\:grid { display: grid !important; }
}
@media (min-width: 768px) {
  .md\:flex { display: flex !important; }
  .md\:block { display: block !important; }
  .md\:hidden { display: none !important; }
  .md\:grid { display: grid !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 640px) {
  .sm\:flex { display: flex !important; }
  .sm\:block { display: block !important; }
  .sm\:hidden { display: none !important; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ============ Subtle soft-pattern background utility ============ */
.bg-grid-soft { background-image: radial-gradient(circle at 1px 1px, rgb(148 163 184 / 0.16) 1px, transparent 0); background-size: 22px 22px; }

/* ============ Buttons polish (override stock WHMCS .btn) ============ */
.saung-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .625rem 1rem; border-radius: .625rem; font-weight: 600; font-size: .875rem;
  transition: transform .15s cubic-bezier(0.32,0.72,0,1), box-shadow .2s, background-color .15s, color .15s, border-color .15s;
  text-decoration: none; line-height: 1; white-space: nowrap;
}
.saung-btn:active { transform: translateY(1px); }
.saung-btn-primary { background: #0ea5e9; color: #fff; box-shadow: 0 1px 2px rgb(2 132 199 / .25); }
.saung-btn-primary:hover { background: #0284c7; box-shadow: 0 6px 14px -4px rgb(2 132 199 / .35); }
.saung-btn-outline { background: #fff; color: #0f172a; border: 1px solid #e2e8f0; }
.saung-btn-outline:hover { background: #f8fafc; border-color: #cbd5e1; }

/* ============ Page header (Lagom-like clean white) ============ */
.saung-page-header { padding: 2rem 0 1.5rem; border-bottom: 1px solid rgb(226 232 240); background: #fff; }
.saung-page-header h1 { font-size: 2rem; font-weight: 700; letter-spacing: -.02em; color: #0f172a; line-height: 1.15; }
@media (min-width: 768px) { .saung-page-header h1 { font-size: 2.5rem; } }
.saung-page-header p.lead { color: #64748b; margin-top: .5rem; font-size: 1rem; }

/* ============ Sidebar list (Categories style) ============ */
.saung-side-list { display: flex; flex-direction: column; gap: 2px; }
.saung-side-list a { display: flex; align-items: center; gap: .65rem; padding: .625rem .875rem; border-radius: .5rem; color: #0ea5e9; font-weight: 500; font-size: .9rem; transition: background-color .15s, color .15s; }
.saung-side-list a:hover { background: #f0f9ff; }
.saung-side-list a.active { background: #e0f2fe; color: #0c4a6e; font-weight: 600; }
.saung-side-list a i { width: 18px; text-align: center; opacity: .8; }

/* ============ Pricing card ============ */
.saung-price { background: #fff; border: 1px solid rgb(226 232 240); border-radius: 1rem; padding: 2rem 1.5rem; text-align: center; transition: transform .25s cubic-bezier(0.32,0.72,0,1), box-shadow .25s, border-color .25s; }
.saung-price:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -6px rgb(2 132 199 / .12), 0 4px 8px -2px rgb(15 23 42 / .04); border-color: #bae6fd; }
.saung-price .icon { width: 56px; height: 56px; margin: 0 auto 1rem; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #e0f2fe, #d1fae5); border-radius: 14px; }
.saung-price .icon i { font-size: 1.5rem; color: #0284c7; }
.saung-price h3 { font-size: 1.25rem; font-weight: 600; color: #0f172a; }
.saung-price .price { margin-top: .75rem; font-size: 2.25rem; font-weight: 700; color: #0f172a; letter-spacing: -.02em; }
.saung-price .price small { font-size: .875rem; color: #64748b; font-weight: 500; margin-left: .25rem; }
.saung-price .cycle { font-size: .8125rem; color: #94a3b8; }
.saung-price ul { margin: 1.25rem 0; padding: 0; list-style: none; text-align: left; }
.saung-price ul li { padding: .375rem 0; color: #334155; font-size: .9rem; display: flex; gap: .5rem; align-items: flex-start; }
.saung-price ul li::before { content: "✓"; color: #10b981; font-weight: 700; }

/* ============ Featured ribbon ============ */
.saung-featured { position: relative; border-color: #0ea5e9; box-shadow: 0 12px 28px -8px rgb(2 132 199 / .25); }
.saung-featured::before { content: "POPULER"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #0ea5e9, #10b981); color: white; font-size: .7rem; padding: .25rem .75rem; border-radius: 999px; letter-spacing: .05em; font-weight: 700; }

/* ============ Smooth link hover ============ */
a { transition: color .15s ease; }

/* ============ Scrollbar polish ============ */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; border: 2px solid #f8fafc; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ============ TYPOGRAPHY BOOST (override Bootstrap/WHMCS resets) ============ */
html { font-size: 16px !important; }
body {
  font-family: "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #0f172a !important;
  background: #f8fafc !important;
}

/* Defeat WHMCS .font-size-* legacy on Lagom-era pages */
h1, .font-size-36 { font-size: 1.5rem !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.022em !important; color: #0f172a !important; }
h2 { font-size: 1.875rem !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -0.018em !important; }
h3 { font-size: 1.375rem !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -0.015em !important; }
h4 { font-size: 1.125rem !important; line-height: 1.35 !important; font-weight: 700 !important; }
p, li, td, th, label { font-size: 0.9375rem !important; line-height: 1.6 !important; }

/* Sidebar nav links: bigger touch targets */
nav.saung-nav-list a, .saung-sidebar-card a, .saung-sidebar-card .list-group-item {
  font-size: 0.9375rem !important;
  padding: 0.75rem 1.25rem !important;
}

/* Top utility bar slightly bigger */
.saung-topbar a, .saung-topbar span { font-size: 0.8125rem !important; }

/* Header nav */
header nav a { font-size: 0.9375rem !important; font-weight: 500 !important; }

/* Pricing card numbers */
.saung-pcard h3 { font-size: 1.5rem !important; }
.saung-pcard .text-display-sm { font-size: 2.25rem !important; line-height: 1.1 !important; }

/* Breadcrumb a bit larger */
nav[aria-label="breadcrumb"], .breadcrumb { font-size: 0.875rem !important; }

/* WHMCS legacy .product-pricing inside our card */
.product-pricing .price { font-size: 2.25rem !important; font-weight: 800 !important; }

/* Make sure Tailwind text-base etc behave */
.text-xs    { font-size: 0.8125rem !important; line-height: 1.4 !important; }
.text-sm    { font-size: 0.9375rem !important; line-height: 1.55 !important; }
.text-base  { font-size: 1rem !important; line-height: 1.6 !important; }
.text-lg    { font-size: 1.125rem !important; line-height: 1.55 !important; }
.text-xl    { font-size: 1.25rem !important; line-height: 1.4 !important; }

/* Force load order: ensure saung typography wins over WHMCS all.min.css that loads later */
.cart-body, #order-standard_cart, .cart-sidebar { font-size: 1rem !important; }

/* ============ TYPOGRAPHY BOOST (override Bootstrap/WHMCS resets) ============ */
html { font-size: 16px !important; }
body {
  font-family: "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #0f172a !important;
  background: #f8fafc !important;
}

/* Defeat WHMCS .font-size-* legacy on Lagom-era pages */
h1, .font-size-36 { font-size: 1.5rem !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.022em !important; color: #0f172a !important; }
h2 { font-size: 1.875rem !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -0.018em !important; }
h3 { font-size: 1.375rem !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -0.015em !important; }
h4 { font-size: 1.125rem !important; line-height: 1.35 !important; font-weight: 700 !important; }
p, li, td, th, label { font-size: 0.9375rem !important; line-height: 1.6 !important; }

/* Sidebar nav links: bigger touch targets */
nav.saung-nav-list a, .saung-sidebar-card a {
  font-size: 0.9375rem !important;
  padding: 0.75rem 1.25rem !important;
}

/* Top utility bar */
.saung-topbar a, .saung-topbar span { font-size: 0.8125rem !important; }

/* Header nav */
header nav a { font-size: 0.9375rem !important; font-weight: 500 !important; }

/* Pricing card numbers */
.saung-pcard h3 { font-size: 1.5rem !important; }
.saung-pcard .text-display-sm { font-size: 2.25rem !important; line-height: 1.1 !important; }

/* Breadcrumb */
nav[aria-label="breadcrumb"], .breadcrumb { font-size: 0.875rem !important; }

/* WHMCS legacy .product-pricing inside our card */
.product-pricing .price { font-size: 2.25rem !important; font-weight: 800 !important; }

/* Tailwind text utilities — enforce */
.text-xs    { font-size: 0.8125rem !important; line-height: 1.4 !important; }
.text-sm    { font-size: 0.9375rem !important; line-height: 1.55 !important; }
.text-base  { font-size: 1rem !important; line-height: 1.6 !important; }
.text-lg    { font-size: 1.125rem !important; line-height: 1.55 !important; }
.text-xl    { font-size: 1.25rem !important; line-height: 1.4 !important; }

/* Force base inside cart wrapper */
.cart-body, #order-standard_cart, .cart-sidebar { font-size: 1rem !important; color: #0f172a !important; }

/* ============ STORE POLISH v3 (CSS-only, no template change) ============ */

/* Outer page background — soft halo gradient */
#order-standard_cart {
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(186,230,253,0.35), transparent 70%),
    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
  min-height: calc(100vh - 200px);
}

/* Page header h1 — bigger, gradient accent */
.cart-body .header-lined h1,
#order-standard_cart h1 {
  font-size: 3rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  background: linear-gradient(135deg, #0f172a 0%, #0284c7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5rem !important;
}
.cart-body .header-lined p {
  font-size: 1.125rem !important;
  color: #475569 !important;
  max-width: 60ch;
  margin-top: 0.75rem !important;
}

/* Pricing card — premium polish */
.saung-pcard {
  position: relative;
  isolation: isolate;
  transition: transform .35s cubic-bezier(0.32,0.72,0,1), box-shadow .35s, border-color .35s !important;
}
.saung-pcard::before {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,250,252,1) 100%);
}
.saung-pcard:hover {
  transform: translateY(-4px);
}

/* Featured card glow */
.saung-pcard.ring-2 {
  box-shadow:
    0 0 0 1px rgba(14,165,233,0.15),
    0 12px 24px -8px rgba(14,165,233,0.18),
    0 24px 48px -16px rgba(14,165,233,0.12) !important;
}

/* Card header gradient bg + icon glow */
.saung-pcard header {
  position: relative;
}
.saung-pcard header::after {
  content: "";
  position: absolute;
  left: 1.5rem; right: 1.5rem; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(226,232,240,1) 50%, transparent);
}

/* Pricing block elegance */
.saung-pcard [id$="-price"] {
  background: linear-gradient(180deg, rgba(248,250,252,0.5) 0%, transparent 100%);
}

/* Feature list — alternating row hint + icon polish */
.saung-pcard ul li {
  padding: 0.375rem 0 !important;
  border-bottom: 1px dashed rgba(226,232,240,0.7);
  font-size: 0.9375rem !important;
}
.saung-pcard ul li:last-child { border-bottom: none; }
.saung-pcard ul li:hover { color: #0c4a6e; }

/* Featured card gets richer feature accent */
.saung-pcard.ring-2 ul li span:first-child {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  color: white !important;
  box-shadow: 0 2px 4px -1px rgba(16,185,129,0.3);
}

/* CTA button — premium bouncy press */
.saung-pcard footer a {
  position: relative;
  overflow: hidden;
  font-size: 0.9375rem !important;
  letter-spacing: 0.01em;
  padding: 0.875rem 1.25rem !important;
  transition: transform .15s cubic-bezier(0.32,0.72,0,1), box-shadow .25s, background .2s !important;
}
.saung-pcard footer a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px -8px rgba(14,165,233,0.45), 0 4px 8px -2px rgba(14,165,233,0.3) !important;
}
.saung-pcard footer a:active { transform: translateY(0); }
.saung-pcard footer a::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.2) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform .5s cubic-bezier(0.32,0.72,0,1);
}
.saung-pcard footer a:hover::after { transform: translateX(100%); }

/* Featured ribbon — subtle pulse glow */
.saung-pcard .absolute > div {
  box-shadow: 0 4px 12px -2px rgba(16,185,129,0.4), 0 2px 4px -1px rgba(16,185,129,0.3);
  animation: ribbon-glow 2.5s ease-in-out infinite;
}
@keyframes ribbon-glow {
  0%, 100% { box-shadow: 0 4px 12px -2px rgba(16,185,129,0.4), 0 2px 4px -1px rgba(16,185,129,0.3); }
  50%      { box-shadow: 0 4px 18px -2px rgba(16,185,129,0.6), 0 2px 6px -1px rgba(16,185,129,0.45); }
}

/* Sidebar card — extra polish */
.saung-sidebar-card {
  transition: transform .25s cubic-bezier(0.32,0.72,0,1), box-shadow .25s !important;
}
.saung-sidebar-card:hover { box-shadow: 0 6px 18px -4px rgba(15,23,42,0.10), 0 2px 6px -1px rgba(15,23,42,0.06) !important; }

/* Sidebar active — accent stripe + soft glow */
.saung-sidebar-card a.border-brand-500 {
  background: linear-gradient(90deg, rgba(14,165,233,0.10) 0%, rgba(14,165,233,0.02) 60%, transparent 100%) !important;
  font-weight: 700 !important;
  position: relative;
}
.saung-sidebar-card a.border-brand-500::after {
  content: "";
  position: absolute; right: 0.75rem; top: 50%;
  width: 6px; height: 6px; border-radius: 999px;
  background: #0ea5e9;
  transform: translateY(-50%);
  box-shadow: 0 0 0 3px rgba(14,165,233,0.18);
}

/* Sidebar item hover — chevron slide */
.saung-sidebar-card a:hover .fa-chevron-right {
  transform: translateX(3px);
  transition: transform .2s cubic-bezier(0.32,0.72,0,1);
}

/* Trust strip cards — lift on hover */
#order-standard_cart .grid > div[class*="rounded-xl"] {
  transition: transform .2s, border-color .2s, box-shadow .2s !important;
}
#order-standard_cart .grid > div[class*="rounded-xl"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px -4px rgba(2,132,199,0.10);
}

/* Breadcrumb chevron polish */
nav[aria-label],
.cart-body .text-ink-500 {
  font-weight: 500 !important;
}

/* Better focus on order CTA */
.saung-pcard footer a:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.35), 0 10px 20px -8px rgba(14,165,233,0.45) !important;
}

/* Mobile spacing improvements */
@media (max-width: 1023px) {
  #order-standard_cart .max-w-\[1280px\] { padding-top: 1.5rem !important; }
  .saung-pcard { margin-bottom: 1rem; }
}

/* Larger pricing on featured */
.saung-pcard.ring-2 .text-display-sm {
  font-size: 2.75rem !important;
  line-height: 1 !important;
}

/* Subtle separator before trust strip */
#order-standard_cart .mt-10.grid {
  position: relative;
  padding-top: 2.5rem !important;
  margin-top: 2.5rem !important;
}
#order-standard_cart .mt-10.grid::before {
  content: "Mengapa memilih kami?";
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  background: rgba(248,250,252,0.95);
  padding: 0 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #64748b;
}
#order-standard_cart .mt-10.grid::after {
  content: "";
  position: absolute;
  top: 0.65rem; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(203,213,225,1) 30%, rgba(203,213,225,1) 70%, transparent);
  z-index: -1;
}

/* ============================================================
   CLOUD HOSTING — REFINEMENT v3 (full polish: sidebar + cards)
   Scope:  on #order-standard_cart
   ============================================================ */

/* ---------- Page background: dotted halo ---------- */
 {
  background:
    radial-gradient(900px 500px at 75% -100px, rgba(16,185,129,.08), transparent 60%),
    radial-gradient(1100px 600px at 15% -150px, rgba(14,165,233,.10), transparent 60%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><circle cx='1.5' cy='1.5' r='1' fill='%2394a3b8' fill-opacity='0.10'/></svg>"),
    #fafbfc !important;
  position: relative;
}

/* ---------- Page heading ---------- */
 #order-standard_cart h2 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  background: linear-gradient(135deg, #0f172a 20%, #0ea5e9 70%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1 !important;
}

/* =========================================================
   SIDEBAR — Glassmorphic + animated active state
   ========================================================= */
 .saung-sidebar-card {
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border-radius: 18px !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.03), 0 8px 32px -16px rgba(15,23,42,.10) !important;
  overflow: hidden;
}

/* Sidebar header */
 .saung-sidebar-card .px-5.py-4 {
  background: linear-gradient(135deg, #f0f9ff, #f0fdfa) !important;
  border-bottom: 1px solid rgba(15,23,42,.05) !important;
  padding: 18px 20px !important;
}
 .saung-sidebar-card h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #475569 !important;
  gap: 12px !important;
}
 .saung-sidebar-card h3 .inline-flex {
  height: 32px !important; width: 32px !important;
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px -4px rgba(14,165,233,.4);
}
 .saung-sidebar-card h3 .inline-flex i {
  font-size: 13px !important;
}

/* Sidebar nav links */
 .saung-sidebar-card nav { padding: 8px !important; }
 .saung-sidebar-card nav a {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  padding: 12px 14px !important;
  margin: 2px 0 !important;
  border-radius: 12px !important;
  border-left: 0 !important;
  background: transparent !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  overflow: hidden;
}
 .saung-sidebar-card nav a::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  width: 3px; height: 0;
  background: linear-gradient(180deg, #0ea5e9, #10b981);
  border-radius: 0 4px 4px 0;
  transform: translateY(-50%);
  transition: height .25s ease;
}
 .saung-sidebar-card nav a:hover {
  background: rgba(14,165,233,.06) !important;
  color: #0c4a6e !important;
  padding-left: 18px !important;
}
 .saung-sidebar-card nav a:hover::before { height: 60%; }

/* Active state */
 .saung-sidebar-card nav a.text-brand-700,
 .saung-sidebar-card nav a[class*="brand-50"] {
  background: linear-gradient(135deg, rgba(14,165,233,.10), rgba(16,185,129,.08)) !important;
  color: #0c4a6e !important;
  font-weight: 600 !important;
  padding-left: 18px !important;
}
 .saung-sidebar-card nav a.text-brand-700::before,
 .saung-sidebar-card nav a[class*="brand-50"]::before {
  height: 70% !important;
}

/* Sidebar icons */
 .saung-sidebar-card nav a i:first-child {
  width: 20px !important;
  font-size: 14px !important;
  color: #94a3b8 !important;
  transition: color .2s, transform .2s;
}
 .saung-sidebar-card nav a:hover i:first-child {
  color: #0ea5e9 !important;
  transform: scale(1.15);
}

/* Right chevron */
 .saung-sidebar-card nav a i.fa-chevron-right {
  font-size: 9px !important;
  color: #cbd5e1 !important;
  transition: transform .2s, color .2s;
}
 .saung-sidebar-card nav a:hover i.fa-chevron-right {
  color: #0ea5e9 !important;
  transform: translateX(3px);
}

/* =========================================================
   PRODUCT CARDS
   ========================================================= */
 .saung-pcard {
  background: #fff !important;
  border-radius: 20px !important;
  border: 1px solid #eef2f7 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 12px 32px -20px rgba(15,23,42,.10) !important;
  transition: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s, border-color .3s;
  position: relative;
  overflow: hidden;
  animation: cloudCardIn .5s cubic-bezier(.4,0,.2,1) both;
}
 .saung-pcard:nth-child(2) { animation-delay: .08s; }

@keyframes cloudCardIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Top accent bar */
 .saung-pcard::before {
  content: "";
  position: absolute; inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, transparent);
  transition: background .3s;
}
 .saung-pcard:hover {
  transform: translateY(-6px);
  border-color: #cbd5e1 !important;
  box-shadow: 0 24px 48px -16px rgba(15,23,42,.18), 0 0 0 1px rgba(15,23,42,.04) !important;
}
 .saung-pcard:hover::before {
  background: linear-gradient(90deg, #0ea5e9, #10b981) !important;
}

/* Featured */
 .saung-pcard.ring-2 {
  border: 1px solid #bae6fd !important;
  box-shadow: 0 8px 24px -8px rgba(14,165,233,.20), 0 1px 3px rgba(15,23,42,.04) !important;
}
 .saung-pcard.ring-2::before {
  background: linear-gradient(90deg, #0ea5e9, #10b981) !important;
}

/* "POPULER" pill */
 .saung-pcard .absolute.top-0.right-0 {
  top: 18px !important; right: 18px !important;
}
 .saung-pcard .absolute.top-0.right-0 > div {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 5px 12px 5px 26px !important;
  border-radius: 999px !important;
  letter-spacing: .1em !important;
  box-shadow: 0 6px 16px -4px rgba(14,165,233,.45) !important;
  text-transform: uppercase;
  position: relative;
}
 .saung-pcard .absolute.top-0.right-0 > div::before {
  content: "★";
  position: absolute; left: 11px; top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  animation: starPulse 2s ease-in-out infinite;
}
 .saung-pcard .absolute.top-0.right-0 > div i { display: none !important; }
@keyframes starPulse {
  0%, 100% { transform: translateY(-50%) scale(1); }
  50%      { transform: translateY(-50%) scale(1.25); }
}

/* Card header */
 .saung-pcard header {
  background: transparent !important;
  padding: 32px 32px 20px !important;
  border-bottom: 1px solid #f1f5f9;
  position: relative;
}
 .saung-pcard header > .flex.items-center.gap-3 {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
 .saung-pcard header .inline-flex.h-11 {
  height: 56px !important; width: 56px !important;
  background: linear-gradient(135deg, #f0f9ff, #ecfdf5) !important;
  color: #0ea5e9 !important;
  border-radius: 16px !important;
  border: 1px solid #e0f2fe;
  box-shadow: 0 8px 16px -8px rgba(14,165,233,.15), inset 0 1px 0 rgba(255,255,255,.6) !important;
  position: relative;
  transition: transform .3s;
}
 .saung-pcard:hover header .inline-flex.h-11 {
  transform: rotate(-6deg) scale(1.05);
}
 .saung-pcard.ring-2 header .inline-flex.h-11 {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
  border-color: transparent;
  box-shadow: 0 12px 24px -8px rgba(14,165,233,.45), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
 .saung-pcard header .inline-flex.h-11 i {
  font-size: 22px !important;
}
 .saung-pcard header h3 {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: #0f172a !important;
  text-transform: none !important;
  margin: 0 !important;
}

/* Pricing */
 .saung-pcard [id$="-price"] {
  padding: 18px 32px 26px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
 .saung-pcard [id$="-price"] .text-xs.uppercase {
  font-size: 10px !important;
  letter-spacing: .14em !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
 .saung-pcard [id$="-price"] .text-display-sm {
  font-size: 38px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  background: none !important;
  -webkit-text-fill-color: #0f172a !important;
  letter-spacing: -.035em !important;
  line-height: 1 !important;
}
 .saung-pcard.ring-2 [id$="-price"] .text-display-sm {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
 .saung-pcard [id$="-price"] .text-sm.font-medium {
  font-size: 13px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

/* Features list */
 .saung-pcard .px-6.py-5.flex-1 {
  padding: 24px 32px !important;
}
 .saung-pcard ul {
  display: grid !important;
  gap: 12px !important;
}
 .saung-pcard ul.space-y-2\.5 > * + * {
  margin-top: 0 !important;
}
 .saung-pcard ul li {
  padding: 0 !important;
  font-size: 14px !important;
  color: #475569 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
 .saung-pcard ul li > span:first-child {
  height: 22px !important; width: 22px !important;
  min-width: 22px !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  color: #059669 !important;
  border-radius: 8px !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 4px -2px rgba(16,185,129,.3);
}
 .saung-pcard.ring-2 ul li > span:first-child {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
}
 .saung-pcard ul li > span:first-child i {
  font-size: 10px !important;
  font-weight: 900 !important;
  display: inline-block !important;
}
 .saung-pcard ul li span span.font-semibold {
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-right: 4px;
}

/* CTA */
 .saung-pcard footer {
  padding: 0 32px 32px !important;
}
 .saung-pcard footer a {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  padding: 14px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  transition: all .25s !important;
  position: relative;
  overflow: hidden;
}
 .saung-pcard footer a::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  transform: translateX(-100%);
  transition: transform .3s ease;
  z-index: 0;
}
 .saung-pcard footer a > * {
  position: relative;
  z-index: 1;
}
 .saung-pcard footer a:hover {
  border-color: #0f172a !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -10px rgba(15,23,42,.45) !important;
}
 .saung-pcard footer a:hover::before {
  transform: translateX(0);
}
 .saung-pcard.ring-2 footer a {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 20px -6px rgba(14,165,233,.45) !important;
}
 .saung-pcard.ring-2 footer a::before {
  background: linear-gradient(135deg, #0284c7, #059669);
}
 .saung-pcard.ring-2 footer a:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -8px rgba(14,165,233,.55) !important;
}
 .saung-pcard footer a i.fa-shopping-cart { display: none !important; }
 .saung-pcard footer a i.fa-arrow-right {
  font-size: 12px !important;
  transition: transform .25s;
}
 .saung-pcard footer a:hover i.fa-arrow-right {
  transform: translateX(5px);
}

/* Grid */
 #products { gap: 24px !important; }

/* Trust strip */
 .mt-10.grid.grid-cols-2 {
  margin-top: 36px !important;
  padding: 24px;
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 32px -16px rgba(15,23,42,.08);
  gap: 16px !important;
}
 .mt-10.grid.grid-cols-2 > div {
  background: transparent !important;
  border: 0 !important;
  padding: 8px !important;
  transition: transform .2s;
}
 .mt-10.grid.grid-cols-2 > div:hover { transform: translateY(-2px); }
 .mt-10.grid.grid-cols-2 > div .inline-flex {
  background: linear-gradient(135deg, #f0f9ff, #ecfdf5) !important;
  color: #0ea5e9 !important;
  border: 1px solid #e0f2fe;
  height: 44px !important; width: 44px !important;
  border-radius: 12px !important;
}

/* ===== CLOUD HOSTING — Generated icon feature list (.saung-fx-list) ===== */
 .saung-fx-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 12px !important;
}
 .saung-fx-list li {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: #475569 !important;
  border: 0 !important;
}
 .saung-fx-ico {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  color: #059669 !important;
  box-shadow: 0 2px 4px -2px rgba(16,185,129,.3);
}
 .saung-pcard.ring-2 .saung-fx-ico {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
  box-shadow: 0 2px 6px -1px rgba(14,165,233,.4);
}
 .saung-fx-ico i {
  font-size: 10px !important;
  font-weight: 900 !important;
}
 .saung-fx-text {
  font-weight: 500 !important;
  color: #334155 !important;
  line-height: 1.4 !important;
}
/* Make sure first numeric/keyword is bold */
 .saung-fx-text {
  font-variant-numeric: tabular-nums;
}

/* ===== CLOUD HOSTING — 3 cards per row, compact size ===== */
 #products {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
@media (min-width: 768px) {
   #products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1100px) {
   #products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Compact card paddings */
 .saung-pcard { border-radius: 16px !important; }
 .saung-pcard header { padding: 22px 22px 14px !important; }
 .saung-pcard header > .flex.items-center.gap-3 { gap: 12px !important; }
 .saung-pcard header .inline-flex.h-11 {
  height: 44px !important; width: 44px !important; border-radius: 12px !important;
}
 .saung-pcard header .inline-flex.h-11 i { font-size: 18px !important; }
 .saung-pcard header h3 { font-size: 18px !important; }

 .saung-pcard [id$="-price"] { padding: 12px 22px 18px !important; }
 .saung-pcard [id$="-price"] .text-display-sm { font-size: 30px !important; }
 .saung-pcard [id$="-price"] .text-sm.font-medium { font-size: 12px !important; }

 .saung-pcard .px-6.py-5.flex-1 { padding: 16px 22px !important; }
 .saung-pcard .saung-fx-list { gap: 9px !important; }
 .saung-pcard .saung-fx-list li { font-size: 13px !important; gap: 10px !important; }
 .saung-pcard .saung-fx-ico {
  width: 18px !important; height: 18px !important; min-width: 18px !important;
  border-radius: 6px !important;
}
 .saung-pcard .saung-fx-ico i { font-size: 9px !important; }

 .saung-pcard footer { padding: 0 22px 22px !important; }
 .saung-pcard footer a {
  padding: 11px 16px !important; font-size: 13px !important; border-radius: 12px !important;
}

/* Pill smaller */
 .saung-pcard .absolute.top-0.right-0 { top: 12px !important; right: 12px !important; }
 .saung-pcard .absolute.top-0.right-0 > div {
  font-size: 8px !important; padding: 4px 10px 4px 22px !important;
}
 .saung-pcard .absolute.top-0.right-0 > div::before { left: 9px; font-size: 9px; }

/* Sidebar a touch tighter so 3-card row has room */
@media (min-width: 1100px) {
   #order-standard_cart .grid.lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 240px 1fr !important;
  }
}

/* CTA hover — toned down (subtle brighten only) */
#order-standard_cart .saung-pcard footer a::before { display: none !important; }
#order-standard_cart .saung-pcard footer a:hover {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  transform: none !important;
  box-shadow: 0 2px 6px -2px rgba(15,23,42,.12) !important;
}
#order-standard_cart .saung-pcard.ring-2 footer a::before { display: none !important; }
#order-standard_cart .saung-pcard.ring-2 footer a:hover {
  background: linear-gradient(135deg, #38bdf8, #34d399) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: 0 10px 22px -8px rgba(14,165,233,.5) !important;
  filter: brightness(1.05);
}
#order-standard_cart .saung-pcard footer a:hover i.fa-arrow-right {
  transform: translateX(2px) !important;
}

/* =========================================================
   DOMAIN SELECTION PAGE (configureproductdomain.tpl)
   ========================================================= */
#order-standard_cart .header-lined h1.font-size-36,
#order-standard_cart h1.font-size-36 {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  background: linear-gradient(135deg, #0f172a 20%, #0ea5e9 70%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2 !important;
  margin-bottom: 18px !important;
}
#order-standard_cart .header-lined { border: 0 !important; padding-bottom: 0 !important; }

/* Domain option cards */
#order-standard_cart .domain-selection-options { display: flex; flex-direction: column; gap: 12px; margin-top: 6px; }
#order-standard_cart .domain-selection-options .option {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  transition: border-color .2s, box-shadow .2s, background .2s;
}
#order-standard_cart .domain-selection-options .option:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px -4px rgba(15,23,42,.08);
}
#order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) {
  border-color: #0ea5e9;
  background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 60%);
  box-shadow: 0 6px 18px -8px rgba(14,165,233,.35);
}
#order-standard_cart .domain-selection-options .option > label {
  display: flex; align-items: center; gap: 10px;
  font-weight: 600; color: #0f172a; cursor: pointer;
  margin-bottom: 0; font-size: 15px;
}
#order-standard_cart .domain-selection-options input[type="radio"] {
  width: 18px; height: 18px; accent-color: #0ea5e9; cursor: pointer; margin: 0;
}

/* Input group (www. + sld + .tld + Check) */
#order-standard_cart .domain-input-group { margin-top: 14px; }
#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-input-group input.form-control,
#order-standard_cart .domain-input-group select.form-control {
  height: 44px;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  padding: 0 14px !important;
  background: #fff;
  box-shadow: none !important;
  transition: border-color .2s, box-shadow .2s;
}
#order-standard_cart .domain-input-group .form-control:focus {
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15) !important;
  outline: none !important;
}
#order-standard_cart .domain-input-group .input-group { display: flex; align-items: stretch; }
#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .input-group-prepend .input-group-text {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
  font-size: 13px !important;
  color: #475569 !important;
  padding: 0 12px !important;
  display: flex; align-items: center;
}
#order-standard_cart .domain-input-group .input-group .form-control {
  border-radius: 0 10px 10px 0 !important;
  border-left: 0 !important;
}

/* Check / Use / Transfer button */
#order-standard_cart .domain-input-group .btn,
#order-standard_cart .domain-input-group .btn-primary {
  height: 44px;
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 0 20px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 12px -4px rgba(14,165,233,.45) !important;
  transition: filter .2s, box-shadow .2s !important;
}
#order-standard_cart .domain-input-group .btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 6px 16px -4px rgba(14,165,233,.55) !important;
}

/* Continue button */
#order-standard_cart #btnDomainContinue {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-top: 20px;
  box-shadow: 0 8px 22px -8px rgba(14,165,233,.5) !important;
}
#order-standard_cart #btnDomainContinue:hover { filter: brightness(1.06); }

/* Search results panel */
#order-standard_cart #DomainSearchResults {
  margin-top: 24px; padding: 20px;
  background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
}
#order-standard_cart .domain-checker-result-headline { font-weight: 600; color: #0f172a; }
#order-standard_cart .domain-checker-available { color: #059669 !important; font-weight: 700; }
#order-standard_cart .domain-checker-unavailable { color: #dc2626 !important; font-weight: 700; }

/* Spotlight TLDs grid */
#order-standard_cart .spotlight-tlds-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
#order-standard_cart .spotlight-tld {
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
  padding: 14px; text-align: center; font-weight: 700; font-size: 16px; color: #0f172a;
}

/* Suggestions */
#order-standard_cart .suggested-domains { margin-top: 20px; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; }
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
  background: linear-gradient(135deg, #0ea5e9, #10b981); color: #fff;
  padding: 12px 18px; font-weight: 700; font-size: 14px; letter-spacing: .02em;
}
#order-standard_cart .domain-suggestion {
  display: flex !important; align-items: center; justify-content: space-between;
  padding: 12px 18px; border-bottom: 1px solid #f1f5f9; background: #fff;
}
#order-standard_cart .domain-suggestion .domain { font-weight: 700; color: #0f172a; }
#order-standard_cart .domain-suggestion .extension { color: #475569; font-weight: 600; }
#order-standard_cart .btn-add-to-cart {
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important; border: 0 !important; border-radius: 10px !important;
  padding: 8px 16px !important; font-weight: 700 !important; font-size: 13px !important;
}
#order-standard_cart .btn-add-to-cart:hover { filter: brightness(1.06); }

/* Free domain note */
#order-standard_cart .domain-selection-options + p {
  font-size: 13px; color: #475569; margin-top: 12px; padding: 10px 14px;
  background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px;
}

/* Fix: domain page layout */
#order-standard_cart .row { display: flex; gap: 24px; align-items: flex-start; }
#order-standard_cart .cart-sidebar { flex: 0 0 280px; max-width: 280px; }
#order-standard_cart .cart-body { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 304px); }
@media (max-width: 1023px) {
  #order-standard_cart .row { flex-direction: column; }
  #order-standard_cart .cart-sidebar, #order-standard_cart .cart-body { max-width: 100%; flex: 1 1 auto; }
}

/* Fix: www. prepend visibility */
#order-standard_cart .domain-input-group .input-group { width: 100%; }
#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .input-group-prepend {
  flex: 0 0 auto;
  min-width: 56px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#order-standard_cart .domain-input-group .input-group-prepend .input-group-text {
  border: 0 !important; background: transparent !important; padding: 0 !important;
}
#order-standard_cart .domain-input-group .input-group > .form-control { flex: 1 1 auto; }

/* Compact rows: align sld + tld + button on one line */
#order-standard_cart .domain-input-group .row { display: flex; gap: 10px; align-items: stretch; flex-wrap: wrap; }
#order-standard_cart .domain-input-group [class*="col-"] { padding: 0; }
#order-standard_cart .domain-input-group .col-sm-8,
#order-standard_cart .domain-input-group .col-md-6 { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .domain-input-group .col-sm-2 { flex: 0 0 auto; }
#order-standard_cart .domain-input-group .col-sm-offset-1,
#order-standard_cart .domain-input-group .col-sm-offset-2,
#order-standard_cart .domain-input-group .col-md-offset-2,
#order-standard_cart .domain-input-group .offset-sm-1,
#order-standard_cart .domain-input-group .offset-sm-2,
#order-standard_cart .domain-input-group .offset-md-2,
#order-standard_cart .domain-input-group .offset-lg-2,
#order-standard_cart .domain-input-group .offset-lg-3 { margin-left: 0 !important; }
#order-standard_cart .domain-input-group .domains-row { flex-wrap: nowrap; }
#order-standard_cart .domain-input-group .col-xs-9, #order-standard_cart .domain-input-group .col-9 { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .domain-input-group .col-xs-3, #order-standard_cart .domain-input-group .col-3 { flex: 0 0 110px; }

/* Domain options: center input rows uniformly within each option card */
#order-standard_cart .domain-input-group {
  margin-top: 14px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
#order-standard_cart .domain-input-group .row {
  display: flex !important;
  gap: 10px;
  align-items: stretch;
  flex-wrap: nowrap;
  margin: 0 !important;
}
#order-standard_cart .domain-input-group [class*="col-"] {
  padding: 0 !important;
  flex: 0 0 auto;
}
#order-standard_cart .domain-input-group .col-sm-8,
#order-standard_cart .domain-input-group .col-sm-9,
#order-standard_cart .domain-input-group .col-md-6 {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
#order-standard_cart .domain-input-group .col-sm-2 {
  flex: 0 0 auto;
}
#order-standard_cart .domain-input-group .col-sm-offset-1,
#order-standard_cart .domain-input-group .col-sm-offset-2,
#order-standard_cart .domain-input-group .col-md-offset-2,
#order-standard_cart .domain-input-group .offset-sm-1,
#order-standard_cart .domain-input-group .offset-sm-2,
#order-standard_cart .domain-input-group .offset-md-2,
#order-standard_cart .domain-input-group .offset-lg-2,
#order-standard_cart .domain-input-group .offset-lg-3 { margin-left: 0 !important; }

/* domains-row: input + tld */
#order-standard_cart .domain-input-group .domains-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px;
  width: 100%;
}
#order-standard_cart .domain-input-group .col-xs-9,
#order-standard_cart .domain-input-group .col-9 { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .domain-input-group .col-xs-3,
#order-standard_cart .domain-input-group .col-3 { flex: 0 0 110px; }

/* Subdomain row: http:// + sld + .tld + Check */
#order-standard_cart #domainsubdomain .domain-input-group .domains-row .col-xs-2,
#order-standard_cart #domainsubdomain .domain-input-group .domains-row .col-2 {
  flex: 0 0 auto; text-align: left !important;
}
#order-standard_cart #domainsubdomain .form-control-static {
  margin: 0 !important; height: 44px; display: flex; align-items: center;
  font-weight: 600; color: #475569; padding: 0 6px;
}
#order-standard_cart #domainsubdomain .col-xs-5,
#order-standard_cart #domainsubdomain .col-5 { flex: 1 1 auto; min-width: 0; }

/* Mobile: stack */
@media (max-width: 640px) {
  #order-standard_cart .domain-input-group .row { flex-wrap: wrap !important; }
  #order-standard_cart .domain-input-group .col-sm-2 { width: 100%; }
  #order-standard_cart .domain-input-group .domains-row { flex-wrap: wrap !important; }
  #order-standard_cart .domain-input-group .col-xs-3,
  #order-standard_cart .domain-input-group .col-3 { flex: 1 1 100%; }
}

/* =========================================================
   DOMAIN SEARCH RESULT — refined
   ========================================================= */
#order-standard_cart #DomainSearchResults {
  margin-top: 28px; padding: 28px 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0; border-radius: 18px;
  box-shadow: 0 8px 24px -16px rgba(15,23,42,.08);
}
#order-standard_cart #searchDomainInfo { text-align: center; }
#order-standard_cart .domain-checker-result-headline {
  font-size: 22px !important; font-weight: 800 !important;
  margin-bottom: 6px !important;
}
#order-standard_cart .domain-checker-available { color: #059669 !important; }
#order-standard_cart .domain-checker-unavailable { color: #dc2626 !important; }
#order-standard_cart #primaryLookupResult > div + div { margin-top: 4px; }
#order-standard_cart .domain-price {
  margin: 6px 0 18px !important;
  font-size: 15px; color: #475569;
}
#order-standard_cart .domain-price .price { font-weight: 700; color: #0f172a; }

/* Spotlight TLD card (the big .com box) */
#order-standard_cart #spotlightTlds {
  margin: 8px auto 0 !important; max-width: 360px;
}
#order-standard_cart .spotlight-tlds-container {
  display: grid; grid-template-columns: 1fr; gap: 10px;
}
#order-standard_cart .spotlight-tld-container { width: 100% !important; }
#order-standard_cart .spotlight-tld {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  text-align: center !important;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  font-weight: 700 !important; font-size: 17px !important; color: #0f172a !important;
}
#order-standard_cart .spotlight-tld .domain-lookup-result {
  width: 100%; display: flex; flex-direction: column; gap: 6px;
}
#order-standard_cart .spotlight-tld .available.price {
  font-size: 14px !important; color: #475569 !important; font-weight: 600 !important;
}
#order-standard_cart .spotlight-tld .btn.btn-add-to-cart,
#order-standard_cart .spotlight-tld .btn-add-to-cart {
  width: 100%; padding: 10px 16px !important;
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important; border: 0 !important;
  border-radius: 10px !important; font-weight: 700 !important; font-size: 14px !important;
  box-shadow: 0 6px 14px -6px rgba(14,165,233,.5) !important;
  transition: filter .2s !important;
}
#order-standard_cart .spotlight-tld .btn-add-to-cart:hover { filter: brightness(1.06); }
#order-standard_cart .spotlight-tld .btn.unavailable {
  background: #fef2f2 !important; color: #b91c1c !important; border: 1px solid #fecaca !important;
  border-radius: 10px !important; padding: 10px 16px !important; font-weight: 700 !important;
}

/* Suggestions panel */
#order-standard_cart .suggested-domains { margin-top: 24px; max-width: 720px; margin-left: auto; margin-right: auto; }

/* CONTINUE button — centered with proper space */
#order-standard_cart .text-center { text-align: center !important; }
#order-standard_cart #btnDomainContinue,
#order-standard_cart #btnCompleteProductConfig {
  display: inline-flex !important;
  align-items: center; gap: 10px;
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  border: 0 !important; color: #fff !important;
  border-radius: 14px !important;
  padding: 14px 36px !important;
  font-weight: 700 !important; font-size: 15px !important;
  margin: 28px auto 0 !important;
  box-shadow: 0 10px 24px -8px rgba(14,165,233,.5) !important;
  transition: filter .2s !important;
}
#order-standard_cart #btnDomainContinue:hover,
#order-standard_cart #btnCompleteProductConfig:hover { filter: brightness(1.06); }
#order-standard_cart .text-center:has(#btnDomainContinue),
#order-standard_cart .text-center:has(#btnCompleteProductConfig) { margin-top: 12px; }

/* =========================================================
   CONFIGURE PRODUCT PAGE
   ========================================================= */
#order-standard_cart #frmConfigureProduct .row { margin: 0 !important; }
#order-standard_cart #frmConfigureProduct .secondary-cart-body,
#order-standard_cart #frmConfigureProduct > .row > [class*="col-"] {
  padding: 0 !important; width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important;
}
#order-standard_cart .header-lined { border: 0 !important; padding: 0 !important; margin: 0 !important; }
#order-standard_cart .product-cycle-options,
#order-standard_cart .product-config-section,
#order-standard_cart .config-section,
#order-standard_cart .panel,
#order-standard_cart fieldset.config-section,
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
#order-standard_cart #productConfigPanel {
  background: #fff !important; border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important; padding: 22px !important;
  margin-bottom: 18px !important; box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
#order-standard_cart .panel-heading,
#order-standard_cart .panel-title,
#order-standard_cart .panel > .card-header,
#order-standard_cart .product-config-section h2,
#order-standard_cart .product-config-section h3,
#order-standard_cart .product-config-section .section-title,
#order-standard_cart fieldset > legend {
  font-size: 16px !important; font-weight: 800 !important; color: #0f172a !important;
  background: transparent !important; border: 0 !important; padding: 0 0 14px 0 !important;
  margin: 0 0 14px 0 !important; border-bottom: 1px solid #f1f5f9 !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
#order-standard_cart .form-control,
#order-standard_cart input[type="text"]:not([type="hidden"]),
#order-standard_cart input[type="email"],
#order-standard_cart input[type="number"],
#order-standard_cart input[type="password"],
#order-standard_cart select,
#order-standard_cart textarea {
  border: 1px solid #e2e8f0 !important; border-radius: 10px !important;
  padding: 10px 14px !important; height: 44px; font-size: 14px !important;
  box-shadow: none !important; background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
#order-standard_cart textarea { height: auto; min-height: 80px; padding: 10px 14px !important; }
#order-standard_cart .form-control:focus, #order-standard_cart input:focus, #order-standard_cart select:focus, #order-standard_cart textarea:focus {
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15) !important;
  outline: none !important;
}
#order-standard_cart label { font-weight: 600; color: #0f172a; font-size: 14px; }
#order-standard_cart .form-group { margin-bottom: 14px; }

/* Billing cycle radios — pretty pills */
#order-standard_cart .product-cycle-options .form-control,
#order-standard_cart #productPricingCycle,
#order-standard_cart select[name="billingcycle"] { font-weight: 600; }

#order-standard_cart .product-pricing-term {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px; border: 1px solid #e2e8f0; border-radius: 12px;
  margin: 4px; cursor: pointer; transition: all .2s;
}
#order-standard_cart .product-pricing-term.active,
#order-standard_cart .product-pricing-term:hover {
  border-color: #0ea5e9; background: #f0f9ff;
}

/* Order summary card */
#order-standard_cart #orderSummary, #order-standard_cart .order-summary {
  position: sticky; top: 110px; align-self: start;
}

/* All buttons inside CP */
#order-standard_cart #frmConfigureProduct .btn,
#order-standard_cart #frmConfigureProduct .btn-primary {
  border-radius: 10px !important; font-weight: 700 !important;
}

/* =========================================================
   DOMAIN SEARCH RESULT — refined
   ========================================================= */
#order-standard_cart #DomainSearchResults {
  margin-top: 28px; padding: 28px 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0; border-radius: 18px;
  box-shadow: 0 8px 24px -16px rgba(15,23,42,.08);
}
#order-standard_cart #searchDomainInfo { text-align: center; }
#order-standard_cart .domain-checker-result-headline {
  font-size: 22px !important; font-weight: 800 !important;
  margin-bottom: 6px !important;
}
#order-standard_cart .domain-checker-available { color: #059669 !important; }
#order-standard_cart .domain-checker-unavailable { color: #dc2626 !important; }
#order-standard_cart #primaryLookupResult > div + div { margin-top: 4px; }
#order-standard_cart .domain-price {
  margin: 6px 0 18px !important;
  font-size: 15px; color: #475569;
}
#order-standard_cart .domain-price .price { font-weight: 700; color: #0f172a; }

/* Spotlight TLD card (the big .com box) */
#order-standard_cart #spotlightTlds {
  margin: 8px auto 0 !important; max-width: 360px;
}
#order-standard_cart .spotlight-tlds-container {
  display: grid; grid-template-columns: 1fr; gap: 10px;
}
#order-standard_cart .spotlight-tld-container { width: 100% !important; }
#order-standard_cart .spotlight-tld {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  text-align: center !important;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  font-weight: 700 !important; font-size: 17px !important; color: #0f172a !important;
}
#order-standard_cart .spotlight-tld .domain-lookup-result {
  width: 100%; display: flex; flex-direction: column; gap: 6px;
}
#order-standard_cart .spotlight-tld .available.price {
  font-size: 14px !important; color: #475569 !important; font-weight: 600 !important;
}
#order-standard_cart .spotlight-tld .btn.btn-add-to-cart,
#order-standard_cart .spotlight-tld .btn-add-to-cart {
  width: 100%; padding: 10px 16px !important;
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  color: #fff !important; border: 0 !important;
  border-radius: 10px !important; font-weight: 700 !important; font-size: 14px !important;
  box-shadow: 0 6px 14px -6px rgba(14,165,233,.5) !important;
  transition: filter .2s !important;
}
#order-standard_cart .spotlight-tld .btn-add-to-cart:hover { filter: brightness(1.06); }
#order-standard_cart .spotlight-tld .btn.unavailable {
  background: #fef2f2 !important; color: #b91c1c !important; border: 1px solid #fecaca !important;
  border-radius: 10px !important; padding: 10px 16px !important; font-weight: 700 !important;
}

/* Suggestions panel */
#order-standard_cart .suggested-domains { margin-top: 24px; max-width: 720px; margin-left: auto; margin-right: auto; }

/* CONTINUE button — centered with proper space */
#order-standard_cart .text-center { text-align: center !important; }
#order-standard_cart #btnDomainContinue,
#order-standard_cart #btnCompleteProductConfig {
  display: inline-flex !important;
  align-items: center; gap: 10px;
  background: linear-gradient(135deg, #0ea5e9, #10b981) !important;
  border: 0 !important; color: #fff !important;
  border-radius: 14px !important;
  padding: 14px 36px !important;
  font-weight: 700 !important; font-size: 15px !important;
  margin: 28px auto 0 !important;
  box-shadow: 0 10px 24px -8px rgba(14,165,233,.5) !important;
  transition: filter .2s !important;
}
#order-standard_cart #btnDomainContinue:hover,
#order-standard_cart #btnCompleteProductConfig:hover { filter: brightness(1.06); }
#order-standard_cart .text-center:has(#btnDomainContinue),
#order-standard_cart .text-center:has(#btnCompleteProductConfig) { margin-top: 12px; }

/* =========================================================
   CONFIGURE PRODUCT PAGE
   ========================================================= */
#order-standard_cart #frmConfigureProduct .row { margin: 0 !important; }
#order-standard_cart #frmConfigureProduct .secondary-cart-body,
#order-standard_cart #frmConfigureProduct > .row > [class*="col-"] {
  padding: 0 !important; width: 100% !important; max-width: 100% !important; flex: 1 1 auto !important;
}
#order-standard_cart .header-lined { border: 0 !important; padding: 0 !important; margin: 0 !important; }
#order-standard_cart .product-cycle-options,
#order-standard_cart .product-config-section,
#order-standard_cart .config-section,
#order-standard_cart .panel,
#order-standard_cart fieldset.config-section,
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary,
#order-standard_cart #productConfigPanel {
  background: #fff !important; border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important; padding: 22px !important;
  margin-bottom: 18px !important; box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
#order-standard_cart .panel-heading,
#order-standard_cart .panel-title,
#order-standard_cart .panel > .card-header,
#order-standard_cart .product-config-section h2,
#order-standard_cart .product-config-section h3,
#order-standard_cart .product-config-section .section-title,
#order-standard_cart fieldset > legend {
  font-size: 16px !important; font-weight: 800 !important; color: #0f172a !important;
  background: transparent !important; border: 0 !important; padding: 0 0 14px 0 !important;
  margin: 0 0 14px 0 !important; border-bottom: 1px solid #f1f5f9 !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
#order-standard_cart .form-control,
#order-standard_cart input[type="text"]:not([type="hidden"]),
#order-standard_cart input[type="email"],
#order-standard_cart input[type="number"],
#order-standard_cart input[type="password"],
#order-standard_cart select,
#order-standard_cart textarea {
  border: 1px solid #e2e8f0 !important; border-radius: 10px !important;
  padding: 10px 14px !important; height: 44px; font-size: 14px !important;
  box-shadow: none !important; background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
#order-standard_cart textarea { height: auto; min-height: 80px; padding: 10px 14px !important; }
#order-standard_cart .form-control:focus, #order-standard_cart input:focus, #order-standard_cart select:focus, #order-standard_cart textarea:focus {
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15) !important;
  outline: none !important;
}
#order-standard_cart label { font-weight: 600; color: #0f172a; font-size: 14px; }
#order-standard_cart .form-group { margin-bottom: 14px; }

/* Billing cycle radios — pretty pills */
#order-standard_cart .product-cycle-options .form-control,
#order-standard_cart #productPricingCycle,
#order-standard_cart select[name="billingcycle"] { font-weight: 600; }

#order-standard_cart .product-pricing-term {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 16px; border: 1px solid #e2e8f0; border-radius: 12px;
  margin: 4px; cursor: pointer; transition: all .2s;
}
#order-standard_cart .product-pricing-term.active,
#order-standard_cart .product-pricing-term:hover {
  border-color: #0ea5e9; background: #f0f9ff;
}

/* Order summary card */
#order-standard_cart #orderSummary, #order-standard_cart .order-summary {
  position: sticky; top: 110px; align-self: start;
}

/* All buttons inside CP */
#order-standard_cart #frmConfigureProduct .btn,
#order-standard_cart #frmConfigureProduct .btn-primary {
  border-radius: 10px !important; font-weight: 700 !important;
}

/* Fix: spotlight TLD box must not clip Add button */
#order-standard_cart .spotlight-tld { overflow: visible !important; min-height: auto !important; height: auto !important; }
#order-standard_cart .spotlight-tld-container { padding: 0 !important; min-height: auto !important; height: auto !important; }
#order-standard_cart .spotlight-tlds-container { padding: 0 !important; }
#order-standard_cart #spotlightTlds { padding: 0 !important; }
#order-standard_cart .spotlight-tld .domain-lookup-result { display: flex !important; flex-direction: column !important; gap: 8px !important; }
#order-standard_cart .spotlight-tld .domain-lookup-result > * { display: block !important; width: 100% !important; }
#order-standard_cart .spotlight-tld .available.price { display: block !important; }
#order-standard_cart .spotlight-tld .domain-lookup-loader { display: none !important; }

/* Honor w-hidden inside spotlight result */
#order-standard_cart .spotlight-tld .w-hidden,
#order-standard_cart .spotlight-tld .domain-lookup-result > .w-hidden { display: none !important; }

/* Remove block override that broke JS visibility toggling */
#order-standard_cart .spotlight-tld .domain-lookup-result > * { display: revert !important; width: auto !important; }
#order-standard_cart .spotlight-tld .domain-lookup-result > .btn { display: inline-block !important; width: 100% !important; }
#order-standard_cart .spotlight-tld .domain-lookup-result > .price { display: inline-block !important; width: auto !important; }
#order-standard_cart .spotlight-tld .domain-lookup-result > .w-hidden { display: none !important; }

/* Spotlight box was buggy with custom CSS — hide it; primary result + Continue is sufficient */
#order-standard_cart #spotlightTlds { display: none !important; }
/* ============================================================
   CONFIGURE PRODUCT — PROFESSIONAL REDESIGN v2 (1778080000)
   ============================================================ */

/* Layout: 2-col content + sidebar */
#order-standard_cart #frmConfigureProduct .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
  margin: 0;
}
@media (max-width: 991px) {
  #order-standard_cart #frmConfigureProduct .row {
    grid-template-columns: 1fr;
  }
}

/* Main body card */
#order-standard_cart .secondary-cart-body {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  width: 100%;
}
#order-standard_cart .secondary-cart-body > p:first-child {
  color: #475569;
  font-size: 14px;
  margin: 0 0 20px;
  padding: 12px 16px;
  background: #f8fafc;
  border-left: 3px solid #0ea5e9;
  border-radius: 8px;
}

/* Product info banner */
#order-standard_cart .product-info {
  background: linear-gradient(135deg, #f0f9ff 0%, #ecfeff 100%);
  border: 1px solid #bae6fd;
  border-radius: 14px;
  padding: 20px 22px;
  margin: 0 0 24px;
}
#order-standard_cart .product-info .product-title {
  font-size: 20px;
  font-weight: 800;
  color: #0c4a6e;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
#order-standard_cart .product-info p:not(.product-title) {
  font-size: 14px;
  color: #475569;
  margin: 0;
  line-height: 1.7;
  white-space: pre-line;
}

/* Section heading */
#order-standard_cart .sub-heading {
  position: relative;
  margin: 28px 0 16px;
  padding: 0 0 10px;
  border-bottom: 2px solid #e2e8f0;
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0c4a6e;
  background: transparent !important;
  padding: 0;
  position: relative;
}
#order-standard_cart .sub-heading::after {
  content: '';
  position: absolute;
  left: 0; bottom: -2px;
  width: 56px; height: 2px;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  border-radius: 2px;
}

/* Form fields */
#order-standard_cart .form-group {
  margin-bottom: 18px;
}
#order-standard_cart .form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 8px;
}
#order-standard_cart .form-control {
  width: 100%;
  height: 46px;
  padding: 10px 14px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(15,23,42,.02);
  transition: border-color .15s, box-shadow .15s;
  appearance: none;
  -webkit-appearance: none;
}
#order-standard_cart .form-control:focus {
  outline: none;
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15);
}
#order-standard_cart select.form-control,
#order-standard_cart .custom-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}
#order-standard_cart textarea.form-control {
  height: auto;
  min-height: 90px;
  resize: vertical;
}

/* Field container — light section background */
#order-standard_cart .field-container {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
#order-standard_cart .field-container .form-group:last-child {
  margin-bottom: 0;
}

/* Configurable options grid */
#order-standard_cart .product-configurable-options .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 12px;
}
#order-standard_cart .product-configurable-options .col-sm-6 { width: 100%; padding: 0; }
#order-standard_cart .product-configurable-options .col-sm-12 { width: 100%; padding: 0; grid-column: 1 / -1; }
@media (max-width: 640px) {
  #order-standard_cart .product-configurable-options .row { grid-template-columns: 1fr; }
}

/* Radio / checkbox styling */
#order-standard_cart .form-group input[type=radio],
#order-standard_cart .form-group input[type=checkbox] {
  width: 16px; height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  accent-color: #0ea5e9;
}
#order-standard_cart .form-group label label {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: #475569;
  margin: 6px 12px 0 0;
  cursor: pointer;
}

/* Addon panels */
#order-standard_cart .addon-products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 8px 0 0;
}
@media (max-width: 640px) { #order-standard_cart .addon-products { grid-template-columns: 1fr; } }
#order-standard_cart .addon-products .col-sm-6,
#order-standard_cart .addon-products .col-sm-12 { width: 100%; padding: 0; }
#order-standard_cart .panel-addon {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 18px;
  position: relative;
  transition: border-color .15s, box-shadow .15s;
}
#order-standard_cart .panel-addon:hover {
  border-color: #0ea5e9;
  box-shadow: 0 4px 12px rgba(14,165,233,.08);
}
#order-standard_cart .panel-addon.panel-addon-selected {
  border-color: #10b981;
  background: #f0fdf4;
}
#order-standard_cart .panel-addon .panel-body { padding: 0; }
#order-standard_cart .panel-addon label {
  font-weight: 700;
  color: #0f172a;
  font-size: 15px;
}
#order-standard_cart .panel-addon .panel-price {
  display: inline-block;
  margin-top: 8px;
  font-weight: 700;
  color: #0ea5e9;
  font-size: 14px;
}
#order-standard_cart .panel-addon .panel-add { display: none; }

/* Help/contact alert */
#order-standard_cart .alert-warning.info-text-sm {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #78350f;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 13px;
  margin: 24px 0 0;
}
#order-standard_cart .alert-warning .alert-link {
  color: #0ea5e9;
  font-weight: 700;
  text-decoration: none;
}
#order-standard_cart .alert-warning .alert-link:hover { text-decoration: underline; }

/* Validation error alert */
#order-standard_cart .alert-danger {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 13px;
}

/* ===== Order Summary Sidebar ===== */
#order-standard_cart .secondary-cart-sidebar {
  width: 100%;
}
#order-standard_cart #orderSummary {
  position: sticky;
  top: 96px;
}
#order-standard_cart .order-summary {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 22px 22px 18px;
  box-shadow: 0 4px 16px rgba(15,23,42,.06);
  position: relative;
}
#order-standard_cart .order-summary h2.font-size-30,
#order-standard_cart .order-summary h2 {
  font-size: 18px !important;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f1f5f9;
  background: none !important;
  -webkit-text-fill-color: #0f172a !important;
  letter-spacing: -0.01em;
}
#order-standard_cart .order-summary .loader {
  position: absolute;
  top: 22px; right: 22px;
  color: #94a3b8;
}

/* Producttotal contents */
#order-standard_cart #producttotal {
  font-size: 14px;
  color: #334155;
}
#order-standard_cart #producttotal h4,
#order-standard_cart #producttotal .summary-product-name,
#order-standard_cart #producttotal strong {
  font-size: 15px;
  color: #0f172a;
  font-weight: 700;
  margin: 0 0 6px;
}
#order-standard_cart #producttotal .summary-cycle,
#order-standard_cart #producttotal em,
#order-standard_cart #producttotal small {
  font-style: normal;
  color: #64748b;
  font-size: 13px;
}
#order-standard_cart #producttotal hr {
  border: none;
  border-top: 1px solid #e2e8f0;
  margin: 12px 0;
}
#order-standard_cart #producttotal .summary-container > div,
#order-standard_cart #producttotal > div {
  padding: 6px 0;
}
#order-standard_cart #producttotal .text-right {
  text-align: right;
  font-weight: 600;
  color: #0f172a;
}
#order-standard_cart #producttotal .total,
#order-standard_cart #producttotal .totaldue {
  font-size: 22px;
  font-weight: 800;
  color: #0ea5e9;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Continue button */
#order-standard_cart .secondary-cart-sidebar .text-center {
  margin-top: 18px;
}
#order-standard_cart #btnCompleteProductConfig {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 52px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(14,165,233,.25);
  cursor: pointer;
  transition: filter .15s, box-shadow .15s, transform .1s;
  text-decoration: none;
}
#order-standard_cart #btnCompleteProductConfig:hover {
  filter: brightness(1.08);
  box-shadow: 0 8px 22px rgba(14,165,233,.32);
}
#order-standard_cart #btnCompleteProductConfig:active {
  transform: translateY(1px);
}
#order-standard_cart #btnCompleteProductConfig i { font-size: 16px; }

/* Hide redundant collapsed sidebar on this page */
#order-standard_cart .visible-xs.sidebar-categories-collapsed { display: none; }

/* Modal pricing tables */
#order-standard_cart .btn.btn-default.btn-sm {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  color: #334155;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
}
#order-standard_cart .btn.btn-default.btn-sm:hover {
  background: #e2e8f0;
}

/* Slider polish */
#order-standard_cart .irs--modern .irs-bar,
#order-standard_cart .irs--modern .irs-handle > i:first-child {
  background: #0ea5e9;
}
/* Reset WHMCS standard_cart floats so grid works */
#order-standard_cart .secondary-cart-body,
#order-standard_cart .secondary-cart-sidebar {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* === FINAL OVERRIDE: configureproduct layout (v3) === */
#order-standard_cart #frmConfigureProduct > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  grid-template-areas: "body side" !important;
  gap: 24px !important;
  align-items: start !important;
  margin: 0 !important;
}
#order-standard_cart .secondary-cart-body {
  grid-area: body !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
}
#order-standard_cart .secondary-cart-sidebar {
  grid-area: side !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
}
@media (max-width: 991px) {
  #order-standard_cart #frmConfigureProduct > .row {
    grid-template-columns: 1fr !important;
    grid-template-areas: "body" "side" !important;
  }
}
/* Tighten description spacing — remove pre-line (br already adds line) */
#order-standard_cart .product-info p:not(.product-title) {
  white-space: normal;
  line-height: 1.55;
}
/* Tighten producttotal spacing in sidebar */
#order-standard_cart #producttotal > div { padding: 4px 0; }
#order-standard_cart .order-summary { padding: 20px 22px 16px; }
/* Make sidebar slightly narrower */
#order-standard_cart #frmConfigureProduct > .row {
  grid-template-columns: minmax(0, 1fr) 320px !important;
}
/* Body card padding tighter on top */
#order-standard_cart .secondary-cart-body { padding: 22px 24px; }
/* Description card tighter */
#order-standard_cart .product-info { padding: 18px 20px; margin-bottom: 18px; }
/* Remove sticky so Continue button is always reachable; sidebar flows with body */
#order-standard_cart #orderSummary { position: static !important; top: auto !important; }
/* Ensure Continue button width fits sidebar */
#order-standard_cart .secondary-cart-sidebar .text-center { width: 100%; }
#order-standard_cart #btnCompleteProductConfig { width: 100% !important; max-width: 100%; }
/* Ensure full-width button in sidebar */
#order-standard_cart .secondary-cart-sidebar > #orderSummary { display: block !important; width: 100% !important; }
#order-standard_cart .secondary-cart-sidebar > #orderSummary > .text-center { display: block !important; width: 100% !important; padding: 0 !important; margin-top: 16px !important; }
/* FORCE Continue button full sidebar width — block + width:100% */
#order-standard_cart .secondary-cart-sidebar .text-center { width: 100% !important; }
#order-standard_cart #btnCompleteProductConfig {
  display: block !important;
  width: 100% !important;
  text-align: center;
  line-height: 52px;
  padding: 0 16px !important;
}
#order-standard_cart #btnCompleteProductConfig i { margin-left: 8px; }
/* === Clean up double-padding on #orderSummary === */
#order-standard_cart #orderSummary {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
#order-standard_cart .order-summary {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 20px 22px 16px !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.06) !important;
  margin-bottom: 0 !important;
}
/* Total amount: keep on one line */
#order-standard_cart #producttotal .total-due-today .amt {
  white-space: nowrap;
  font-size: 22px;
}
/* Sidebar slightly wider for breathing room */
#order-standard_cart #frmConfigureProduct > .row {
  grid-template-columns: minmax(0, 1fr) 340px !important;
}
/* WHMCS scrolling-panel JS sets inline top: shift on .order-summary — disable */
#order-standard_cart .order-summary { top: 0 !important; transform: none !important; }
#order-standard_cart #scrollingPanelContainer { padding: 0 !important; }
/* ============================================================
   VIEWCART (cart.php?a=view, ?a=confdomains empty fallback) v2
   ============================================================ */

/* Force grid layout same as confproduct */
#order-standard_cart > .row {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  align-items: start !important;
}
@media (max-width: 991px) {
  #order-standard_cart > .row {
    grid-template-columns: 1fr !important;
  }
}
#order-standard_cart .cart-sidebar,
#order-standard_cart .cart-body {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* Page heading */
#order-standard_cart .header-lined {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}
#order-standard_cart .header-lined h1 {
  font-size: 28px !important;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  margin: 0;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Inner grid: items + summary sidebar */
#order-standard_cart .cart-body > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 24px !important;
  margin: 0 !important;
  align-items: start !important;
}
@media (max-width: 991px) {
  #order-standard_cart .cart-body > .row {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Cart items panel ===== */
#order-standard_cart .view-cart-items-header {
  background: linear-gradient(135deg, #0c4a6e 0%, #0e7490 100%) !important;
  color: #fff !important;
  padding: 14px 22px !important;
  border-radius: 14px 14px 0 0 !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 !important;
  border: 0 !important;
}
#order-standard_cart .view-cart-items-header .row {
  display: flex !important;
  margin: 0 !important;
}
#order-standard_cart .view-cart-items-header [class*="col-"] {
  padding: 0 8px !important;
}
#order-standard_cart .view-cart-items {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: 0;
  border-radius: 0 0 14px 14px;
  padding: 0;
  overflow: hidden;
}
#order-standard_cart .view-cart-items .item {
  padding: 16px 22px;
  border-top: 1px solid #f1f5f9;
}
#order-standard_cart .view-cart-items .item:first-child { border-top: 0; }
#order-standard_cart .view-cart-items .item .row {
  display: flex !important;
  align-items: flex-start;
  margin: 0 !important;
}
#order-standard_cart .view-cart-items .item .row > [class*="col-"] {
  padding: 0 8px !important;
}
#order-standard_cart .view-cart-items .item-title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 2px;
}
#order-standard_cart .view-cart-items .item-group {
  display: block;
  font-size: 13px;
  color: #64748b;
  margin-bottom: 2px;
}
#order-standard_cart .view-cart-items .item-domain {
  display: block;
  font-size: 13px;
  color: #0ea5e9;
  font-weight: 600;
}
#order-standard_cart .view-cart-items .item-price {
  text-align: right;
  font-weight: 700;
  color: #0f172a;
  font-size: 14px;
}
#order-standard_cart .view-cart-items .item-price .cycle {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  margin-top: 2px;
}
#order-standard_cart .view-cart-items .btn-remove-from-cart {
  color: #ef4444 !important;
  background: transparent !important;
  border: 0;
  padding: 4px 6px;
}
#order-standard_cart .view-cart-items .btn-remove-from-cart:hover {
  color: #b91c1c !important;
}
#order-standard_cart .view-cart-empty {
  padding: 40px 22px;
  text-align: center;
  color: #64748b;
  font-size: 15px;
  background: #f8fafc;
  border: 0;
}

/* Empty cart action */
#order-standard_cart .empty-cart {
  margin-top: 12px;
  text-align: right;
}
#order-standard_cart #btnEmptyCart {
  color: #64748b !important;
  background: transparent !important;
  font-size: 13px;
  font-weight: 600;
}
#order-standard_cart #btnEmptyCart:hover { color: #ef4444 !important; }

/* ===== Promo / tabs panel ===== */
#order-standard_cart .view-cart-tabs {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 0;
  margin-top: 18px;
  overflow: hidden;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-item {
  margin: 0;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
  display: block;
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  position: relative;
  text-decoration: none;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
  color: #0c4a6e;
  background: #fff !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  left: 16px; right: 16px; bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  border-radius: 2px;
}
#order-standard_cart .view-cart-tabs .tab-content {
  padding: 22px;
}
#order-standard_cart .view-cart-tabs .form-group.prepend-icon {
  position: relative;
  margin-bottom: 12px;
}
#order-standard_cart .view-cart-tabs .form-group.prepend-icon .field-icon {
  position: absolute;
  left: 14px; top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  font-size: 14px;
}
#order-standard_cart .view-cart-tabs .form-control,
#order-standard_cart .view-cart-tabs .field {
  width: 100%;
  height: 46px;
  padding: 10px 14px 10px 40px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  transition: border-color .15s, box-shadow .15s;
}
#order-standard_cart .view-cart-tabs .form-control:focus,
#order-standard_cart .view-cart-tabs .field:focus {
  outline: none;
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14,165,233,.15);
}
#order-standard_cart .view-cart-tabs .btn.btn-block {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
  color: #334155 !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
#order-standard_cart .view-cart-tabs .btn.btn-block:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8;
}

/* ===== Order summary sidebar (right column on viewcart) ===== */
#order-standard_cart .cart-body > .row > .secondary-cart-sidebar #orderSummary,
#order-standard_cart .cart-body > .row > .secondary-cart-sidebar {
  width: 100% !important;
}
#order-standard_cart .cart-body .order-summary {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.06) !important;
  margin: 0 0 12px !important;
  top: 0 !important;
}
#order-standard_cart .cart-body .order-summary h2,
#order-standard_cart .cart-body .order-summary h2.font-size-30 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #f1f5f9 !important;
  background: none !important;
  -webkit-text-fill-color: #0f172a !important;
}
/* Subtotal/Total rows */
#order-standard_cart .cart-body .summary-container .clearfix,
#order-standard_cart .cart-body .summary-totals .clearfix {
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  padding: 6px 0;
  border-bottom: 1px dashed #e2e8f0;
  font-size: 14px;
  color: #334155;
}
#order-standard_cart .cart-body .summary-container .clearfix:last-child { border-bottom: 0; }
#order-standard_cart .cart-body .pull-left,
#order-standard_cart .cart-body .float-left,
#order-standard_cart .cart-body .pull-right,
#order-standard_cart .cart-body .float-right {
  float: none !important;
  display: inline-block;
}
#order-standard_cart .cart-body .pull-right,
#order-standard_cart .cart-body .float-right {
  font-weight: 700;
  color: #0f172a;
  text-align: right;
}
#order-standard_cart .cart-body .total-due-today {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 2px solid #f1f5f9;
  text-align: center;
}
#order-standard_cart .cart-body .total-due-today .amt {
  font-size: 26px;
  font-weight: 800;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  white-space: nowrap;
}
#order-standard_cart .cart-body .total-due-today span:not(.amt) {
  font-size: 12px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
}

/* Checkout button */
#order-standard_cart .cart-body #btnCheckout,
#order-standard_cart .cart-body button[name="checkout"],
#order-standard_cart .cart-body .btn-checkout,
#order-standard_cart .cart-body a[href*="checkout"].btn,
#order-standard_cart .cart-body a.btn-success,
#order-standard_cart .cart-body button.btn-success {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100% !important;
  height: 52px !important;
  padding: 0 16px !important;
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(14,165,233,.25) !important;
  cursor: pointer;
  transition: filter .15s;
  text-decoration: none;
}
#order-standard_cart .cart-body #btnCheckout:hover,
#order-standard_cart .cart-body button[name="checkout"]:hover,
#order-standard_cart .cart-body a.btn-success:hover {
  filter: brightness(1.08);
}

/* Continue shopping link */
#order-standard_cart .cart-body a[href*="cart.php"]:not(.btn) {
  display: inline-block;
  margin-top: 10px;
  color: #0ea5e9;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
#order-standard_cart .cart-body a[href*="cart.php"]:not(.btn):hover {
  text-decoration: underline;
}

/* Hide promo-list footer collapsed sidebar */
#order-standard_cart .visible-xs.sidebar-categories-collapsed { display: none; }

/* ============================================================
   CONFIGURE DOMAINS PAGE
   ============================================================ */
#order-standard_cart #frmConfigureDomains .domain-row,
#order-standard_cart #frmConfigureDomains .domain-row-item {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 18px 22px;
  margin-bottom: 14px;
}
#order-standard_cart #frmConfigureDomains .domain-row .domain-name,
#order-standard_cart #frmConfigureDomains .domain-name {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}
#order-standard_cart #btnDomainContinue,
#order-standard_cart button[name="domainContinue"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 18px auto 0 !important;
  height: 52px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 700;
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(14,165,233,.25) !important;
}
#order-standard_cart #btnDomainContinue:hover { filter: brightness(1.08); }
/* Force explicit grid column placement (sidebar left, body right) */
#order-standard_cart > .row > .cart-sidebar {
  grid-column: 1 !important;
  grid-row: 1 !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
#order-standard_cart > .row > .cart-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
@media (max-width: 991px) {
  #order-standard_cart > .row > .cart-sidebar,
  #order-standard_cart > .row > .cart-body {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* Inner grid placement: items left, summary right */
#order-standard_cart .cart-body > .row > .secondary-cart-body {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
#order-standard_cart .cart-body > .row > .secondary-cart-sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
@media (max-width: 991px) {
  #order-standard_cart .cart-body > .row > .secondary-cart-body,
  #order-standard_cart .cart-body > .row > .secondary-cart-sidebar {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* ============================================================
   VIEWCART container alignment fix — match other pages
   ============================================================ */
#order-standard_cart > .row {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 32px 16px !important;
  box-sizing: border-box !important;
}
@media (min-width: 640px)  { #order-standard_cart > .row { padding-left: 24px !important; padding-right: 24px !important; } }
@media (min-width: 1024px) { #order-standard_cart > .row { padding: 48px 32px !important; } }

/* Sidebar card style consistent with other pages (sticky) */
#order-standard_cart > .row > .cart-sidebar {
  position: sticky !important;
  top: 112px !important;
  align-self: start !important;
}
@media (max-width: 991px) {
  #order-standard_cart > .row > .cart-sidebar {
    position: static !important;
    top: auto !important;
  }
}

/* Wrap content cards inside cart-body in white panel for nicer look */
#order-standard_cart .cart-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

/* Empty cart message — make it pretty */
#order-standard_cart .view-cart-items .empty {
  padding: 44px 24px !important;
  color: #64748b !important;
  text-align: center !important;
  font-size: 15px !important;
}
/* ============================================================
   VIEWCART compact polish — tighter spacing, more pro look
   ============================================================ */
/* Outer container — less vertical padding */
@media (min-width: 1024px) {
  #order-standard_cart > .row { padding: 28px 32px !important; }
}
#order-standard_cart > .row { gap: 20px !important; grid-template-columns: 260px minmax(0, 1fr) !important; }

/* Cart-body internal stack */
#order-standard_cart .cart-body { gap: 14px !important; }

/* Inner grid: items left, summary right (tighter sidebar) */
#order-standard_cart .cart-body > .row {
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 18px !important;
}

/* Page heading — smaller, tighter */
#order-standard_cart .header-lined {
  margin: 0 0 4px !important;
}
#order-standard_cart .header-lined h1 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Sidebar Kategori — remove huge top header padding */
#order-standard_cart .cart-sidebar > * { margin: 0 !important; }
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card,
#order-standard_cart .cart-sidebar > div {
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
  overflow: hidden !important;
}
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header,
#order-standard_cart .cart-sidebar .header {
  padding: 12px 14px !important;
  margin: 0 !important;
  background: linear-gradient(135deg, #0c4a6e 0%, #0e7490 100%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#order-standard_cart .cart-sidebar .panel-heading i,
#order-standard_cart .cart-sidebar .card-header i,
#order-standard_cart .cart-sidebar .header i {
  background: rgba(255,255,255,0.18) !important;
  width: 26px !important; height: 26px !important;
  border-radius: 7px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-size: 12px !important;
  margin: 0 !important;
}
#order-standard_cart .cart-sidebar .list-group,
#order-standard_cart .cart-sidebar ul.nav,
#order-standard_cart .cart-sidebar ul {
  margin: 0 !important; padding: 6px !important; list-style: none !important;
}
#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .cart-sidebar ul.nav > li > a,
#order-standard_cart .cart-sidebar ul > li > a {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  padding: 10px 12px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  border-radius: 9px !important;
  border: 0 !important;
  transition: background .15s, color .15s !important;
}
#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar ul.nav > li > a:hover,
#order-standard_cart .cart-sidebar ul > li > a:hover {
  background: #f1f5f9 !important;
  color: #0c4a6e !important;
}
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar ul > li.active > a {
  background: linear-gradient(135deg, #e0f2fe 0%, #ccfbf1 100%) !important;
  color: #0c4a6e !important;
  font-weight: 700 !important;
}

/* Cart items card — tighter */
#order-standard_cart .view-cart-items-header { padding: 12px 18px !important; border-radius: 12px 12px 0 0 !important; }
#order-standard_cart .view-cart-items {
  border: 1px solid #e2e8f0 !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
  margin-bottom: 0 !important;
}
#order-standard_cart .view-cart-items .empty {
  padding: 32px 20px !important;
  font-size: 14px !important;
  color: #64748b !important;
}

/* Promo / tabs panel — tighten */
#order-standard_cart .view-cart-tabs { margin-top: 0 !important; }
#order-standard_cart .view-cart-tabs .nav-tabs {
  border: 0 !important;
  background: #fff !important;
  border-radius: 12px 12px 0 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-bottom: 0 !important;
  padding: 4px 8px 0 !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  padding: 10px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
  color: #0c4a6e !important;
  border-bottom-color: #10b981 !important;
  background: transparent !important;
}
#order-standard_cart .view-cart-tabs .tab-content {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0 0 12px 12px !important;
  padding: 16px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
}
#order-standard_cart .view-cart-tabs .tab-content .form-control,
#order-standard_cart .view-cart-tabs .tab-content input[type="text"] {
  height: 42px !important;
  border-radius: 9px !important;
  border: 1px solid #e2e8f0 !important;
  padding: 0 14px !important;
  font-size: 14px !important;
}
#order-standard_cart .view-cart-tabs .tab-content .btn,
#order-standard_cart .view-cart-tabs .tab-content button {
  height: 42px !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 0 18px !important;
  background: linear-gradient(135deg, #0c4a6e 0%, #0e7490 100%) !important;
  color: #fff !important;
  border: 0 !important;
}
#order-standard_cart .view-cart-tabs .tab-content .btn:hover { filter: brightness(1.08); }

/* Order summary card — tighter */
#order-standard_cart .order-summary,
#order-standard_cart #orderSummary {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 18px rgba(15,23,42,0.06) !important;
  padding: 18px !important;
}
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary .summary-title,
#order-standard_cart #orderSummary h2 {
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #0c4a6e !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
#order-standard_cart .order-summary .row,
#order-standard_cart .order-summary .summary-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  color: #475569 !important;
}
#order-standard_cart .order-summary .row strong,
#order-standard_cart .order-summary .row b { color: #0f172a !important; font-weight: 700 !important; }
#order-standard_cart .order-summary hr { margin: 10px 0 !important; border-color: #e2e8f0 !important; }
#order-standard_cart .order-summary .total,
#order-standard_cart .order-summary .total-due {
  text-align: center !important;
  margin: 12px 0 !important;
  padding: 14px 0 !important;
  background: linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 100%) !important;
  border-radius: 10px !important;
}
#order-standard_cart .order-summary .total .price,
#order-standard_cart .order-summary .total > span:first-child,
#order-standard_cart .order-summary .total-due .price {
  font-size: 26px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: block !important;
  line-height: 1.1 !important;
}
#order-standard_cart .order-summary .total .label,
#order-standard_cart .order-summary .total > span:last-child,
#order-standard_cart .order-summary .total-due .label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #64748b !important;
  margin-top: 4px !important;
}

/* Checkout button — tight, full width, gradient */
#order-standard_cart .order-summary .btn-checkout,
#order-standard_cart .order-summary a[href*="checkout"],
#order-standard_cart .order-summary .btn-primary,
#order-standard_cart .order-summary button[type="submit"] {
  display: block !important;
  width: 100% !important;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 !important;
  text-align: center !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  background: linear-gradient(135deg, #10b981 0%, #0ea5e9 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(14,165,233,0.25) !important;
  margin: 8px 0 6px !important;
  transition: filter .15s, transform .15s !important;
}
#order-standard_cart .order-summary .btn-checkout:hover,
#order-standard_cart .order-summary a[href*="checkout"]:hover { filter: brightness(1.06); transform: translateY(-1px); }

/* Continue shopping link — neat under button */
#order-standard_cart .order-summary .continue-shopping,
#order-standard_cart .order-summary a[href*="cart.php"]:not(.btn) {
  display: block !important;
  text-align: center !important;
  font-size: 12.5px !important;
  color: #64748b !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  padding: 6px 0 !important;
}
#order-standard_cart .order-summary .continue-shopping:hover { color: #0c4a6e !important; }

/* Mobile */
@media (max-width: 991px) {
  #order-standard_cart > .row { grid-template-columns: 1fr !important; padding: 18px 14px !important; }
  #order-standard_cart .cart-body > .row { grid-template-columns: 1fr !important; }
}
/* ============================================================
   VIEWCART TOTAL REDESIGN — clean card-based items
   ============================================================ */

/* Hide ugly old header bar; we'll put compact inline header instead */
#order-standard_cart .view-cart-items-header {
  background: transparent !important;
  color: #94a3b8 !important;
  padding: 0 4px 8px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  margin-bottom: 10px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
#order-standard_cart .view-cart-items-header .row {
  display: flex !important;
  margin: 0 !important;
  align-items: center !important;
}

/* Items wrapper */
#order-standard_cart .view-cart-items {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Each item — a clean card */
#order-standard_cart .view-cart-items .item {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
  transition: border-color .15s, box-shadow .15s, transform .15s !important;
}
#order-standard_cart .view-cart-items .item:hover {
  border-color: #bae6fd !important;
  box-shadow: 0 4px 14px rgba(14,165,233,0.08) !important;
}

/* Item row — flexbox layout for clean alignment */
#order-standard_cart .view-cart-items .item > .row {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}
#order-standard_cart .view-cart-items .item > .row > [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}
/* Title block grows */
#order-standard_cart .view-cart-items .item > .row > [class*="col-"]:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
/* Price column */
#order-standard_cart .view-cart-items .item .item-price {
  text-align: right !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
/* Remove button column */
#order-standard_cart .view-cart-items .item .col-sm-1 {
  flex: 0 0 auto !important;
}

/* Item title — strong, with edit link inline */
#order-standard_cart .view-cart-items .item-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  margin: 0 0 2px !important;
}
#order-standard_cart .view-cart-items .item-title .btn-link {
  font-size: 11px !important;
  color: #0ea5e9 !important;
  padding: 2px 8px !important;
  background: #e0f2fe !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
#order-standard_cart .view-cart-items .item-title .btn-link:hover {
  background: #bae6fd !important;
  color: #0c4a6e !important;
}
#order-standard_cart .view-cart-items .item-title .btn-link i { margin-right: 3px; }

/* Item group (badge) */
#order-standard_cart .view-cart-items .item-group {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0c4a6e !important;
  background: linear-gradient(135deg, #e0f2fe 0%, #ccfbf1 100%) !important;
  padding: 2px 8px !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin: 2px 6px 2px 0 !important;
  vertical-align: middle !important;
}

/* Item domain */
#order-standard_cart .view-cart-items .item-domain {
  display: inline-block !important;
  font-size: 13px !important;
  color: #475569 !important;
  font-weight: 500 !important;
  font-family: 'SF Mono', Menlo, monospace !important;
  background: #f1f5f9 !important;
  padding: 2px 8px !important;
  border-radius: 5px !important;
  margin: 2px 0 !important;
  vertical-align: middle !important;
}

#order-standard_cart .view-cart-items .item small {
  display: block !important;
  font-size: 12px !important;
  color: #64748b !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}

/* Item price */
#order-standard_cart .view-cart-items .item-price > span:first-child {
  display: block !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
}
#order-standard_cart .view-cart-items .item-price .cycle {
  display: block !important;
  font-size: 11px !important;
  color: #64748b !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-top: 2px !important;
}

/* Qty input */
#order-standard_cart .view-cart-items .item-qty {
  text-align: center !important;
}
#order-standard_cart .view-cart-items .item-qty input {
  width: 60px !important;
  height: 36px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  text-align: center !important;
  font-weight: 600 !important;
  margin: 0 auto !important;
}

/* Remove button — small icon */
#order-standard_cart .view-cart-items .btn-remove-from-cart {
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  transition: background .15s, color .15s !important;
}
#order-standard_cart .view-cart-items .btn-remove-from-cart:hover {
  background: #dc2626 !important;
  color: #fff !important;
}
#order-standard_cart .view-cart-items .btn-remove-from-cart i { margin: 0 !important; }

/* Empty state */
#order-standard_cart .view-cart-items .empty {
  background: #fff !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 40px 20px !important;
  text-align: center !important;
  color: #64748b !important;
  font-size: 14px !important;
}

/* Tighten outer cart-body gap */
#order-standard_cart .cart-body { gap: 12px !important; }
#order-standard_cart .cart-body > .row { gap: 16px !important; }

/* Promo tabs panel — flatter */
#order-standard_cart .view-cart-tabs {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04) !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  padding: 0 8px !important;
  border-radius: 0 !important;
}
#order-standard_cart .view-cart-tabs .tab-content {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Order summary refinements */
#order-standard_cart .order-summary {
  padding: 16px !important;
}
#order-standard_cart .order-summary .total {
  margin: 10px 0 !important;
  padding: 12px 0 !important;
}
#order-standard_cart .order-summary .total .price,
#order-standard_cart .order-summary .total > span:first-child {
  font-size: 24px !important;
}
/* Renewal price text inside item-price */
#order-standard_cart .view-cart-items .item-price .renewal {
  display: block !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-top: 4px !important;
  padding-top: 4px !important;
  border-top: 1px dashed #e2e8f0 !important;
}
#order-standard_cart .view-cart-items .item-price .renewal-price {
  color: #475569 !important;
  font-weight: 600 !important;
  display: inline !important;
  font-size: 11px !important;
  text-transform: none !important;
}
/* Period dropdown inside domain item */
#order-standard_cart .view-cart-items .item-price .dropdown {
  display: inline-block !important;
  margin-top: 2px !important;
}
#order-standard_cart .view-cart-items .item-price .dropdown-toggle {
  font-size: 11px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  font-weight: 600 !important;
}
/* ============================================================
   CONFIGUREDOMAINS — compact pretty UI
   ============================================================ */

/* Header */
#order-standard_cart .cd-header { margin: 0 0 14px; }
#order-standard_cart .cd-crumb {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: #94a3b8; margin-bottom: 6px;
}
#order-standard_cart .cd-crumb a { color: #64748b; text-decoration: none; transition: color .15s; }
#order-standard_cart .cd-crumb a:hover { color: #0ea5e9; }
#order-standard_cart .cd-crumb i { font-size: 8px; color: #cbd5e1; }
#order-standard_cart .cd-crumb span:last-child { color: #0c4a6e; font-weight: 600; }
#order-standard_cart .cd-title {
  font-size: 24px; font-weight: 800;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  margin: 0 0 4px; line-height: 1.15; letter-spacing: -0.01em;
}
#order-standard_cart .cd-sub { font-size: 13.5px; color: #64748b; margin: 0 0 14px; }

/* Mini cart bar */
#order-standard_cart .cd-cart-bar {
  background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
  box-shadow: 0 4px 18px rgba(15,23,42,0.05);
  margin: 0 0 16px; overflow: hidden;
}
#order-standard_cart .cd-cart-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px;
  background: linear-gradient(135deg, #0c4a6e 0%, #0e7490 100%);
  color: #fff;
}
#order-standard_cart .cd-cart-title { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; }
#order-standard_cart .cd-cart-title > i { background: rgba(255,255,255,.18); width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; }
#order-standard_cart .cd-cart-count { background: rgba(255,255,255,.2); padding: 3px 9px; border-radius: 10px; font-size: 11px; font-weight: 700; }
#order-standard_cart .cd-cart-view { color: #e0f2fe; font-size: 12px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
#order-standard_cart .cd-cart-view:hover { color: #fff; }
#order-standard_cart .cd-cart-list { padding: 6px 0; }
#order-standard_cart .cd-cart-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-top: 1px solid #f1f5f9; gap: 10px; }
#order-standard_cart .cd-cart-row:first-child { border-top: 0; }
#order-standard_cart .cd-cart-info { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
#order-standard_cart .cd-cart-badge { width: 32px; height: 32px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; flex: none; }
#order-standard_cart .cd-cart-badge--prod { background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); color: #0c4a6e; }
#order-standard_cart .cd-cart-badge--dom { background: linear-gradient(135deg, #ccfbf1 0%, #a7f3d0 100%); color: #047857; }
#order-standard_cart .cd-cart-badge--addon { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); color: #92400e; }
#order-standard_cart .cd-cart-name { font-size: 13.5px; font-weight: 700; color: #0f172a; line-height: 1.3; }
#order-standard_cart .cd-cart-meta { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
#order-standard_cart .cd-cart-group { font-size: 10.5px; color: #0c4a6e; background: #e0f2fe; padding: 1px 6px; border-radius: 4px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
#order-standard_cart .cd-cart-dom { font-size: 11.5px; color: #475569; font-family: 'SF Mono', Menlo, monospace; background: #f1f5f9; padding: 1px 6px; border-radius: 4px; font-weight: 500; }
#order-standard_cart .cd-cart-price { text-align: right; font-size: 14px; font-weight: 800; color: #0f172a; white-space: nowrap; line-height: 1.1; }
#order-standard_cart .cd-cart-price span { display: block; font-size: 10.5px; color: #94a3b8; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 2px; }
#order-standard_cart .cd-cart-foot { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 100%); border-top: 1px solid #e2e8f0; font-size: 13px; }
#order-standard_cart .cd-cart-foot strong { font-size: 18px; font-weight: 800; background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

/* Alert */
#order-standard_cart .cd-alert {
  display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px;
  margin: 0 0 14px; font-size: 13.5px; align-items: flex-start;
}
#order-standard_cart .cd-alert-danger { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
#order-standard_cart .cd-alert > i { font-size: 18px; margin-top: 2px; }
#order-standard_cart .cd-alert ul { margin: 4px 0 0; padding-left: 18px; }

/* Domain card */
#order-standard_cart .cd-domain-card {
  background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04);
  margin: 0 0 14px; overflow: hidden;
}
#order-standard_cart .cd-domain-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 18px;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border-bottom: 1px solid #e2e8f0;
}
#order-standard_cart .cd-domain-name {
  display: flex; align-items: center; gap: 10px;
  font-size: 15px; font-weight: 800; color: #0f172a; min-width: 0;
}
#order-standard_cart .cd-domain-name > i {
  width: 32px; height: 32px; border-radius: 9px;
  background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);
  color: #fff; display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; flex: none;
}
#order-standard_cart .cd-domain-name span { font-family: 'SF Mono', Menlo, monospace; font-size: 14.5px; }
#order-standard_cart .cd-pill {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 700; padding: 5px 10px; border-radius: 999px;
  text-decoration: none !important; white-space: nowrap;
}
#order-standard_cart .cd-pill--ok { background: #dcfce7; color: #166534; }
#order-standard_cart .cd-pill--warn { background: #fef3c7; color: #92400e; }
#order-standard_cart .cd-pill--warn:hover { background: #fde68a; }

/* Body */
#order-standard_cart .cd-domain-body { padding: 16px 18px; }
#order-standard_cart .cd-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
@media (max-width: 640px) { #order-standard_cart .cd-row { grid-template-columns: 1fr; } }
#order-standard_cart .cd-field { display: flex; flex-direction: column; gap: 5px; }
#order-standard_cart .cd-field label {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
  color: #64748b; margin: 0; display: flex; align-items: center; gap: 5px;
}
#order-standard_cart .cd-static {
  font-size: 14px; color: #0f172a; font-weight: 600;
  padding: 10px 12px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 9px;
}
#order-standard_cart .cd-input {
  height: 42px; padding: 0 12px; font-size: 14px;
  border: 1px solid #e2e8f0; border-radius: 9px; background: #fff;
  color: #0f172a; transition: border-color .15s, box-shadow .15s;
  width: 100%; box-sizing: border-box;
}
#order-standard_cart .cd-input:focus { outline: 0; border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,0.12); }
#order-standard_cart .cd-help { font-size: 11.5px; color: #94a3b8; margin-top: 2px; }
#order-standard_cart .cd-field-input input,
#order-standard_cart .cd-field-input select,
#order-standard_cart .cd-field-input textarea {
  height: 42px; padding: 0 12px; font-size: 14px;
  border: 1px solid #e2e8f0 !important; border-radius: 9px !important; background: #fff !important;
  color: #0f172a; width: 100%; box-sizing: border-box;
}
#order-standard_cart .cd-field-input textarea { height: auto; padding: 10px 12px; min-height: 80px; }

/* Section title */
#order-standard_cart .cd-section-title {
  font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em;
  color: #0c4a6e; margin: 18px 0 10px;
  display: flex; align-items: center; gap: 6px;
  padding-bottom: 8px; border-bottom: 1px solid #e2e8f0;
}

/* Addons */
#order-standard_cart .cd-addons { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
#order-standard_cart .cd-addon {
  display: grid !important;
  grid-template-columns: auto 28px 1fr auto;
  gap: 10px;
  align-items: center;
  background: #fff; border: 1.5px solid #e2e8f0; border-radius: 11px;
  padding: 12px; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s;
  margin: 0 !important;
}
#order-standard_cart .cd-addon:hover { border-color: #bae6fd; background: #f8fbff; }
#order-standard_cart .cd-addon--on { border-color: #10b981 !important; background: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 100%) !important; box-shadow: 0 0 0 3px rgba(16,185,129,0.10); }
#order-standard_cart .cd-addon input[type="checkbox"] { width: 18px; height: 18px; margin: 0 !important; accent-color: #10b981; cursor: pointer; }
#order-standard_cart .cd-addon-icon { width: 28px; height: 28px; border-radius: 8px; background: #e0f2fe; color: #0c4a6e; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; flex: none; }
#order-standard_cart .cd-addon--on .cd-addon-icon { background: #d1fae5; color: #047857; }
#order-standard_cart .cd-addon-body { min-width: 0; }
#order-standard_cart .cd-addon-title { font-size: 13.5px; font-weight: 700; color: #0f172a; line-height: 1.2; }
#order-standard_cart .cd-addon-desc { font-size: 11.5px; color: #64748b; margin-top: 3px; line-height: 1.4; }
#order-standard_cart .cd-addon-price { font-size: 13px; font-weight: 800; color: #0c4a6e; text-align: right; white-space: nowrap; line-height: 1.1; }
#order-standard_cart .cd-addon-price span { display: block; font-size: 10px; color: #94a3b8; font-weight: 600; text-transform: lowercase; margin-top: 2px; }

/* Domain fields */
#order-standard_cart .cd-domain-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 640px) { #order-standard_cart .cd-domain-fields { grid-template-columns: 1fr; } }

/* Nameservers grid */
#order-standard_cart .cd-ns-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 10px; }

/* Actions */
#order-standard_cart .cd-actions {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 16px; padding: 14px 0;
}
#order-standard_cart .cd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 46px; padding: 0 22px; border-radius: 11px;
  font-size: 14px; font-weight: 700; text-decoration: none; border: 0;
  cursor: pointer; transition: filter .15s, transform .15s, background .15s;
}
#order-standard_cart .cd-btn--ghost { background: #fff; color: #475569; border: 1.5px solid #e2e8f0; }
#order-standard_cart .cd-btn--ghost:hover { background: #f8fafc; color: #0c4a6e; border-color: #cbd5e1; }
#order-standard_cart .cd-btn--primary {
  background: linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);
  color: #fff; padding: 0 28px; height: 46px;
  box-shadow: 0 6px 16px rgba(14,165,233,0.25);
}
#order-standard_cart .cd-btn--primary:hover { filter: brightness(1.06); transform: translateY(-1px); color: #fff; }

/* ============================================================
   CHECKOUT REDESIGN (.ck-*)  — saung theme world-class
   ============================================================ */
.ck-page{background:#f5f7fb;min-height:100vh;padding:0;}
.ck-container{max-width:1280px;margin:0 auto;padding:24px 16px 60px;}

/* Header */
.ck-header{margin-bottom:18px;}
.ck-crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#64748b;margin-bottom:10px;flex-wrap:wrap;}
.ck-crumb a{color:#0ea5e9;text-decoration:none;font-weight:500;}
.ck-crumb a:hover{color:#0369a1;text-decoration:underline;}
.ck-crumb-sep{font-size:9px;color:#cbd5e1;}
.ck-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.ck-title{font-size:30px;font-weight:800;background:linear-gradient(135deg,#0ea5e9 0%,#10b981 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px 0;letter-spacing:-0.5px;}
.ck-sub{color:#64748b;font-size:14px;margin:0;}
.ck-steps{display:flex;align-items:center;gap:8px;font-size:12px;}
.ck-step{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #e2e8f0;color:#94a3b8;font-weight:600;}
.ck-step--done{background:#ecfdf5;border-color:#a7f3d0;color:#065f46;}
.ck-step--active{background:linear-gradient(135deg,#0ea5e9,#10b981);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(14,165,233,.35);}
.ck-step-line{width:24px;height:1.5px;background:#cbd5e1;}

/* Grid */
.ck-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;}
@media (max-width:1024px){.ck-grid{grid-template-columns:1fr;}}

/* Main */
.ck-main{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.ck-acct-toggle{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
.ck-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;}
.ck-pill:hover{border-color:#0ea5e9;color:#0369a1;background:#f0f9ff;}
.ck-pill--alt{border-color:#fde68a;background:#fffbeb;color:#92400e;}
.ck-pill--alt:hover{border-color:#f59e0b;background:#fef3c7;}

/* Section heading replacement (.sub-heading inside .ck-main) */
.ck-main .sub-heading{position:relative;margin:24px 0 14px;padding:0;background:none;border:none;}
.ck-main .sub-heading:before{display:none;}
.ck-main .sub-heading > span,
.ck-main .sub-heading .primary-bg-color{display:flex;align-items:center;gap:10px;padding:0 0 8px 0;background:none!important;color:#0f172a!important;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid #e2e8f0;border-radius:0;}
.ck-main .sub-heading > span:before,
.ck-main .sub-heading .primary-bg-color:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,#0ea5e9,#10b981);border-radius:2px;}

/* Form fields polished */
.ck-main .form-group{margin-bottom:14px;}
.ck-main .row{margin-left:-7px;margin-right:-7px;}
.ck-main .row > [class*="col-"]{padding-left:7px;padding-right:7px;}
.ck-main .form-control,
.ck-main .field{height:44px;border:1.5px solid #e2e8f0;border-radius:9px;padding:8px 14px 8px 42px;font-size:14px;background:#fff;color:#0f172a;transition:border-color .15s,box-shadow .15s;box-shadow:none;}
.ck-main select.form-control,.ck-main select.field{padding-left:42px;}
.ck-main textarea.form-control,.ck-main textarea.field{height:auto;min-height:96px;padding-left:14px;padding-top:10px;}
.ck-main .form-control:focus,.ck-main .field:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15);outline:none;}
.ck-main .prepend-icon{position:relative;}
.ck-main .prepend-icon .field-icon{position:absolute;left:0;top:0;width:42px;height:44px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;pointer-events:none;z-index:2;margin:0;}
.ck-main .prepend-icon .field:focus + .field-icon,
.ck-main .prepend-icon .field-icon i{color:#94a3b8;}

/* Existing accounts radio cards */
.ck-main .account-select-container{margin-bottom:18px;}
.ck-main .account{border:1.5px solid #e2e8f0;border-radius:11px;padding:14px 16px;margin-bottom:10px;background:#fff;transition:all .15s;cursor:pointer;}
.ck-main .account:hover{border-color:#0ea5e9;background:#f0f9ff;}
.ck-main .account.active{border-color:#10b981;background:#ecfdf5;box-shadow:0 0 0 3px rgba(16,185,129,.12);}
.ck-main .account .radio-inline{padding-left:0;width:100%;cursor:pointer;}
.ck-main .account .address strong{color:#0f172a;font-size:14px;}
.ck-main .account .label{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;margin-left:6px;}
.ck-main .account .label-info{background:#dbeafe;color:#1e40af;}
.ck-main .account .label-default{background:#f1f5f9;color:#475569;}

/* Generic radio inline (payment methods) */
.ck-main .payment-methods{margin-right:6px;}
#paymentGatewaysContainer{margin:18px 0;}
#paymentGatewaysContainer .text-center{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;}
#paymentGatewaysContainer .radio-inline{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;font-weight:600;color:#475569;cursor:pointer;transition:all .15s;margin:0;font-size:13px;}
#paymentGatewaysContainer .radio-inline:hover{border-color:#0ea5e9;background:#f0f9ff;color:#0369a1;}
#paymentGatewaysContainer .radio-inline:has(input:checked){border-color:#10b981;background:#ecfdf5;color:#065f46;box-shadow:0 0 0 3px rgba(16,185,129,.12);}

/* Total Due Today highlight */
#totalDueToday.alert{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdfa 100%)!important;border:1px solid #a7f3d0!important;color:#065f46!important;border-radius:12px!important;padding:18px 22px!important;font-size:15px!important;display:flex;align-items:center;justify-content:space-between;margin:18px 0;}
#totalDueToday strong{font-size:22px;color:#047857;font-weight:800;}

/* Apply credit */
.apply-credit-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:14px 18px;margin:14px 0;}
.apply-credit-container label.radio{display:block;margin-bottom:6px;cursor:pointer;}

/* Marketing optin */
.marketing-email-optin{background:#fefce8;border:1px solid #fde68a;border-radius:10px;padding:14px 18px;margin:18px 0;}
.marketing-email-optin h4{margin:0 0 4px;font-size:15px!important;color:#92400e;font-weight:700;}
.marketing-email-optin p{font-size:13px;color:#78350f;margin:0 0 8px;}

/* Captcha center */
.ck-main #captcha,.ck-main .captcha-container{display:flex;justify-content:center;}

/* TOS + complete order */
.ck-main #accepttos+*,.ck-main label.checkbox-inline{font-size:13.5px;color:#475569;}
#btnCompleteOrder{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;color:#fff!important;padding:14px 36px!important;font-size:15px!important;font-weight:700!important;border-radius:11px!important;box-shadow:0 6px 20px rgba(16,185,129,.32)!important;height:auto!important;letter-spacing:.3px;transition:all .2s;}
#btnCompleteOrder:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(16,185,129,.42)!important;}
#btnCompleteOrder:disabled{opacity:.6;cursor:not-allowed;transform:none;}

/* SSL secure footer */
.ck-ssl{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#166534;font-size:13px;}
.ck-ssl i{color:#16a34a;font-size:16px;}

/* ============ ORDER SUMMARY ============ */
.ck-summary{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px;}
@media (max-width:1024px){.ck-summary{position:static;}}
.ck-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.06);}
.ck-sum-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#fff;}
.ck-sum-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;}
.ck-sum-title i{color:#7dd3fc;}
.ck-sum-edit{color:#7dd3fc;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-weight:600;}
.ck-sum-edit:hover{color:#bae6fd;text-decoration:none;}

.ck-sum-list{padding:6px 0;max-height:340px;overflow-y:auto;}
.ck-sum-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 18px;border-bottom:1px solid #f1f5f9;}
.ck-sum-row:last-child{border-bottom:none;}
.ck-sum-icn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;}
.ck-sum-icn--prod{background:linear-gradient(135deg,#0ea5e9,#0284c7);}
.ck-sum-icn--dom{background:linear-gradient(135deg,#10b981,#059669);}
.ck-sum-icn--addon{background:linear-gradient(135deg,#a855f7,#9333ea);}
.ck-sum-name{font-size:13px;font-weight:600;color:#0f172a;line-height:1.3;}
.ck-sum-meta{font-size:11.5px;color:#64748b;margin-top:2px;display:flex;flex-wrap:wrap;gap:6px;}
.ck-sum-dom{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0369a1;background:#f0f9ff;padding:1px 6px;border-radius:4px;}
.ck-sum-price{text-align:right;}
.ck-sum-price strong{display:block;font-size:13px;color:#0f172a;font-weight:700;}
.ck-sum-price small{display:block;font-size:10.5px;color:#94a3b8;margin-top:1px;}

.ck-sum-totals{padding:14px 18px;background:#f8fafc;border-top:1px solid #e2e8f0;}
.ck-sum-line{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;color:#475569;}
.ck-sum-line span:last-child{font-weight:600;color:#0f172a;}
.ck-sum-discount span:last-child{color:#10b981;}
.ck-sum-discount span:first-child i{color:#10b981;margin-right:4px;}
.ck-sum-grand{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:8px;border-top:1.5px dashed #cbd5e1;}
.ck-sum-grand span{font-size:13px;font-weight:600;color:#475569;}
.ck-sum-grand strong{font-size:22px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ck-sum-recurring{font-size:11px;color:#64748b;text-align:right;margin-top:4px;font-style:italic;}

.ck-sum-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px;border-top:1px solid #e2e8f0;background:#fff;}
.ck-trust-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#475569;font-weight:500;}
.ck-trust-row i{color:#10b981;font-size:13px;}

.ck-help-card{display:flex;gap:14px;align-items:center;padding:16px;background:linear-gradient(135deg,#eff6ff 0%,#ecfdf5 100%);border:1px solid #c7d2fe;border-radius:12px;}
.ck-help-icn{width:44px;height:44px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;color:#0ea5e9;font-size:20px;box-shadow:0 2px 6px rgba(14,165,233,.2);flex-shrink:0;}
.ck-help-title{font-weight:700;color:#0f172a;font-size:14px;}
.ck-help-sub{font-size:12px;color:#64748b;margin-bottom:4px;}
.ck-help-link{color:#0ea5e9;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px;}
.ck-help-link:hover{color:#0369a1;text-decoration:none;}

/* Hide legacy chrome inside .ck-main */
.ck-main .header-lined,.ck-main .already-registered,.ck-main .pull-right{}
.ck-page .cart-sidebar,.ck-page #order-standard_cart > .row > .cart-sidebar{display:none;}

/* Account sub-headings inside ck-main row reset */
.ck-main .row{display:flex;flex-wrap:wrap;}

/* ============== CHECKOUT FIX OVERRIDES ============== */
.ck-page .ck-title{color:transparent!important;background:linear-gradient(135deg,#0ea5e9 0%,#10b981 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.ck-page .ck-main .form-control,
.ck-page .ck-main .field,
#order-standard_cart.ck-page input.form-control,
#order-standard_cart.ck-page select.form-control,
#order-standard_cart.ck-page input.field,
#order-standard_cart.ck-page select.field{padding-left:42px!important;height:44px!important;border:1.5px solid #e2e8f0!important;border-radius:9px!important;background:#fff!important;}
#order-standard_cart.ck-page textarea.form-control,
#order-standard_cart.ck-page textarea.field{padding-left:14px!important;}
.ck-page .ck-main .prepend-icon{position:relative!important;}
.ck-page .ck-main .prepend-icon .field-icon{position:absolute!important;left:0!important;top:0!important;width:42px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#94a3b8!important;font-size:14px!important;pointer-events:none!important;z-index:5!important;margin:0!important;background:transparent!important;border:none!important;}
.ck-page .ck-main .sub-heading{text-align:left!important;}
.ck-page .ck-main .sub-heading > span,
.ck-page .ck-main .sub-heading .primary-bg-color{display:inline-flex!important;text-align:left!important;width:auto!important;justify-content:flex-start!important;}
.ck-page .ck-main .sub-heading:after{content:"";display:block;height:1px;background:#e2e8f0;margin-top:-2px;}

/* CC input rows fix */
.ck-page .ck-main .cc-input-container .input-group .form-control{border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
.ck-page .ck-main .cc-input-container .input-group-btn .btn{height:44px;border:1.5px solid #e2e8f0;border-left:none;border-radius:0 9px 9px 0;background:#f8fafc;}

/* Existing ck-grid breakpoint tighter for tablets */
@media (max-width:1199px) and (min-width:1025px){
  .ck-grid{grid-template-columns:1fr 320px;}
}

/* Ensure Tailwind .row reset doesn't break col widths */
.ck-page .ck-main .row{display:flex!important;flex-wrap:wrap!important;margin-left:-7px!important;margin-right:-7px!important;}
.ck-page .ck-main .row > [class*="col-"]{padding-left:7px!important;padding-right:7px!important;}

/* ============== CHECKOUT TIGHT/PROFESSIONAL POLISH ============== */
/* Tighter main container */
.ck-page .ck-main{padding:18px 22px!important;}

/* Section heading: smaller, tighter, with subtle accent */
.ck-page .ck-main .sub-heading{margin:18px 0 10px!important;padding:0!important;background:none!important;border:none!important;}
.ck-page .ck-main .sub-heading:first-child{margin-top:0!important;}
.ck-page .ck-main .sub-heading:after{display:none!important;}
.ck-page .ck-main .sub-heading > span,
.ck-page .ck-main .sub-heading .primary-bg-color{font-size:12px!important;font-weight:700!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:#0f172a!important;padding:0 0 6px 14px!important;border-bottom:1px solid #e2e8f0!important;display:block!important;width:100%!important;position:relative!important;background:none!important;}
.ck-page .ck-main .sub-heading > span:before,
.ck-page .ck-main .sub-heading .primary-bg-color:before{content:""!important;position:absolute!important;left:0!important;top:1px!important;width:4px!important;height:14px!important;background:linear-gradient(180deg,#0ea5e9,#10b981)!important;border-radius:2px!important;display:block!important;}

/* Field tighter spacing */
.ck-page .ck-main .form-group{margin-bottom:10px!important;}
.ck-page .ck-main .row{margin-left:-6px!important;margin-right:-6px!important;}
.ck-page .ck-main .row > [class*="col-"]{padding-left:6px!important;padding-right:6px!important;}
.ck-page .ck-main .form-control,
.ck-page .ck-main .field,
#order-standard_cart.ck-page input.form-control,
#order-standard_cart.ck-page select.form-control,
#order-standard_cart.ck-page input.field,
#order-standard_cart.ck-page select.field{height:40px!important;padding:6px 12px 6px 38px!important;font-size:13.5px!important;border-radius:8px!important;}
.ck-page .ck-main .prepend-icon .field-icon{width:38px!important;height:40px!important;font-size:13px!important;}

/* Account toggle pill smaller + right-aligned */
.ck-page .ck-acct-toggle{justify-content:flex-end;margin-bottom:14px!important;margin-top:-2px;}
.ck-page .ck-pill{padding:7px 14px!important;font-size:12.5px!important;border-radius:8px!important;}

/* Domain registrant: short helper text */
.ck-page .ck-main .text-muted.small,
.ck-page .ck-main p.small{font-size:12px!important;color:#64748b!important;margin:-2px 0 8px!important;}
.ck-page .ck-main .margin-bottom{margin-bottom:8px!important;}
.ck-page .ck-main .col-sm-offset-3{margin-left:0!important;}
.ck-page .ck-main .offset-sm-3{margin-left:0!important;}
.ck-page .ck-main #inputDomainContact{max-width:100%;}

/* Account Security: password strength meter slim */
.ck-page .ck-main .password-strength-meter .progress{height:6px!important;border-radius:99px!important;background:#f1f5f9!important;margin-top:6px;box-shadow:none!important;}
.ck-page .ck-main .password-strength-meter .progress-bar{border-radius:99px!important;}
.ck-page .ck-main #passwordStrengthTextLabel{font-size:11.5px!important;margin-top:4px!important;color:#64748b!important;}
.ck-page .ck-main .generate-password{padding:6px 12px!important;font-size:12px!important;border-radius:8px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important;font-weight:600!important;height:auto!important;}
.ck-page .ck-main .generate-password:hover{background:#e2e8f0!important;color:#0f172a!important;}

/* Total Due Today bar slimmer */
.ck-page #totalDueToday.alert{padding:14px 18px!important;font-size:14px!important;margin:14px 0!important;border-radius:10px!important;}
.ck-page #totalDueToday strong{font-size:20px!important;}

/* Payment methods: 4-column grid, compact */
.ck-page #paymentGatewaysContainer{margin:12px 0 16px!important;}
.ck-page #paymentGatewaysContainer > p.small{margin-bottom:8px!important;font-size:12.5px!important;color:#64748b!important;}
.ck-page #paymentGatewaysContainer .text-center{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:8px!important;}
.ck-page #paymentGatewaysContainer .radio-inline{padding:9px 12px!important;font-size:12.5px!important;border-radius:8px!important;margin:0!important;justify-content:flex-start!important;}
.ck-page #paymentGatewaysContainer .radio-inline input[type="radio"]{margin-right:6px!important;}

/* Notes textarea */
.ck-page .ck-main textarea.form-control,.ck-page .ck-main textarea.field{min-height:80px!important;font-size:13.5px!important;}

/* Marketing optin slim */
.ck-page .marketing-email-optin{padding:12px 14px!important;margin:14px 0!important;border-radius:10px!important;}
.ck-page .marketing-email-optin h4{font-size:13.5px!important;margin-bottom:2px!important;}
.ck-page .marketing-email-optin p{font-size:12px!important;margin-bottom:6px!important;}

/* TOS + complete button area */
.ck-page .ck-main .text-center:has(#btnCompleteOrder){margin-top:18px;padding-top:14px;border-top:1px solid #f1f5f9;}
.ck-page #btnCompleteOrder{padding:12px 32px!important;font-size:14px!important;border-radius:10px!important;}

/* SSL alert slim */
.ck-page .ck-ssl{padding:10px 14px!important;font-size:12px!important;margin-top:14px!important;}

/* Hide redundant collapsed sidebar inside ck-main if it sneaks in */
.ck-page .ck-main #sidebarCategoriesCollapsed,
.ck-page .ck-main .header-lined{display:none!important;}

/* ============== CHECKOUT BOOTSTRAP GRID FIX ============== */
/* Force Bootstrap-style col widths inside ck-main since Tailwind theme strips them */
.ck-page .ck-main .row{display:flex!important;flex-wrap:wrap!important;}
.ck-page .ck-main .row > [class*="col-"]{position:relative;width:100%;padding-right:6px;padding-left:6px;box-sizing:border-box;}
@media (min-width:576px){
  .ck-page .ck-main .col-sm-12{flex:0 0 100%!important;max-width:100%!important;}
  .ck-page .ck-main .col-sm-6{flex:0 0 50%!important;max-width:50%!important;}
  .ck-page .ck-main .col-sm-5{flex:0 0 41.6667%!important;max-width:41.6667%!important;}
  .ck-page .ck-main .col-sm-4{flex:0 0 33.3333%!important;max-width:33.3333%!important;}
  .ck-page .ck-main .col-sm-3{flex:0 0 25%!important;max-width:25%!important;}
}
@media (min-width:768px){
  .ck-page .ck-main .col-md-6{flex:0 0 50%!important;max-width:50%!important;}
  .ck-page .ck-main .col-md-4{flex:0 0 33.3333%!important;max-width:33.3333%!important;}
  .ck-page .ck-main .col-md-3{flex:0 0 25%!important;max-width:25%!important;}
}
@media (min-width:992px){
  .ck-page .ck-main .col-lg-3{flex:0 0 25%!important;max-width:25%!important;}
}

/* Tailwind .row gap override */
.ck-page .ck-main .row{gap:0!important;}

/* Mailing list checkbox polish */
.ck-page .marketing-email-optin{display:flex;flex-direction:column;gap:6px;}
.ck-page .marketing-email-optin > input[type="checkbox"]{width:auto;}
.ck-page .marketing-email-optin label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;color:#78350f;font-weight:600;margin:0;}

/* Payment radio cards: improve label readability */
.ck-page #paymentGatewaysContainer .radio-inline{padding:11px 14px!important;font-size:12.5px!important;line-height:1.3;min-height:42px;align-items:center;}
.ck-page #paymentGatewaysContainer .radio-inline input[type="radio"]{flex-shrink:0;}

/* TOS row */
.ck-page .ck-main p:has(label.checkbox-inline){text-align:center;font-size:13px;color:#475569;margin-bottom:12px;}

/* Section accent before fix (line was overlapping bar) */
.ck-page .ck-main .sub-heading > span,
.ck-page .ck-main .sub-heading .primary-bg-color{padding-left:14px!important;}

/* ============== PAYMENT METHOD LOGOS (Indonesia/Tripay) ============== */
.ck-page #paymentGatewaysContainer .text-center{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:10px!important;}
.ck-page #paymentGatewaysContainer .radio-inline{position:relative!important;padding:14px 12px 14px 60px!important;font-size:12.5px!important;line-height:1.25!important;min-height:54px!important;font-weight:600!important;color:#1e293b!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;cursor:pointer;display:flex!important;align-items:center!important;}
.ck-page #paymentGatewaysContainer .radio-inline input[type="radio"]{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0!important;}
.ck-page #paymentGatewaysContainer .radio-inline:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:44px;height:32px;border-radius:6px;background:#f1f5f9 center/contain no-repeat;display:block;border:1px solid #e2e8f0;font-size:9px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;letter-spacing:.3px;}

/* QRIS (red/orange) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value="tripay_qris2"]):before,
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="qris"]):before{background:linear-gradient(135deg,#dc2626,#f97316);border-color:transparent;content:"QRIS";font-size:11px;}

/* BCA (blue) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="bca"]):before{background:linear-gradient(135deg,#0050a8,#003b80);border-color:transparent;content:"BCA";font-size:13px;}

/* BRI (dark blue) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="bri_"]):before,
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value="tripay_bri_va"]):before{background:linear-gradient(135deg,#003d79,#002a55);border-color:transparent;content:"BRI";font-size:13px;}

/* BNI (orange) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="bni"]):before{background:linear-gradient(135deg,#ec6608,#f47920);border-color:transparent;content:"BNI";font-size:13px;}

/* Mandiri (yellow/blue) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="mandiri"]):before{background:linear-gradient(135deg,#003d79,#ffc72c);border-color:transparent;content:"Mandiri";font-size:9px;color:#fff;}

/* BSI (teal) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="bsi"]):before{background:linear-gradient(135deg,#00a8a8,#007575);border-color:transparent;content:"BSI";font-size:13px;}

/* CIMB (red) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="cimb"]):before{background:linear-gradient(135deg,#cc0000,#a30000);border-color:transparent;content:"CIMB";font-size:11px;}

/* Permata (green) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="permata"]):before{background:linear-gradient(135deg,#009a3e,#006b2c);border-color:transparent;content:"Permata";font-size:9px;}

/* DANA (blue light) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="dana"]):before{background:linear-gradient(135deg,#118eea,#0a6bbf);border-color:transparent;content:"DANA";font-size:11px;}

/* OVO (purple) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="ovo"]):before{background:linear-gradient(135deg,#4c2a86,#7a3fb8);border-color:transparent;content:"OVO";font-size:13px;}

/* Alfamart (red) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="alfamart"]):before{background:linear-gradient(135deg,#e30613,#a30410);border-color:transparent;content:"Alfa";font-size:11px;}

/* Indomaret (yellow/blue) */
.ck-page #paymentGatewaysContainer .radio-inline:has(input[value*="indomaret"]):before{background:linear-gradient(135deg,#fdb913,#005ba6);border-color:transparent;content:"Indo";font-size:11px;color:#fff;}

/* Selected state */
.ck-page #paymentGatewaysContainer .radio-inline:has(input:checked){border-color:#10b981!important;background:#ecfdf5!important;box-shadow:0 0 0 3px rgba(16,185,129,.15)!important;}
.ck-page #paymentGatewaysContainer .radio-inline:hover{border-color:#0ea5e9!important;background:#f0f9ff!important;}
.ck-page #paymentGatewaysContainer .radio-inline:has(input:checked):after{content:"\f00c";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;}
.ck-page #paymentGatewaysContainer .radio-inline:has(input:checked) input[type="radio"]{display:none;}

/* ========== ORDER COMPLETE PAGE (saung) ========== */
.cmp-page{background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 200px);padding:32px 16px 60px;}
.cmp-container{max-width:1100px;margin:0 auto;}

.cmp-hero{text-align:center;padding:36px 24px 28px;background:#fff;border-radius:24px;box-shadow:0 10px 40px -10px rgba(15,23,42,.08);border:1px solid #e2e8f0;margin-bottom:24px;position:relative;overflow:hidden;}
.cmp-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#10b981,#059669,#0ea5e9);}
.cmp-hero-icn{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:38px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(16,185,129,.5);margin-bottom:16px;animation:cmpPop .6s cubic-bezier(.2,1.4,.4,1);}
.cmp-hero-icn.cmp-pop{animation:cmpPop .6s cubic-bezier(.2,1.4,.4,1);}
@keyframes cmpPop{0%{transform:scale(.2);opacity:0;}60%{transform:scale(1.15);opacity:1;}100%{transform:scale(1);}}
.cmp-hero-title{font-size:30px;font-weight:800;background:linear-gradient(135deg,#0f172a,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;letter-spacing:-.02em;}
.cmp-hero-sub{color:#64748b;font-size:15px;margin:0 0 18px;}
.cmp-order-no{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:22px;}
.cmp-order-no-lbl{color:#64748b;font-size:13px;}
.cmp-order-no-val{color:#0f172a;font-weight:800;font-size:16px;letter-spacing:.5px;}
.cmp-copy{border:0;background:#fff;color:#0ea5e9;width:32px;height:32px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;transition:all .2s;}
.cmp-copy:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;}
.cmp-copy.is-copied{background:#10b981;color:#fff;border-color:#10b981;}

.cmp-steps{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}
.cmp-step{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#f1f5f9;color:#94a3b8;font-size:13px;font-weight:600;border:1px solid #e2e8f0;}
.cmp-step--done{background:#dcfce7;color:#15803d;border-color:#bbf7d0;}
.cmp-step--active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-color:#0284c7;box-shadow:0 4px 12px -2px rgba(14,165,233,.4);}
.cmp-step-line{width:30px;height:2px;background:#e2e8f0;border-radius:2px;}
.cmp-step-line--done{background:linear-gradient(90deg,#10b981,#bbf7d0);}

.cmp-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;}
@media (max-width:900px){.cmp-grid{grid-template-columns:1fr;}}

.cmp-main{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 24px -8px rgba(15,23,42,.06);padding:24px;}

.cmp-alert{display:flex;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid;margin-bottom:18px;align-items:flex-start;}
.cmp-alert i{font-size:22px;margin-top:2px;flex-shrink:0;}
.cmp-alert--info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af;}
.cmp-alert--ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46;}
.cmp-alert--warn{background:#fffbeb;border-color:#fde68a;color:#92400e;}
.cmp-alert--err{background:#fef2f2;border-color:#fecaca;color:#991b1b;}

.cmp-pay-card{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fde68a;border-radius:16px;padding:20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.cmp-pay-head{display:flex;align-items:center;gap:14px;}
.cmp-pay-head>i{width:48px;height:48px;border-radius:12px;background:#f59e0b;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;}
.cmp-pay-title{font-weight:800;color:#78350f;font-size:16px;}
.cmp-pay-meta{color:#a16207;font-size:13px;}

.cmp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.cmp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;border:1px solid transparent;transition:all .2s;cursor:pointer;}
.cmp-btn--primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 6px 16px -4px rgba(14,165,233,.4);}
.cmp-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px -4px rgba(14,165,233,.5);color:#fff;text-decoration:none;}
.cmp-btn--ghost{background:#fff;color:#0f172a;border-color:#e2e8f0;}
.cmp-btn--ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;text-decoration:none;}
.cmp-btn--pay{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 6px 16px -4px rgba(245,158,11,.4);}
.cmp-btn--pay:hover{transform:translateY(-1px);color:#fff;text-decoration:none;}

.cmp-side{display:flex;flex-direction:column;gap:16px;}
.cmp-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:18px 20px;box-shadow:0 2px 10px -4px rgba(15,23,42,.05);}
.cmp-card-head{font-weight:800;color:#0f172a;font-size:14px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;margin-bottom:14px;}
.cmp-card-head i{color:#0ea5e9;}
.cmp-next{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}
.cmp-next li{display:flex;gap:12px;align-items:flex-start;}
.cmp-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.cmp-next strong{display:block;color:#0f172a;font-size:13px;font-weight:700;}
.cmp-next p{margin:.2rem 0 0;color:#64748b;font-size:12.5px;line-height:1.5;}

.cmp-card--help p{color:#64748b;font-size:13px;margin:0 0 12px;}
.cmp-help-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.cmp-help-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:10px;background:#f8fafc;color:#0f172a;text-decoration:none;font-weight:600;font-size:13px;border:1px solid #e2e8f0;transition:all .2s;}
.cmp-help-btn:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;text-decoration:none;}
.cmp-help-btn--wa:hover{background:#25d366;border-color:#25d366;}

.cmp-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:12px 8px;}
.cmp-trust>div{text-align:center;color:#64748b;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px;}
.cmp-trust i{color:#0ea5e9;font-size:16px;}

.cmp-recos{margin-top:24px;background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:24px;}

/* ========== COMPLETE ORDER BUTTON: progress overlay ========== */
.ck-page #btnCompleteOrder{position:relative;}
.ck-progress-wrap{margin-top:14px;display:none;}
.ck-progress-wrap.is-active{display:block;animation:ckFade .3s ease;}
@keyframes ckFade{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.ck-progress-bar{height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden;position:relative;}
.ck-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#10b981,#059669);background-size:200% 100%;border-radius:8px;width:0%;transition:width .4s ease;animation:ckShimmer 1.5s linear infinite;}
@keyframes ckShimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.ck-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;}
.ck-progress-label{color:#0f172a;font-weight:600;display:flex;align-items:center;gap:6px;}
.ck-progress-label i{color:#0ea5e9;animation:ckSpin 1s linear infinite;}
@keyframes ckSpin{to{transform:rotate(360deg);}}
.ck-progress-pct{color:#0ea5e9;font-weight:800;font-variant-numeric:tabular-nums;}
.ck-page #btnCompleteOrder:disabled,.ck-page #btnCompleteOrder.is-loading{opacity:.85;cursor:wait;}
.ck-page #btnCompleteOrder.is-loading::after{content:"";display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;margin-left:10px;vertical-align:-3px;animation:ckSpin .8s linear infinite;}
/* =================================================================
   SAUNG v4.1 — Cart pages light-touch modernization
   Coexists with existing .saung-sidebar-card; layout-only on wrappers.
   ================================================================= */

#order-standard_cart:has(> .row > .cart-sidebar) {
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 16px 48px;
}
@media (min-width: 768px) {
  #order-standard_cart:has(> .row > .cart-sidebar) { padding: 20px 24px 48px; }
}
@media (min-width: 1024px) {
  #order-standard_cart:has(> .row > .cart-sidebar) { padding: 24px 32px 56px; }
}

#order-standard_cart:has(> .row > .cart-sidebar) > .row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0;
}
@media (min-width: 992px) {
  #order-standard_cart:has(> .row > .cart-sidebar) > .row {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
  }
}
#order-standard_cart > .row > .cart-sidebar,
#order-standard_cart > .row > .cart-body {
  width: auto !important;
  float: none !important;
  max-width: 100% !important;
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 992px) {
  #order-standard_cart > .row > .cart-sidebar {
    position: sticky;
    top: 16px;
    align-self: start;
  }
}

#order-standard_cart .cart-body .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
#order-standard_cart .cart-body .row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

#order-standard_cart .header-lined {
  border: 0 !important;
  margin: 0 0 12px;
  padding: 0;
}
#order-standard_cart .header-lined h1 {
  font-size: 1.875rem !important;
  font-weight: 800;
  letter-spacing: -.015em;
  color: #0f172a;
  margin: 0 0 4px;
  line-height: 1.2;
}

.domain-checker-container {
  margin: 16px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.domain-checker-bg {
  background: linear-gradient(135deg, #eff6ff 0%, #fff7ed 100%);
  border: 1px solid #dbeafe;
  border-radius: 18px;
  padding: 24px 18px !important;
}
.domain-checker-bg .input-group {
  background: #fff;
  border-radius: 12px;
  padding: 6px;
  box-shadow: 0 4px 16px rgba(37,99,235,.12);
  display: flex;
  gap: 6px;
  align-items: stretch;
}
.domain-checker-bg .input-group .form-control,
.domain-checker-bg .input-group input[type="text"] {
  flex: 1;
  border: 0 !important;
  background: transparent !important;
  font-size: 16px !important;
  padding: 10px 14px !important;
  height: auto !important;
  box-shadow: none !important;
  outline: none !important;
}
.domain-checker-bg .input-group-btn .btn,
.domain-checker-bg .input-group-append .btn {
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(37,99,235,.25) !important;
}

#DomainSearchResults { margin-top: 20px; }
#DomainSearchResults .domain-checker-result-headline,
#DomainSearchResults #searchDomainInfo {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 14px;
}
#DomainSearchResults p.domain-available { color: #16a34a; font-weight: 700; }
#DomainSearchResults p.domain-unavailable,
#DomainSearchResults p.domain-checker-unavailable,
#DomainSearchResults p.domain-error { color: #dc2626; font-weight: 600; }
#DomainSearchResults .domain-price .price {
  font-weight: 800; font-size: 18px; color: #0f172a; margin-right: 12px;
}
#DomainSearchResults .domain-price .btn {
  border-radius: 8px; padding: 8px 16px; font-weight: 600;
  background: #16a34a; border: 0; color: #fff;
}

#order-standard_cart .cart-body .panel,
#order-standard_cart .cart-body .card {
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
#order-standard_cart .cart-body .panel-heading,
#order-standard_cart .cart-body .card-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 14px 18px !important;
  font-weight: 600;
  color: #0f172a;
}
#order-standard_cart .cart-body .panel-heading h3,
#order-standard_cart .cart-body .card-header h3 {
  margin: 0; font-size: 16px !important; font-weight: 700;
}
#order-standard_cart .cart-body .panel-body,
#order-standard_cart .cart-body .card-body {
  padding: 18px !important;
}

#order-standard_cart .form-group { margin-bottom: 14px; }
#order-standard_cart label {
  font-weight: 500;
  font-size: 13px;
  color: #334155;
  margin-bottom: 6px;
  display: block;
}
#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="password"],
#order-standard_cart select,
#order-standard_cart textarea {
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  height: auto !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s;
  color: #0f172a;
}
#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
  outline: none !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

#order-standard_cart .btn-primary,
#order-standard_cart button[type="submit"].btn-primary,
#order-standard_cart input[type="submit"].btn-primary {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(37,99,235,.25) !important;
}
#order-standard_cart .btn-primary:hover { transform: translateY(-1px); }
#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary {
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

#order-standard_cart .alert {
  border-radius: 12px !important;
  border: 1px solid !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}
#order-standard_cart .alert-warning { background: #fffbeb !important; border-color: #fde68a !important; color: #92400e !important; }
#order-standard_cart .alert-danger  { background: #fef2f2 !important; border-color: #fecaca !important; color: #991b1b !important; }
#order-standard_cart .alert-success { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #166534 !important; }
#order-standard_cart .alert-info    { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1e40af !important; }

.view-cart-items-header {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
  font-weight: 600;
  color: #475569;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.view-cart-items {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.view-cart-items .item {
  padding: 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  border-top: 0 !important;
}
.view-cart-items .item:last-child { border-bottom: 0 !important; }
.view-cart-items a.remove-item { color: #dc2626 !important; font-size: 13px !important; }

.cart-total-due,
.cart-total {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #fff !important;
  border-radius: 16px;
  padding: 20px !important;
  margin-top: 16px !important;
  box-shadow: 0 12px 32px rgba(15,23,42,.18);
}
.cart-total-due *, .cart-total * { color: inherit !important; }

#order-standard_cart .font-size-36 { font-size: 1.875rem !important; line-height: 1.2 !important; }
#order-standard_cart .font-size-30 { font-size: 1.5rem !important; line-height: 1.25 !important; }
#order-standard_cart .font-size-24 { font-size: 1.125rem !important; line-height: 1.3 !important; }

#order-standard_cart .sidebar-categories-collapsed { display: none; }
#saung-spa-bar { will-change: width, opacity; pointer-events: none; }

/* nuke leftover overlay (was injected in viewcart.tpl in earlier session) */
.ck-vc-overlay, #ckVcOverlay { display: none !important; }

/* ============================================
   SAUNG CLIENTAREA — Layout + Bootstrap bridge
   ============================================ */

.saung-ca-wrap { max-width: 1280px; margin: 0 auto; padding: 2rem 1rem; }
@media (min-width: 640px) { .saung-ca-wrap { padding: 2rem 1.5rem; } }
@media (min-width: 1024px) { .saung-ca-wrap { padding: 2.5rem 2rem; } }

.saung-ca-pageheader { margin-bottom: 1.5rem; }
.saung-ca-pageheader h1 {
  font-size: 1.75rem; font-weight: 700; color: #0f172a; letter-spacing: -0.02em;
  margin: 0;
}
@media (min-width: 640px) { .saung-ca-pageheader h1 { font-size: 1.875rem; } }
.saung-ca-pageheader .saung-ca-breadcrumb-nav { font-size: 12px; color: #64748b; margin-bottom: 6px; }
.saung-ca-pageheader .saung-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; margin: 0; list-style: none; }

.saung-ca-grid { display: grid; gap: 1.5rem; align-items: start; grid-template-columns: 1fr; }
@media (min-width: 1024px) {
  .saung-ca-grid.has-sidebar { grid-template-columns: 260px minmax(0, 1fr); }
}
.saung-ca-sidebar { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 1024px) { .saung-ca-sidebar { position: sticky; top: 96px; } }

.saung-ca-content {
  min-width: 0;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(15,23,42,.04), 0 4px 16px rgba(15,23,42,.04);
  padding: 1.5rem;
}
@media (min-width: 640px) { .saung-ca-content { padding: 1.75rem; } }

#saung-clientarea { color: #1f2937; }
#saung-clientarea .saung-content { font-size: 14px; }
#saung-clientarea h1, #saung-clientarea h2, #saung-clientarea h3, #saung-clientarea h4 {
  color: #0f172a; font-weight: 700; letter-spacing: -0.01em;
}
#saung-clientarea h2 { font-size: 1.25rem; margin: 1.5rem 0 1rem; }
#saung-clientarea h2:first-child { margin-top: 0; }
#saung-clientarea h3 { font-size: 1.05rem; margin: 1.25rem 0 0.75rem; }
#saung-clientarea h4 { font-size: 0.95rem; margin: 1rem 0 0.5rem; }
#saung-clientarea p { margin: 0 0 0.85rem; line-height: 1.6; }
#saung-clientarea hr { border: 0; border-top: 1px solid #e2e8f0; margin: 1.5rem 0; }
#saung-clientarea > br:first-child, #saung-clientarea .saung-content > br:first-child { display: none; }

#saung-clientarea .saung-breadcrumb li { display: inline-flex; align-items: center; gap: 6px; }
#saung-clientarea .saung-breadcrumb li:not(:first-child)::before { content: "/"; color: #cbd5e1; margin-right: 4px; }
#saung-clientarea .saung-breadcrumb a { color: #475569; text-decoration: none; }
#saung-clientarea .saung-breadcrumb a:hover { color: #0d9488; }
#saung-clientarea .breadcrumb { background: transparent; padding: 0; margin: 0 0 12px; font-size: 12px; }
#saung-clientarea .breadcrumb > li { display: inline-flex; }
#saung-clientarea .breadcrumb > li + li::before { content: "/"; color: #cbd5e1; padding: 0 6px; }
#saung-clientarea .breadcrumb > .active { color: #64748b; }

#saung-clientarea .form-group { margin-bottom: 1rem; }
#saung-clientarea label, #saung-clientarea .control-label {
  display: block; font-weight: 600; color: #334155; font-size: 0.85rem; margin-bottom: 0.4rem;
}
#saung-clientarea .form-horizontal .control-label { padding-top: 9px; text-align: left; }
#saung-clientarea .form-control,
#saung-clientarea select.form-control,
#saung-clientarea textarea.form-control,
#saung-clientarea input[type=text]:not(.no-saung),
#saung-clientarea input[type=email]:not(.no-saung),
#saung-clientarea input[type=password]:not(.no-saung),
#saung-clientarea input[type=number]:not(.no-saung),
#saung-clientarea input[type=tel]:not(.no-saung),
#saung-clientarea input[type=url]:not(.no-saung),
#saung-clientarea input[type=search]:not(.no-saung),
#saung-clientarea select:not(.no-saung),
#saung-clientarea textarea:not(.no-saung) {
  display: block; width: 100%; padding: 0.55rem 0.85rem;
  font-size: 0.875rem; color: #0f172a; background: #fff;
  border: 1px solid #cbd5e1; border-radius: 10px;
  transition: border-color .15s, box-shadow .15s;
  box-shadow: none; height: auto; line-height: 1.4;
}
#saung-clientarea textarea, #saung-clientarea textarea.form-control { min-height: 110px; }
#saung-clientarea .form-control:focus,
#saung-clientarea input:focus, #saung-clientarea select:focus, #saung-clientarea textarea:focus {
  outline: none; border-color: #14b8a6; box-shadow: 0 0 0 3px rgba(20,184,166,.15);
}
#saung-clientarea .help-block, #saung-clientarea small.help-block, #saung-clientarea .form-text {
  display: block; margin-top: 0.35rem; font-size: 0.75rem; color: #64748b;
}
#saung-clientarea .checkbox label, #saung-clientarea .radio label { font-weight: 500; color: #334155; }
#saung-clientarea .input-group { display: flex; align-items: stretch; }
#saung-clientarea .input-group .form-control { border-radius: 10px 0 0 10px; }
#saung-clientarea .input-group-btn { display: inline-flex; }
#saung-clientarea .input-group-btn .btn { border-radius: 0 10px 10px 0; }
#saung-clientarea .input-group-addon {
  display: inline-flex; align-items: center; padding: 0 0.85rem;
  background: #f1f5f9; border: 1px solid #cbd5e1; border-left: 0;
  border-radius: 0 10px 10px 0; font-size: 0.8rem; color: #475569;
}

#saung-clientarea .btn,
#saung-clientarea button:not(.no-saung):not(.close):not([\@click]) {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  padding: 0.55rem 1.1rem; font-size: 0.875rem; font-weight: 600;
  border-radius: 10px; border: 1px solid transparent; cursor: pointer;
  transition: all .15s ease; line-height: 1.2; text-decoration: none;
  background: #fff; color: #334155;
}
#saung-clientarea .btn-default, #saung-clientarea .btn-secondary {
  background: #fff; color: #334155; border-color: #cbd5e1;
}
#saung-clientarea .btn-default:hover, #saung-clientarea .btn-secondary:hover {
  background: #f8fafc; border-color: #94a3b8;
}
#saung-clientarea .btn-primary, #saung-clientarea button[type=submit]:not(.btn-default):not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-info) {
  background: linear-gradient(135deg, #0d9488, #0891b2); color: #fff !important; border-color: transparent;
  box-shadow: 0 4px 14px rgba(13,148,136,.25);
}
#saung-clientarea .btn-primary:hover { filter: brightness(1.07); transform: translateY(-1px); }
#saung-clientarea .btn-success { background: #10b981; color: #fff !important; }
#saung-clientarea .btn-danger { background: #ef4444; color: #fff !important; }
#saung-clientarea .btn-warning { background: #f59e0b; color: #fff !important; }
#saung-clientarea .btn-info { background: #0284c7; color: #fff !important; }
#saung-clientarea .btn-link { background: transparent; color: #0d9488; border: 0; padding: 0; }
#saung-clientarea .btn-link:hover { color: #0f766e; text-decoration: underline; }
#saung-clientarea .btn-sm { padding: 0.35rem 0.7rem; font-size: 0.78rem; }
#saung-clientarea .btn-lg { padding: 0.75rem 1.4rem; font-size: 0.95rem; }
#saung-clientarea .btn-block { width: 100%; display: flex; }

#saung-clientarea .alert {
  border-radius: 12px; padding: 0.85rem 1.1rem; border: 1px solid; margin-bottom: 1rem;
  font-size: 0.875rem; line-height: 1.5;
}
#saung-clientarea .alert-success { background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
#saung-clientarea .alert-info    { background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a; }
#saung-clientarea .alert-warning { background: #fffbeb; border-color: #fde68a; color: #78350f; }
#saung-clientarea .alert-danger  { background: #fef2f2; border-color: #fecaca; color: #7f1d1d; }
#saung-clientarea .alert h2, #saung-clientarea .alert h3, #saung-clientarea .alert h4 { color: inherit; margin-top: 0; }
#saung-clientarea .alert ul { margin: 0.5rem 0 0; padding-left: 1.2rem; }

#saung-clientarea .table {
  width: 100%; background: #fff; border-collapse: separate; border-spacing: 0;
  margin-bottom: 1rem; font-size: 0.875rem;
}
#saung-clientarea .table th, #saung-clientarea .table td {
  padding: 0.75rem 1rem; vertical-align: middle; border-bottom: 1px solid #e2e8f0;
  text-align: left;
}
#saung-clientarea .table thead th {
  background: #f8fafc; color: #475569; font-weight: 600; font-size: 0.75rem;
  text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid #e2e8f0;
}
#saung-clientarea .table tbody tr:hover { background: #f8fafc; }
#saung-clientarea .table-striped tbody tr:nth-child(odd) { background: #fafbfc; }
#saung-clientarea .table-bordered { border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
#saung-clientarea .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

#saung-clientarea .dataTables_wrapper { font-size: 0.875rem; }
#saung-clientarea .dataTables_wrapper .dataTables_filter input,
#saung-clientarea .dataTables_wrapper .dataTables_length select {
  border: 1px solid #cbd5e1; border-radius: 8px; padding: 0.4rem 0.7rem; font-size: 0.85rem;
  margin-left: 0.5rem;
}
#saung-clientarea .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.35rem 0.7rem; border-radius: 8px; border: 1px solid #e2e8f0; margin: 0 2px;
  background: #fff; color: #475569 !important;
}
#saung-clientarea .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#saung-clientarea .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #0d9488 !important; border-color: #0d9488; color: #fff !important;
}
#saung-clientarea .dataTables_wrapper .dataTables_info { color: #64748b; padding-top: 0.6rem; }

#saung-clientarea .nav-tabs {
  border-bottom: 1px solid #e2e8f0; margin-bottom: 1.25rem; padding: 0; list-style: none;
  display: flex; flex-wrap: wrap; gap: 2px;
}
#saung-clientarea .nav-tabs > li > a {
  display: inline-block; padding: 0.65rem 1rem; border: 0; border-bottom: 2px solid transparent;
  color: #64748b; text-decoration: none; font-weight: 500; border-radius: 0;
  background: transparent;
}
#saung-clientarea .nav-tabs > li > a:hover { color: #0d9488; background: transparent; }
#saung-clientarea .nav-tabs > li.active > a,
#saung-clientarea .nav-tabs > li.active > a:hover {
  color: #0d9488; border-bottom-color: #0d9488; background: transparent;
  font-weight: 600;
}
#saung-clientarea .tab-content { padding-top: 0.5rem; }

#saung-clientarea .panel {
  border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: none; margin-bottom: 1rem;
  background: #fff; overflow: hidden;
}
#saung-clientarea .panel-heading {
  background: #f8fafc; border-bottom: 1px solid #e2e8f0;
  padding: 0.75rem 1rem; font-weight: 600; color: #0f172a;
}
#saung-clientarea .panel-body { padding: 1rem; }
#saung-clientarea .panel-footer { background: #f8fafc; padding: 0.6rem 1rem; border-top: 1px solid #e2e8f0; }
#saung-clientarea .panel-default > .panel-heading { background: #f8fafc; }
#saung-clientarea .panel-primary > .panel-heading { background: #ecfeff; color: #134e4a; border-color: #ccfbf1; }

#saung-clientarea .label, #saung-clientarea .badge {
  display: inline-block; padding: 0.2rem 0.55rem; border-radius: 999px;
  font-size: 0.7rem; font-weight: 600; line-height: 1.2;
}
#saung-clientarea .label-default, #saung-clientarea .badge-default { background: #f1f5f9; color: #475569; }
#saung-clientarea .label-success, #saung-clientarea .badge-success { background: #d1fae5; color: #065f46; }
#saung-clientarea .label-info,    #saung-clientarea .badge-info    { background: #dbeafe; color: #1e40af; }
#saung-clientarea .label-warning, #saung-clientarea .badge-warning { background: #fef3c7; color: #92400e; }
#saung-clientarea .label-danger,  #saung-clientarea .badge-danger  { background: #fee2e2; color: #991b1b; }

#saung-clientarea .list-group { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
#saung-clientarea .list-group-item {
  padding: 0.75rem 1rem; border: 0; border-bottom: 1px solid #f1f5f9;
  background: #fff; color: #334155;
}
#saung-clientarea .list-group-item:last-child { border-bottom: 0; }
#saung-clientarea .list-group-item.active { background: #ecfeff; color: #0f766e; font-weight: 600; }

#saung-clientarea .well {
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px;
  padding: 1rem; box-shadow: none;
}

#saung-clientarea .tab-pane { padding-top: 0.25rem; }

#saung-clientarea .kbcategories .kb-category,
#saung-clientarea .kbcategories > div {
  background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
  padding: 1rem; margin-bottom: 1rem; transition: border-color .15s, box-shadow .15s;
}
#saung-clientarea .kbcategories > div:hover { border-color: #99f6e4; box-shadow: 0 4px 18px rgba(15,118,110,.08); }
#saung-clientarea .kb-search { margin-bottom: 1.25rem; }
#saung-clientarea .kb-search .form-control { border-radius: 12px 0 0 12px; }
#saung-clientarea .kb-search .btn { border-radius: 0 12px 12px 0; padding: 0.6rem 1.2rem; }

#saung-clientarea .announcement-single,
#saung-clientarea .announcement {
  border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.1rem 1.25rem; margin-bottom: 1rem;
  background: #fff;
}
#saung-clientarea .announcement-single h3, #saung-clientarea .announcement h3 { margin-top: 0; }
#saung-clientarea .announcement-single .announcement-meta,
#saung-clientarea .announcement .text-muted { color: #94a3b8; font-size: 0.78rem; }

#saung-clientarea .twofa-config-link,
#saung-clientarea .auth-box {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.5rem 0.85rem; border-radius: 10px; background: #f1f5f9;
  color: #0f172a; text-decoration: none; margin: 0.25rem 0.25rem 0.25rem 0;
}

#saung-clientarea .view-filter-btns {
  display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem;
  list-style: none; padding: 0;
}
#saung-clientarea .view-filter-btns .list-group-item {
  border: 1px solid #e2e8f0; border-radius: 999px; padding: 0.45rem 0.95rem;
  background: #fff; color: #475569; font-size: 0.8rem; cursor: pointer;
  text-decoration: none; transition: all .15s;
}
#saung-clientarea .view-filter-btns .list-group-item:hover { border-color: #5eead4; color: #0d9488; }
#saung-clientarea .view-filter-btns .list-group-item.active {
  background: linear-gradient(135deg,#0d9488,#0891b2); color: #fff !important; border-color: transparent;
}
#saung-clientarea .view-filter-btns .badge {
  background: rgba(255,255,255,.25); color: inherit; margin-left: 0.4rem;
}
#saung-clientarea .view-filter-btns .list-group-item:not(.active) .badge { background: #f1f5f9; color: #475569; }

#saung-clientarea .close { background: transparent; border: 0; color: #94a3b8; }

#saung-clientarea .text-muted { color: #64748b !important; }
#saung-clientarea .text-success { color: #047857 !important; }
#saung-clientarea .text-danger  { color: #b91c1c !important; }
#saung-clientarea .text-warning { color: #b45309 !important; }
#saung-clientarea .text-info    { color: #0369a1 !important; }
#saung-clientarea a:not(.btn):not(.list-group-item) { color: #0d9488; }
#saung-clientarea a:not(.btn):not(.list-group-item):hover { color: #0f766e; }

#saung-clientarea .row { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#saung-clientarea .row > [class*=col-] { padding: 0 10px; }
#saung-clientarea .col-md-3 { flex: 0 0 25%; max-width: 25%; }
#saung-clientarea .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
#saung-clientarea .col-md-6 { flex: 0 0 50%; max-width: 50%; }
#saung-clientarea .col-md-8 { flex: 0 0 66.667%; max-width: 66.667%; }
#saung-clientarea .col-md-9 { flex: 0 0 75%; max-width: 75%; }
#saung-clientarea .col-md-12, #saung-clientarea .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
#saung-clientarea .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
@media (max-width: 768px) {
  #saung-clientarea .col-md-3, #saung-clientarea .col-md-4,
  #saung-clientarea .col-md-6, #saung-clientarea .col-md-8,
  #saung-clientarea .col-md-9 { flex: 0 0 100%; max-width: 100%; }
}

#saung-clientarea .space-y-6 > * + * { margin-top: 1.5rem; }

#saung-clientarea .kb-article p, #saung-clientarea .kb-article li { line-height: 1.7; }