/* ==========================================================================
   OXIN order form
   Plans render as a rack of 1U server fronts; the configurator is a server
   being assembled stage by stage beside a live build sheet.
   Tokens read the oxinrtl client theme when present (light/dark follow it)
   and fall back to the light palette under any other client template.
   ========================================================================== */
.oxc{
  --c-font:var(--font,'Vazirmatn',Tahoma,sans-serif);
  --c-bg:var(--bg,#F5F7FA);--c-surface:var(--surface,#fff);--c-surface-2:var(--surface-2,#EEF2F7);
  --c-ink:var(--ink,#0E1726);--c-ink-2:var(--ink-2,#3A4556);--c-ink-3:var(--ink-3,#5E6A7C);
  --c-line:var(--line,#E2E7EE);--c-line-2:var(--line-2,#CDD5E0);
  --c-blue:var(--blue,#1463D8);--c-blue-h:var(--blue-hover,#0F52B8);--c-blue-t:var(--blue-tint,#EAF2FD);--c-on-blue:var(--on-blue,#fff);
  --c-teal:var(--teal,#0E9384);--c-teal-t:var(--teal-tint,#E6F6F3);--c-amber:var(--amber,#C2690B);--c-amber-t:var(--amber-tint,#FEF5EB);
  --c-led-a:var(--led-a,#16A34A);--c-led-b:var(--led-b,#2563EB);
  --c-frame:var(--rack-frame,#D3DBE5);--c-slot:var(--rack-slot,#F6F8FB);--c-edge:var(--rack-edge,#C9D3DF);--c-stage:var(--stage,#E9EEF4);
  --c-ring:var(--ring,#1463D8);
  --c-sh-1:var(--sh-1,0 1px 2px rgba(14,23,38,.05));--c-sh-2:var(--sh-2,0 10px 30px -12px rgba(14,23,38,.18));
  --c-r-sm:8px;--c-r:12px;--c-r-lg:16px;
  --c-fs-100:.75rem;--c-fs-200:.8125rem;--c-fs-300:.875rem;--c-fs-400:1rem;--c-fs-500:1.125rem;--c-fs-600:1.25rem;--c-fs-700:1.5rem;--c-fs-800:1.875rem;--c-fs-900:2.25rem;
  --c-ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--c-font);color:var(--c-ink);line-height:1.85;direction:rtl;text-align:start;
  margin-block-end:48px;
}
.oxc *,.oxc *::before,.oxc *::after{box-sizing:border-box;letter-spacing:0}
.oxc button{font-family:inherit}
.oxc :focus-visible{outline:2px solid var(--c-ring);outline-offset:2px}
.oxc .is-ltr{direction:ltr;text-align:left}
.oxc-num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.oxc [hidden]{display:none!important}
.oxc .oxc-native{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
.oxc [data-stage="cycle"]:not(.is-enhanced) .oxc-native{position:static!important;inline-size:100%!important;block-size:auto!important;opacity:1;pointer-events:auto;clip-path:none}
.oxc-opt:not(.is-enhanced) .oxc-native{position:static!important;inline-size:100%!important;block-size:auto!important;opacity:1;pointer-events:auto;clip-path:none}

/* ---- hero ------------------------------------------------------------- */
.oxc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:end;
  padding:32px 32px 28px;margin-block-end:20px;border-radius:var(--c-r-lg);overflow:hidden;
  background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--c-sh-1)}
.oxc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(0deg,transparent 0 13px,var(--c-line) 13px 14px);
  -webkit-mask-image:linear-gradient(to left,#000,transparent 60%);mask-image:linear-gradient(to left,#000,transparent 60%)}
.oxc-hero>*{position:relative}
.oxc-hero.is-compact{padding:24px 28px;grid-template-columns:1fr}
.oxc-plates{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:12px}
.oxc-plate{display:inline-flex;align-items:center;gap:8px;block-size:28px;padding-inline:12px;border-radius:999px;
  background:var(--c-surface-2);border:1px solid var(--c-line);font-size:var(--c-fs-200);font-weight:600;color:var(--c-ink-2)}
.oxc-plate.is-blue{background:var(--c-blue-t);border-color:transparent;color:var(--c-blue)}
.oxc-plate i{color:var(--c-blue)}
.oxc-live{inline-size:8px;block-size:8px;border-radius:50%;background:var(--c-led-a);box-shadow:0 0 0 0 color-mix(in srgb,var(--c-led-a) 60%,transparent);animation:oxcPulse 2s infinite}
@keyframes oxcPulse{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.oxc-title{margin:0;font-size:var(--c-fs-800);font-weight:800;line-height:1.3;color:var(--c-ink)}
.oxc-lede{margin:8px 0 0;max-inline-size:62ch;font-size:var(--c-fs-400);color:var(--c-ink-3)}
.oxc-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;max-inline-size:520px}
.oxc-from{text-align:end}
.oxc-from small{display:block;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxc-from b{font-size:var(--c-fs-800);font-weight:800;color:var(--c-blue);line-height:1.2;font-variant-numeric:tabular-nums}
.oxc-perks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.oxc-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--c-r-sm);
  background:var(--c-surface);border:1px solid var(--c-line);font-size:var(--c-fs-200);line-height:1.5}
.oxc-chip i{color:var(--c-blue);font-size:var(--c-fs-200)}
.oxc-chip small{color:var(--c-ink-3);font-size:var(--c-fs-200)}
.oxc-chip b{font-weight:700;color:var(--c-ink)}
.oxc-chip.is-perk{background:var(--c-teal-t);border-color:transparent}
.oxc-chip.is-perk i{color:var(--c-teal)}

/* ---- toolbar ---------------------------------------------------------- */
.oxc-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-end:14px}
.oxc-spacer{flex:1}
.oxc-cat{min-inline-size:220px}
.oxc-cat-l{position:relative;display:flex;align-items:center;margin:0;block-size:42px;border-radius:10px;border:1px solid var(--c-line-2);background:var(--c-surface);transition:border-color .15s}
.oxc-cat-l:focus-within{border-color:var(--c-blue);box-shadow:0 0 0 3px var(--c-blue-t)}
.oxc-cat-l>i:first-child{position:absolute;inset-inline-start:14px;color:var(--c-blue);pointer-events:none}
.oxc-cat-c{position:absolute;inset-inline-end:14px;color:var(--c-ink-3);pointer-events:none}
.oxc-cat-s{appearance:none;-webkit-appearance:none;inline-size:100%;block-size:100%;padding-inline:40px 36px;border:0;background:none;color:var(--c-ink);
  font-family:inherit;font-size:var(--c-fs-300);font-weight:600;cursor:pointer;outline:0;max-inline-size:420px}
.oxc-cat-s option{background:var(--c-surface);color:var(--c-ink)}
.oxc-cat select,.oxc-cat .form-control{block-size:40px;border-radius:var(--c-r-sm);border:1px solid var(--c-line-2);background-color:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--c-fs-300)}
.oxc-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--c-surface-2);border:1px solid var(--c-line)}
.oxc-seg button{display:inline-flex;align-items:center;gap:6px;block-size:34px;padding-inline:14px;border:0;border-radius:8px;background:none;
  color:var(--c-ink-3);font-size:var(--c-fs-300);font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.oxc-seg button:hover{color:var(--c-ink)}
.oxc-seg button[aria-pressed="true"]{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--c-sh-1)}

/* ---- the rack --------------------------------------------------------- */
.oxc-rack{--oxc-cols:4;position:relative;padding:14px 26px;border-radius:var(--c-r-lg);
  background:linear-gradient(var(--c-stage),var(--c-stage)) padding-box;border:1px solid var(--c-edge);
  box-shadow:inset 0 0 0 6px var(--c-frame)}
.oxc-rack::before,.oxc-rack::after{content:"";position:absolute;inset-block:14px;inline-size:8px;pointer-events:none;
  background:radial-gradient(circle,var(--c-edge) 1.6px,transparent 2px) 0 0/8px 14px repeat-y}
.oxc-rack::before{inset-inline-start:10px}
.oxc-rack::after{inset-inline-end:10px}
.oxc-rack-head{display:none}
.oxc-rack[data-view="rack"].is-enhanced .oxc-rack-head{display:grid;grid-template-columns:var(--oxc-grid);gap:16px;padding:4px 30px 10px;
  font-size:var(--c-fs-100);font-weight:700;color:var(--c-ink-3)}
.oxc-rack-head .oxc-head-specs{display:grid;grid-template-columns:repeat(var(--oxc-cols),minmax(0,1fr));gap:12px}
.oxc-rack-head i{margin-inline-end:5px;color:var(--c-blue)}
.oxc-rack{--oxc-grid:minmax(160px,1.1fr) minmax(0,2.6fr) minmax(150px,.9fr) 150px 46px}

.oxc-unit{position:relative;display:grid;grid-template-columns:var(--oxc-grid);gap:16px;align-items:center;
  min-block-size:84px;padding:12px 30px;margin-block-end:8px;border-radius:10px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c-surface) 92%,#fff) 0%,var(--c-surface) 55%,var(--c-slot) 100%);
  border:1px solid var(--c-line-2);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,var(--c-sh-1);
  transition:transform .25s var(--c-ease),box-shadow .25s var(--c-ease),border-color .2s}
.oxc-unit:last-child{margin-block-end:0}
.oxc-unit:hover{transform:translateX(-4px);border-color:color-mix(in srgb,var(--c-blue) 45%,var(--c-line-2));box-shadow:var(--c-sh-2)}
.oxc-unit.is-featured{border-color:var(--c-blue);box-shadow:0 0 0 1px var(--c-blue),var(--c-sh-2)}
.oxc-ears{position:absolute;inset:0;pointer-events:none}
.oxc-ears i{position:absolute;inset-block:8px;inline-size:14px;border-radius:5px;background:var(--c-surface-2);border:1px solid var(--c-line)}
.oxc-ears i::before,.oxc-ears i::after{content:"";position:absolute;inset-inline-start:3px;inline-size:6px;block-size:6px;border-radius:50%;
  background:var(--c-surface);box-shadow:inset 0 0 0 1.5px var(--c-edge)}
.oxc-ears i::before{top:6px}.oxc-ears i::after{bottom:6px}
.oxc-ears i:first-child{inset-inline-start:6px}.oxc-ears i:last-child{inset-inline-end:6px}

.oxc-plate-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-inline-size:0}
.oxc-plate-name h3{margin:0;font-size:var(--c-fs-500);font-weight:800;line-height:1.4;color:var(--c-ink)}
.oxc-leds{display:inline-flex;gap:4px}
.oxc-leds i{inline-size:7px;block-size:7px;border-radius:50%}
.oxc-leds .g{background:var(--c-led-a);box-shadow:0 0 6px var(--c-led-a)}
.oxc-leds .b{background:var(--c-led-b);box-shadow:0 0 6px var(--c-led-b);animation:oxcBlink 1.8s steps(2) infinite}
@keyframes oxcBlink{50%{opacity:.25}}
.oxc-tag{padding:1px 8px;border-radius:999px;background:var(--c-blue);color:var(--c-on-blue);font-size:var(--c-fs-100);font-weight:700}
.oxc-stock{inline-size:100%;font-size:var(--c-fs-100);color:var(--c-teal)}
.oxc-stock.is-low{color:var(--c-amber)}

.oxc-specs{min-inline-size:0}
.oxc-rack.is-enhanced .oxc-specs{display:grid;grid-template-columns:repeat(var(--oxc-cols),minmax(0,1fr));gap:12px}
.oxc-spec{display:flex;flex-direction:column;min-inline-size:0}
.oxc-spec small{display:none;font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxc-spec small i{margin-inline-end:5px;color:var(--c-blue)}
.oxc-spec b{font-size:var(--c-fs-300);font-weight:700;color:var(--c-ink);line-height:1.6;overflow-wrap:anywhere}
.oxc-desc{font-size:var(--c-fs-300);color:var(--c-ink-2)}
.oxc-desc ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px}
.oxc-desc li{margin:0}

.oxc-price{display:flex;flex-direction:column;align-items:flex-start;line-height:1.4;padding-inline-start:16px;border-inline-start:1px dashed var(--c-line-2)}
.oxc-price small{font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxc-amt{font-size:var(--c-fs-600);font-weight:800;color:var(--c-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.oxc-setup{color:var(--c-amber)!important}

.oxc-handle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;block-size:46px;padding-inline:18px;border-radius:10px;
  background:var(--c-blue);color:var(--c-on-blue)!important;font-size:var(--c-fs-300);font-weight:700;text-decoration:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px -8px var(--c-blue);transition:background .15s,transform .15s}
.oxc-handle:hover{background:var(--c-blue-h)}
.oxc-handle:active{transform:translateY(1px)}
/* the arrows here are already drawn for RTL — undo the client theme's global mirror */
.oxc i.fa-arrow-left{transform:none!important}
.oxc-handle i,.oxc-next i,.oxc-key i{transition:translate .2s var(--c-ease)}
.oxc-handle:hover i,.oxc-next:hover i,.oxc-key:hover i{translate:-3px 0}
.oxc-unit-perks{grid-column:1/-1;display:none;flex-wrap:wrap;gap:4px 14px;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxc-unit-perks:not(:empty){display:flex}
.oxc-unit-perks i{margin-inline-end:5px;color:var(--c-teal)}

/* grid view — and the fallback for small screens */
.oxc-rack[data-view="grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:14px;box-shadow:none;background:none;border:0}
.oxc-rack[data-view="grid"]::before,.oxc-rack[data-view="grid"]::after{display:none}
.oxc-rack[data-view="grid"] .oxc-unit{grid-template-columns:1fr;align-items:stretch;gap:14px;margin:0;padding:22px 22px 20px;border-radius:var(--c-r-lg)}
.oxc-rack[data-view="grid"] .oxc-unit:hover{transform:translateY(-3px)}
.oxc-rack[data-view="grid"] .oxc-ears{display:none}
.oxc-rack[data-view="grid"].is-enhanced .oxc-specs{grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:var(--c-r);background:var(--c-surface-2)}
.oxc-rack[data-view="grid"] .oxc-spec small{display:block}
.oxc-rack[data-view="grid"] .oxc-price{padding:0;border:0;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px}
.oxc-rack[data-view="grid"] .oxc-amt{font-size:var(--c-fs-700)}
.oxc-rack[data-view="grid"] .oxc-handle{inline-size:100%}
.oxc-rack[data-view="grid"] .oxc-unit-perks{grid-column:auto}
.oxc-rack[data-view="grid"] .oxc-more{inline-size:100%;block-size:40px;border-radius:10px;gap:8px}
.oxc-rack[data-view="grid"] .oxc-more-tx{position:static;inline-size:auto;block-size:auto;clip-path:none;overflow:visible}
.oxc-rack[data-view="grid"] .oxc-more-ring{display:none}
.oxc-rack[data-view="grid"] .oxc-drawer-grid{grid-template-columns:1fr 1fr}
.oxc-rack[data-view="grid"] .oxc-unit.is-expanded .oxc-drawer-in{padding:0}

/* ---- details toggle + drawer ------------------------------------------ */
.oxc-more{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;padding:0;border-radius:50%;
  border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-blue);font-size:var(--c-fs-300);font-weight:700;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.oxc-more:hover{border-color:var(--c-blue);background:var(--c-blue-t);box-shadow:0 6px 16px -8px var(--c-blue)}
.oxc-more i{position:relative;z-index:1;font-size:var(--c-fs-300);animation:oxcNudge 1.8s var(--c-ease) infinite;transition:rotate .35s var(--c-ease)}
.oxc-more:hover i{animation-play-state:paused}
@keyframes oxcNudge{0%,55%,100%{translate:0 0}25%{translate:0 3px}40%{translate:0 -1px}}
.oxc-more-ring{position:absolute;inset:-1.5px;border-radius:inherit;border:1.5px solid var(--c-blue);opacity:0;animation:oxcRing 2.6s ease-out infinite;pointer-events:none}
@keyframes oxcRing{0%{opacity:.55;scale:1}70%,100%{opacity:0;scale:1.35}}
.oxc-more-tx{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
.oxc-unit.is-expanded .oxc-more{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-on-blue)}
.oxc-unit.is-expanded .oxc-more i{rotate:180deg;animation:none}
.oxc-unit.is-expanded .oxc-more-ring{display:none}
.oxc-unit.is-expanded{border-color:color-mix(in srgb,var(--c-blue) 55%,var(--c-line-2));box-shadow:var(--c-sh-2)}
.oxc-unit.is-expanded:hover{transform:none}

.oxc-drawer{grid-column:1/-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--c-ease),margin .4s var(--c-ease);margin-block-start:-16px}
.oxc-drawer-in{min-block-size:0;overflow:hidden;opacity:0;translate:0 -6px;transition:opacity .3s,translate .4s var(--c-ease)}
.oxc-unit.is-expanded .oxc-drawer{grid-template-rows:1fr;margin-block-start:0}
.oxc-unit.is-expanded .oxc-drawer-in{opacity:1;translate:0 0;padding-block:14px 4px;border-block-start:1px dashed var(--c-line-2)}
.oxc-drawer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.oxc-drawer-grid .oxc-spec{padding:10px 12px;border-radius:10px;background:var(--c-surface-2)}
.oxc-drawer-grid .oxc-spec small{display:block}
.oxc-drawer-perks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-block-start:12px;font-size:var(--c-fs-200);color:var(--c-ink-2)}
.oxc-drawer-perks i{margin-inline-end:6px;color:var(--c-teal)}

.oxc-note{margin:16px 0 0;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxc-note i{margin-inline-end:6px;color:var(--c-blue)}
.oxc-note a{color:var(--c-blue);font-weight:600}

/* ==========================================================================
   CONFIGURATOR
   ========================================================================== */
.oxc-steps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;counter-reset:none}
.oxc-steps li{display:inline-flex;align-items:center;gap:8px;block-size:32px;padding-inline:6px 14px;border-radius:999px;
  background:var(--c-surface-2);color:var(--c-ink-3);font-size:var(--c-fs-200);font-weight:600}
.oxc-steps li span{display:grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-line-2);font-size:var(--c-fs-100)}
.oxc-steps li.is-now{background:var(--c-blue-t);color:var(--c-blue)}
.oxc-steps li.is-now span{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-on-blue)}

.oxc-build{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.oxc-stages{counter-reset:oxstage;min-inline-size:0}

.oxc-spec-card{margin-block-end:14px;padding:18px 20px;border-radius:var(--c-r-lg);background:var(--c-surface);border:1px solid var(--c-line)}
.oxc-spec-card:empty{display:none}
.oxc-spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,calc(50% - 5px)),1fr));gap:10px}
.oxc-spec-grid .oxc-spec{padding:10px 12px;border-radius:10px;background:var(--c-surface-2)}
.oxc-spec-grid .oxc-spec small{display:block}
.oxc-spec-card .oxc-perks{justify-content:flex-start;margin-block-start:12px}

/* stage = one accordion section, numbered like drive bays */
.oxc-stage{counter-increment:oxstage;position:relative;margin-block-end:10px;border-radius:var(--c-r-lg);
  background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--c-sh-1);transition:border-color .2s,box-shadow .25s}
.oxc-stage[hidden]{counter-increment:none}
.oxc-stage.is-open{border-color:color-mix(in srgb,var(--c-blue) 40%,var(--c-line));box-shadow:var(--c-sh-2)}
.oxc-stage::before{content:"";position:absolute;inset-block:14px;inset-inline-start:-1px;inline-size:3px;border-radius:3px;background:transparent;transition:background .2s}
.oxc-stage.is-open::before{background:var(--c-blue)}
.oxc-stage-h{display:flex;align-items:center;gap:14px;inline-size:100%;min-block-size:68px;padding:12px 18px;border:0;background:none;text-align:start;cursor:pointer;color:inherit}
.oxc-stage-n{position:relative;flex:none;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:10px;
  background:var(--c-surface-2);border:1px solid var(--c-line);font-size:var(--c-fs-300);font-weight:800;color:var(--c-ink-2);transition:background .2s,color .2s}
.oxc-stage-n::before{content:counter(oxstage,persian)}
.oxc-stage.is-open .oxc-stage-n{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-on-blue)}
.oxc-stage.is-done:not(.is-open) .oxc-stage-n{background:var(--c-teal-t);border-color:transparent;color:var(--c-teal)}
.oxc-stage.is-done:not(.is-open) .oxc-stage-n::before{content:"\2713";font-size:var(--c-fs-400)}
.oxc-stage-t{flex:1;min-inline-size:0;display:flex;flex-direction:column;line-height:1.5}
.oxc-stage-t b{font-size:var(--c-fs-400);font-weight:700}
.oxc-stage-t small{font-size:var(--c-fs-200);color:var(--c-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxc-stage.is-open .oxc-stage-t small{visibility:hidden}
.oxc-stage-t small[dir=ltr]{text-align:end;font-family:ui-monospace,Consolas,monospace}
.oxc-stage-c{flex:none;display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;background:var(--c-surface-2);color:var(--c-ink-3);transition:transform .3s var(--c-ease)}
.oxc-stage.is-open .oxc-stage-c{transform:rotate(180deg);color:var(--c-blue)}
.oxc-stage-b{display:none}
.oxc-stage.is-open .oxc-stage-b{display:block;padding:4px 18px 18px;animation:oxcOpen .32s var(--c-ease)}
@keyframes oxcOpen{from{opacity:0;transform:translateY(-6px)}}
.oxc-stage-f{display:flex;justify-content:flex-end;margin-block-start:16px}
.oxc-next{display:inline-flex;align-items:center;gap:8px;block-size:40px;padding-inline:18px;border-radius:10px;border:1px solid var(--c-line-2);
  background:var(--c-surface);color:var(--c-ink);font-size:var(--c-fs-300);font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}
.oxc-next:hover{border-color:var(--c-blue);color:var(--c-blue)}

/* billing cycles */
.oxc-cycles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.oxc-cycle{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 14px 14px;border-radius:var(--c-r);
  border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink);text-align:start;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.oxc-cycle:hover{border-color:color-mix(in srgb,var(--c-blue) 50%,var(--c-line-2))}
.oxc-cycle[aria-checked="true"]{border-color:var(--c-blue);background:var(--c-blue-t);box-shadow:0 0 0 1px var(--c-blue)}
.oxc-cycle b{font-size:var(--c-fs-300);font-weight:700}
.oxc-cycle-p{font-size:var(--c-fs-500);font-weight:800;font-variant-numeric:tabular-nums}
.oxc-cycle-p small{font-size:var(--c-fs-100);font-weight:600;color:var(--c-ink-3)}
.oxc-cycle-m{font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxc-save{position:absolute;inset-block-start:-10px;inset-inline-end:10px;padding:1px 8px;border-radius:999px;background:var(--c-teal);color:#fff;font-size:var(--c-fs-100);font-weight:700}

/* operating systems */
.oxc-os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;align-items:start}
.oxc-os-card{border-radius:var(--c-r);border:1.5px solid var(--c-line-2);background:var(--c-surface);transition:border-color .15s,box-shadow .2s}
.oxc-os-card:hover{border-color:color-mix(in srgb,var(--c-blue) 50%,var(--c-line-2))}
.oxc-os-card.is-on{border-color:var(--c-blue);box-shadow:0 0 0 1px var(--c-blue)}
.oxc-os-head{display:flex;align-items:center;gap:12px;inline-size:100%;padding:12px;border:0;background:none;text-align:start;cursor:pointer;color:inherit}
.oxc-os-logo{flex:none;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:10px;background:var(--c-surface-2);font-size:24px}
.oxc-os-logo svg{inline-size:28px;block-size:28px}
.oxc-os-card.is-on .oxc-os-logo{background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line)}
.oxc-os-name{flex:1;min-inline-size:0;display:flex;flex-direction:column;line-height:1.45}
.oxc-os-name b{font-size:var(--c-fs-300);font-weight:700;direction:ltr;text-align:right}
.oxc-os-name small{font-size:var(--c-fs-100);color:var(--c-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxc-os-card.is-on .oxc-os-name small{color:var(--c-blue);font-weight:600}
.oxc-os-tick{flex:none;display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;border:1.5px solid var(--c-line-2);color:transparent;font-size:10px;transition:all .15s}
.oxc-os-card.is-on .oxc-os-tick{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-on-blue)}
.oxc-os-vers{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px;border-block-start:1px dashed var(--c-line);padding-block-start:10px;margin-inline:0}
.oxc-ver{block-size:32px;padding-inline:12px;border-radius:8px;border:1px solid var(--c-line-2);background:var(--c-surface-2);color:var(--c-ink-2);
  font-size:var(--c-fs-200);font-weight:600;direction:ltr;cursor:pointer;transition:all .15s}
.oxc-ver:hover{border-color:var(--c-blue);color:var(--c-blue)}
.oxc-ver[aria-checked="true"]{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-on-blue)}
.oxc-os .oxc-os-src{display:none}
.oxc-os:not(:has(.oxc-os-grid)) .oxc-os-src{display:flex}

/* server fields */
.oxc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oxc-fields.is-stack{grid-template-columns:1fr}
.oxc-fld{display:flex;flex-direction:column;gap:6px;min-inline-size:0}
.oxc-fld label{margin:0;font-size:var(--c-fs-300);font-weight:600;color:var(--c-ink-2)}
.oxc .oxc-fld .form-control,.oxc .oxc-in{block-size:46px;padding-inline:14px;border-radius:10px;border:1.5px solid var(--c-line-2);background:var(--c-surface);
  color:var(--c-ink);font-family:inherit;font-size:var(--c-fs-400);box-shadow:none;transition:border-color .15s,box-shadow .15s}
.oxc .oxc-fld textarea.form-control{block-size:auto;min-block-size:96px;padding-block:10px}
.oxc .oxc-fld .form-control:focus,.oxc .oxc-in:focus{border-color:var(--c-blue);box-shadow:0 0 0 3px var(--c-blue-t);outline:0}
.oxc-pw{position:relative}
.oxc-pw .oxc-in{padding-inline-start:52px}
.oxc-pw-gen{position:absolute;inset-block:5px;inset-inline-start:5px;inline-size:40px;border:0;border-radius:8px;background:var(--c-surface-2);color:var(--c-ink-2);cursor:pointer}
.oxc-pw-gen:hover{background:var(--c-blue-t);color:var(--c-blue)}
.oxc-help{font-size:var(--c-fs-200);color:var(--c-ink-3);margin:0}

/* configurable options */
.oxc-opts{display:flex;flex-direction:column;gap:18px}
.oxc-opt{display:flex;flex-direction:column;gap:8px}
.oxc-opt-l{margin:0;font-size:var(--c-fs-300);font-weight:700;color:var(--c-ink)}
.oxc-chips,.oxc-radios{display:flex;flex-wrap:wrap;gap:8px}
.oxc-chipbtn,.oxc-radio span{display:inline-flex;align-items:center;min-block-size:40px;padding:6px 14px;border-radius:10px;border:1.5px solid var(--c-line-2);
  background:var(--c-surface);color:var(--c-ink);font-size:var(--c-fs-300);font-weight:600;line-height:1.5;cursor:pointer;text-align:start;transition:all .15s}
.oxc-chipbtn:hover,.oxc-radio:hover span{border-color:color-mix(in srgb,var(--c-blue) 50%,var(--c-line-2))}
.oxc-chipbtn[aria-checked="true"],.oxc-radio input:checked+span{border-color:var(--c-blue);background:var(--c-blue-t);color:var(--c-blue);box-shadow:0 0 0 1px var(--c-blue)}
.oxc-chipbtn{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding-block:7px}
.oxc-chipbtn small{font-size:var(--c-fs-100);font-weight:600;color:var(--c-ink-3);font-variant-numeric:tabular-nums}
.oxc-chipbtn[aria-checked="true"] small{color:var(--c-blue)}
.oxc-opt .form-control{block-size:46px;border-radius:10px;border:1.5px solid var(--c-line-2);background-color:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--c-fs-300)}
.oxc-chipbtn.is-none{border-style:dashed;color:var(--c-ink-3)}
.oxc-chipbtn.is-none[aria-checked="true"]{border-style:solid;background:var(--c-surface-2);color:var(--c-ink-2);border-color:var(--c-line-2);box-shadow:none}
.oxc-radio{position:relative;margin:0}
.oxc-radio input,.oxc-switch input,.oxc-addon input{position:absolute;opacity:0;inline-size:1px;block-size:1px}
.oxc-radio input:focus-visible+span,.oxc-addon input:focus-visible~.oxc-addon-t,.oxc-switch input:focus-visible+i{outline:2px solid var(--c-ring);outline-offset:2px}
.oxc-switch{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-size:var(--c-fs-300);font-weight:600}
.oxc-switch i{position:relative;inline-size:44px;block-size:26px;border-radius:999px;background:var(--c-line-2);transition:background .2s}
.oxc-switch i::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:20px;block-size:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .2s var(--c-ease)}
.oxc-switch input:checked+i{background:var(--c-blue)}
.oxc-switch input:checked+i::after{inset-inline-start:21px}
.oxc-qty{display:inline-flex;align-items:center;gap:6px}
.oxc-qty-b{inline-size:40px;block-size:40px;border-radius:10px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink);font-size:var(--c-fs-500);cursor:pointer}
.oxc-qty-b:hover{border-color:var(--c-blue);color:var(--c-blue)}
.oxc .oxc-qty .form-control{inline-size:80px;block-size:40px;text-align:center;border-radius:10px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink)}
.oxc-qty-u{font-size:var(--c-fs-200);color:var(--c-ink-3)}

/* add-ons */
.oxc-addons{display:grid;grid-template-columns:1fr;gap:10px}
.oxc-addon{position:relative;display:flex;align-items:center;gap:14px;margin:0;padding:14px 16px;border-radius:var(--c-r);border:1.5px solid var(--c-line-2);background:var(--c-surface);cursor:pointer;transition:all .15s}
.oxc-addon:hover{border-color:color-mix(in srgb,var(--c-blue) 50%,var(--c-line-2))}
.oxc-addon.is-on{border-color:var(--c-blue);background:var(--c-blue-t)}
.oxc-addon-tx{flex:1;min-inline-size:0;display:flex;flex-direction:column;line-height:1.6}
.oxc-addon-tx b{font-size:var(--c-fs-300)}
.oxc-addon-tx small{font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxc-addon-p{font-size:var(--c-fs-300);font-weight:700;white-space:nowrap}
.oxc-addon-t{flex:none;display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;border:1.5px solid var(--c-line-2);color:var(--c-ink-3);transition:all .2s}
.oxc-addon.is-on .oxc-addon-t{background:var(--c-blue);border-color:var(--c-blue);color:var(--c-on-blue);transform:rotate(45deg)}
.oxc-metrics{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:var(--c-fs-300)}

/* ---- build sheet ------------------------------------------------------ */
.oxc-sheet{position:sticky;inset-block-start:96px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--c-r-lg);
  background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--c-sh-2)}
.oxc-machine{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px 10px;align-items:center;padding:14px 30px;border-radius:10px;
  background:linear-gradient(180deg,#1C2636,#0F1622);color:#E6EBF2;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px -10px rgba(0,0,0,.5)}
.oxc-machine .oxc-ears i{background:#2A3546;border-color:#334155}
.oxc-machine .oxc-ears i::before,.oxc-machine .oxc-ears i::after{background:#1C2636;box-shadow:inset 0 0 0 1.5px #475569}
.oxc-machine-name{font-size:var(--c-fs-200);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.oxc-machine-leds{display:flex;gap:5px}
.oxc-machine-leds i{inline-size:8px;block-size:8px;border-radius:50%;background:#334155;transition:background .3s,box-shadow .3s}
.oxc-machine-leds i.is-on{background:#34D399;box-shadow:0 0 8px #34D399}
.oxc-machine-leds i.is-on:last-child{background:#60A5FA;box-shadow:0 0 8px #60A5FA}
.oxc-machine-bays{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.oxc-machine-bays i{block-size:10px;border-radius:3px;background:repeating-linear-gradient(90deg,#263244 0 3px,#1A2332 3px 5px)}
.oxc-progress{block-size:4px;border-radius:4px;background:var(--c-surface-2);overflow:hidden}
.oxc-progress span{display:block;block-size:100%;inline-size:0;border-radius:inherit;background:linear-gradient(90deg,var(--c-teal),var(--c-blue));transition:inline-size .4s var(--c-ease)}

#order-standard_cart.oxc .order-summary{position:relative;padding:0;margin:0;background:none;border:0;border-radius:0;color:var(--c-ink)}
#order-standard_cart.oxc .order-summary .oxc-summary-h{margin:4px 0 10px;padding:0;background:none;color:var(--c-ink);font-size:var(--c-fs-400);font-weight:800;text-align:start}
#order-standard_cart.oxc .order-summary .summary-container{margin:0;padding:0;background:none;border:0;min-block-size:0}
.oxc-summary .loader{position:absolute;inset-block-start:4px;inset-inline-end:0;color:var(--c-blue);display:none}
.oxc #producttotal{font-size:var(--c-fs-300);color:var(--c-ink-2)}
.oxc #producttotal .product-name{display:block;font-size:var(--c-fs-400);font-weight:800;color:var(--c-ink)}
.oxc #producttotal .product-group{display:block;font-size:var(--c-fs-200);color:var(--c-ink-3);margin-block-end:10px}
.oxc #producttotal .clearfix{display:flex;justify-content:space-between;gap:12px;padding-block:7px;border-block-end:1px dashed var(--c-line)}
.oxc #producttotal .clearfix::after,.oxc #producttotal .clearfix::before{display:none}
.oxc #producttotal .float-left,.oxc #producttotal .pull-left{float:none!important;min-inline-size:0}
.oxc #producttotal .float-right,.oxc #producttotal .pull-right{float:none!important;font-weight:700;color:var(--c-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.oxc #producttotal .summary-totals{margin-block-start:6px}
.oxc #producttotal .total-due-today{margin-block-start:14px;padding:14px;border-radius:var(--c-r);background:var(--c-surface-2);text-align:start}
.oxc #producttotal .total-due-today .amt{display:block;font-size:var(--c-fs-700);font-weight:800;color:var(--c-blue);line-height:1.3;font-variant-numeric:tabular-nums}
.oxc #producttotal .total-due-today span:not(.amt){font-size:var(--c-fs-200);color:var(--c-ink-3)}

.oxc-key{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;inline-size:100%;block-size:54px;border:0;border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c-blue) 82%,#fff),var(--c-blue) 55%,var(--c-blue-h));color:var(--c-on-blue);
  font-size:var(--c-fs-400);font-weight:800;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 10px 22px -10px var(--c-blue);transition:transform .12s,filter .15s}
.oxc-key:hover{filter:brightness(1.06)}
.oxc-key:active{transform:translateY(1px)}
.oxc-key:disabled{opacity:.6;cursor:progress}
.oxc-trust{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxc-trust i{inline-size:18px;margin-inline-end:6px;color:var(--c-teal)}

/* WHMCS alerts inside */
.oxc .alert{border-radius:var(--c-r);font-size:var(--c-fs-300)}
.oxc .alert ul{margin:6px 0 0;padding-inline-start:18px}

/* ---- responsive ------------------------------------------------------- */
@media (max-width:1199px){
  .oxc-build{grid-template-columns:minmax(0,1fr) 330px}
}
@media (max-width:1199px){
  .oxc-rack[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .oxc-hero{grid-template-columns:1fr;padding:24px 20px}
  .oxc-hero-side{align-items:flex-start;max-inline-size:none}
  .oxc-from{text-align:start}
  .oxc-perks{justify-content:flex-start}
  .oxc-title{font-size:var(--c-fs-700)}
  .oxc-build{grid-template-columns:1fr}
  .oxc-sheet{position:static}
  .oxc-rack[data-view="rack"]{padding:12px}
}
@media (max-width:640px){
  .oxc-rack[data-view="grid"]{grid-template-columns:1fr}
}
@media (max-width:767px){
  .oxc-hide-sm{display:none}
  .oxc-fields{grid-template-columns:1fr}
  .oxc-cat{inline-size:100%}
  .oxc-spacer{display:none}
  .oxc-stage-h{padding:12px 14px;gap:10px}
  .oxc-stage.is-open .oxc-stage-b{padding:4px 14px 16px}
  .oxc-cycles{grid-template-columns:1fr 1fr}
  .oxc-os-grid{grid-template-columns:1fr 1fr}
  .oxc-os-head{flex-direction:row;align-items:center;gap:8px;padding:10px 8px}
  .oxc-os-logo{inline-size:36px;block-size:36px;font-size:19px;border-radius:9px}
  .oxc-os-logo svg{inline-size:22px;block-size:22px}
  .oxc-os-name{padding-inline-end:16px}
  .oxc-os-name b{font-size:12.5px}
  .oxc-os-grid{gap:8px}
  .oxc-os-vers{padding:8px}
  .oxc-ver{block-size:34px;padding-inline:10px}
  .oxc-os-tick{position:absolute;inset-block-start:6px;inset-inline-end:6px;inline-size:16px;block-size:16px}
  .oxc-os-card{position:relative}
}
@media (prefers-reduced-motion:reduce){
  .oxc *,.oxc *::before,.oxc *::after{animation:none!important;transition:none!important}
}

/* ---- store navigator ---------------------------------------------------- */
.oxc-store{margin-block-end:14px;border-radius:var(--c-r-lg);background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--c-sh-1);overflow:hidden}
.oxc-store-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;padding:6px}
.oxc-store-tab{position:relative;display:flex;align-items:center;gap:10px;min-block-size:56px;padding:8px 12px;border:1px solid transparent;border-radius:12px;background:none;
  color:var(--c-ink-2);text-align:start;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.oxc-store-tab>i:first-child{display:grid;place-items:center;flex:none;inline-size:36px;block-size:36px;border-radius:10px;background:var(--c-surface-2);color:var(--c-blue);font-size:var(--c-fs-400);transition:background .15s,color .15s}
.oxc-store-tab span{flex:1;display:flex;flex-direction:column;line-height:1.45;min-inline-size:0}
.oxc-store-tab b{font-size:var(--c-fs-300);font-weight:800;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxc-store-tab small{font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxc-store-c{color:var(--c-ink-3);transition:transform .25s var(--c-ease)}
.oxc-store-tab:hover{background:var(--c-surface-2)}
.oxc-store-tab.is-current{border-color:color-mix(in srgb,var(--c-blue) 35%,transparent);background:var(--c-blue-t)}
.oxc-store-tab.is-current>i:first-child{background:var(--c-blue);color:var(--c-on-blue)}
.oxc-store-tab.is-current::after{content:"";position:absolute;inset-block-start:8px;inset-inline-end:8px;inline-size:7px;block-size:7px;border-radius:50%;background:var(--c-blue)}
.oxc-store-tab.is-open{background:var(--c-ink);border-color:var(--c-ink)}
.oxc-store-tab.is-open b,.oxc-store-tab.is-open .oxc-store-c{color:var(--c-surface)}
.oxc-store-tab.is-open small{color:color-mix(in srgb,var(--c-surface) 70%,transparent)}
.oxc-store-tab.is-open .oxc-store-c{transform:rotate(180deg)}
.oxc-store-panel{padding:14px;border-block-start:1px solid var(--c-line);background:var(--c-surface-2);animation:oxcOpen .28s var(--c-ease)}
.oxc-store-panel[hidden]{display:none}
.oxc-store-q{position:relative;display:flex;align-items:center;margin:0 0 12px}
.oxc-store-q i{position:absolute;inset-inline-start:14px;color:var(--c-ink-3)}
.oxc-store-q input{inline-size:100%;block-size:44px;padding-inline:40px 14px;border-radius:12px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink);font:500 var(--c-fs-300) var(--c-font)}
.oxc-store-q input:focus{outline:0;border-color:var(--c-blue);box-shadow:0 0 0 3px var(--c-blue-t)}
.oxc-store-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-block-size:420px;overflow:auto}
.oxc-store-regions section[hidden]{display:none}
.oxc-store-regions h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:var(--c-fs-200);font-weight:800;color:var(--c-ink-2)}
.oxc-store-regions h4 small{padding:0 7px;border-radius:999px;background:var(--c-surface);font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxc-store-chips{display:flex;flex-wrap:wrap;gap:6px}
.oxc-store-chip{display:inline-flex;align-items:center;gap:8px;block-size:36px;padding-inline:8px 12px;border-radius:10px;border:1px solid var(--c-line);background:var(--c-surface);
  color:var(--c-ink)!important;font-size:var(--c-fs-200);font-weight:600;text-decoration:none!important;transition:border-color .15s,color .15s,transform .15s}
.oxc-store-chip[hidden]{display:none}
.oxc-store-chip:hover{border-color:var(--c-blue);color:var(--c-blue)!important;transform:translateY(-1px)}
.oxc-store-chip.is-current{border-color:var(--c-blue);background:var(--c-blue-t);color:var(--c-blue)!important}
.oxc-cc{display:grid;place-items:center;min-inline-size:28px;block-size:22px;padding-inline:4px;border-radius:6px;background:var(--c-surface-2);font:800 10.5px/1 ui-monospace,Consolas,monospace;color:var(--c-ink-2)}
.oxc-store-chip.is-current .oxc-cc{background:var(--c-blue);color:var(--c-on-blue)}
.oxc-store-chip>i{color:var(--c-ink-3)}
.oxc-store-none{margin:0;padding:10px;text-align:center;color:var(--c-ink-3)}
.oxc-store-none[hidden]{display:none}

/* plans without a spec list: build-your-own (cloud) */
.oxc-custom{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--c-blue-t);border:1px dashed color-mix(in srgb,var(--c-blue) 40%,transparent)}
.oxc-custom>i{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:10px;background:var(--c-blue);color:var(--c-on-blue)}
.oxc-custom>span:nth-child(2){flex:1;min-inline-size:160px;display:flex;flex-direction:column;line-height:1.6}
.oxc-custom b{font-size:var(--c-fs-300);font-weight:800}
.oxc-custom small{font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxc-custom-tags{display:flex;flex-wrap:wrap;gap:6px}
.oxc-custom-tags em{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--c-surface);font:700 11px/1.6 ui-monospace,Consolas,monospace;font-style:normal;color:var(--c-ink-2)}
.oxc-custom-tags i{color:var(--c-blue)}
.oxc-rack.is-enhanced .oxc-unit.is-custom .oxc-specs{display:block}
.oxc-per{font-size:var(--c-fs-100);color:var(--c-ink-3)}
@media (max-width:640px){.oxc-store-tabs{grid-template-columns:1fr 1fr}.oxc-store-tab .oxc-store-c{display:none}}

/* group without active plans */
.oxc-rack.is-empty{display:none}
.oxc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;border-radius:var(--c-r-lg);border:1.5px dashed var(--c-line-2);background:var(--c-surface);text-align:center}
.oxc-empty-ic{display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:18px;background:var(--c-amber-t);color:var(--c-amber);font-size:26px}
.oxc-empty h2{margin:8px 0 0;font-size:var(--c-fs-600);font-weight:800}
.oxc-empty p{margin:0 0 10px;max-inline-size:52ch;color:var(--c-ink-3)}

.oxc-flag{flex:none;inline-size:22px;block-size:16px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(14,23,38,.12),0 1px 2px rgba(14,23,38,.15)}

/* ---- phones: keep the plans close to the top ------------------------------ */
@media (max-width:767px){
  .oxc{--c-fs-100:12px;--c-fs-200:13px}
  .oxc-chips,.oxc-radios{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .oxc-chipbtn,.oxc-radio span{inline-size:100%;min-block-size:48px}
  .oxc-chipbtn.is-none{grid-column:1/-1;align-items:center}
  .oxc-cycle{padding:14px 12px 12px}
  .oxc-note a{display:inline-flex;align-items:center;min-block-size:40px}
  .oxc-steps li span{font-size:12px}
  .oxc-hero{padding:18px 16px;gap:14px;margin-block-end:12px}
  .oxc-title{font-size:var(--c-fs-600)}
  .oxc-from b{font-size:var(--c-fs-700)}
  .oxc-hero-side{inline-size:100%}
  .oxc-perks{flex-wrap:nowrap;justify-content:flex-start;inline-size:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to left,#000 85%,transparent);mask-image:linear-gradient(to left,#000 85%,transparent)}
  .oxc-perks::-webkit-scrollbar{display:none}
  .oxc-perks .oxc-chip{flex:none;white-space:nowrap}
  .oxc-store-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px}
  .oxc-store-tabs::-webkit-scrollbar{display:none}
  .oxc-store-tab{flex:none;min-block-size:46px;padding:6px 10px}
  .oxc-store-tab>i:first-child{inline-size:30px;block-size:30px;font-size:var(--c-fs-300)}
  .oxc-store-tab small{display:none}
  .oxc-store-tab::after{display:none}
  .oxc-store-regions{grid-template-columns:1fr;max-block-size:60vh}
  .oxc-toolbar{gap:8px}
  .oxc-seg button{block-size:38px;padding-inline:12px}
}

/* phones: fixed total + continue bar on the configurator */
.oxc-mbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:1040;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);backdrop-filter:blur(10px);border-block-start:1px solid var(--line,#E2E7EE);box-shadow:0 -10px 30px -18px rgba(14,23,38,.35);
  font-family:var(--font,'Vazirmatn',sans-serif);direction:rtl;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.oxc-mbar.is-away{transform:translateY(110%)}
.oxc-mbar-t{flex:1;display:flex;flex-direction:column;line-height:1.4;min-inline-size:0}
.oxc-mbar-t small{font-size:12px;color:var(--ink-3,#5E6A7C)}
.oxc-mbar-t b{font-size:17px;font-weight:900;color:var(--blue,#1463D8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxc-mbar-btn{display:inline-flex;align-items:center;gap:8px;block-size:48px;padding-inline:20px;border:0;border-radius:13px;background:var(--blue,#1463D8);color:#fff;
  font:800 15px var(--font,'Vazirmatn',sans-serif);box-shadow:0 10px 22px -10px var(--blue,#1463D8)}
body.has-oxc-mbar .oxf{padding-block-end:96px}
@media (min-width:992px){.oxc-mbar{display:none}}

.oxc-mbar i.fa-arrow-left{transform:none!important}
.oxc-spec-more{display:none}
@media (max-width:767px){
  .oxc-spec-card:not(.is-all) .oxc-spec-grid>:nth-child(n+7){display:none}
  .oxc-spec-more{display:flex;align-items:center;justify-content:center;gap:8px;inline-size:100%;block-size:42px;margin-block-start:10px;border:1px dashed var(--c-line-2);border-radius:10px;
    background:none;color:var(--c-blue);font:700 13px var(--c-font);cursor:pointer}
  .oxc-spec-card.is-all .oxc-spec-more i{transform:rotate(180deg)}
}

/* standard cart pages (view cart, checkout, domains) on phones */
@media (max-width:767px){
  #order-standard_cart .sidebar-collapsed{display:none!important}
  #order-standard_cart .btn-continue-shopping,#order-standard_cart .btn-link{font-size:13px!important;min-block-size:40px;display:inline-flex;align-items:center}
  #order-standard_cart .header-lined h1{font-size:22px!important}
  #order-standard_cart .view-cart-items-header,#order-standard_cart .view-cart-items .item{font-size:13px}
  #order-standard_cart .nav-tabs .nav-link{font-size:13px;padding:10px 12px}
}

/* ==========================================================================
   Register a domain (domainregister.tpl) — body #order-standard_cart.oxdr
   The results block keeps WHMCS's markup (its JS toggles inline display);
   only looks are set here.
   ========================================================================== */
body #order-standard_cart.oxdr{display:grid;gap:24px;margin-block-end:40px}
body #order-standard_cart.oxdr *{box-sizing:border-box}
/* hero */
body #order-standard_cart .oxdr-hero{position:relative;z-index:5;display:grid;gap:18px;padding:clamp(18px,3.5vw,40px);border-radius:26px;overflow:visible;isolation:isolate;color:#E2E8F0;
  background:radial-gradient(560px 300px at 100% 0%,rgba(96,165,250,.28),transparent 70%),radial-gradient(520px 300px at 0% 100%,rgba(45,212,191,.2),transparent 70%),linear-gradient(135deg,#0B1424,#102A4C 58%,#0B2A33);
  box-shadow:0 36px 70px -40px rgba(11,20,36,.7)}
body #order-standard_cart .oxdr-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.45;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 30px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/30px 100%;
  -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 72%)}
body #order-standard_cart .oxdr-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block-end:4px;border-block-end:1px solid rgba(255,255,255,.08)}
body #order-standard_cart .oxdr-tabs::-webkit-scrollbar{display:none}
body #order-standard_cart .oxdr-tabs a{flex:none;display:inline-flex;align-items:center;gap:8px;block-size:40px;padding-inline:14px;border-radius:11px;color:#94A3B8!important;font-size:13px;font-weight:700;text-decoration:none!important}
body #order-standard_cart .oxdr-tabs a:hover{background:rgba(255,255,255,.07);color:#fff!important}
body #order-standard_cart .oxdr-tabs a.is-on{background:#fff;color:#0E1726!important}
body #order-standard_cart .oxdr-tabs a.is-on i{color:#1463D8}
body #order-standard_cart .oxdr-eye{display:inline-flex;align-items:center;gap:8px;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;font-weight:700;color:#7DD3FC}
body #order-standard_cart .oxdr-eye.is-dark{background:var(--blue-tint,#EAF2FD);color:var(--blue,#1463D8)}
body #order-standard_cart.oxdr .oxdr-hero-tx h1{margin:12px 0 6px;font-size:clamp(1.35rem,3.6vw,2.3rem);font-weight:900;color:#fff;line-height:1.35}
body #order-standard_cart .oxdr-hero-tx p{margin:0;color:#94A3B8;line-height:1.9;max-inline-size:62ch}
/* the search box (overrides the yellow WHMCS checker) */
body #order-standard_cart.oxdr .domain-checker-container{margin:0;padding:0;background:none!important;border-radius:0}
body #order-standard_cart.oxdr .domain-checker-bg{padding:0!important;background:none!important}
body #order-standard_cart .oxdr-form{margin:0}
body #order-standard_cart.oxdr .oxdr-field{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;inline-size:100%;padding:6px;padding-inline-start:46px;border-radius:18px;background:#fff;box-shadow:0 24px 50px -24px rgba(0,0,0,.6);border:0}
body #order-standard_cart .oxdr-field-ic{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);color:#64748B;font-size:17px}
body #order-standard_cart .oxdr-field.is-ai .oxdr-field-ic{top:26px;transform:none;color:#7C3AED}
body #order-standard_cart.oxdr .oxdr-field .form-control,body #order-standard_cart.oxdr .oxdr-field textarea{flex:1;min-inline-size:0;block-size:54px;padding:0 4px;border:0!important;background:none;box-shadow:none!important;color:#0E1726;font:600 1.05rem var(--font,inherit);outline:0;border-radius:0}
body #order-standard_cart.oxdr .oxdr-field textarea{block-size:auto;min-block-size:54px;max-block-size:140px;padding:14px 4px;resize:vertical;line-height:1.8;font-weight:500;font-size:.98rem}
body #order-standard_cart.oxdr .oxdr-field .input-group-append,body #order-standard_cart.oxdr .oxdr-field .input-group-btn{display:flex;margin:0}
body #order-standard_cart.oxdr .oxdr-go{display:inline-flex!important;align-items:center;gap:8px;block-size:54px;padding-inline:26px!important;border:0!important;border-radius:14px!important;
  background:linear-gradient(180deg,#3B82F6,#1463D8)!important;color:#fff!important;font:800 15px var(--font,inherit);white-space:nowrap;box-shadow:0 12px 24px -14px #1463D8}
body #order-standard_cart.oxdr .oxdr-go:hover{filter:brightness(1.08)}
body #order-standard_cart .oxdr-field.is-ai{align-items:flex-start}
body #order-standard_cart .oxdr-field.is-ai .oxdr-go{align-self:stretch;block-size:auto;min-block-size:54px}
/* AI options row */
body #order-standard_cart .oxdr-opts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:12px}
body #order-standard_cart.oxdr .oxdr-opt .btn-group{display:inline-flex}
body #order-standard_cart.oxdr .oxdr-opt .multiselect.dropdown-toggle,body #order-standard_cart.oxdr .oxdr-chk{display:inline-flex;align-items:center;gap:8px;block-size:40px;padding-inline:14px;border-radius:11px!important;
  border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#E2E8F0!important;font:700 13px var(--font,inherit);cursor:pointer;margin:0;box-shadow:none!important}
body #order-standard_cart.oxdr .oxdr-opt .multiselect.dropdown-toggle:hover,body #order-standard_cart.oxdr .oxdr-chk:hover{background:rgba(255,255,255,.14)!important}
/* option dropdowns: anchored under their own button (RTL), above the sections that follow, never off-screen */
body #order-standard_cart.oxdr .oxdr-opt{position:relative}
body #order-standard_cart.oxdr .oxdr-opt .btn-group{position:relative}
body #order-standard_cart.oxdr .oxdr-opt .multiselect-container.dropdown-menu{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;left:auto!important;bottom:auto!important;transform:none!important;z-index:1060;min-inline-size:max(100%,160px);max-inline-size:calc(100vw - 32px);margin:0;background:#fff;color:#0E1726}
body #order-standard_cart.oxdr .oxdr-chk input{inline-size:16px;block-size:16px;margin:0;accent-color:#3B82F6}
body #order-standard_cart.oxdr .multiselect-container{max-block-size:260px;overflow:auto;padding:6px;border-radius:12px;border:1px solid var(--line,#E2E7EE);box-shadow:0 20px 40px -20px rgba(0,0,0,.4);text-align:right}
body #order-standard_cart.oxdr .multiselect-container label,body #order-standard_cart.oxdr .multiselect-container .dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;direction:ltr;justify-content:flex-end}
body #order-standard_cart.oxdr .multiselect-container input[type=search]{border-radius:8px}
body #order-standard_cart .oxdr-captcha{margin-block-start:12px;display:flex;justify-content:center}
/* quick TLD chips + perks */
body #order-standard_cart .oxdr-quick{display:flex;flex-wrap:wrap;gap:8px}
body #order-standard_cart .oxdr-qtld{display:inline-flex;align-items:center;gap:10px;block-size:44px;padding-inline:14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font:700 14px var(--font,inherit);cursor:pointer;transition:background .15s,border-color .15s}
body #order-standard_cart .oxdr-qtld:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32)}
body #order-standard_cart .oxdr-qtld b{font-family:var(--mono,monospace);font-size:15px}
body #order-standard_cart .oxdr-qtld small{font-size:12px;font-weight:600;color:#7DD3FC}
body #order-standard_cart .oxdr-perks{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;font-size:13px;color:#B6C3D8}
body #order-standard_cart .oxdr-perks li{display:inline-flex;align-items:center;gap:8px}
body #order-standard_cart .oxdr-perks i{color:#5EEAD4}

/* ---- results ---- */
body #order-standard_cart .oxdr-results{display:grid;gap:16px}
body #order-standard_cart.oxdr .primary-domain-header{display:none;margin:0;font-size:13px;font-weight:800;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart.oxdr .domain-checker-result-headline.oxdr-primary{margin:0;padding:22px;border-radius:22px;background:var(--surface,#fff);border:1px solid var(--line,#E2E7EE);box-shadow:0 20px 44px -30px rgba(14,23,38,.35);text-align:center}
body #order-standard_cart.oxdr .domain-lookup-primary-loader{margin:0;font-weight:700;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart.oxdr #primaryLookupResult p{margin:0 0 8px;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:800;line-height:1.7}
body #order-standard_cart.oxdr #primaryLookupResult strong{direction:ltr;unicode-bidi:isolate;font-family:var(--mono,monospace)}
body #order-standard_cart.oxdr .domain-checker-available{color:var(--teal-ink,#0B7366)!important}
body #order-standard_cart.oxdr .domain-checker-unavailable,body #order-standard_cart.oxdr .domain-checker-invalid{color:var(--red-ink,#A42A21)!important}
body #order-standard_cart.oxdr #primaryLookupResult .domain-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:14px 0 0}
body #order-standard_cart.oxdr #primaryLookupResult .domain-price .price{font-size:1.35rem;font-weight:900;color:var(--ink,#0E1726)}
body #order-standard_cart.oxdr .btn-add-to-cart{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-inline:20px;border:0;border-radius:12px;background:linear-gradient(180deg,#3B82F6,#1463D8);color:#fff!important;font:800 14px var(--font,inherit);box-shadow:0 12px 24px -14px #1463D8}
body #order-standard_cart.oxdr .btn-add-to-cart:hover{filter:brightness(1.08)}
body #order-standard_cart.oxdr .btn-add-to-cart.checkout{background:linear-gradient(180deg,#34D399,#0E9384);box-shadow:0 12px 24px -14px #0E9384}
body #order-standard_cart.oxdr .idn-language-selector{max-inline-size:420px;margin:12px auto 0}
body #order-standard_cart .oxdr-idn-desc{font-size:13px!important;font-weight:600!important;color:var(--ink-3,#5E6A7C)}
/* spotlight TLDs */
body #order-standard_cart.oxdr .spotlight-tlds{margin:0}
body #order-standard_cart.oxdr .spotlight-tlds-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
body #order-standard_cart.oxdr .spotlight-tld-container{inline-size:auto!important;float:none!important;padding:0!important}
body #order-standard_cart.oxdr .spotlight-tld{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;block-size:auto;min-block-size:128px;padding:18px 12px;border-radius:18px;border:1px solid var(--line,#E2E7EE);background:var(--surface,#fff);color:var(--ink,#0E1726);overflow:hidden}
body #order-standard_cart.oxdr .spotlight-tld::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:linear-gradient(90deg,#1463D8,#2DD4BF)}
body #order-standard_cart.oxdr .oxdr-sp-tld{font:900 1.35rem/1.2 var(--mono,monospace);color:var(--blue,#1463D8)}
body #order-standard_cart.oxdr .spotlight-tld .price{font-size:13px;font-weight:800;color:var(--ink-2,#3A4556)}
body #order-standard_cart.oxdr .spotlight-tld .btn{min-block-size:36px;padding-inline:14px;border-radius:10px;font-size:12.5px;font-weight:700}
body #order-standard_cart.oxdr .spotlight-tld .btn.unavailable,body #order-standard_cart.oxdr .spotlight-tld .btn.invalid{background:var(--surface-2,#EEF2F7);color:var(--ink-3,#5E6A7C);border:0}
body #order-standard_cart.oxdr .spotlight-tld-hot,body #order-standard_cart.oxdr .spotlight-tld-new,body #order-standard_cart.oxdr .spotlight-tld-sale{position:absolute;inset-block-start:10px;inset-inline-end:-30px;transform:rotate(-40deg);inline-size:110px;padding:2px 0;font-size:10.5px;font-weight:800;color:#fff;background:#DB2777;text-align:center}
body #order-standard_cart.oxdr .spotlight-tld-new{background:#0E9384}body #order-standard_cart.oxdr .spotlight-tld-sale{background:#C2690B}
/* suggestions */
body #order-standard_cart.oxdr .suggested-domains.oxdr-panel{margin:0;border-radius:22px;border:1px solid var(--line,#E2E7EE);background:var(--surface,#fff);overflow:hidden}
body #order-standard_cart.oxdr .oxdr-panel-h{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--surface-2,#EEF2F7);border-block-end:1px solid var(--line,#E2E7EE);font-weight:800;font-size:15px;color:var(--ink,#0E1726)}
body #order-standard_cart.oxdr .oxdr-panel-h i{color:#C2690B}
body #order-standard_cart.oxdr .domain-lookup-suggestions-loader,body #order-standard_cart.oxdr .domain-lookup-suggestions-message{padding:18px 20px;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart.oxdr #domainSuggestions{margin:0}
body #order-standard_cart.oxdr .domain-suggestion.list-group-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 20px;border:0;border-block-end:1px dashed var(--line,#E2E7EE);border-radius:0;background:none}
body #order-standard_cart.oxdr .domain-suggestion:hover{background:var(--surface-2,#EEF2F7)}
body #order-standard_cart.oxdr .oxdr-sug-name{font:800 16px var(--mono,monospace);color:var(--ink,#0E1726)}
body #order-standard_cart.oxdr .domain-suggestion .extension{color:var(--blue,#1463D8)}
body #order-standard_cart.oxdr .domain-suggestion .promo span{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;background:var(--red-tint,#FEF1F0);color:var(--red,#C8372D)}
body #order-standard_cart.oxdr .domain-suggestion .promo .sales-group-new{background:var(--teal-tint,#E6F6F3);color:var(--teal,#0E9384)}
body #order-standard_cart.oxdr .domain-suggestion .actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
body #order-standard_cart.oxdr .domain-suggestion .actions .price{font-weight:800;color:var(--ink-2,#3A4556)}
body #order-standard_cart.oxdr .domain-suggestion .btn-add-to-cart{min-block-size:38px;padding-inline:14px;font-size:13px}
body #order-standard_cart.oxdr .more-suggestions{padding:14px;border:0;background:none}
body #order-standard_cart.oxdr .more-suggestions a{font-weight:800;color:var(--blue,#1463D8)}
body #order-standard_cart.oxdr .domain-suggestions-warning{padding:0 20px 14px;font-size:12px;color:var(--ink-3,#5E6A7C)}

/* ---- price list ---- */
body #order-standard_cart .oxdr-prices{display:grid;gap:14px}
body #order-standard_cart .oxdr-sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
body #order-standard_cart.oxdr .oxdr-sec-h h2{margin:10px 0 0;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:900}
body #order-standard_cart .oxdr-q{position:relative;flex:0 1 300px;margin:0}
body #order-standard_cart .oxdr-q i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--ink-3,#5E6A7C)}
body #order-standard_cart .oxdr-q input{inline-size:100%;block-size:46px;padding-inline:40px 14px;border-radius:12px;border:1.5px solid var(--line-2,#CDD5E0);background:var(--surface,#fff);color:var(--ink,#0E1726);font:500 14px var(--font,inherit)}
body #order-standard_cart .oxdr-q input:focus{outline:0;border-color:var(--blue,#1463D8);box-shadow:0 0 0 3px var(--blue-tint,#EAF2FD)}
body #order-standard_cart .oxdr-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:2px}
body #order-standard_cart .oxdr-cats::-webkit-scrollbar{display:none}
body #order-standard_cart .oxdr-cats a{flex:none;display:inline-flex;align-items:center;gap:6px;block-size:38px;padding-inline:12px;border:1px solid var(--line,#E2E7EE);border-radius:10px;background:var(--surface,#fff);color:var(--ink-2,#3A4556)!important;font-size:13px;font-weight:700;text-decoration:none!important}
body #order-standard_cart .oxdr-cats a small{padding:0 6px;border-radius:999px;background:var(--surface-2,#EEF2F7);font-size:11px;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart .oxdr-cats a.is-on{background:var(--blue,#1463D8);border-color:var(--blue,#1463D8);color:#fff!important}
body #order-standard_cart .oxdr-cats a.is-on small{background:rgba(255,255,255,.2);color:#fff}
body #order-standard_cart .oxdr-table{display:grid;gap:8px}
body #order-standard_cart .oxdr-thead,body #order-standard_cart .oxdr-row{display:grid;grid-template-columns:minmax(120px,1.1fr) repeat(3,minmax(0,1fr)) 120px;align-items:center;gap:12px}
body #order-standard_cart .oxdr-thead{padding:0 18px;font-size:12.5px;font-weight:800;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart .oxdr-row{padding:14px 18px;border-radius:16px;border:1px solid var(--line,#E2E7EE);background:var(--surface,#fff);transition:border-color .15s,box-shadow .15s}
body #order-standard_cart .oxdr-row[hidden]{display:none}
body #order-standard_cart .oxdr-row:hover{border-color:color-mix(in srgb,var(--blue,#1463D8) 35%,var(--line,#E2E7EE));box-shadow:0 14px 30px -24px rgba(14,23,38,.4)}
body #order-standard_cart .oxdr-tld{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body #order-standard_cart .oxdr-tld b{font:900 17px var(--mono,monospace);color:var(--ink,#0E1726)}
body #order-standard_cart.oxdr .tld-sale-group{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800;background:var(--red-tint,#FEF1F0);color:var(--red,#C8372D)}
body #order-standard_cart.oxdr .tld-sale-group-new{background:var(--teal-tint,#E6F6F3);color:var(--teal,#0E9384)}
body #order-standard_cart.oxdr .tld-sale-group-sale{background:var(--amber-tint,#FEF5EB);color:var(--amber,#C2690B)}
body #order-standard_cart .oxdr-p{display:flex;flex-direction:column;line-height:1.5;min-inline-size:0}
body #order-standard_cart .oxdr-p b{font-size:14px;font-weight:800;color:var(--ink,#0E1726)}
body #order-standard_cart .oxdr-p.is-reg b{color:var(--blue,#1463D8)}
body #order-standard_cart .oxdr-p small{font-size:11.5px;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart .oxdr-pick{display:inline-flex;align-items:center;justify-content:center;gap:6px;block-size:40px;border:0;border-radius:11px;background:var(--blue-tint,#EAF2FD);color:var(--blue,#1463D8);font:800 13px var(--font,inherit);cursor:pointer}
body #order-standard_cart .oxdr-pick:hover{background:var(--blue,#1463D8);color:#fff}
body #order-standard_cart .oxdr-none{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:28px;border-radius:16px;border:1px dashed var(--line-2,#CDD5E0);color:var(--ink-3,#5E6A7C)}
body #order-standard_cart .oxdr-none[hidden]{display:none}

/* ---- promos ---- */
body #order-standard_cart .oxdr-promos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
body #order-standard_cart .oxdr-promo{display:flex;align-items:center;gap:16px;padding:20px;border-radius:22px;border:1px solid var(--line,#E2E7EE);background:var(--surface,#fff);color:var(--ink,#0E1726)!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
body #order-standard_cart .oxdr-promo:hover{transform:translateY(-3px);box-shadow:0 24px 44px -28px rgba(14,23,38,.4)}
body #order-standard_cart .oxdr-promo-ic{display:grid;place-items:center;flex:none;inline-size:56px;block-size:56px;border-radius:16px;font-size:22px;color:#fff;background:linear-gradient(160deg,#FBBF24,#C2690B)}
body #order-standard_cart .oxdr-promo.is-transfer .oxdr-promo-ic{background:linear-gradient(160deg,#60A5FA,#1463D8)}
body #order-standard_cart .oxdr-promo-tx{display:flex;flex-direction:column;gap:4px;flex:1;min-inline-size:0;line-height:1.7}
body #order-standard_cart .oxdr-promo-tx b{font-size:16px;font-weight:900}
body #order-standard_cart .oxdr-promo-tx small{font-size:13px;color:var(--ink-3,#5E6A7C)}
body #order-standard_cart .oxdr-promo-tx em{display:block;font-style:normal;font-size:11.5px;opacity:.8}
body #order-standard_cart .oxdr-promo-go{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--blue,#1463D8)}

@media (max-width:767px){
  body #order-standard_cart .oxdr-hero{border-radius:20px}
  body #order-standard_cart.oxdr .oxdr-field{padding-inline-start:40px;border-radius:16px}
  body #order-standard_cart .oxdr-field-ic{inset-inline-start:15px}
  body #order-standard_cart.oxdr .oxdr-field .form-control{block-size:48px;font-size:1rem}
  body #order-standard_cart.oxdr .oxdr-go{block-size:48px;padding-inline:14px!important}
  body #order-standard_cart.oxdr .oxdr-go span{display:none}
  body #order-standard_cart .oxdr-field.is-ai{flex-wrap:wrap;padding-inline-start:40px}
  body #order-standard_cart .oxdr-field.is-ai .oxdr-go{flex:1 1 100%;justify-content:center;block-size:46px;min-block-size:46px}
  body #order-standard_cart .oxdr-field.is-ai .oxdr-go span{display:inline}
  body #order-standard_cart.oxdr .oxdr-opt,body #order-standard_cart.oxdr .oxdr-opt .btn-group,body #order-standard_cart.oxdr .oxdr-opt .multiselect.dropdown-toggle{flex:1 1 auto}
  body #order-standard_cart .oxdr-qtld{flex:1 1 calc(50% - 4px);justify-content:space-between}
  body #order-standard_cart .oxdr-thead{display:none}
  body #order-standard_cart .oxdr-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:14px}
  body #order-standard_cart .oxdr-tld{grid-column:1/-1}
  body #order-standard_cart .oxdr-p::before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--ink-3,#5E6A7C)}
  body #order-standard_cart .oxdr-pick{grid-column:1/-1}
  body #order-standard_cart .oxdr-q{flex:1 1 100%}
  body #order-standard_cart.oxdr .domain-suggestion .actions{margin-inline-start:0;inline-size:100%;justify-content:space-between}
  body #order-standard_cart .oxdr-promo{flex-wrap:wrap}
  body #order-standard_cart .oxdr-promo-go{inline-size:100%;justify-content:flex-end}
}

/* results stay hidden until WHMCS shows them (it removes .w-hidden / sets display) */
body #order-standard_cart .oxdr-results.w-hidden{display:none}
/* WHMCS fades .domain-pricing out and fades the results in (inline display:block) — space the blocks with margins */
body #order-standard_cart .oxdr-results > * + *{margin-block-start:16px}
body #order-standard_cart .oxdr-prices.domain-pricing{margin:0;padding:0;background:none}
body #order-standard_cart.oxdr .spotlight-tld .btn.btn-add-to-cart:not(.domain-contact-support){inline-size:auto;max-inline-size:none;min-block-size:38px;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(180deg,#3B82F6,#1463D8);color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 20px -12px #1463D8}
body #order-standard_cart.oxdr .spotlight-tld .btn.btn-add-to-cart:not(.domain-contact-support):hover{background:linear-gradient(180deg,#3B82F6,#1463D8);filter:brightness(1.08)}
body #order-standard_cart.oxdr .spotlight-tld .btn.btn-add-to-cart.checkout:not(.domain-contact-support){background:linear-gradient(180deg,#34D399,#0E9384);box-shadow:0 10px 20px -12px #0E9384}
@media (max-width:767px){body #order-standard_cart.oxdr .oxdr-field textarea{min-block-size:92px}}

/* ==========================================================================
   Resource studio — VirtualizorPro order-time resources (js: buildResources)
   ========================================================================== */
.oxc-opts:has(.oxc-opt.is-res){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oxc-opts:has(.oxc-opt.is-res)>.oxc-opt:not(.is-res),.oxc-opts>.oxr-head,.oxc-opt.is-res:has(.is-gauge){grid-column:1/-1}
.oxc-opt.is-res>.oxc-opt-l{display:none}
.oxr-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 18px;border-radius:18px;color:#E2E8F0;
  background:radial-gradient(420px 160px at 100% 0%,rgba(59,130,246,.35),transparent 70%),radial-gradient(360px 160px at 0% 100%,rgba(168,85,247,.28),transparent 70%),linear-gradient(135deg,#0B1424,#13234A)}
.oxr-head-ic{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#93C5FD;font-size:18px;flex:none}
.oxr-head-tx{flex:1 1 220px;display:grid;gap:2px;min-inline-size:0}
.oxr-head-tx b{color:#fff;font-size:var(--c-fs-500);font-weight:800}
.oxr-head-tx small{color:#A9B6C8;font-size:var(--c-fs-200);line-height:1.8}
.oxr-head-sum{display:grid;gap:1px;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:end}
.oxr-head-sum small{color:#A9B6C8;font-size:var(--c-fs-100)}
.oxr-head-sum b{color:#fff;font-size:var(--c-fs-400);font-weight:800;font-variant-numeric:tabular-nums}

.oxr-card{--acc:#3B82F6;position:relative;display:grid;gap:14px;padding:16px;border-radius:18px;border:1.5px solid var(--c-line);background:
  linear-gradient(var(--c-surface),var(--c-surface)) padding-box;overflow:hidden;transition:border-color .2s var(--c-ease),box-shadow .2s var(--c-ease)}
.oxr-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:linear-gradient(color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px) 0 0/100% 18px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px) 0 0/18px 100%;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}
.oxr-card>*{position:relative}
.oxr-card.is-on{border-color:color-mix(in srgb,var(--acc) 55%,var(--c-line));box-shadow:0 18px 36px -24px color-mix(in srgb,var(--acc) 70%,transparent)}
.oxr-card.is-ram{--acc:#8B5CF6}.oxr-card.is-cores{--acc:#F97316}.oxr-card.is-ips{--acc:#10B981}.oxr-card.is-disk{--acc:#F59E0B}.oxr-card.is-bandwidth{--acc:#0EA5E9}.oxr-card.is-network_speed{--acc:#3B82F6}
.oxr-top{display:flex;align-items:center;gap:12px;min-inline-size:0}
.oxr-ic{flex:none;display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:13px;color:var(--acc);background:color-mix(in srgb,var(--acc) 13%,var(--c-surface));font-size:17px}
.oxr-t{flex:1;min-inline-size:0;display:grid;gap:1px}
.oxr-t b{font-size:var(--c-fs-400);font-weight:800;color:var(--c-ink)}
.oxr-t small{font-size:var(--c-fs-200);color:var(--c-ink-3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxr-card.is-on .oxr-t small{color:var(--acc)}
.oxr-price{flex:none;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--acc) 12%,var(--c-surface));color:var(--acc);font-size:var(--c-fs-200);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.oxr-price .is-free{color:var(--c-ink-3);font-weight:700}

/* equalizer bars */
.oxr-bars{display:flex;align-items:flex-end;gap:6px;min-block-size:150px}
.oxr-bar{flex:1 1 0;min-inline-size:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;color:var(--c-ink-2)}
.oxr-bar-col{position:relative;display:block;inline-size:100%;max-inline-size:46px;block-size:96px;border-radius:10px;background:var(--c-surface-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--c-line)}
.oxr-bar-col i{position:absolute;inset-inline:0;bottom:0;block-size:var(--h);border-radius:10px 10px 8px 8px;
  background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--acc) 22%,transparent) 0 5px,transparent 5px 8px);transition:background .2s,transform .2s var(--c-ease)}
.oxr-bar.is-fill .oxr-bar-col i{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--acc) 85%,#fff) 0 5px,color-mix(in srgb,var(--acc) 55%,transparent) 5px 8px)}
.oxr-bar[aria-checked="true"] .oxr-bar-col{box-shadow:inset 0 0 0 2px var(--acc),0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.oxr-bar[aria-checked="true"] .oxr-bar-col i{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 70%,#fff),var(--acc))}
.oxr-bar:hover .oxr-bar-col i{transform:translateY(-3px)}
.oxr-bar.is-none .oxr-bar-col i{background:repeating-linear-gradient(45deg,var(--c-line-2) 0 3px,transparent 3px 7px)}
.oxr-bar b{font-size:var(--c-fs-100);font-weight:800;line-height:1.4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%}
.oxr-bar small{font-size:10.5px;color:var(--c-ink-3);text-align:center;line-height:1.3;white-space:nowrap}
.oxr-bar[aria-checked="true"] b{color:var(--acc)}
.oxr-bar:focus-visible{outline:none}
.oxr-bar:focus-visible .oxr-bar-col{outline:2px solid var(--c-ring);outline-offset:2px}

/* speed gauge */
.oxr-card.is-gauge{grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-areas:"top top" "gauge slider" "gauge scale";align-items:center;column-gap:24px;
  background:radial-gradient(500px 220px at 15% 100%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 70%),var(--c-surface)}
.oxr-card.is-gauge .oxr-top{grid-area:top}
.oxr-gauge{grid-area:gauge;position:relative}
.oxr-gauge svg{display:block;inline-size:100%;block-size:auto;overflow:visible}
.oxr-arc-bg,.oxr-arc{fill:none;stroke-width:16;stroke-linecap:round}
.oxr-arc-bg{stroke:var(--c-surface-2)}
.oxr-arc{stroke-dasharray:0 100;transition:stroke-dasharray .35s var(--c-ease)}
.oxr-ticks line{stroke:var(--c-line-2);stroke-width:2;stroke-linecap:round}
.oxr-needle{transform-box:view-box;transform-origin:120px 120px;transform:rotate(-90deg);transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.oxr-needle line{stroke:var(--c-ink);stroke-width:4;stroke-linecap:round}
.oxr-needle circle{fill:var(--c-ink);stroke:var(--c-surface);stroke-width:3}
.oxr-readout{position:static;margin-top:6px;display:flex;align-items:baseline;justify-content:center;gap:6px;pointer-events:none}
.oxr-readout b{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;color:var(--c-ink);line-height:1;font-variant-numeric:tabular-nums;
  background:var(--c-surface);padding:2px 10px;border-radius:10px}
.oxr-readout small{font-size:var(--c-fs-300);font-weight:800;color:var(--acc)}
.oxr-slider{grid-area:slider;display:flex;direction:ltr;align-items:center;gap:10px}
.oxr-step{flex:none;inline-size:44px;block-size:44px;border-radius:12px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink);font-size:20px;font-weight:700;line-height:1;cursor:pointer}
.oxr-step:hover{border-color:var(--acc);color:var(--acc)}
.oxr-slider input[type=range]{flex:1;min-inline-size:0;-webkit-appearance:none;appearance:none;block-size:44px;background:transparent;cursor:pointer;direction:ltr}
.oxr-slider input[type=range]::-webkit-slider-runnable-track{block-size:10px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b82f6 55%,#a855f7)}
.oxr-slider input[type=range]::-moz-range-track{block-size:10px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b82f6 55%,#a855f7)}
.oxr-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;inline-size:28px;block-size:28px;margin-top:-9px;border-radius:50%;background:var(--c-surface);border:4px solid var(--acc);box-shadow:0 6px 14px -4px rgba(14,23,38,.4)}
.oxr-slider input[type=range]::-moz-range-thumb{inline-size:22px;block-size:22px;border-radius:50%;background:var(--c-surface);border:4px solid var(--acc)}
.oxr-scale{grid-area:scale;display:flex;direction:ltr;justify-content:space-between;font-size:var(--c-fs-100);font-weight:700;color:var(--c-ink-3);padding-inline:54px}

@media (max-width:767px){
  .oxc-opts:has(.oxc-opt.is-res){grid-template-columns:minmax(0,1fr)}
  .oxr-head-sum{flex:1 1 100%;text-align:start}
  .oxr-card.is-gauge{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "gauge" "slider" "scale"}
  .oxr-gauge{max-inline-size:280px;margin-inline:auto;inline-size:100%}
  .oxr-bars{gap:4px;min-block-size:130px}
  .oxr-bar-col{block-size:80px}
  .oxr-bar small{font-size:9.5px}
}
@media (prefers-reduced-motion:reduce){.oxr-needle,.oxr-arc,.oxr-bar-col i{transition:none}}

/* ==========================================================================
   Cart review (viewcart.tpl, .oxv) — item tickets + receipt summary.
   body-prefixed where all.min.css / custom.css style the same WHMCS hooks.
   ========================================================================== */
.oxc-steps li.is-done{background:var(--c-teal-t);color:var(--c-teal)}
.oxc-steps li.is-done span{background:var(--c-teal);border-color:var(--c-teal);color:#fff;font-size:0}
.oxc-steps li.is-done span::before{content:"\f00c";font:900 10px "Font Awesome 5 Pro","Font Awesome 5 Free"}
.oxv-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.oxv-main{display:grid;gap:16px;min-inline-size:0}

.oxv-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-block-end:16px;border-radius:14px;border:1px solid;font-size:var(--c-fs-300);line-height:1.9}
.oxv-note>i{margin-top:5px}
.oxv-note ul{margin:4px 0 0;padding-inline-start:18px}
.oxv-note.is-warn{background:var(--c-amber-t);border-color:color-mix(in srgb,var(--c-amber) 35%,transparent);color:var(--c-amber)}
.oxv-note.is-err{background:color-mix(in srgb,#EF4444 9%,var(--c-surface));border-color:color-mix(in srgb,#EF4444 35%,transparent);color:#B91C1C}
.oxv-note.is-info{background:var(--c-blue-t);border-color:color-mix(in srgb,var(--c-blue) 30%,transparent);color:var(--c-blue)}
.oxv-note.is-ok{background:var(--c-teal-t);border-color:color-mix(in srgb,var(--c-teal) 35%,transparent);color:var(--c-teal)}

/* item tickets */
.oxv-items{display:grid;gap:12px;margin:0}
.oxv-item{--acc:var(--c-blue);position:relative;display:flex;gap:16px;padding:18px 20px;border-radius:18px;border:1px solid var(--c-line);background:var(--c-surface);
  box-shadow:var(--c-sh-1);transition:border-color .2s,box-shadow .2s}
.oxv-item::before{content:"";position:absolute;inset-block:16px;inset-inline-start:0;inline-size:4px;border-radius:0 4px 4px 0;background:var(--acc)}
.oxv-item:hover{border-color:color-mix(in srgb,var(--acc) 40%,var(--c-line));box-shadow:var(--c-sh-2)}
.oxv-item.is-domain{--acc:#0EA5E9}.oxv-item.is-addon,.oxv-item.is-sub{--acc:#8B5CF6}.oxv-item.is-renew{--acc:var(--c-teal)}.oxv-item.is-upgrade{--acc:#F97316}
.oxv-item.is-sub{margin-inline-start:34px;padding-block:12px;box-shadow:none;background:var(--c-surface-2)}
.oxv-item.is-sub::after{content:"";position:absolute;inset-inline-start:-20px;top:-12px;inline-size:16px;block-size:38px;border-inline-start:2px dashed var(--c-line-2);border-block-end:2px dashed var(--c-line-2);border-end-start-radius:10px}
.oxv-item-ic{flex:none;display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:14px;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--c-surface));font-size:19px}
.oxv-item.is-sub .oxv-item-ic{inline-size:38px;block-size:38px;font-size:15px}
.oxv-item-body{flex:1;min-inline-size:0;display:grid;gap:12px}
.oxv-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.oxv-item-t{display:grid;gap:2px;min-inline-size:0}
.oxv-item-t small{font-size:var(--c-fs-200);color:var(--c-ink-3);font-weight:600}
.oxv-item-t b{font-size:var(--c-fs-500);font-weight:800;color:var(--c-ink);line-height:1.5;overflow-wrap:anywhere}
.oxv-domain{font-family:ui-monospace,Consolas,monospace;letter-spacing:.2px;text-align:start}
.oxv-host{justify-self:start;margin-top:4px;padding:2px 10px;border-radius:999px;background:var(--c-surface-2);border:1px solid var(--c-line);font-size:var(--c-fs-100);font-weight:700;color:var(--c-ink-2);max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oxv-price{flex:none;display:grid;justify-items:end;gap:2px;text-align:end}
.oxv-price>b{font-size:var(--c-fs-500);font-weight:900;color:var(--c-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.oxv-price small{font-size:var(--c-fs-100);color:var(--c-ink-3);font-weight:600}
.oxv-price .renewal{color:var(--c-ink-3)}
.oxv-price .renewal-price{font-weight:800;color:var(--c-ink-2)}
.oxv-period-btn{display:inline-flex;align-items:center;gap:6px;block-size:30px;padding-inline:10px;border-radius:8px;border:1px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--c-fs-200);font-weight:700}
.oxv-period .dropdown-menu{min-inline-size:200px;border-radius:12px;border:1px solid var(--c-line);background:var(--c-surface);box-shadow:var(--c-sh-2);padding:6px}
.oxv-period .dropdown-item{padding:0;background:none}
.oxv-period .dropdown-item a{display:block;padding:8px 10px;border-radius:8px;color:var(--c-ink);font-size:var(--c-fs-200)}
.oxv-period .dropdown-item a:hover{background:var(--c-blue-t);color:var(--c-blue);text-decoration:none}

.oxv-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:6px;margin:0;padding:0;list-style:none}
.oxv-specs li{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:10px;background:var(--c-surface-2);border:1px dashed var(--c-line-2);min-inline-size:0}
.oxv-specs li span{font-size:11px;color:var(--c-ink-3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxv-specs li b{font-size:var(--c-fs-200);color:var(--c-ink);font-weight:800;overflow-wrap:anywhere}
.oxv-specs.is-flags li{flex-direction:row;border-style:solid}
.oxv-specs.is-flags li b{display:inline-flex;align-items:center;gap:6px}
.oxv-specs.is-flags i{color:var(--c-teal)}
.oxv-credit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--c-teal-t)}
.oxv-credit span{display:grid;gap:2px}
.oxv-credit b{font-size:var(--c-fs-200)}
.oxv-credit small{font-size:var(--c-fs-100);color:var(--c-ink-3)}
.oxv-credit-v{color:var(--c-teal);white-space:nowrap}

.oxv-item-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.oxv-tag{padding:3px 10px;border-radius:999px;background:var(--c-amber-t);color:var(--c-amber);font-size:var(--c-fs-100);font-weight:700}
.oxv-qty{display:inline-flex;align-items:center;gap:6px;font-size:var(--c-fs-200);color:var(--c-ink-3)}
body #order-standard_cart.oxv .oxv-qty .form-control{inline-size:72px;block-size:34px;padding:0 8px;border-radius:9px;border:1.5px solid var(--c-line-2);text-align:center;background:var(--c-surface);color:var(--c-ink)}
.oxv-acts{display:inline-flex;gap:4px;margin-inline-start:auto}
.oxv-link{display:inline-flex;align-items:center;gap:6px;min-block-size:34px;padding:0 10px;border:0;border-radius:9px;background:none;color:var(--c-ink-2);font:inherit;font-size:var(--c-fs-200);font-weight:700;cursor:pointer;text-decoration:none}
.oxv-link:hover{background:var(--c-surface-2);color:var(--c-blue);text-decoration:none}
.oxv-link.is-danger:hover{background:color-mix(in srgb,#EF4444 10%,transparent);color:#DC2626}
.oxv-list-foot{display:flex;justify-content:space-between;gap:8px;padding:4px 2px}

.oxv-empty{display:grid;justify-items:center;gap:8px;padding:48px 20px;border-radius:20px;border:1.5px dashed var(--c-line-2);background:var(--c-surface);text-align:center}
.oxv-empty-ic{display:grid;place-items:center;inline-size:76px;block-size:76px;border-radius:24px;background:var(--c-blue-t);color:var(--c-blue);font-size:30px;margin-block-end:6px}
.oxv-empty b{font-size:var(--c-fs-600);font-weight:800;color:var(--c-ink)}
.oxv-empty p{margin:0 0 8px;color:var(--c-ink-3);max-inline-size:48ch}
.oxv-empty-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.oxv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-inline:18px;border-radius:12px;border:1.5px solid transparent;background:var(--c-blue);color:var(--c-on-blue)!important;font:inherit;font-size:var(--c-fs-300);font-weight:800;cursor:pointer;text-decoration:none!important}
.oxv-btn:hover{background:var(--c-blue-h)}
.oxv-btn.is-line{background:var(--c-surface);border-color:var(--c-line-2);color:var(--c-ink)!important}
.oxv-btn.is-line:hover{border-color:var(--c-blue);color:var(--c-blue)!important}
.oxv-btn.is-danger{background:#DC2626}
.oxv-btn.is-danger:hover{background:#B91C1C}

.oxv-card{border-radius:16px;border:1px solid var(--c-line);background:var(--c-surface)}
.oxv-tax summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700;color:var(--c-ink-2)}
.oxv-tax summary::-webkit-details-marker{display:none}
.oxv-chev{margin-inline-start:auto;transition:transform .2s}
.oxv-tax[open] .oxv-chev{transform:rotate(180deg)}
.oxv-tax-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end;padding:0 18px 18px}
.oxv-tax-f label{display:grid;gap:4px;margin:0;font-size:var(--c-fs-200);font-weight:700;color:var(--c-ink-3)}
body #order-standard_cart.oxv .oxv-tax-f .form-control{block-size:44px;border-radius:10px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink)}

/* receipt */
.oxv-side{position:sticky;inset-block-start:96px}
body #order-standard_cart.oxv .oxv-receipt{position:relative;margin:0;padding:22px 22px 26px;border-radius:20px 20px 6px 6px;border:1px solid var(--c-line);
  background:var(--c-surface);color:var(--c-ink);box-shadow:var(--c-sh-2)}
body #order-standard_cart.oxv .oxv-receipt::after{content:"";position:absolute;inset-inline:-1px;bottom:-11px;block-size:12px;
  background:radial-gradient(circle at 10px -2px,transparent 9px,var(--c-surface) 10px) 0 0/20px 12px repeat-x;filter:drop-shadow(0 1px 0 var(--c-line))}
body #order-standard_cart.oxv .oxv-receipt .loader{position:absolute;inset:0;z-index:5;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--c-surface) 70%,transparent);color:var(--c-blue);font-size:22px}
body #order-standard_cart.oxv .oxv-receipt .loader.w-hidden{display:none}
.oxv-receipt-h{display:flex;align-items:center;gap:12px;padding-block-end:14px;border-block-end:2px dashed var(--c-line-2)}
.oxv-receipt-ic{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:12px;background:var(--c-ink);color:var(--c-surface);font-size:17px}
.oxv-receipt-h div{display:grid}
.oxv-receipt-h b{font-size:var(--c-fs-500);font-weight:800}
.oxv-receipt-h small{font-size:var(--c-fs-200);color:var(--c-ink-3)}

.oxv-promo{padding-block:14px;border-block-end:2px dashed var(--c-line-2)}
.oxv-promo-f{position:relative;display:flex;gap:6px;margin:0}
.oxv-promo-f>i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--c-ink-3);pointer-events:none}
body #order-standard_cart.oxv .oxv-promo-f .form-control{flex:1;min-inline-size:0;block-size:44px;padding-inline:36px 10px;border-radius:11px;border:1.5px dashed var(--c-line-2);background:var(--c-surface-2);color:var(--c-ink);font-weight:700;text-align:right}
body #order-standard_cart.oxv .oxv-promo-f .form-control:focus{border-style:solid;border-color:var(--c-blue);outline:0;box-shadow:0 0 0 3px var(--c-blue-t)}
.oxv-promo-f button{flex:none;block-size:44px;padding-inline:14px;border:0;border-radius:11px;background:var(--c-ink);color:var(--c-surface);font:inherit;font-size:var(--c-fs-200);font-weight:800;cursor:pointer}
.oxv-promo-on{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--c-teal-t);color:var(--c-teal)}
.oxv-promo-on span{flex:1;display:grid;min-inline-size:0}
.oxv-promo-on small{color:var(--c-ink-3);font-size:var(--c-fs-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.oxv-lines{display:grid;gap:10px;margin:0;padding-block:16px}
.oxv-lines>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:var(--c-fs-300)}
.oxv-lines dt{font-weight:600;color:var(--c-ink-3)}
.oxv-lines dd{margin:0;font-weight:800;color:var(--c-ink);text-align:end;font-variant-numeric:tabular-nums}
.oxv-lines .is-disc dd{color:var(--c-teal)}
.oxv-lines .is-rec dd{display:grid;gap:2px;font-size:var(--c-fs-200)}
body #order-standard_cart.oxv .oxv-due{display:flex;flex-direction:column;gap:2px;margin:0 -22px 16px;padding:16px 22px;text-align:start;
  background:linear-gradient(135deg,#0B1424,#16295A);color:#fff;border:0}
body #order-standard_cart.oxv .oxv-due small{font-size:var(--c-fs-200);color:#A9B6C8;font-weight:600}
body #order-standard_cart.oxv .oxv-due .amt,body #order-standard_cart.oxv .order-summary .total-due-today .amt{display:block;font-size:clamp(1.4rem,2.6vw,1.75rem);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;text-align:start}
.oxv-go{display:flex;align-items:center;justify-content:center;gap:10px;min-block-size:54px;border-radius:14px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff!important;
  font-size:var(--c-fs-500);font-weight:900;text-decoration:none!important;box-shadow:0 16px 30px -14px rgba(22,163,74,.75);transition:filter .2s,transform .1s}
.oxv-go:hover{filter:brightness(1.06)}
.oxv-go:active{transform:translateY(1px)}
.oxv-go.disabled{opacity:.45;pointer-events:none;box-shadow:none}
.oxv-continue{display:block;margin-top:10px;text-align:center;font-size:var(--c-fs-200);font-weight:700;color:var(--c-ink-3)!important}
.oxv-trust{display:grid;gap:6px;margin:16px 0 0;padding:14px 0 0;list-style:none;border-block-start:1px solid var(--c-line)}
.oxv-trust li{display:flex;align-items:center;gap:8px;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxv-trust i{inline-size:18px;text-align:center;color:var(--c-teal)}
.oxv .express-checkout-buttons:empty{display:none}

.oxv-modal .modal-content{border:0;border-radius:20px;background:var(--c-surface);color:var(--c-ink);box-shadow:var(--c-sh-2)}
.oxv-modal .modal-body{display:grid;justify-items:center;gap:6px;padding:28px 24px 8px;text-align:center}
.oxv-modal-ic{display:grid;place-items:center;inline-size:60px;block-size:60px;border-radius:18px;background:color-mix(in srgb,#EF4444 12%,var(--c-surface));color:#DC2626;font-size:24px}
.oxv-modal .modal-title{margin:6px 0 0;font-size:var(--c-fs-500);font-weight:800}
.oxv-modal p{margin:0;color:var(--c-ink-3)}
.oxv-modal .modal-footer{justify-content:center;gap:8px;border:0;padding:16px 24px 24px}

.oxv-mbar{display:none}
@media (max-width:991px){
  .oxv-grid{grid-template-columns:minmax(0,1fr)}
  .oxv-side{position:static}
  .oxv-mbar{position:fixed;inset-inline:0;bottom:0;z-index:1040;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--c-surface) 96%,transparent);border-block-start:1px solid var(--c-line);box-shadow:0 -10px 30px -12px rgba(14,23,38,.25)}
  .oxv-mbar div{flex:1;display:grid;min-inline-size:0}
  .oxv-mbar small{font-size:var(--c-fs-100);color:var(--c-ink-3)}
  .oxv-mbar b{font-size:var(--c-fs-500);font-weight:900;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .oxv-mbar .oxv-go{min-block-size:46px;padding-inline:18px;font-size:var(--c-fs-300)}
  body:has(.oxv-mbar){padding-bottom:76px}
}
@media (max-width:575px){
  .oxv-item{padding:14px;gap:12px}
  .oxv-item-ic{inline-size:40px;block-size:40px;font-size:16px}
  .oxv-item-head{flex-direction:column;gap:8px}
  .oxv-price{justify-items:start;text-align:start}
  .oxv-item.is-sub{margin-inline-start:16px}
  .oxv-item.is-sub::after{display:none}
  .oxv-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oxv-acts{margin-inline-start:0;inline-size:100%;justify-content:flex-end}
  .oxv-tax-f{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   Checkout (checkout.tpl, .oxk) — sectioned form + sticky summary.
   body-prefixed: all.min.css / custom.css style the same WHMCS markup.
   ========================================================================== */
.oxk-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.oxk-main{min-inline-size:0}
body #order-standard_cart.oxk #frmCheckout{display:block;padding:8px 26px 26px;border-radius:20px;border:1px solid var(--c-line);background:var(--c-surface);box-shadow:var(--c-sh-1);counter-reset:oxk}
body #order-standard_cart.oxk .sub-heading{position:relative;display:flex;align-items:center;gap:12px;margin:26px 0 16px;padding:0;height:auto;border:0;text-align:start}
body #order-standard_cart.oxk .sub-heading::before{counter-increment:oxk;content:counter(oxk);display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;border-radius:10px;background:var(--c-blue-t);color:var(--c-blue);font-weight:900;font-size:13px}
body #order-standard_cart.oxk .sub-heading::after{content:"";flex:1;block-size:1px;background:var(--c-line)}
body #order-standard_cart.oxk .sub-heading span,body #order-standard_cart.oxk .sub-heading .primary-bg-color{position:static;display:block;padding:0;background:none!important;color:var(--c-ink)!important;font-size:var(--c-fs-400);font-weight:800;line-height:1.6}
body #order-standard_cart.oxk .sub-heading small,body #order-standard_cart.oxk .sub-heading i{font-size:var(--c-fs-100);font-weight:600;color:var(--c-ink-3);font-style:normal}

/* inputs */
body #order-standard_cart.oxk .form-group{margin-bottom:14px}
body #order-standard_cart.oxk .prepend-icon{position:relative}
body #order-standard_cart.oxk .prepend-icon .field-icon{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:2;display:grid;place-items:center;inline-size:44px;block-size:48px;margin:0;padding:0;color:var(--c-ink-3);font-size:14px;pointer-events:none}
body #order-standard_cart.oxk .field.form-control,body #order-standard_cart.oxk .prepend-icon .form-control,body #order-standard_cart.oxk .field-container .form-control,body #order-standard_cart.oxk #frmCheckout select.form-control,body #order-standard_cart.oxk #frmCheckout textarea.form-control,body #order-standard_cart.oxk #frmCheckout input.form-control{
  block-size:48px;padding:10px 14px;padding-inline-start:44px;border-radius:12px;border:1.5px solid var(--c-line-2);background-color:var(--c-surface-2);color:var(--c-ink);font:500 var(--c-fs-300) var(--c-font);box-shadow:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
body #order-standard_cart.oxk #frmCheckout textarea.form-control{block-size:auto;min-block-size:110px;padding-inline-start:14px}
body #order-standard_cart.oxk .field-container .form-control,body #order-standard_cart.oxk #frmCheckout .form-group:not(.prepend-icon)>.form-control{padding-inline-start:14px}
body #order-standard_cart.oxk #frmCheckout .form-control:focus{outline:0;border-color:var(--c-blue);background-color:var(--c-surface);box-shadow:0 0 0 3px var(--c-blue-t)}
body #order-standard_cart.oxk #frmCheckout label{color:var(--c-ink-2);font-weight:700;font-size:var(--c-fs-200);margin:0 0 6px}
body #order-standard_cart.oxk .field-help-text{display:block;margin-top:4px;font-size:var(--c-fs-100);color:var(--c-ink-3)}
body #order-standard_cart.oxk .has-error .form-control,body #order-standard_cart.oxk .form-control.is-invalid{border-color:#EF4444}
body #order-standard_cart.oxk .field-error-msg{color:#DC2626;font-size:var(--c-fs-100)}

/* buttons */
.oxk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-inline:18px;border-radius:12px;border:1.5px solid transparent;background:var(--c-blue);color:var(--c-on-blue)!important;font:800 var(--c-fs-300) var(--c-font);cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s}
.oxk-btn:hover{background:var(--c-blue-h)}
.oxk-btn.is-line{background:var(--c-surface);border-color:var(--c-line-2);color:var(--c-ink)!important}
.oxk-btn.is-line:hover{border-color:var(--c-blue);color:var(--c-blue)!important}
.oxk-btn.is-sm{min-block-size:36px;padding-inline:12px;font-size:var(--c-fs-200)}
.oxk-btn.w-hidden{display:none}
body #order-standard_cart.oxk #btnExistingLogin{min-inline-size:180px}

/* who are you */
.oxk-who{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-block-end:16px;padding:14px 18px;border-radius:16px;border:1px dashed color-mix(in srgb,var(--c-blue) 35%,var(--c-line-2));background:var(--c-blue-t)}
.oxk-who.w-hidden{display:none}
.oxk-who-ic{display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:12px;background:var(--c-surface);color:var(--c-blue);font-size:18px}
.oxk-who p{flex:1 1 220px;margin:0;font-size:var(--c-fs-300);font-weight:600;color:var(--c-ink-2)}

/* accounts (logged-in) */
body #order-standard_cart.oxk .account-select-container div.account{margin:0 0 10px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--c-line);background:var(--c-surface);transition:border-color .15s}
body #order-standard_cart.oxk .account-select-container div.account.active{border-color:var(--c-blue);background:var(--c-blue-t)}
body #order-standard_cart.oxk .account-select-container .address{color:var(--c-ink-2)}

/* payment gateways */
.oxk-gws{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px}
body #order-standard_cart.oxk label.oxk-gw{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;border-radius:14px;border:1.5px solid var(--c-line-2);background:var(--c-surface);cursor:pointer;font-size:var(--c-fs-300);font-weight:800;color:var(--c-ink);transition:border-color .15s,box-shadow .15s,background .15s}
body #order-standard_cart.oxk label.oxk-gw:hover{border-color:color-mix(in srgb,var(--c-blue) 50%,var(--c-line-2))}
body #order-standard_cart.oxk label.oxk-gw:has(input:checked){border-color:var(--c-blue);background:var(--c-blue-t);box-shadow:0 0 0 1px var(--c-blue)}
.oxk-gw-ic{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:11px;background:var(--c-surface-2);color:var(--c-blue);font-size:16px;flex:none}
.oxk-gw-n{flex:1;min-inline-size:0}
body #order-standard_cart.oxk #paymentGatewaysContainer>p{margin:0 0 10px}

.oxk-due{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#0B1424,#16295A);color:#fff}
.oxk-due small{font-size:var(--c-fs-300);color:#A9B6C8;font-weight:600}
.oxk-due strong{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:900;font-variant-numeric:tabular-nums;color:#fff}
body #order-standard_cart.oxk .apply-credit-container{padding:14px 16px;border-radius:14px;border:1px solid var(--c-line);background:var(--c-surface-2)}

.oxk-pay{display:grid;justify-items:center;gap:12px;margin-top:22px;padding:22px;border-radius:18px;background:var(--c-surface-2);border:1px solid var(--c-line)}
body #order-standard_cart.oxk .oxk-tos{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--c-fs-300);font-weight:600;color:var(--c-ink-2);cursor:pointer}
.oxk-tos a{font-weight:800}
.oxk-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;inline-size:100%;max-inline-size:420px;min-block-size:56px;border:0;border-radius:15px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff!important;
  font:900 var(--c-fs-500) var(--c-font);cursor:pointer;text-decoration:none!important;box-shadow:0 16px 30px -14px rgba(22,163,74,.75);transition:filter .15s,transform .1s}
.oxk-go:hover{filter:brightness(1.06)}
.oxk-go:active{transform:translateY(1px)}
.oxk-go[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}
.oxk-go.disabled:not([disabled]){opacity:.85}
.oxk-go.is-ghost{min-block-size:46px;max-inline-size:none;background:var(--c-surface);border:1.5px solid var(--c-line-2);color:var(--c-ink)!important;font-size:var(--c-fs-300);box-shadow:none}
.oxk-go.is-ghost:hover{border-color:var(--c-blue);color:var(--c-blue)!important;filter:none}
.oxk-pay-note{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxk-pay-note i{color:var(--c-teal)}
.oxk-sec{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 16px;border-radius:12px;background:var(--c-surface-2);color:var(--c-ink-3);font-size:var(--c-fs-200);line-height:1.9}
.oxk-sec i{margin-top:5px;color:var(--c-teal)}
body #order-standard_cart.oxk .checkout-error-feedback{border-radius:14px}

/* summary */
.oxk-side{position:sticky;inset-block-start:96px}
.oxk-sum{padding:20px;border-radius:20px;border:1px solid var(--c-line);background:var(--c-surface);box-shadow:var(--c-sh-2)}
.oxk-sum-h{display:flex;align-items:center;gap:10px;padding-block-end:12px;border-block-end:2px dashed var(--c-line-2)}
.oxk-sum-h span{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:11px;background:var(--c-ink);color:var(--c-surface)}
.oxk-sum-h b{flex:1;font-size:var(--c-fs-500);font-weight:800}
.oxk-edit{font-size:var(--c-fs-200);font-weight:800}
.oxk-sum-items{display:grid;gap:10px;margin:0;padding:14px 0;list-style:none;border-block-end:1px solid var(--c-line)}
.oxk-sum-items li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:var(--c-fs-200)}
.oxk-sum-items li.is-sub{padding-inline-start:12px;color:var(--c-ink-3)}
.oxk-sum-items span{display:grid;min-inline-size:0}
.oxk-sum-items b{font-weight:800;color:var(--c-ink);overflow-wrap:anywhere}
.oxk-sum-items small{color:var(--c-ink-3)}
.oxk-sum-items em{font-style:normal;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.oxk-sum-lines{display:grid;gap:8px;margin:0;padding:14px 0}
.oxk-sum-lines>div{display:flex;justify-content:space-between;gap:10px;font-size:var(--c-fs-300)}
.oxk-sum-lines dt{font-weight:600;color:var(--c-ink-3)}
.oxk-sum-lines dd{margin:0;font-weight:800}
.oxk-sum-lines .is-disc dd{color:var(--c-teal)}
.oxk-sum-due{display:grid;gap:2px;margin:0 -20px 14px;padding:14px 20px;background:linear-gradient(135deg,#0B1424,#16295A);color:#fff}
.oxk-sum-due small{color:#A9B6C8;font-size:var(--c-fs-200)}
.oxk-sum-due b{font-size:var(--c-fs-700);font-weight:900;font-variant-numeric:tabular-nums}
.oxk-trust{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.oxk-trust li{display:flex;align-items:center;gap:8px;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxk-trust i{inline-size:18px;text-align:center;color:var(--c-teal)}

.oxk-mbar{display:none}
@media (max-width:991px){
  .oxk-grid{grid-template-columns:minmax(0,1fr)}
  .oxk-side{position:static;order:-1}
  .oxk-sum .oxk-trust,.oxk-sum [data-oxk-pay]{display:none}
  .oxk-mbar{position:fixed;inset-inline:0;bottom:0;z-index:1040;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--c-surface) 96%,transparent);border-block-start:1px solid var(--c-line);box-shadow:0 -10px 30px -12px rgba(14,23,38,.25)}
  .oxk-mbar div{flex:1;display:grid;min-inline-size:0}
  .oxk-mbar small{font-size:var(--c-fs-100);color:var(--c-ink-3)}
  .oxk-mbar b{font-size:var(--c-fs-500);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .oxk-mbar .oxk-go{inline-size:auto;min-block-size:46px;padding-inline:20px;font-size:var(--c-fs-300)}
  body:has(.oxk-mbar){padding-bottom:76px}
}
@media (max-width:575px){
  body #order-standard_cart.oxk #frmCheckout{padding:4px 14px 18px;border-radius:16px}
  body #order-standard_cart.oxk #frmCheckout .row>[class*="col-"]{flex:0 0 100%;max-width:100%}
  .oxk-due{flex-direction:column;align-items:flex-start}
}

/* ==========================================================================
   Product domain step (configureproductdomain.tpl, .oxpd)
   ========================================================================== */
.oxpd-hero{grid-template-columns:minmax(0,1fr) auto!important;align-items:center}
.oxpd-hero-ic{display:grid;place-items:center;inline-size:78px;block-size:78px;border-radius:24px;background:linear-gradient(135deg,#0EA5E9,#2563EB);color:#fff;font-size:32px;box-shadow:0 18px 36px -16px rgba(37,99,235,.6)}
.oxpd-body{display:grid;gap:18px}
body #order-standard_cart.oxpd .domain-selection-options{display:grid;gap:12px;margin:0}
body #order-standard_cart.oxpd .domain-selection-options .option{margin:0;padding:0;border-radius:18px;border:1.5px solid var(--c-line);background:var(--c-surface);box-shadow:var(--c-sh-1);overflow:hidden;transition:border-color .15s,box-shadow .15s}
body #order-standard_cart.oxpd .domain-selection-options .option.option-selected{border-color:var(--c-blue);box-shadow:0 0 0 1px var(--c-blue),var(--c-sh-2)}
body #order-standard_cart.oxpd .domain-selection-options .option>label{display:flex;align-items:center;gap:14px;margin:0;padding:16px 18px;cursor:pointer;font-weight:400;color:var(--c-ink)}
body #order-standard_cart.oxpd .domain-selection-options .option>label>.iradio_square-blue,body #order-standard_cart.oxpd .domain-selection-options .option>label>input{flex:none;margin:0}
.oxpd-opt-ic{flex:none;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:13px;background:var(--c-surface-2);color:var(--c-ink-2);font-size:18px;transition:background .15s,color .15s}
.option-selected .oxpd-opt-ic{background:var(--c-blue);color:#fff}
.oxpd-opt-t{display:grid;gap:2px;min-inline-size:0}
.oxpd-opt-t b{font-size:var(--c-fs-400);font-weight:800}
.oxpd-opt-t small{font-size:var(--c-fs-200);color:var(--c-ink-3);line-height:1.7}
body #order-standard_cart.oxpd .domain-input-group{margin:0;padding:4px 18px 18px;border:0;background:none}
body #order-standard_cart.oxpd .domain-input-group>.row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:0}
body #order-standard_cart.oxpd .domain-input-group>.row>[class*="col-"]{flex:1 1 auto;max-width:none;margin:0;padding:0}
body #order-standard_cart.oxpd .domain-input-group>.row>.col-sm-2{flex:0 0 auto}
body #order-standard_cart.oxpd .domains-row{display:flex;flex-wrap:nowrap;gap:8px;margin:0;direction:ltr}
body #order-standard_cart.oxpd .domains-row>[class*="col-"]{padding:0;max-width:none}
body #order-standard_cart.oxpd .domains-row>.col-9,body #order-standard_cart.oxpd .domains-row>.col-5:first-of-type{flex:1 1 auto}
body #order-standard_cart.oxpd .domains-row>.col-3{flex:0 0 140px}
body #order-standard_cart.oxpd .domain-input-group .input-group{flex-wrap:nowrap;direction:ltr}
body #order-standard_cart.oxpd .domain-input-group .input-group-text{block-size:50px;padding:0 14px;border-radius:12px 0 0 12px;border:1.5px solid var(--c-line-2);border-inline-end:0;background:var(--c-surface-2);color:var(--c-ink-3);font:700 var(--c-fs-200) ui-monospace,Consolas,monospace}
body #order-standard_cart.oxpd .domain-input-group .form-control{block-size:50px;border-radius:12px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink);font:600 var(--c-fs-400) ui-monospace,Consolas,monospace;direction:ltr;text-align:left;box-shadow:none}
body #order-standard_cart.oxpd .domain-input-group .input-group .form-control{border-radius:0 12px 12px 0}
body #order-standard_cart.oxpd .domain-input-group .form-control:focus{outline:0;border-color:var(--c-blue);box-shadow:0 0 0 3px var(--c-blue-t)}
body #order-standard_cart.oxpd .domain-input-group textarea#message{inline-size:100%;min-block-size:90px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink);font:500 var(--c-fs-300) var(--c-font);direction:rtl;text-align:right}
body #order-standard_cart.oxpd .domain-input-group .btn{block-size:50px;min-inline-size:130px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(180deg,#3B82F6,#1463D8);color:#fff;font:800 var(--c-fs-300) var(--c-font);box-shadow:0 12px 24px -12px rgba(20,99,216,.7)}
body #order-standard_cart.oxpd .domain-input-group .btn:hover{filter:brightness(1.07)}
body #order-standard_cart.oxpd .domain-input-group .btn[disabled],body #order-standard_cart.oxpd .domain-input-group .btn.disabled{opacity:.6}
body #order-standard_cart.oxpd .form-control-static{margin:0;line-height:50px;font-family:ui-monospace,Consolas,monospace;color:var(--c-ink-3)}
.oxpd-free{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;border-radius:12px;background:var(--c-teal-t);color:var(--c-teal);font-size:var(--c-fs-200);font-weight:700}

/* results */
body #order-standard_cart.oxpd #DomainSearchResults{margin:0;padding:20px;border-radius:18px;border:1px solid var(--c-line);background:var(--c-surface);box-shadow:var(--c-sh-1)}
body #order-standard_cart.oxpd .domain-checker-result-headline,body #order-standard_cart.oxpd .domain-lookup-primary-results .headline{font-size:var(--c-fs-500);font-weight:800;text-align:center}
body #order-standard_cart.oxpd .domain-checker-available{color:var(--c-teal)!important}
body #order-standard_cart.oxpd .domain-checker-unavailable{color:#DC2626!important}
body #order-standard_cart.oxpd .domain-price{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:10px 0 0;font-weight:700;color:var(--c-ink-2)}
body #order-standard_cart.oxpd .domain-price .price{font-size:var(--c-fs-600);font-weight:900;color:var(--c-ink)}
body #order-standard_cart.oxpd .primary-domain-header{color:var(--c-blue);font-weight:800;text-align:center}
body #order-standard_cart.oxpd .spotlight-tlds{margin:16px 0 0}
body #order-standard_cart.oxpd .spotlight-tld{border-radius:14px;border:1px solid var(--c-line);background:var(--c-surface-2);color:var(--c-ink);font-weight:800}
body #order-standard_cart.oxpd .suggested-domains{margin:16px 0 0;border-radius:16px;border:1px solid var(--c-line);overflow:hidden;background:var(--c-surface)}
body #order-standard_cart.oxpd .suggested-domains .card-header,body #order-standard_cart.oxpd .suggested-domains .panel-heading{padding:12px 16px;background:var(--c-surface-2);border-bottom:1px solid var(--c-line);font-weight:800;color:var(--c-ink)}
body #order-standard_cart.oxpd .domain-suggestion{display:flex;align-items:center;gap:10px;padding:12px 16px;border:0;border-bottom:1px solid var(--c-line);background:none;direction:ltr}
body #order-standard_cart.oxpd .domain-suggestion .domain{font-weight:800;color:var(--c-ink)}
body #order-standard_cart.oxpd .domain-suggestion .actions{margin-left:auto;display:flex;align-items:center;gap:10px;direction:rtl}
body #order-standard_cart.oxpd .btn-add-to-cart{border-radius:10px;border:1.5px solid var(--c-blue);background:var(--c-surface);color:var(--c-blue);font-weight:800}
body #order-standard_cart.oxpd .btn-add-to-cart.checkout,body #order-standard_cart.oxpd .btn-add-to-cart:hover{background:var(--c-blue);color:#fff}
.oxpd-continue{display:flex;justify-content:center;margin-top:16px}
.oxpd-go{display:inline-flex;align-items:center;gap:10px;min-block-size:54px;padding-inline:36px;border:0;border-radius:15px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff;font:900 var(--c-fs-500) var(--c-font);cursor:pointer;box-shadow:0 16px 30px -14px rgba(22,163,74,.75)}
.oxpd-go.w-hidden{display:none}
.oxpd-go[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}

@media (max-width:767px){
  .oxpd-hero-ic{display:none}
  body #order-standard_cart.oxpd .domain-input-group>.row>[class*="col-"],body #order-standard_cart.oxpd .domain-input-group>.row>.col-sm-2{flex:1 1 100%}
  body #order-standard_cart.oxpd .domain-input-group .btn{inline-size:100%}
  body #order-standard_cart.oxpd .domains-row>.col-3{flex:0 0 110px}
}

/* ==========================================================================
   "Customers also ordered" (configureproduct.tpl, .oxrel)
   ========================================================================== */
.oxrel{margin-top:22px;padding:20px;border-radius:20px;border:1px solid var(--c-line);background:
  radial-gradient(500px 200px at 100% 0%,color-mix(in srgb,var(--c-blue) 8%,transparent),transparent 70%),var(--c-surface)}
.oxrel-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.oxrel-head-ic{display:grid;place-items:center;flex:none;inline-size:46px;block-size:46px;border-radius:14px;background:linear-gradient(135deg,#8B5CF6,#3B82F6);color:#fff;font-size:18px}
.oxrel-head h2{margin:0;font-size:var(--c-fs-500);font-weight:800;color:var(--c-ink)}
.oxrel-head p{margin:2px 0 0;font-size:var(--c-fs-200);color:var(--c-ink-3);line-height:1.8}
.oxrel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.oxrel-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;border:1.5px solid var(--c-line);background:var(--c-surface);color:var(--c-ink)!important;text-decoration:none!important;overflow:hidden;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,border-color .2s}
.oxrel-card::after{content:"";position:absolute;inset-block-start:-40px;inset-inline-end:-40px;inline-size:110px;block-size:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c-blue) 14%,transparent),transparent 70%);pointer-events:none}
.oxrel-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c-blue) 45%,var(--c-line));box-shadow:0 20px 40px -24px rgba(14,23,38,.45)}
.oxrel-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--c-teal-t);color:var(--c-teal);font-size:11px;font-weight:800}
.oxrel-ic{display:grid;place-items:center;inline-size:46px;block-size:46px;margin:6px 0 2px;border-radius:14px;background:var(--c-blue-t);color:var(--c-blue);font-size:19px}
.oxrel-group{font-size:var(--c-fs-100);color:var(--c-ink-3);font-weight:700}
.oxrel-name{font-size:var(--c-fs-400);font-weight:900;line-height:1.5;overflow-wrap:anywhere}
.oxrel-price{margin-top:auto;padding-top:8px;font-size:var(--c-fs-200);color:var(--c-ink-3)}
.oxrel-price b{font-size:var(--c-fs-400);font-weight:900;color:var(--c-ink);font-variant-numeric:tabular-nums}
.oxrel-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:40px;margin-top:8px;border-radius:11px;background:var(--c-surface-2);color:var(--c-blue);font-size:var(--c-fs-200);font-weight:800;transition:background .2s,color .2s}
.oxrel-card:hover .oxrel-go{background:var(--c-blue);color:#fff}
@media (max-width:991px){.oxrel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}}

/* OneProvider delivery note (IP health gate) */
.oxc-deliver{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:16px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--c-teal) 40%,var(--c-line));background:linear-gradient(120deg,var(--c-teal-t),var(--c-surface) 70%)}
.oxc-deliver-ic{flex:none;display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;background:var(--c-teal);color:#fff;font-size:19px}
.oxc-deliver b{display:block;font-size:var(--c-fs-400);font-weight:800;color:var(--c-ink)}
.oxc-deliver p{margin:2px 0 0;font-size:var(--c-fs-200);line-height:1.9;color:var(--c-ink-2)}
.oxc-deliver-time{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-line);font-size:var(--c-fs-200);font-weight:800;color:var(--c-teal);white-space:nowrap}
@media (max-width:640px){.oxc-deliver{flex-wrap:wrap}.oxc-deliver-time{order:3}}

/* OneProvider plan families on the plans page (products.tpl [data-oxc-fam]) */
.oxc-fam{display:flex;gap:8px;margin-block-end:14px;padding:4px;border-radius:14px;border:1px solid var(--c-line-2);background:var(--c-surface);overflow-x:auto;scrollbar-width:none}
.oxc-fam::-webkit-scrollbar{display:none}
.oxc-fam-b{flex:none;display:inline-flex;align-items:center;gap:8px;min-block-size:40px;padding-inline:16px;border:0;border-radius:10px;background:transparent;color:var(--c-ink-2);font:700 13px var(--font,inherit);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.oxc-fam-b small{display:inline-grid;place-items:center;min-inline-size:22px;block-size:22px;padding-inline:6px;border-radius:999px;background:var(--c-line);color:var(--c-ink-2);font-size:11px;font-weight:800}
.oxc-fam-b:hover{color:var(--c-ink);background:var(--c-blue-t)}
.oxc-fam-b[aria-selected="true"]{background:var(--c-blue);color:#fff}
.oxc-fam-b[aria-selected="true"] small{background:rgba(255,255,255,.22);color:#fff}
#products .oxc-unit.is-famhidden{display:none!important}

/* ---- focus frames: Bootstrap's `button:focus{outline:5px auto}` drew a thick dark frame
   around every card / step / chip a customer clicks. A mouse or touch click now draws no
   frame; keyboard focus (Tab) keeps a soft brand-blue ring so it is still visible. ---- */
:where(button,[role="button"],[role="radio"],[role="tab"],[role="option"],a,summary,label,.btn,[tabindex]):focus:not(:focus-visible){outline:0!important}
:where(button,[role="button"],[role="radio"],[role="tab"],[role="option"],a,summary,.btn,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--blue,#1463D8) 70%,transparent)!important;outline-offset:2px}
:where(input,select,textarea):focus:not(:focus-visible){outline:0!important}

/* ---- resource dials: quantity options with a maximum (configureproduct.tpl [data-oxc-dial]) ---- */
.oxc-opts:has(.oxc-opt.has-dial){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.oxc-opt.has-dial{margin:0;padding:0;border:0;background:none}
.oxc-dial{display:grid;gap:12px;block-size:100%;padding:16px;border:1px solid var(--c-line-2);border-radius:16px;background:var(--c-surface);transition:border-color .15s,box-shadow .15s}
.oxc-dial:focus-within,.oxc-dial:hover{border-color:color-mix(in srgb,var(--c-blue) 45%,var(--c-line-2));box-shadow:0 10px 24px -18px color-mix(in srgb,var(--c-blue) 60%,transparent)}
.oxc-dial-top{display:flex;align-items:center;gap:12px;min-inline-size:0}
.oxc-dial-ic{flex:none;display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:12px;background:var(--c-blue-t);color:var(--c-blue);font-size:18px}
.oxc-dial-t{flex:1;min-inline-size:0;display:grid;gap:2px}
.oxc-dial-t b{font-size:14.5px;font-weight:800;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oxc-dial-t small{font-size:11.5px;color:var(--c-ink-3);min-block-size:1em}
.oxc-dial-v{flex:none;display:flex;align-items:baseline;gap:6px;margin:0;cursor:text}
.oxc .oxc-dial-v .oxc-dial-in{inline-size:104px;block-size:44px;padding:0 8px;border:1.5px solid var(--c-line-2);border-radius:11px;background:var(--c-surface-2,var(--c-surface));color:var(--c-ink);
  direction:ltr;text-align:center;font:800 20px/1 var(--mono,ui-monospace,Menlo,Consolas,monospace);box-shadow:none;-moz-appearance:textfield}
.oxc .oxc-dial-v .oxc-dial-in::-webkit-outer-spin-button,.oxc .oxc-dial-v .oxc-dial-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.oxc .oxc-dial-v .oxc-dial-in:focus{border-color:var(--c-blue);box-shadow:0 0 0 3px var(--c-blue-t);outline:0}
.oxc-dial-v em{font-style:normal;font-size:12px;font-weight:700;color:var(--c-ink-2);white-space:nowrap}
.oxc-dial-row{display:flex;align-items:center;gap:10px}
.oxc-dial-b{flex:none;display:grid;place-items:center;inline-size:38px;block-size:38px;padding:0;border:1.5px solid var(--c-line-2);border-radius:50%;background:var(--c-surface);color:var(--c-ink);cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.oxc-dial-b:hover{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-blue-t)}
.oxc-dial-b:active{transform:scale(.94)}
.oxc-dial-r{flex:1;min-inline-size:0;block-size:28px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;direction:ltr}
.oxc-dial-r::-webkit-slider-runnable-track{block-size:8px;border-radius:999px;background:linear-gradient(to left,var(--c-blue) var(--p,0%),var(--c-line) var(--p,0%))}
.oxc-dial-r::-moz-range-track{block-size:8px;border-radius:999px;background:linear-gradient(to left,var(--c-blue) var(--p,0%),var(--c-line) var(--p,0%))}
.oxc-dial-r::-moz-range-progress{background:transparent}
.oxc-dial-r::-webkit-slider-thumb{-webkit-appearance:none;inline-size:22px;block-size:22px;margin-block-start:-7px;border-radius:50%;background:#fff;border:3px solid var(--c-blue);box-shadow:0 2px 8px rgba(20,99,216,.35)}
.oxc-dial-r::-moz-range-thumb{inline-size:16px;block-size:16px;border-radius:50%;background:#fff;border:3px solid var(--c-blue);box-shadow:0 2px 8px rgba(20,99,216,.35)}
.oxc-dial-scale{display:flex;justify-content:space-between;padding-inline:48px;margin-block-start:-8px;font-size:11px;color:var(--c-ink-3)}
.oxc-dial-chips{display:flex;flex-wrap:wrap;gap:6px}
.oxc-dial-chips:empty{display:none}
.oxc-dial-chip{min-block-size:30px;padding-inline:11px;border:1px solid var(--c-line-2);border-radius:999px;background:var(--c-surface);color:var(--c-ink-2);font:700 12px var(--font,inherit);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.oxc-dial-chip:hover{border-color:var(--c-blue);color:var(--c-blue)}
.oxc-dial-chip.is-on{background:var(--c-blue);border-color:var(--c-blue);color:#fff}
@media (max-width:420px){.oxc .oxc-dial-v .oxc-dial-in{inline-size:86px;font-size:18px}.oxc-dial-scale{padding-inline:0}}

/* out of stock (OneProvider stock sync): card stays visible, order button does nothing */
.oxc-unit.is-oos .oxc-specs{opacity:.7}
.oxc-unit.is-oos .oxc-amt{color:var(--c-ink-3)}
.oxc-oos-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:var(--c-fs-100);font-weight:700;color:var(--red,#c8372d);background:var(--red-tint,#fef1f0)}
.oxc .oxc-handle.is-oos,.oxc .oxc-handle.is-oos:hover{background:var(--red-tint,#fef1f0)!important;color:var(--red,#c8372d)!important;border:1px dashed currentColor;cursor:not-allowed;box-shadow:none;transform:none;opacity:1}
.oxc-handle.is-oos:hover i{translate:0 0}