:root {
  --vm-navy: #0a0e1a;
  --vm-blue: #203289;
  --vm-indigo: #7b96f9;
  --vm-text: rgba(255,255,255,0.8);
  --vm-muted: rgba(255,255,255,0.55);
}
body { font-family: 'Poppins', sans-serif !important; }
h1,h2,h3,h4,h5,h6 { font-family: 'DM Serif Display', serif; }

/* === Header === */
#header { background: var(--vm-navy) !important; border-bottom: 1px solid rgba(255,255,255,0.08); padding: 0 !important; }
#header .topbar { background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 0.8rem; }
#header .topbar .btn, #header .topbar .input-group-text { color: var(--vm-text); background: transparent; border-color: rgba(255,255,255,0.1); }
#header .topbar .btn-active-client { color: #fff; }
#header .navbar { padding-top: 1rem !important; padding-bottom: 1rem !important; }
@media (min-width:1400px) { #header .container { max-width: 1320px; } }
.vm-wordmark { font-family: 'Poppins', sans-serif; font-size: 1.25rem; font-weight: 700; color: #fff !important; text-decoration: none !important; letter-spacing: -0.02em; flex-shrink: 0; }
.vm-wordmark span { color: var(--vm-indigo); }
.vortex-nav .nav-link { color: rgba(255,255,255,0.8) !important; font-size: 0.9rem; padding: 0.5rem 0.75rem !important; border-radius: 0.375rem; transition: color .2s, background .2s; }
.vortex-nav .nav-link:hover, .vortex-nav .nav-link:focus { color: #fff !important; background: rgba(255,255,255,0.07); }
.vortex-nav .dropdown-menu { background: #111827; border: 1px solid rgba(255,255,255,0.1); border-radius: 0.5rem; }
.vortex-nav .dropdown-item { color: rgba(255,255,255,0.8); font-size: 0.9rem; }
.vortex-nav .dropdown-item:hover { background: rgba(123,150,249,0.12); color: #fff; }
.vm-cta-btn { background: var(--vm-blue); color: #fff !important; font-size: 0.9rem; font-weight: 600; padding: 0.5rem 1.1rem; border-radius: 0.375rem; text-decoration: none !important; white-space: nowrap; transition: background .2s; display: inline-block; }
.vm-cta-btn:hover { background: #1a2a72; }
.vm-cart-btn { color: rgba(255,255,255,0.8) !important; }
.vm-cart-btn:hover { color: #fff !important; }
.vm-cart-btn .badge { background: var(--vm-indigo); }
.navbar-toggler-icon { filter: invert(1); }

/* === Breadcrumb === */
.master-breadcrumb { background: rgba(255,255,255,0.03) !important; border-bottom: 1px solid rgba(255,255,255,0.05); height: 35px !important; display: flex !important; align-items: center; overflow: hidden; }
.master-breadcrumb .breadcrumb { background: transparent; margin-bottom: 0; padding: 0 !important; }
.master-breadcrumb .breadcrumb-item, .master-breadcrumb .breadcrumb-item a { color: var(--vm-muted); font-size: 0.8rem; }
.master-breadcrumb .breadcrumb-item.active { color: rgba(255,255,255,0.8); }
.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--vm-muted); }

/* === Footer === */
#vm-footer { background: #212529; border-top: 1px solid rgba(255,255,255,0.08); padding: 3rem 0; }
@media (min-width:1400px) { #vm-footer .container { max-width: 1320px; } }
.vm-foot-wordmark { font-family: 'Poppins', sans-serif; font-size: 1.25rem; font-weight: 700; color: #fff; text-decoration: none; letter-spacing: -0.02em; display: inline-block; margin-bottom: 1rem; }
.vm-foot-wordmark span { color: var(--vm-indigo); }
.vm-foot-wordmark:hover { color: #fff; text-decoration: none; }
.vm-foot-copy { color: #adb5bd; font-size: 0.875rem; line-height: 1.6; margin-top: 0; margin-bottom: 0; }
.vm-foot-copy.mt-2 { color: #9ea7b0; }
.footer-heading { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #adb5bd; margin-bottom: 1rem; }
.footer-link { color: #adb5bd; text-decoration: none; display: block; margin-bottom: 0.5rem; font-size: 0.88rem; transition: color 0.2s; }
.footer-link:hover { color: #fff; }

/* === Accent overrides === */
a { color: var(--vm-indigo); }
a:hover { color: #a8baff; }
.btn-primary { background-color: var(--vm-blue) !important; border-color: var(--vm-blue) !important; font-family: 'Poppins', sans-serif; }
.btn-primary:hover { background-color: var(--vm-indigo) !important; border-color: var(--vm-indigo) !important; }
.panel .panel-heading { background: var(--vm-navy); color: #fff; }
.panel-primary > .panel-heading { background: var(--vm-blue); border-color: var(--vm-blue); }

/* === Cart + Account fixes === */
#header .navbar-nav .nav-link { color: rgba(255,255,255,0.8) !important; }
#header .navbar-nav .nav-link:hover { color: #fff !important; }
.vm-cart-btn { border: none !important; box-shadow: none !important; background: transparent !important; padding: 0.25rem 0.5rem !important; }
.vm-cart-btn:focus, .vm-cart-btn:active, .vm-cart-btn:focus-visible { border: none !important; outline: none !important; box-shadow: none !important; }

/* Account dropdown has no nav-link class — target dropdown-toggle directly */
.vortex-nav a.dropdown-toggle { color: rgba(255,255,255,0.8) !important; font-size: 0.9rem; padding: 0.5rem 0.75rem; }
.vortex-nav a.dropdown-toggle:hover { color: #fff !important; }

/* === Hosting Store Page === */
#premiumComparisonSidebar { display: none !important; }
#order-premium_comparison .row-product-selection > div:not(#premiumComparisonSidebar) {
  flex: 0 0 100% !important; max-width: 100% !important;
}
#order-premium_comparison .main-container.price-01 {
  background: #fff !important; padding: 2rem 0 3rem !important; text-align: center;
}
#order-premium_comparison .main-container.price-01 #headline {
  font-family: 'DM Serif Display', serif !important; font-size: 2rem !important;
  color: #0a0e1a !important; font-weight: 400; margin-bottom: 0.5rem;
}
#order-premium_comparison .main-container.price-01 #tagline {
  color: #5a6370 !important; font-size: 1rem !important; font-weight: 400;
  font-family: 'Poppins', sans-serif; margin-bottom: 0;
}
#order-premium_comparison .price-table-container {
  max-width: 1140px !important; margin: 2rem auto 0 !important; padding: 0 1.5rem !important;
}
#order-premium_comparison .price-table-container > ul {
  display: flex !important; gap: 1.5rem !important; justify-content: center !important;
  align-items: stretch !important; list-style: none !important;
  padding: 0.5rem 0 2.5rem !important; margin: 0 !important;
}
#order-premium_comparison .price-table-container > ul > li {
  flex: 1 !important; padding: 0 !important; margin: 0 !important;
  display: flex !important; background: none !important;
}
#order-premium_comparison .price-table-container .price-table {
  background: #fff !important; border: 1px solid #dee2e6 !important;
  border-radius: 0.875rem !important; box-shadow: none !important;
  overflow: visible !important; position: relative; width: 100% !important;
  display: flex !important; flex-direction: column !important;
  transition: box-shadow 0.25s, transform 0.25s;
}
#order-premium_comparison .price-table-container .price-table:hover {
  box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important; transform: translateY(-3px);
}
#order-premium_comparison #product2 .price-table {
  border: 2px solid #203289 !important;
  background: linear-gradient(160deg, rgba(32,50,137,0.04) 0%, #fff 100%) !important;
  box-shadow: 0 8px 36px rgba(32,50,137,0.14) !important;
}
#order-premium_comparison .price-table-container .price-table .top-head {
  background: transparent !important; border: none !important;
  border-radius: 0 !important; padding: 2rem 2rem 0 !important;
}
#order-premium_comparison .price-table-container .price-table .top-head .top-area {
  border: none !important; padding: 0 !important;
}
#order-premium_comparison .price-table-container .price-table .top-head .top-area h4 {
  font-family: 'DM Serif Display', serif !important; font-size: 1.5rem !important;
  color: #0a0e1a !important; font-weight: 400; margin: 0 !important;
  border: none !important; text-align: left !important; text-shadow: none !important;
}
#order-premium_comparison .price-table-container .popular-plan {
  position: absolute !important; top: -13px !important; left: 50% !important;
  transform: translateX(-50%) !important; background: #203289 !important;
  color: #fff !important; font-family: 'Poppins', sans-serif;
  font-size: 0.72rem !important; font-weight: 700; padding: 0.3rem 1.1rem !important;
  border-radius: 50px !important; white-space: nowrap; letter-spacing: 0.04em;
  text-transform: uppercase; width: auto !important; display: inline-block !important;
}
#order-premium_comparison .price-table-container .price-table .top-head .price-area {
  padding: 0 2rem !important; background: transparent !important;
  border: none !important; text-shadow: none !important; color: #5a6370 !important;
}
#order-premium_comparison .price-table-container .price-table .top-head .price-area .price {
  margin: 0.75rem 0 0.5rem !important; font-size: 0.9rem !important;
  color: #5a6370 !important; background: transparent !important;
  border: none !important; line-height: 1.2 !important; padding: 0 !important;
  font-family: 'Poppins', sans-serif;
}
#order-premium_comparison .price-table-container .price-table .top-head .price-area .price span {
  font-size: 2.1rem !important; font-weight: 700 !important; color: #212529 !important;
  font-family: 'Poppins', sans-serif; display: inline !important; line-height: 1;
}
#order-premium_comparison .price-table-container .order-button,
#order-premium_comparison .price-table-container .order-button:hover {
  display: block !important; width: calc(100% - 4rem) !important;
  text-align: center !important; font-family: 'Poppins', sans-serif !important;
  font-size: 0.9rem !important; font-weight: 600 !important;
  padding: 0.6rem 1rem !important; border-radius: 0.375rem !important;
  text-decoration: none !important; border: 2px solid #203289 !important;
  margin: 1rem 2rem 2rem !important; background: #203289 !important;
  color: #fff !important; box-sizing: border-box !important;
  transition: background 0.18s, transform 0.18s, box-shadow 0.18s;
}
#order-premium_comparison .price-table-container .order-button:hover {
  background: #1a2a72 !important; border-color: #1a2a72 !important;
  transform: translateY(-2px); box-shadow: 0 6px 20px rgba(32,50,137,0.35);
}
#order-premium_comparison #product1 .order-button,
#order-premium_comparison #product3 .order-button {
  background: transparent !important; color: #203289 !important;
}
#order-premium_comparison #product1 .order-button:hover,
#order-premium_comparison #product3 .order-button:hover {
  background: #203289 !important; color: #fff !important;
}
#order-premium_comparison .price-table-container .price-table > ul {
  list-style: none !important; padding: 0 2rem !important;
  margin: 0.5rem 0 0 !important; display: block !important; flex: 1;
}
#order-premium_comparison .price-table-container .price-table > ul > li {
  position: relative; display: block !important;
  padding: 0.45rem 0 0.45rem 1.5rem !important;
  border: none !important; border-bottom: 1px solid #f0f0f0 !important;
  font-size: 0.875rem !important; color: #495057 !important;
  font-family: 'Poppins', sans-serif; background: transparent !important; margin: 0 !important;
}
#order-premium_comparison .price-table-container .price-table > ul > li:last-child {
  border-bottom: none !important;
}
#order-premium_comparison .price-table-container .price-table > ul > li::before {
  content: '' !important; position: absolute !important; left: 0 !important;
  top: 0.55rem !important; width: 14px !important; height: 14px !important;
  background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 14 14%3E%3Cpath d=M2 7l3.5 3.5L12 3.5 stroke=%23203289 stroke-width=2 fill=none stroke-linecap=round stroke-linejoin=round/%3E%3C/svg%3E) !important;
  background-repeat: no-repeat !important; background-size: contain !important;
  background-color: transparent !important;
}

#order-premium_comparison .price-table-container .price-table > ul { text-align: left !important; }
#order-premium_comparison .price-table-container .price-table > ul > li { text-align: left !important; }