/* ============================================================
   GhostRDP order form (cart) - "Spectral Premium" overrides
   Loaded AFTER all.min.css via common.tpl {assetExists custom.css}.
   Scoped to #order-standard_cart (hardcoded wrapper id) to match the
   compiled cart CSS specificity. Companion to the ghostrdp client theme.
   ============================================================ */

:root {
  --gr-ink:#07070d; --gr-surface:#0e0e17; --gr-surface-2:#141422; --gr-surface-3:#1b1b2b;
  --gr-primary:#7b3dff; --gr-primary-2:#6d28d9; --gr-secondary:#a78bfa; --gr-ecto:#5eead4;
  --gr-text:#f5f4ff; --gr-body:rgba(245,244,255,.66); --gr-muted:rgba(245,244,255,.42);
  --gr-border:rgba(255,255,255,.08); --gr-border-2:rgba(255,255,255,.12);
}

#order-standard_cart { color: var(--gr-body); }
#order-standard_cart h1, #order-standard_cart h2, #order-standard_cart h3,
#order-standard_cart h4, #order-standard_cart .sub-heading,
#order-standard_cart .item-title, #order-standard_cart .product-name { color: var(--gr-text) !important; }

/* Product boxes (products.tpl) */
#order-standard_cart .products .product {
  background: var(--gr-surface) !important; border: 1px solid var(--gr-border) !important;
  border-radius: 1rem !important; transition: all .3s ease;
}
#order-standard_cart .products .product:hover {
  border-color: rgba(123,61,255,.35) !important; transform: translateY(-3px);
  box-shadow: 0 16px 44px -20px rgba(123,61,255,.5) !important;
}
#order-standard_cart .products .product header {
  background: var(--gr-surface-2) !important; color: var(--gr-text) !important;
  border-bottom: 1px solid var(--gr-border) !important;
}
#order-standard_cart .panel-addon .panel-price { background: var(--gr-surface-2) !important; color: var(--gr-text) !important; }
#order-standard_cart .product-info { background: var(--gr-surface-2) !important; color: var(--gr-body) !important; border-radius: .6rem; }

/* Domain selection */
#order-standard_cart .domain-checker-advanced input[type="checkbox"] { background: var(--gr-surface-2) !important; }
#order-standard_cart .domain-selection-options .option {
  background: var(--gr-surface-2) !important; border: 1px solid var(--gr-border) !important; color: var(--gr-body) !important;
}
#order-standard_cart .domain-selection-options .option-selected { background: rgba(123,61,255,.14) !important; }
#order-standard_cart .domain-selection-options .option-selected label { color: var(--gr-text) !important; }
#order-standard_cart .transfer-eligible { background: rgba(16,185,129,.12) !important; color: #6ee7b7 !important; }
#order-standard_cart .transfer-not-eligible { background: var(--gr-surface-2) !important; color: var(--gr-muted) !important; }

/* Cart items table */
#order-standard_cart .view-cart-items-header {
  background: var(--gr-surface-2) !important; color: var(--gr-text) !important;
  border: 1px solid var(--gr-border) !important; border-bottom: 2px solid var(--gr-primary) !important;
  border-radius: .6rem .6rem 0 0; text-transform: uppercase; letter-spacing: .08em;
  font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px;
}
#order-standard_cart .view-cart-items .item { background: var(--gr-surface) !important; border-bottom: 1px solid var(--gr-border) !important; color: var(--gr-body) !important; }
#order-standard_cart .view-cart-items .item:nth-child(even) { background: var(--gr-surface-2) !important; }
#order-standard_cart .empty-cart .btn { background: linear-gradient(135deg, var(--gr-primary), var(--gr-primary-2)) !important; color: #fff !important; border: none !important; }

/* Promo tabs + content + gateway box */
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] { background: var(--gr-surface-2) !important; color: var(--gr-text) !important; }
#order-standard_cart .view-cart-tabs .tab-content { background: var(--gr-surface-2) !important; border: 1px solid var(--gr-border) !important; border-radius: 0 0 .6rem .6rem; }
#order-standard_cart .view-cart-promotion-code { background: var(--gr-surface-2) !important; border: 1px solid var(--gr-border) !important; border-radius: .6rem; }
#order-standard_cart .view-cart-gateway-checkout { background: var(--gr-surface-2) !important; border-radius: .6rem; }

/* Order summary sidebar */
#order-standard_cart .order-summary { background: var(--gr-surface-2) !important; color: var(--gr-body) !important; border-radius: 1rem 1rem 0 0; }
#order-standard_cart .summary-container { background: var(--gr-surface) !important; border: 1px solid var(--gr-border) !important; border-radius: 0 0 1rem 1rem; }
#order-standard_cart .summary-totals { background: transparent !important; color: var(--gr-body) !important; }
#order-standard_cart .total-due-today, #order-standard_cart .total-due-today .amt { color: var(--gr-text) !important; font-weight: 700; }

/* Credit / CC boxes */
#order-standard_cart .apply-credit-container { background: var(--gr-surface-2) !important; border-radius: .6rem; }
#order-standard_cart .cc-input-container { background: var(--gr-surface-2) !important; border-radius: .6rem; }
#order-standard_cart .field[disabled], #order-standard_cart .field[readonly],
#order-standard_cart .form-control[disabled], #order-standard_cart .form-control[readonly] { background: var(--gr-surface-3) !important; color: var(--gr-muted) !important; }

/* Prices + dividers */
#order-standard_cart .item-price, #order-standard_cart .price,
#order-standard_cart .renewal-price, #order-standard_cart .cost, #order-standard_cart .amt { color: var(--gr-secondary) !important; }
#order-standard_cart .cycle { color: var(--gr-muted) !important; }
#order-standard_cart .header-lined { border-bottom: 1px solid var(--gr-border) !important; }

/* MarketConnect promo */
#order-standard_cart .mc-promo { background: var(--gr-surface) !important; border: 1px solid var(--gr-border) !important; }
#order-standard_cart .mc-promo .body { background: var(--gr-surface-2) !important; }

/* Account select */
#order-standard_cart .account-select-container div.account { background: var(--gr-surface-2) !important; color: var(--gr-body) !important; border-color: var(--gr-border) !important; }
#order-standard_cart .account-select-container div.account.active { background: rgba(123,61,255,.14) !important; color: var(--gr-text) !important; }

/* Kill the light browser-autofill background (keeps inputs dark on checkout) */
input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: var(--gr-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--gr-surface-2) inset !important;
  caret-color: var(--gr-text) !important;
  border-color: var(--gr-border-2) !important;
  transition: background-color 9999s ease-out 0s;
}

/* Header-lined divider label mask (span.primary-bg-color), sub-headings, order button */
#order-standard_cart .primary-bg-color { background: var(--gr-ink) !important; }
#order-standard_cart .sub-heading { color: var(--gr-text) !important; }
#order-standard_cart .sub-heading .primary-bg-color, #order-standard_cart .sub-heading span { color: var(--gr-secondary) !important; }
#order-standard_cart hr { border-color: var(--gr-border) !important; background: transparent !important; }
#order-standard_cart .btn-order-now,
#order-standard_cart .products .product .btn-success {
  background: linear-gradient(135deg, var(--gr-primary), var(--gr-primary-2)) !important;
  border: none !important; color: #fff !important;
}

/* Domain checker / results / pricing (shared classes, unscoped) */
div.domainresults div:not(.btn-group) { background: var(--gr-surface-2) !important; color: var(--gr-body) !important; }
.domain-checker-container { background: var(--gr-surface-2) !important; border: 1px solid var(--gr-border-2) !important; }
.domain-checker-container .input-group-box { background: var(--gr-surface-2) !important; }
.domain-pricing .tld-row.highlighted { background: rgba(123,61,255,.10) !important; }
.domain-pricing .tld-pricing-header .col-sm-4 { background: var(--gr-surface-2) !important; color: var(--gr-text) !important; }
.spotlight-tlds { background: var(--gr-surface-2) !important; }
.spotlight-tld .unavailable, .spotlight-tld .invalid { background: var(--gr-surface-3) !important; }
.suggested-domains .domain-lookup-suggestions-message,
.suggested-domains .domain-lookup-suggestions-loader { background: var(--gr-surface-2) !important; color: var(--gr-body) !important; }
.domain-renewals, .service-renewals, .addon-renewals .service-renewal { background: var(--gr-surface-2) !important; color: var(--gr-body) !important; }

/* ============================================================
   LAGOM PASS v2 - product cards with animated SVG server art
   ============================================================ */

@keyframes grLed { 0%, 100% { opacity: 1; } 50% { opacity: 0.15; } }
@keyframes grFloatSoft { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }

.gr-svg-server { display: block; animation: grFloatSoft 5s ease-in-out infinite; }
.gr-svg-server .led { animation: grLed 2.3s infinite; }
.gr-svg-server .led-2 { animation-delay: 0.55s; }
.gr-svg-server .led-3 { animation-delay: 1.1s; }

/* Card shell: flat, rounded, flex column so footers align */
#order-standard_cart .products .product.gr-product {
  display: flex; flex-direction: column;
  padding: 0 !important;
  background: #0d0d16 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  overflow: hidden;
  height: 100%;
}
#order-standard_cart .products .product.gr-product:hover {
  border-color: rgba(123, 61, 255, 0.4) !important;
  box-shadow: 0 20px 50px -24px rgba(123, 61, 255, 0.55) !important;
  transform: translateY(-3px);
}

/* SVG stage with soft violet ground glow */
#order-standard_cart .gr-product .gr-product-visual {
  display: flex; justify-content: center;
  padding: 1.7rem 0 0.2rem;
  background: radial-gradient(60% 85% at 50% 105%, rgba(123, 61, 255, 0.13), transparent 70%);
}

/* Name centered, display font, no boxy header */
#order-standard_cart .gr-product header {
  background: transparent !important;
  border: none !important;
  text-align: center;
  padding: 0.5rem 1.4rem 0.1rem !important;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 1.2rem !important;
  font-weight: 600;
  color: var(--gr-text) !important;
  letter-spacing: -0.01em;
}
#order-standard_cart .gr-product header .qty {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--gr-ecto); background: rgba(94, 234, 212, 0.08);
  border: 1px solid rgba(94, 234, 212, 0.25);
  border-radius: 6px; padding: 0.15rem 0.5rem; margin-left: 0.5rem;
  float: none !important;
}

/* Features: centered block, custom ecto check bullets */
#order-standard_cart .gr-product .product-desc {
  padding: 0.4rem 1.5rem 1.1rem;
  text-align: center;
}
#order-standard_cart .gr-product .product-desc p { color: var(--gr-muted); font-size: 0.88rem; }
#order-standard_cart .gr-product .product-desc ul {
  list-style: none; padding: 0; margin: 0.6rem auto 0;
  display: inline-block; text-align: left;
}
#order-standard_cart .gr-product .product-desc ul li {
  position: relative;
  padding: 0.3rem 0 0.3rem 1.65rem;
  border: none !important; background: transparent !important;
  color: var(--gr-body) !important;
  font-size: 0.92rem;
}
#order-standard_cart .gr-product .product-desc ul li::before {
  content: "";
  position: absolute; left: 0; top: 0.52rem;
  width: 15px; height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9.5 18 20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
#order-standard_cart .gr-product .product-desc ul li .feature-value { color: var(--gr-text); font-weight: 600; }

/* Feature NOT included: red X + muted label (value like "No"/"None"/"X" set in admin) */
#order-standard_cart .gr-product .product-desc ul li.gr-feat-no {
  color: var(--gr-muted) !important;
}
#order-standard_cart .gr-product .product-desc ul li.gr-feat-no::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6 18 18M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat;
}
#order-standard_cart .gr-product .product-desc ul li.gr-feat-no .feature-value { display: none; }

/* Price + CTA footer (original floats it right at 131px: neutralize) */
#order-standard_cart .gr-product footer {
  margin-top: auto;
  float: none !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 1.15rem 1.5rem 1.35rem !important;
  text-align: center !important;
}
#order-standard_cart .gr-product header span { color: var(--gr-text) !important; }
#order-standard_cart .gr-product .product-pricing {
  float: none !important; width: auto !important;
  color: var(--gr-muted) !important;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  line-height: 1.7;
}
#order-standard_cart .gr-product .product-pricing .price {
  display: inline-block;
  font-family: "Space Grotesk", Inter, sans-serif !important;
  font-size: 2rem !important; font-weight: 700; letter-spacing: -0.02em;
  color: #fff !important;
  text-transform: none;
  margin: 0.15rem 0 !important;
}
#order-standard_cart .gr-product .btn-order-now {
  display: block; width: 100%;
  float: none !important;
  margin-top: 0.9rem;
  padding: 0.72rem 1rem !important;
  border-radius: 12px !important;
  font-size: 0.9rem !important; font-weight: 600;
}

/* Cart page header: quieter */
#order-standard_cart .header-lined h1 { letter-spacing: -0.02em; }
#order-standard_cart .header-lined { border-bottom: 1px solid var(--gr-border) !important; }

/* Sidebar categories panels: match Lagom card look */
#order-standard_cart .cart-sidebar .panel, #order-standard_cart .sidebar .panel {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* ============================================================
   Configurable options: OS distro cards + icon toggle chips
   ============================================================ */
.gr-os-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 0.6rem;
  margin-top: 0.6rem;
}
.gr-os-card {
  display: flex; flex-direction: column; align-items: center; gap: 0.35rem;
  padding: 0.95rem 0.6rem 0.8rem;
  background: var(--gr-surface-2) !important;
  border: 1px solid var(--gr-border-2);
  border-radius: 14px;
  cursor: pointer; text-align: center;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none; appearance: none;
}
.gr-os-card:hover { transform: translateY(-2px); border-color: rgba(123, 61, 255, 0.45); }
.gr-os-card.selected {
  border-color: var(--gr-primary);
  background: rgba(123, 61, 255, 0.12) !important;
  box-shadow: inset 0 0 0 1px var(--gr-primary), 0 12px 30px -16px rgba(123, 61, 255, 0.7);
}
.gr-os-ico { width: 42px; height: 42px; display: grid; place-items: center; transition: filter 0.2s ease; }
.gr-os-ico svg { width: 40px; height: 40px; display: block; }
.gr-os-card.selected .gr-os-ico { filter: drop-shadow(0 0 8px rgba(123, 61, 255, 0.55)); }
.gr-os-name { font-family: "Space Grotesk", Inter, sans-serif; font-weight: 600; color: var(--gr-text); font-size: 0.9rem; line-height: 1.15; }
.gr-os-ver { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.05em; color: var(--gr-muted); text-transform: uppercase; }
.gr-os-vers { display: flex; flex-wrap: wrap; gap: 0.3rem; justify-content: center; margin-top: 0.15rem; }
.gr-os-pill {
  font-family: "JetBrains Mono", monospace; font-size: 10px;
  padding: 0.18rem 0.45rem; border-radius: 7px;
  border: 1px solid var(--gr-border-2); color: var(--gr-body); cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.gr-os-pill:hover { border-color: rgba(123, 61, 255, 0.5); color: var(--gr-text); }
.gr-os-pill.selected { background: var(--gr-primary); color: #fff; border-color: var(--gr-primary); }

/* hide the original radio labels once enhanced (radios stay in DOM, still submit) */
.form-group[data-gr-enhanced="os"] > label:not(:first-child),
.form-group[data-gr-enhanced="os"] > br { display: none !important; }

/* Dropdown config option -> icon header + selectable pills (space, IP, ...) */
.form-group[data-gr-enhanced="select"] > label.gr-opt-head {
  display: flex; align-items: center; gap: 0.55rem;
}
.gr-opt-ico {
  flex: 0 0 auto; width: 30px; height: 30px;
  display: grid; place-items: center;
  border-radius: 9px;
  color: var(--gr-secondary);
  background: rgba(123, 61, 255, 0.1);
  border: 1px solid rgba(123, 61, 255, 0.2);
}
.gr-opt-ico svg { width: 19px; height: 19px; }
.gr-opt-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.55rem; }
.gr-opt-pill {
  display: inline-flex; align-items: center; gap: 0.4rem;
  padding: 0.5rem 0.8rem;
  background: var(--gr-surface-2);
  border: 1px solid var(--gr-border-2);
  border-radius: 11px;
  color: var(--gr-body); cursor: pointer;
  -webkit-appearance: none; appearance: none;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.gr-opt-pill:hover { transform: translateY(-1px); border-color: rgba(123, 61, 255, 0.45); }
.gr-opt-pill.selected {
  border-color: var(--gr-primary);
  background: rgba(123, 61, 255, 0.14);
  box-shadow: inset 0 0 0 1px var(--gr-primary);
}
.gr-opt-pill .main { font-family: "Space Grotesk", Inter, sans-serif; font-weight: 600; color: var(--gr-text); font-size: 0.9rem; }
.gr-opt-pill .price { font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--gr-ecto); }
.gr-opt-pill.selected .price { color: var(--gr-ecto); }

/* Icon toggle chip (yes/no config options, e.g. 10Gbit uplink) */
.form-group[data-gr-enhanced="toggle"] > br { display: none !important; }
label.gr-toggle {
  display: flex !important; align-items: center; gap: 0.7rem;
  margin: 0.55rem 0 0 !important;
  padding: 0.75rem 0.9rem;
  background: var(--gr-surface-2);
  border: 1px solid var(--gr-border-2);
  border-radius: 12px;
  cursor: pointer; font-weight: 500; color: var(--gr-body);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
label.gr-toggle:hover { border-color: rgba(123, 61, 255, 0.4); transform: translateY(-1px); }
label.gr-toggle.checked {
  border-color: var(--gr-primary);
  background: rgba(123, 61, 255, 0.12);
  color: var(--gr-text);
}
label.gr-toggle input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; }
/* hide iCheck's native square inside the chip (we show our own switch) */
label.gr-toggle [class*="icheckbox"],
label.gr-toggle ins.iCheck-helper {
  position: absolute !important; opacity: 0 !important; pointer-events: none !important;
  width: 0 !important; height: 0 !important; margin: 0 !important; border: 0 !important;
}
.gr-toggle-ico {
  flex: 0 0 auto; width: 40px; height: 40px;
  display: grid; place-items: center;
  border-radius: 11px;
  color: var(--gr-secondary);
  background: rgba(123, 61, 255, 0.1);
  border: 1px solid rgba(123, 61, 255, 0.2);
  transition: color 0.2s ease, background 0.2s ease;
}
.gr-toggle-ico svg { width: 24px; height: 24px; }
label.gr-toggle.checked .gr-toggle-ico { color: var(--gr-ecto); background: rgba(94, 234, 212, 0.12); border-color: rgba(94, 234, 212, 0.3); }
.gr-toggle-switch {
  flex: 0 0 auto; margin-left: auto;
  width: 40px; height: 22px; border-radius: 22px;
  background: var(--gr-surface-3); border: 1px solid var(--gr-border-2);
  position: relative; transition: background 0.2s ease, border-color 0.2s ease;
}
.gr-toggle-switch::after {
  content: ""; position: absolute; top: 2px; left: 2px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--gr-muted); transition: transform 0.2s ease, background 0.2s ease;
}
label.gr-toggle.checked .gr-toggle-switch { background: rgba(123, 61, 255, 0.35); border-color: var(--gr-primary); }
label.gr-toggle.checked .gr-toggle-switch::after { transform: translateX(18px); background: #fff; }

/* uplink speed lines animate on hover / when active */
.gr-toggle-ico .gr-spd { opacity: 0.5; transition: opacity 0.2s ease; }
@keyframes grSpdPulse { 0%, 100% { opacity: 0.25; } 50% { opacity: 0.9; } }
label.gr-toggle:hover .gr-spd, label.gr-toggle.checked .gr-spd { animation: grSpdPulse 1s ease-in-out infinite; }

/* ============================================================
   ORDER PAGE v2 - datasheet cards, category tabs, no neon
   ============================================================ */

/* Cart layout: tabs on top, content full width (kills the sidebar column) */
#order-standard_cart .cart-sidebar {
  display: block !important;
  float: none !important; width: 100% !important;
  padding: 0 !important; margin: 0 0 1.2rem !important;
}
#order-standard_cart .cart-body {
  float: none !important; width: 100% !important; margin: 0 !important;
}

/* Category tab bar */
.gr-cattabs {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.gr-cattabs-nav { display: flex; flex-wrap: wrap; gap: 0.2rem; }
.gr-cattab {
  padding: 0.55rem 0.9rem 0.7rem;
  color: var(--gr-body); font-size: 0.92rem; font-weight: 500;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.gr-cattab:hover { color: #fff; text-decoration: none; }
.gr-cattab.active { color: #fff; border-bottom-color: var(--gr-primary); }
.gr-cattab.disabled { opacity: 0.4; pointer-events: none; }
.gr-cattabs-actions { margin-left: auto; display: flex; gap: 0.4rem; flex-wrap: wrap; padding-bottom: 0.45rem; }
.gr-cataction {
  padding: 0.32rem 0.75rem;
  font-size: 0.8rem; color: var(--gr-muted);
  border: 1px solid var(--gr-border-2); border-radius: 999px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.gr-cataction:hover { color: var(--gr-text); border-color: rgba(123, 61, 255, 0.45); text-decoration: none; }
.gr-cattab-badge {
  font-family: var(--gr-mono); font-size: 10px;
  background: rgba(255, 255, 255, 0.08); border-radius: 8px;
  padding: 0.08rem 0.4rem; margin-left: 0.35rem; color: var(--gr-body);
}
.gr-currencybar { display: flex; justify-content: flex-end; margin-bottom: 0.8rem; }
.gr-currency-select { width: auto; font-size: 0.85rem; }

/* --- Datasheet product card (replaces the glowy centered card) --- */
#order-standard_cart .products .product.gr-sheet {
  display: flex; flex-direction: column;
  padding: 0 !important;
  background: #0c0c15 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  overflow: hidden; height: 100%;
  transition: border-color 0.2s ease;
}
#order-standard_cart .products .product.gr-sheet:hover {
  border-color: rgba(167, 139, 250, 0.4) !important;
  box-shadow: none !important;
  transform: none !important;
}

#order-standard_cart .gr-sheet header.gr-sheet-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;
  text-align: left !important;
  padding: 1.15rem 1.25rem 0.9rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
  background: transparent !important;
}
#order-standard_cart .gr-sheet .gr-sheet-name {
  display: block;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 1.15rem !important; font-weight: 600;
  letter-spacing: -0.01em; color: var(--gr-text) !important;
}
#order-standard_cart .gr-sheet .gr-sheet-tag {
  margin: 0.25rem 0 0; font-size: 0.83rem; color: var(--gr-muted);
}
#order-standard_cart .gr-sheet .gr-svg-srv2 { flex: 0 0 auto; }
.gr-svg-srv2 .led-soft { animation: grLedSoft 3.6s ease-in-out infinite; }
@keyframes grLedSoft { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }

/* Spec rows: icon | name | value (JS adds .gr-spec + icons) */
#order-standard_cart .gr-sheet .product-desc {
  padding: 0.35rem 1.25rem 0.6rem;
  text-align: left !important;
}
#order-standard_cart .gr-sheet .product-desc ul {
  display: block; width: 100%; margin: 0; padding: 0; list-style: none;
}
#order-standard_cart .gr-sheet .product-desc ul li {
  padding: 0.52rem 0 !important;
  border: none !important; background: transparent !important;
  font-size: 0.9rem;
}
#order-standard_cart .gr-sheet .product-desc ul li::before { content: none !important; }
#order-standard_cart .gr-sheet .product-desc ul li + li { border-top: 1px solid rgba(255, 255, 255, 0.04) !important; }
#order-standard_cart .gr-sheet .product-desc ul li.gr-spec {
  display: flex; align-items: center; gap: 0.65rem;
}
#order-standard_cart .gr-sheet .gr-spec-ico {
  flex: 0 0 auto; width: 18px; height: 18px;
  color: rgba(167, 139, 250, 0.75);
  display: inline-flex;
}
#order-standard_cart .gr-sheet .gr-spec-ico svg { width: 18px; height: 18px; }
#order-standard_cart .gr-sheet .gr-spec-name { color: var(--gr-muted); flex: 1 1 auto; min-width: 0; }
#order-standard_cart .gr-sheet .product-desc ul li .feature-value {
  margin-left: auto; color: var(--gr-text) !important; font-weight: 600;
}
/* value column: right aligned, long parts drop to a small sub line */
#order-standard_cart .gr-sheet .product-desc ul li .feature-value {
  text-align: right; max-width: 52%; line-height: 1.25;
}
#order-standard_cart .gr-sheet .gr-spec-sub {
  display: block;
  font-size: 10px; font-weight: 500;
  color: var(--gr-muted);
  letter-spacing: 0.02em; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; max-width: 160px; margin-left: auto;
}

/* comparison meters (relative to the best plan on the page) */
#order-standard_cart .gr-sheet li.gr-spec { flex-wrap: wrap; }
#order-standard_cart .gr-sheet .gr-meter {
  flex: 0 0 100%; width: 100%; height: 3px;
  border-radius: 2px; overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  margin-top: 0.42rem;
}
#order-standard_cart .gr-sheet .gr-meter-fill {
  display: block; height: 100%; border-radius: 2px;
  background: linear-gradient(90deg, #7B3DFF, #A78BFA);
}

/* Ghost Score header row */
#order-standard_cart .gr-sheet .gr-score {
  display: flex; align-items: center; gap: 0.7rem;
  padding: 0.8rem 0 0.55rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 0.15rem;
}
#order-standard_cart .gr-sheet .gr-score-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 9.5px; font-weight: 600;
  letter-spacing: 0.18em; color: var(--gr-muted);
  white-space: nowrap;
}
#order-standard_cart .gr-sheet .gr-score-bar {
  flex: 1 1 auto; height: 5px;
  border-radius: 3px; overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}
#order-standard_cart .gr-sheet .gr-score-bar > span {
  display: block; height: 100%; border-radius: 3px;
  background: linear-gradient(90deg, #7B3DFF, #A78BFA 70%, #5EEAD4);
}
#order-standard_cart .gr-sheet .gr-score-num {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 1.05rem; font-weight: 700; color: #fff;
}

#order-standard_cart .gr-sheet li.gr-feat-no .gr-spec-ico { color: rgba(245, 244, 255, 0.22); }
#order-standard_cart .gr-sheet li.gr-feat-no .gr-spec-name { text-decoration: line-through; text-decoration-color: rgba(245, 244, 255, 0.25); }
#order-standard_cart .gr-sheet li.gr-feat-no::after {
  content: "";
  width: 14px; height: 14px; flex: 0 0 auto; margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6 18 18M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat;
}
#order-standard_cart .gr-sheet li.gr-feat-no .feature-value { display: none !important; }
#order-standard_cart .gr-sheet li.gr-feat-no::before { content: none !important; }

/* Price + CTA: one quiet row */
#order-standard_cart .gr-sheet footer {
  margin-top: auto;
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  float: none !important; width: 100% !important;
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.055);
  padding: 0.95rem 1.25rem 1.05rem !important;
  text-align: left !important;
}
#order-standard_cart .gr-sheet .product-pricing {
  float: none !important; width: auto !important;
  text-align: left !important; line-height: 1.25;
  color: var(--gr-muted) !important;
  font-family: var(--gr-font, Inter), Inter, sans-serif;
  text-transform: none; letter-spacing: 0;
}
#order-standard_cart .gr-sheet .product-pricing .price {
  display: inline-block;
  font-family: "Space Grotesk", Inter, sans-serif !important;
  font-size: 1.45rem !important; font-weight: 700; letter-spacing: -0.02em;
  color: #fff !important; margin: 0 !important;
}
#order-standard_cart .gr-sheet .gr-price-note,
#order-standard_cart .gr-sheet .gr-price-cycle {
  display: inline-block;
  font-family: "JetBrains Mono", monospace; font-size: 10px;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--gr-muted);
}
#order-standard_cart .gr-sheet .gr-price-note { display: block; }
#order-standard_cart .gr-sheet .gr-price-setup { display: block; font-size: 10.5px; color: var(--gr-muted); }
#order-standard_cart .gr-sheet .btn-order-now {
  display: inline-flex !important; align-items: center; gap: 0.45rem;
  width: auto !important; float: none !important; margin: 0 !important;
  padding: 0.55rem 1.05rem !important;
  background: var(--gr-primary) !important; background-image: none !important;
  border: none !important; border-radius: 10px !important;
  color: #fff !important; font-size: 0.88rem !important; font-weight: 600;
  box-shadow: none !important;
  transition: background 0.15s ease;
}
#order-standard_cart .gr-sheet .btn-order-now:hover { background: #6d2fe0 !important; }
#order-standard_cart .gr-sheet .btn-order-now i { font-size: 11px; }

/* --- De-neon pass on the configure page widgets --- */
.gr-os-card.selected {
  box-shadow: none !important;
  border: 1.5px solid var(--gr-primary) !important;
  background: rgba(123, 61, 255, 0.1) !important;
}
.gr-os-card.selected .gr-os-ico { filter: none !important; }
.gr-os-card:hover { transform: none; }
.gr-opt-pill.selected { box-shadow: none !important; }
label.gr-toggle:hover { transform: none; }
#order-standard_cart .header-lined { border-bottom: none !important; }
#order-standard_cart .header-lined h1 { font-size: 1.7rem !important; margin-bottom: 0.15rem; }

@media (prefers-reduced-motion: reduce) {
  .gr-svg-server, .gr-svg-server .led, .gr-spd, .gr-svg-srv2 .led-soft { animation: none !important; }
}