.rm-product-showcase {
  --rm-showcase-main: #00A9FF;
  --rm-showcase-soft: #35B9F5;
  position: relative;
  overflow: visible;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.rm-showcase-heading { position: relative; z-index: 4; }
.rm-showcase-shell {
  position: relative;
  width: 100%;
  min-height: 600px;
  margin-top: 24px;
  padding: 40px 0 60px;
  overflow-x: hidden;
  overflow-y: visible;
}
.rm-showcase-stage {
  position: relative;
  width: min(1420px, 100%);
  height: 580px;
  margin: 0 auto;
  perspective: 1600px;
  perspective-origin: 50% 42%;
  touch-action: pan-y;
}
.rm-showcase-slide {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(365px, calc(100vw - 42px));
  height: 560px;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, 18px, -40px) scale(.76);
  transform-origin: 50% 50%;
  filter: blur(5px) brightness(.32) saturate(.75);
  transition:
    transform 620ms cubic-bezier(.22,.9,.24,1),
    opacity 480ms ease,
    filter 620ms cubic-bezier(.22,.9,.24,1);
  will-change: transform, opacity, filter;
  z-index: 0;
}
.rm-showcase-slide .rm-product-card.card {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: none;
  border-radius: 27px;
}
.rm-showcase-slide .rm-product-card.card:hover { transform: none; }
.rm-showcase-slide.is-active {
  z-index: 5;
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(-50%, 0, 0) scale(1) rotateY(0deg);
  filter: blur(0) brightness(1) saturate(1);
}
.rm-showcase-slide.is-active .rm-product-card.card {
  border-color: rgba(0, 169, 255, .72);
  box-shadow:
    0 25px 72px rgba(0,0,0,.56),
    0 0 0 1px rgba(53, 185, 245,.12) inset,
    0 0 38px rgba(0, 169, 255,.18);
}
.rm-showcase-slide.is-prev,
.rm-showcase-slide.is-next {
  z-index: 2;
  opacity: .55;
  filter: blur(1.5px) brightness(.48) saturate(.82);
}
.rm-showcase-slide.is-prev {
  transform: translate3d(calc(-50% - 350px), 16px, -70px) scale(.82) rotateY(26deg);
}
.rm-showcase-slide.is-next {
  transform: translate3d(calc(-50% + 350px), 16px, -70px) scale(.82) rotateY(-26deg);
}
.rm-showcase-slide.is-prev .rm-product-card.card,
.rm-showcase-slide.is-next .rm-product-card.card,
.rm-showcase-slide.is-prev2 .rm-product-card.card,
.rm-showcase-slide.is-next2 .rm-product-card.card {
  border-color: transparent !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.38) !important;
}
.rm-showcase-slide.is-prev2,
.rm-showcase-slide.is-next2 {
  z-index: 1;
  opacity: .22;
  filter: blur(4px) brightness(.30) saturate(.68);
}
.rm-showcase-slide.is-prev2 {
  transform: translate3d(calc(-50% - 590px), 30px, -150px) scale(.66) rotateY(34deg);
}
.rm-showcase-slide.is-next2 {
  transform: translate3d(calc(-50% + 590px), 30px, -150px) scale(.66) rotateY(-34deg);
}
.rm-showcase-arrow {
  position: absolute;
  top: 47%;
  z-index: 12;
  display: grid;
  width: 52px;
  height: 52px;
  padding: 0;
  place-items: center;
  color: #f4f4f7;
  background: rgba(12,12,19,.68);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 50%;
  backdrop-filter: blur(10px);
  transform: translateY(-50%);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.rm-showcase-arrow:hover { transform: translateY(-50%) scale(1.07); border-color: rgba(53, 185, 245,.45); background: rgba(0, 169, 255,.08); }
.rm-showcase-arrow:active { transform: translateY(-50%) scale(.94); }
.rm-showcase-arrow svg { width: 21px; height: 21px; }
.rm-showcase-arrow--prev { left: max(28px, calc(50% - 690px)); }
.rm-showcase-arrow--next { right: max(28px, calc(50% - 690px)); }
.rm-showcase-footer {
  position: relative;
  z-index: 6;
  width: min(590px, calc(100% - 42px));
  margin: 0 auto;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.06);
  text-align: center;
}
.rm-showcase-caption { display:flex; align-items:center; justify-content:center; gap:8px; color:#92929f; font-size:13px; }
.rm-showcase-caption strong { color:#f4f4f7; font-weight:600; }
.rm-showcase-sep { opacity:.48; }
.rm-showcase-divider { width:1px; height:14px; margin:0 3px; background:rgba(255,255,255,.18); }
.rm-showcase-progress { width:min(350px,80%); height:4px; margin:18px auto 14px; overflow:hidden; background:rgba(255,255,255,.10); border-radius:999px; }
.rm-showcase-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--rm-showcase-main),var(--rm-showcase-soft)); border-radius:inherit; transition:width 500ms cubic-bezier(.22,.8,.22,1); }
.rm-showcase-dots { display:flex; justify-content:center; gap:8px; }
.rm-showcase-dot { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:rgba(255,255,255,.20); transition:width 250ms ease, background-color 250ms ease; }
.rm-showcase-dot.is-active { width:26px; background:var(--rm-showcase-main); }

/* Symmetrical three-column cards everywhere regular grids are used */
.products.rm-products-grid > [class*="col-"],
.products:not(.rm-showcase-stage) > .col-lg-4 { display:flex; }
.products.rm-products-grid .rm-product-card,
.products:not(.rm-showcase-stage) > .col-lg-4 .rm-product-card { max-width:none; width:100%; min-height:585px; }

@media (max-width: 1199.98px) {
  .rm-showcase-slide.is-prev { transform:translate3d(calc(-50% - 325px),20px,-60px) scale(.78) rotateY(24deg); }
  .rm-showcase-slide.is-next { transform:translate3d(calc(-50% + 325px),20px,-60px) scale(.78) rotateY(-24deg); }
  .rm-showcase-slide.is-prev2 { transform:translate3d(calc(-50% - 530px),34px,-130px) scale(.63) rotateY(30deg); }
  .rm-showcase-slide.is-next2 { transform:translate3d(calc(-50% + 530px),34px,-130px) scale(.63) rotateY(-30deg); }
  .rm-showcase-arrow--prev { left:22px; }
  .rm-showcase-arrow--next { right:22px; }
}
@media (max-width: 767.98px) {
  .rm-showcase-shell { min-height:560px; padding:28px 0 44px; }
  .rm-showcase-stage { height:530px; perspective:1100px; }
  .rm-showcase-slide { width:min(335px,calc(100vw - 50px)); height:510px; }
  .rm-showcase-slide.is-prev { opacity:.32; filter:blur(2px) brightness(.40); transform:translate3d(calc(-50% - 165px),16px,-50px) scale(.72) rotateY(20deg); }
  .rm-showcase-slide.is-next { opacity:.32; filter:blur(2px) brightness(.40); transform:translate3d(calc(-50% + 165px),16px,-50px) scale(.72) rotateY(-20deg); }
  .rm-showcase-slide.is-prev2,.rm-showcase-slide.is-next2 { opacity:0; }
  .rm-showcase-arrow { width:44px; height:44px; top:46%; }
  .rm-showcase-arrow--prev { left:8px; }
  .rm-showcase-arrow--next { right:8px; }
}
@media (prefers-reduced-motion: reduce) {
  .rm-showcase-slide, .rm-showcase-progress span, .rm-showcase-dot, .rm-showcase-arrow { transition-duration: 1ms !important; }
}


/* Shared hero background for catalog, product, cart, feedback and policy pages */
body.has-hero-page-bg {
  background: #05080B !important;
}
.page-hero-bg-mobile {
  position: fixed;
  inset: 0;
  z-index: -50;
  pointer-events: none;
  background-color: #05080B;
  background-image:
    radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    radial-gradient(60rem 42rem at 50% -12%, rgba(0, 169, 255,.12), transparent 62%),
    radial-gradient(34rem 34rem at 100% 30%, rgba(21, 151, 210,.07), transparent 60%),
    radial-gradient(125% 125% at 50% -10%, transparent 55%, rgba(0,0,0,.58));
  background-size: 26px 26px, auto, auto, auto;
}
.page-hero-bg-desktop {
  position: fixed;
  inset: 0;
  z-index: -50;
  display: none;
  overflow: hidden;
  pointer-events: none;
  background-color: #05080B;
}
@media (min-width: 1024px) {
  .page-hero-bg-mobile { display: none; }
  .page-hero-bg-desktop { display: block; }
}
.page-hero-bg-desktop .blob-b {
  position: absolute;
  right: -8rem;
  top: 30%;
  width: 38rem;
  height: 38rem;
  border-radius: 9999px;
  background: rgba(0, 169, 255,.09);
  filter: blur(120px);
  opacity: .7;
}
.page-hero-bg-desktop .dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 26px 26px;
}
.page-hero-bg-desktop .vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(125% 125% at 50% -10%, transparent 55%, rgba(0,0,0,.58));
}


/* Targeted polish: keep primary product-form action icons white. */
.waveboosts-product-form .buy-buttons .btn-primary .waveboosts-button-icon,
.waveboosts-product-form .buy-buttons .btn-primary .waveboosts-button-icon path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.waveboosts-home-components {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  overflow-y: visible;
  background:
    radial-gradient(900px 520px at 8% -10%, rgba(0, 169, 255, 0.13), transparent 62%),
    radial-gradient(760px 480px at 94% 10%, rgba(21, 151, 210, 0.11), transparent 64%),
    linear-gradient(180deg, #05080B 0%, #070D12 44%, #03070A 100%);
}

.waveboosts-home-components::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(980px 620px at 10% 22%, rgba(0, 169, 255, 0.09), transparent 72%),
    radial-gradient(860px 560px at 91% 37%, rgba(53, 185, 245, 0.075), transparent 74%),
    radial-gradient(940px 620px at 13% 61%, rgba(21, 151, 210, 0.08), transparent 74%),
    radial-gradient(900px 590px at 88% 82%, rgba(0, 169, 255, 0.07), transparent 74%);
}

.waveboosts-home-components::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.58) 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.58) 78%, transparent 100%);
}

.waveboosts-home-components > * {
  position: relative;
  z-index: 1;
}

.waveboosts-home-components .waveboosts-home,
.waveboosts-home-components .rm-product-showcase,
.waveboosts-home-components .rm-packs,
.waveboosts-home-components .sg-section,
.waveboosts-home-components .waveboosts-reseller-cta {
  background: transparent !important;
  overflow: visible !important;
}

.waveboosts-home-components .waveboosts-home::before,
.waveboosts-home-components .rm-product-showcase::before,
.waveboosts-home-components .rm-product-showcase::after,
.waveboosts-home-components .rm-packs::before,
.waveboosts-home-components .sg-section::before,
.waveboosts-home-components .sg-section::after,
.waveboosts-home-components .waveboosts-reseller-cta::before {
  content: none !important;
  display: none !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

@supports not (overflow: clip) {
  html,
  body,
  .waveboosts-home-components {
    overflow-x: hidden;
  }
}

html,
body,
.flex-wrapper {
  background: #03070A !important;
}

.waveboosts-home-components {
  margin-bottom: 0 !important;
}

.waveboosts-footer {
  margin-top: 0 !important;
  background: #03070A !important;
}

body.has-customer-dashboard-bg {
  background-color: #07070b !important;
  background-image: none !important;
}

body.has-customer-dashboard-bg .flex-wrapper {
  position: relative;
  z-index: auto;
  background: transparent !important;
}

body.has-customer-dashboard-bg .wb-customer-page {
  position: relative;
  z-index: 1;
}

.wb-customer-bg-mobile,
.wb-customer-bg-desktop {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.wb-customer-bg-mobile {
  background-color: #07070b;
  background-image:
    radial-gradient(60rem 42rem at 50% -12%, rgba(0, 169, 255, 0.16), transparent 62%),
    radial-gradient(34rem 34rem at 100% 30%, rgba(53, 185, 245, 0.08), transparent 60%),
    radial-gradient(125% 125% at 50% -10%, transparent 55%, rgba(0, 0, 0, 0.55));
  animation: wbCustomerBgBreathe 9s ease-in-out infinite;
}

.wb-customer-bg-desktop {
  display: none;
  overflow: hidden;
  background: #07070b;
}

.wb-customer-bg-orb {
  position: absolute;
  border-radius: 9999px;
  filter: blur(110px);
}

.wb-customer-bg-orb--a {
  top: -12rem;
  left: 50%;
  width: 64rem;
  height: 42rem;
  margin-left: -32rem;
  background: rgba(0, 169, 255, 0.18);
  animation: wbCustomerOrbA 12s ease-in-out infinite;
}

.wb-customer-bg-orb--b {
  top: 33.333333%;
  right: -10rem;
  width: 34rem;
  height: 34rem;
  background: rgba(53, 185, 245, 0.11);
  animation: wbCustomerOrbB 15s ease-in-out infinite;
}

.wb-customer-bg-orb--c {
  bottom: 0;
  left: -8rem;
  width: 30rem;
  height: 30rem;
  background: rgba(0, 169, 255, 0.10);
  animation: wbCustomerOrbC 9s ease-in-out infinite;
}

.wb-customer-bg-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(95% 85% at 50% 25%, #000, transparent);
  mask-image: radial-gradient(95% 85% at 50% 25%, #000, transparent);
}

.wb-customer-bg-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(125% 125% at 50% -10%, transparent 55%, rgba(0, 0, 0, 0.55));
}

@keyframes wbCustomerOrbA {
  0%, 100% { transform: translate(0, 0); opacity: .5; }
  50% { transform: translate(60px, -30px); opacity: .9; }
}

@keyframes wbCustomerOrbB {
  0%, 100% { transform: translate(0, 0); opacity: .4; }
  50% { transform: translate(-50px, 30px); opacity: .7; }
}

@keyframes wbCustomerOrbC {
  0%, 100% { opacity: .4; transform: scale(1); }
  50% { opacity: .8; transform: scale(1.15); }
}

@keyframes wbCustomerBgBreathe {
  0%, 100% { opacity: .7; }
  50% { opacity: 1; }
}

.wb-customer-page {
  --wb-dash-base: #07070b;
  --wb-dash-carbon: #101019;
  --wb-dash-ink: #f6f7fb;
  --wb-dash-ink-soft: #c7c8d6;
  --wb-dash-muted: #9b9cb4;
  --wb-dash-faint: #74758c;
  --wb-dash-line: rgba(255, 255, 255, 0.08);
  --wb-dash-line-strong: rgba(255, 255, 255, 0.14);
  --wb-dash-accent: #00A9FF;
  --wb-dash-accent-light: #35B9F5;
  --wb-dash-accent-soft: #78CFFF;
  width: 100%;
  max-width: 80rem !important;
  margin-inline: auto;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  color: var(--wb-dash-ink);
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wb-customer-page .py-5-nav {
  padding-top: 7rem !important;
  padding-bottom: 5rem !important;
}

.wb-customer-shell__grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wb-customer-shell__sidebar,
.wb-customer-shell__main {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wb-customer-shell__main {
  min-width: 0;
}

.wb-customer-sidebar {
  padding: 1rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1.5rem;
  background: rgba(16, 16, 25, 0.60);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 50px -20px rgba(0, 0, 0, 0.8);
}

.wb-customer-mobile-menu {
  display: none;
}

.wb-customer-sidebar__profile {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: .75rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.03);
}

.wb-customer-sidebar__avatar {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, var(--wb-dash-accent), var(--wb-dash-accent-light));
  box-shadow: 0 8px 28px -8px rgba(0, 169, 255, .55);
}

.wb-customer-sidebar__avatar svg {
  width: 1.15rem;
  height: 1.15rem;
}

.wb-customer-sidebar__identity {
  min-width: 0;
}

.wb-customer-sidebar__identity p,
.wb-customer-sidebar__identity small {
  display: block;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wb-customer-sidebar__identity p {
  color: var(--wb-dash-ink);
  font-size: .875rem;
  font-weight: 600;
}

.wb-customer-sidebar__identity small {
  margin-top: .1rem;
  color: var(--wb-dash-muted);
  font-size: .75rem;
}

.wb-customer-sidebar__divider {
  height: 1px;
  margin: 1rem 0;
  background: var(--wb-dash-line);
}

.wb-customer-sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.wb-customer-sidebar__link,
.wb-customer-sidebar__logout {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 2.5rem;
  align-items: center;
  gap: .75rem;
  padding: .625rem .875rem;
  border: 0;
  border-radius: 1rem;
  color: var(--wb-dash-muted);
  background: transparent;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.wb-customer-sidebar__link > svg:first-child,
.wb-customer-sidebar__logout > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.wb-customer-sidebar__link:hover {
  color: var(--wb-dash-ink);
  background: rgba(255, 255, 255, 0.03);
}

.wb-customer-sidebar__link.active {
  color: var(--wb-dash-ink);
  background: rgba(0, 169, 255, 0.15);
  box-shadow: inset 0 0 0 1px rgba(0, 169, 255, 0.30);
}

.wb-customer-sidebar__link.active > svg:first-child,
.wb-customer-sidebar__link.active .wb-customer-sidebar__chevron {
  color: var(--wb-dash-accent-soft);
}

.wb-customer-sidebar__chevron {
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 1rem !important;
  margin-left: auto;
  opacity: 0;
}

.wb-customer-sidebar__link.active .wb-customer-sidebar__chevron {
  opacity: 1;
}

.wb-customer-sidebar__logout:hover {
  color: #fda4af;
  background: rgba(244, 63, 94, 0.10);
}

.wb-dashboard-head,
.wb-customer-page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.wb-dashboard-head h1,
.wb-customer-page-head h1 {
  margin: 0;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  letter-spacing: -.025em;
}

.wb-dashboard-head p,
.wb-customer-page-head p {
  margin: .375rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .875rem;
}

.wb-dashboard-head p span {
  color: var(--wb-dash-ink-soft);
}

.wb-dashboard-head__shop {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 999px;
  color: var(--wb-dash-ink);
  background: rgba(16, 16, 25, 0.60);
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease;
}

.wb-dashboard-head__shop:hover {
  color: #fff;
  border-color: var(--wb-dash-line-strong);
  background: rgba(255, 255, 255, .045);
}

.wb-dashboard-head__shop svg {
  width: 1rem;
  height: 1rem;
}

.wb-dashboard-balance {
  position: relative;
  margin-top: 1.5rem;
  overflow: hidden;
  padding: 1.5rem;
  border: 1px solid rgba(0, 169, 255, 0.30);
  border-radius: 1.5rem;
  background:
    linear-gradient(135deg, rgba(0, 169, 255, 0.20), rgba(16, 16, 25, 0.88) 48%, rgba(16, 16, 25, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 20px 50px -20px rgba(0,0,0,.8);
}

.wb-dashboard-balance__glow {
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  width: 10rem;
  height: 10rem;
  border-radius: 999px;
  background: rgba(0, 169, 255, 0.25);
  filter: blur(48px);
  pointer-events: none;
}

.wb-dashboard-balance__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.wb-dashboard-balance__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  color: var(--wb-dash-accent-soft);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.wb-dashboard-balance__eyebrow svg {
  width: 1rem;
  height: 1rem;
}

.wb-dashboard-balance__value {
  margin: .5rem 0 0;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: clamp(2.25rem, 6vw, 3rem);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.035em;
}

.wb-dashboard-balance__button {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: .5rem;
  padding: 0 1.25rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(90deg, var(--wb-dash-accent), var(--wb-dash-accent-light));
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(0, 169, 255, .25), 0 8px 40px -8px rgba(0, 169, 255, .5);
  transition: filter .18s ease, transform .18s ease;
}

.wb-dashboard-balance__button:hover {
  color: #fff;
  filter: brightness(1.10);
  transform: translateY(-1px);
}

.wb-dashboard-balance__button svg {
  width: 1rem;
  height: 1rem;
}

.wb-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.wb-dashboard-stat,
.wb-dashboard-panel,
.wb-customer-page .card {
  border: 1px solid var(--wb-dash-line) !important;
  border-radius: 1.5rem !important;
  color: var(--wb-dash-ink);
  background: rgba(16, 16, 25, 0.60) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 20px 50px -20px rgba(0, 0, 0, .8) !important;
}

.wb-dashboard-stat {
  min-width: 0;
  padding: 1.25rem;
}

.wb-dashboard-stat__icon,
.wb-dashboard-reseller__icon,
.wb-dashboard-security__icon,
.wb-dashboard-order__icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  color: var(--wb-dash-accent-soft);
  background: rgba(255, 255, 255, .04);
}

.wb-dashboard-stat__icon svg,
.wb-dashboard-reseller__icon svg,
.wb-dashboard-security__icon svg,
.wb-dashboard-order__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.wb-dashboard-stat__label {
  margin: 1rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.wb-dashboard-stat__value {
  margin: .25rem 0 0;
  overflow-wrap: anywhere;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: -.025em;
}

.wb-dashboard-feature-grid,
.wb-dashboard-security-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.wb-dashboard-panel {
  min-width: 0;
  padding: 1.5rem;
}

.wb-dashboard-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.wb-dashboard-panel__head h2,
.wb-dashboard-reseller h2,
.wb-dashboard-security h3,
.wb-dashboard-section-head h2 {
  margin: 0;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.wb-dashboard-panel__head a {
  color: var(--wb-dash-accent-soft);
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.wb-dashboard-panel__head a:hover {
  color: #b8e9ff;
}

.wb-dashboard-empty {
  margin: 1rem 0 0;
  padding: 1.5rem;
  border: 1px dashed var(--wb-dash-line);
  border-radius: 1rem;
  color: var(--wb-dash-muted);
  background: rgba(255, 255, 255, .01);
  font-size: .875rem;
  text-align: center;
}

.wb-dashboard-order {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}

.wb-dashboard-order__copy {
  min-width: 0;
}

.wb-dashboard-order__copy strong,
.wb-dashboard-order__copy small {
  display: block;
}

.wb-dashboard-order__copy strong {
  overflow: hidden;
  color: var(--wb-dash-ink);
  font-size: .9rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wb-dashboard-order__copy small {
  margin-top: .25rem;
  color: var(--wb-dash-muted);
  font-size: .75rem;
}

.wb-dashboard-order__copy small a {
  color: var(--wb-dash-accent-soft);
  text-decoration: none;
}

.wb-dashboard-reseller {
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.wb-dashboard-reseller:hover {
  color: inherit;
  border-color: rgba(0, 169, 255, .40) !important;
  transform: translateY(-1px);
}

.wb-dashboard-reseller__glow {
  position: absolute;
  top: -2rem;
  right: -2rem;
  width: 7rem;
  height: 7rem;
  border-radius: 999px;
  background: rgba(53, 185, 245, .15);
  filter: blur(32px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

.wb-dashboard-reseller:hover .wb-dashboard-reseller__glow {
  opacity: 1;
}

.wb-dashboard-reseller__icon {
  position: relative;
  border-color: rgba(0, 169, 255, .30);
  background: linear-gradient(135deg, rgba(0, 169, 255, .25), rgba(53, 185, 245, .10));
}

.wb-dashboard-reseller h2 {
  position: relative;
  margin-top: 1rem;
}

.wb-dashboard-reseller > p {
  position: relative;
  margin: .375rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .875rem;
  line-height: 1.625;
}

.wb-dashboard-reseller__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  margin-top: 1rem;
  color: var(--wb-dash-accent-soft);
  font-size: .875rem;
  font-weight: 600;
}

.wb-dashboard-reseller__link svg {
  width: 1rem;
  height: 1rem;
  transition: transform .18s ease;
}

.wb-dashboard-reseller:hover .wb-dashboard-reseller__link svg {
  transform: translate(.125rem, -.125rem);
}

.wb-dashboard-section-head {
  margin-top: 2rem;
}

.wb-dashboard-section-head p {
  margin: .25rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .8125rem;
}

.wb-dashboard-security {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

.wb-dashboard-security__icon {
  margin-bottom: 1rem;
}

.wb-dashboard-security > p {
  flex: 1 1 auto;
  margin: .375rem 0 1.25rem;
  color: var(--wb-dash-muted);
  font-size: .875rem;
  line-height: 1.6;
}

.wb-dashboard-security > .btn {
  align-self: flex-start;
}

.wb-dashboard-danger {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.wb-customer-page-head {
  margin-bottom: 1.5rem;
}

.wb-customer-page .card {
  overflow: hidden;
}

.wb-customer-page .card h1,
.wb-customer-page .card h2,
.wb-customer-page .card h3,
.wb-customer-page .card h4,
.wb-customer-page .card h5,
.wb-customer-page .card h6 {
  color: var(--wb-dash-ink) !important;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  letter-spacing: -.02em;
}

.wb-customer-page .card p,
.wb-customer-page .card small,
.wb-customer-page .text-muted {
  color: var(--wb-dash-muted) !important;
}

.wb-customer-page .text-primary,
.wb-customer-page .text-accent-500 {
  color: var(--wb-dash-accent-soft) !important;
}

.wb-customer-page .border,
.wb-customer-page .border-top,
.wb-customer-page .border-bottom,
.wb-customer-page .border-start,
.wb-customer-page .border-end {
  border-color: var(--wb-dash-line) !important;
}

.wb-customer-page .btn {
  min-height: 2.5rem;
  padding: .55rem 1rem;
  border-radius: 999px !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.wb-customer-page .btn-primary {
  border-color: transparent !important;
  color: #fff !important;
  background: var(--wb-dash-accent) !important;
  box-shadow: 0 8px 30px -8px rgba(0, 169, 255, .55);
}

.wb-customer-page .btn-primary:hover {
  background: var(--wb-dash-accent-light) !important;
  transform: translateY(-1px);
}

.wb-customer-page .btn-outline-primary,
.wb-customer-page .btn-outline-secondary {
  border-color: var(--wb-dash-line-strong) !important;
  color: var(--wb-dash-ink-soft) !important;
  background: rgba(255, 255, 255, .02) !important;
}

.wb-customer-page .btn-outline-primary:hover,
.wb-customer-page .btn-outline-secondary:hover {
  border-color: rgba(0, 169, 255, .35) !important;
  color: #fff !important;
  background: rgba(0, 169, 255, .09) !important;
}

.wb-customer-page .form-control,
.wb-customer-page .form-select,
#customer-password-modal .form-control,
#customer-tfa-modal .form-control,
#reseller-api-modal .form-control,
#reseller-delivery-modal .form-control {
  min-height: 2.75rem;
  border: 1px solid var(--wb-dash-line, rgba(255,255,255,.08)) !important;
  border-radius: .875rem !important;
  color: var(--wb-dash-ink, #f6f7fb) !important;
  background: rgba(255, 255, 255, .03) !important;
  box-shadow: none !important;
}

.wb-customer-page textarea.form-control {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.wb-customer-page .form-control:focus,
.wb-customer-page .form-select:focus,
#customer-password-modal .form-control:focus,
#customer-tfa-modal .form-control:focus,
#reseller-api-modal .form-control:focus,
#reseller-delivery-modal .form-control:focus {
  border-color: rgba(0, 169, 255, .60) !important;
  background: rgba(255, 255, 255, .05) !important;
  box-shadow: 0 0 0 3px rgba(0, 169, 255, .10) !important;
}

.wb-customer-page .table-responsive {
  margin-top: 1rem;
  overflow: auto;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
}

.wb-customer-page .table {
  margin: 0;
  color: var(--wb-dash-ink-soft);
  background: transparent;
  --bs-table-bg: transparent;
  --bs-table-color: var(--wb-dash-ink-soft);
  --bs-table-border-color: var(--wb-dash-line);
}

.wb-customer-page .table > :not(caption) > * > * {
  padding: .9rem 1rem;
  border-color: var(--wb-dash-line);
  color: inherit;
  background: transparent;
}

.wb-customer-page .table thead th {
  color: var(--wb-dash-muted);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.wb-customer-page .table tbody tr:hover {
  background: rgba(255, 255, 255, .02);
}

.wb-customer-page .pagination .page-link {
  border-color: var(--wb-dash-line);
  color: var(--wb-dash-ink-soft);
  background: rgba(16,16,25,.70);
}

.wb-customer-page .pagination .active .page-link {
  border-color: rgba(0,169,255,.35);
  color: #fff;
  background: rgba(0,169,255,.16);
}

body.has-customer-dashboard-bg .modal-backdrop {
  z-index: 1990 !important;
  background: rgba(1, 4, 7, .88) !important;
  opacity: 1 !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

#customer-password-modal,
#customer-tfa-modal,
#customer-delete-modal,
#reseller-api-modal,
#reseller-delivery-modal {
  z-index: 2000 !important;
}

#customer-password-modal,
#customer-tfa-modal {
  pointer-events: auto !important;
}

#customer-password-modal .modal-dialog,
#customer-tfa-modal .modal-dialog {
  width: min(100% - 2rem, 34rem);
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
}

#customer-password-modal .modal-content,
#customer-tfa-modal .modal-content {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .105) !important;
  border-radius: 1.5rem !important;
  color: #f6f7fb;
  background:
    radial-gradient(28rem 15rem at 100% -10%, rgba(0, 169, 255, .13), transparent 62%),
    linear-gradient(180deg, rgba(13, 16, 23, .99), rgba(8, 10, 16, .99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 34px 90px -24px rgba(0,0,0,.96),
    0 0 0 1px rgba(0,169,255,.025) !important;
  pointer-events: auto !important;
}

#customer-delete-modal .modal-content,
#reseller-api-modal .modal-content,
#reseller-delivery-modal .modal-content {
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 1.5rem !important;
  color: #f6f7fb;
  background: rgba(16, 16, 25, .96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 30px 70px -25px rgba(0,0,0,.9) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#customer-password-modal .modal-header,
#customer-tfa-modal .modal-header {
  position: relative;
  z-index: 1;
  min-height: 4.65rem;
  padding: 1.05rem 1.25rem;
  border-color: rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.012);
}

#customer-delete-modal .modal-header,
#reseller-api-modal .modal-header,
#reseller-delivery-modal .modal-header {
  border-color: rgba(255,255,255,.08) !important;
}

#customer-password-modal .modal-title,
#customer-tfa-modal .modal-title,
#customer-delete-modal .modal-title,
#reseller-api-modal .modal-title,
#reseller-delivery-modal .modal-title {
  color: #f6f7fb !important;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.08rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -.02em;
}

#customer-password-modal .modal-body,
#customer-tfa-modal .modal-body {
  position: relative;
  z-index: 1;
  max-height: min(72vh, 38rem);
  padding: 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #9b9cb4;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.12) transparent;
}

#customer-password-modal .modal-body::-webkit-scrollbar,
#customer-tfa-modal .modal-body::-webkit-scrollbar {
  width: 6px;
}

#customer-password-modal .modal-body::-webkit-scrollbar-thumb,
#customer-tfa-modal .modal-body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}

#customer-password-modal .modal-body > form,
#customer-tfa-modal .modal-body > form,
#customer-tfa-modal .modal-body > template + div,
#customer-tfa-modal .modal-body [x-data] {
  position: relative;
}

#customer-password-modal .modal-body .small,
#customer-tfa-modal .modal-body .small {
  color: #9295aa;
  font-size: .82rem;
  line-height: 1.6;
}

#customer-password-modal .form-control,
#customer-tfa-modal .form-control,
#reseller-api-modal .form-control,
#reseller-delivery-modal .form-control {
  min-height: 3rem;
  padding: .72rem .9rem;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: .85rem !important;
  color: #f6f7fb !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .875rem;
}

#customer-password-modal .form-control::placeholder,
#customer-tfa-modal .form-control::placeholder {
  color: #696c80 !important;
}

#customer-password-modal .form-control:focus,
#customer-tfa-modal .form-control:focus,
#reseller-api-modal .form-control:focus,
#reseller-delivery-modal .form-control:focus {
  border-color: rgba(0, 169, 255, .62) !important;
  background: rgba(0, 169, 255, .045) !important;
  box-shadow: 0 0 0 3px rgba(0, 169, 255, .10), inset 0 1px 0 rgba(255,255,255,.025) !important;
}


#customer-password-modal .wb-security-modal__intro,
#customer-tfa-modal .wb-security-modal__intro {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1rem;
  padding: .8rem;
  border: 1px solid rgba(53,185,245,.12);
  border-radius: .9rem;
  background: rgba(0,169,255,.045);
}

#customer-password-modal .wb-security-modal__intro-icon,
#customer-tfa-modal .wb-security-modal__intro-icon {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 2.35rem;
  place-items: center;
  border: 1px solid rgba(53,185,245,.18);
  border-radius: .75rem;
  color: #78CFFF;
  background: rgba(0,169,255,.08);
}

#customer-password-modal .wb-security-modal__intro-icon svg,
#customer-tfa-modal .wb-security-modal__intro-icon svg {
  width: 1rem;
  height: 1rem;
}

#customer-password-modal .wb-security-modal__intro > div > strong,
#customer-password-modal .wb-security-modal__intro > div > span,
#customer-tfa-modal .wb-security-modal__intro > div > strong,
#customer-tfa-modal .wb-security-modal__intro > div > span {
  display: block;
}

#customer-password-modal .wb-security-modal__intro > div > strong,
#customer-tfa-modal .wb-security-modal__intro > div > strong {
  color: #eef8fd;
  font-size: .82rem;
  font-weight: 600;
}

#customer-password-modal .wb-security-modal__intro > div > span,
#customer-tfa-modal .wb-security-modal__intro > div > span {
  margin-top: .15rem;
  color: #81859a;
  font-size: .72rem;
  line-height: 1.45;
}

#customer-password-modal .btn,
#customer-tfa-modal .btn {
  min-height: 2.65rem;
  padding: .62rem 1rem;
  border-radius: .8rem !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .84rem;
  font-weight: 600;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

#customer-password-modal .btn-primary,
#customer-tfa-modal .btn-primary {
  border-color: rgba(255,255,255,.08) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #24B6FF, #008EDB) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 12px 30px -12px rgba(0,169,255,.72) !important;
}

#customer-password-modal .btn-primary:hover,
#customer-tfa-modal .btn-primary:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #53C7FF, #00A9FF) !important;
}

#customer-password-modal .btn-outline-secondary,
#customer-tfa-modal .btn-outline-secondary {
  border-color: rgba(255,255,255,.10) !important;
  color: #c7c8d6 !important;
  background: rgba(255,255,255,.025) !important;
}

#customer-password-modal .btn-outline-secondary:hover,
#customer-tfa-modal .btn-outline-secondary:hover {
  border-color: rgba(53,185,245,.24) !important;
  color: #fff !important;
  background: rgba(0,169,255,.07) !important;
}

#customer-password-modal .btn-outline-danger,
#customer-tfa-modal .btn-outline-danger {
  border-color: rgba(244,63,94,.34) !important;
  color: #fda4af !important;
  background: rgba(244,63,94,.045) !important;
}

#customer-password-modal .btn-outline-danger:hover,
#customer-tfa-modal .btn-outline-danger:hover {
  color: #fff !important;
  background: rgba(244,63,94,.14) !important;
}

#customer-password-modal code,
#customer-tfa-modal code {
  border-color: rgba(53,185,245,.15) !important;
  color: #b9e7ff;
  background: rgba(0,169,255,.055) !important;
}

#customer-tfa-modal img[alt="2FA QR Code"] {
  display: block;
  width: 10rem !important;
  height: 10rem !important;
  margin: .9rem auto !important;
  border: 1px solid rgba(53,185,245,.18);
  border-radius: 1rem !important;
  box-shadow: 0 14px 40px -18px rgba(0,169,255,.42);
}

#customer-password-modal .btn-close,
#customer-tfa-modal .btn-close,
#customer-delete-modal .btn-close,
#reseller-api-modal .btn-close,
#reseller-delivery-modal .btn-close {
  position: relative;
  z-index: 3;
  width: 2rem;
  height: 2rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .7rem;
  filter: invert(1) grayscale(1);
  opacity: .68;
  background-size: .72rem;
  transition: opacity .16s ease, background-color .16s ease, border-color .16s ease;
}

#customer-password-modal .btn-close:hover,
#customer-tfa-modal .btn-close:hover {
  border-color: rgba(255,255,255,.14);
  background-color: rgba(255,255,255,.055);
  opacity: 1;
}

@media (min-width: 640px) {
  .wb-customer-page {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .wb-customer-page .py-5-nav {
    padding-top: 8rem !important;
  }

  .wb-dashboard-balance {
    padding: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .wb-customer-bg-mobile {
    display: none;
  }

  .wb-customer-bg-desktop {
    display: block;
  }

  .wb-customer-page {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .wb-customer-shell__grid {
    display: grid !important;
    grid-template-columns: 16rem minmax(0, 1fr);
    gap: 2rem;
  }

  .wb-customer-shell__grid > .wb-customer-shell__sidebar,
  .wb-customer-shell__grid > .wb-customer-shell__main {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  .wb-customer-shell__sidebar {
    margin-bottom: 0 !important;
  }

  .wb-customer-sidebar {
    position: sticky;
    top: 7rem;
  }
}

@media (max-width: 991.98px) {
  .wb-customer-page .py-5-nav {
    padding-top: 6.75rem !important;
  }

  .wb-customer-shell__sidebar {
    margin-bottom: 1.25rem !important;
  }

  .wb-customer-sidebar--desktop {
    display: none !important;
  }

  .wb-customer-mobile-menu {
    position: relative;
    z-index: 20;
    display: block;
    width: max-content;
    max-width: 100%;
  }

  .wb-customer-mobile-menu__trigger {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    gap: .55rem;
    padding: .62rem 1rem;
    border: 1px solid var(--wb-dash-line);
    border-radius: 999px;
    color: var(--wb-dash-ink);
    background: rgba(16,16,25,.68);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 36px -22px rgba(0,0,0,.9);
    font-family: "Inter", system-ui, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
    user-select: none;
    transition: border-color .18s ease, background-color .18s ease;
  }

  .wb-customer-mobile-menu__trigger::-webkit-details-marker {
    display: none;
  }

  .wb-customer-mobile-menu__trigger > svg:first-child {
    width: 1rem;
    height: 1rem;
    color: var(--wb-dash-accent-soft);
  }

  .wb-customer-mobile-menu__trigger:hover,
  .wb-customer-mobile-menu[open] .wb-customer-mobile-menu__trigger {
    border-color: rgba(0,169,255,.26);
    background: rgba(0,169,255,.075);
  }

  .wb-customer-mobile-menu__trigger-chevron {
    width: .9rem;
    height: .9rem;
    margin-left: .08rem;
    color: var(--wb-dash-muted);
    transition: transform .2s ease;
  }

  .wb-customer-mobile-menu[open] .wb-customer-mobile-menu__trigger-chevron {
    transform: rotate(180deg);
  }

  .wb-customer-mobile-menu__panel {
    width: min(22rem, calc(100vw - 2rem));
    margin-top: .65rem;
    padding: .7rem;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 1.25rem;
    background:
      radial-gradient(22rem 12rem at 0% 0%, rgba(0,169,255,.10), transparent 65%),
      rgba(10,12,18,.97);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 64px -22px rgba(0,0,0,.94);
    backdrop-filter: blur(20px) saturate(130%);
    -webkit-backdrop-filter: blur(20px) saturate(130%);
  }

  .wb-customer-mobile-menu__profile {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .65rem;
    border-radius: .95rem;
    background: rgba(255,255,255,.025);
  }

  .wb-customer-mobile-menu__profile .wb-customer-sidebar__avatar {
    width: 2.4rem;
    height: 2.4rem;
    flex-basis: 2.4rem;
  }

  .wb-customer-mobile-menu__profile .wb-customer-sidebar__identity p {
    font-size: .82rem;
  }

  .wb-customer-mobile-menu__profile .wb-customer-sidebar__identity small {
    font-size: .7rem;
  }

  .wb-customer-mobile-menu__panel .wb-customer-sidebar__divider {
    display: block;
    margin: .7rem .2rem;
  }

  .wb-customer-mobile-menu__panel .wb-customer-sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    overflow: visible;
  }

  .wb-customer-mobile-menu__panel .wb-customer-sidebar__link,
  .wb-customer-mobile-menu__panel .wb-customer-sidebar__logout {
    width: 100%;
    min-height: 2.7rem;
    flex: none;
    gap: .65rem;
    padding: .66rem .78rem;
    border-radius: .9rem;
    white-space: nowrap;
  }

  .wb-customer-mobile-menu__panel .wb-customer-sidebar__link .wb-customer-sidebar__chevron {
    display: block;
  }

  .wb-customer-mobile-menu__panel .wb-customer-sidebar__logout {
    display: flex;
  }

  .wb-customer-bg-orb,
  .wb-dashboard-balance__glow,
  .wb-dashboard-reseller__glow {
    display: none;
  }
}

@media (max-width: 575.98px) {
  #customer-password-modal .modal-dialog,
  #customer-tfa-modal .modal-dialog {
    width: calc(100% - 1rem);
    margin: .5rem auto;
  }

  #customer-password-modal .modal-content,
  #customer-tfa-modal .modal-content {
    border-radius: 1.25rem !important;
  }

  #customer-password-modal .modal-header,
  #customer-tfa-modal .modal-header {
    min-height: 4.25rem;
    padding: .9rem 1rem;
  }

  #customer-password-modal .modal-body,
  #customer-tfa-modal .modal-body {
    max-height: calc(100dvh - 6.25rem);
    padding: 1rem;
  }
}

@media (max-width: 767.98px) {
  .wb-dashboard-stats,
  .wb-dashboard-feature-grid,
  .wb-dashboard-security-grid {
    grid-template-columns: 1fr;
  }

  .wb-dashboard-head,
  .wb-customer-page-head {
    align-items: flex-start;
  }

  .wb-dashboard-balance__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .wb-dashboard-balance__button {
    width: 100%;
    justify-content: center;
  }

  .wb-dashboard-head__shop {
    min-height: 2.35rem;
  }

  .wb-customer-page .row > [class*="col-"] {
    min-width: 0;
  }
}

@media (max-width: 480px) {
  .wb-customer-page {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .wb-dashboard-head h1,
  .wb-customer-page-head h1 {
    font-size: 1.65rem;
    line-height: 2rem;
  }

  .wb-dashboard-head__shop {
    width: 100%;
    justify-content: center;
  }

  .wb-dashboard-stat,
  .wb-dashboard-panel,
  .wb-dashboard-balance {
    border-radius: 1.25rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wb-customer-bg-mobile,
  .wb-customer-bg-orb {
    animation: none !important;
  }
}

::-webkit-scrollbar {
  display: none;
}


body {
  scrollbar-width: none;
}
.wb-customer-page--balance .wb-customer-page-head,
.wb-customer-page--reseller .wb-customer-page-head {
  margin-bottom: 0;
}

.wb-balance-hero {
  position: relative;
  margin-top: 1.5rem;
  overflow: hidden;
  padding: 1.75rem;
  border: 1px solid rgba(0, 169, 255, .30);
  border-radius: 1.75rem;
  background: linear-gradient(135deg, rgba(0, 169, 255, .20), rgba(13, 17, 24, .90) 52%, rgba(13, 17, 24, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 60px -28px rgba(0,0,0,.92);
}

.wb-balance-hero__glow {
  position: absolute;
  top: -4.5rem;
  right: -3.5rem;
  width: 13rem;
  height: 13rem;
  border-radius: 999px;
  background: rgba(0,169,255,.24);
  filter: blur(58px);
  pointer-events: none;
}

.wb-balance-hero__label,
.wb-reseller-eyebrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--wb-dash-accent-soft);
  font-size: .75rem;
  line-height: 1;
  font-weight: 650;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.wb-balance-hero__label svg,
.wb-reseller-eyebrow svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
}

.wb-balance-hero__value {
  position: relative;
  margin: .75rem 0 0;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: clamp(2.7rem, 6vw, 4rem);
  line-height: .95;
  font-weight: 700;
  letter-spacing: -.055em;
}

.wb-balance-section-head {
  margin-top: 2rem;
}

.wb-balance-section-head h2,
.wb-balance-history__head h2,
.wb-reseller-card-head h2,
.wb-reseller-tool-card h2,
.wb-reseller-tier-card h2,
.wb-reseller-status-card h2,
.wb-reseller-enroll-card h2 {
  margin: 0;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -.025em;
}

.wb-balance-section-head p,
.wb-balance-history__head p,
.wb-reseller-card-head p {
  margin: .3rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .8rem;
}

.wb-balance-topup,
.wb-balance-history,
.wb-reseller-how-card,
.wb-reseller-tier-card,
.wb-reseller-tool-card,
.wb-reseller-history-card,
.wb-reseller-catalog-card,
.wb-reseller-status-card,
.wb-reseller-enroll-card {
  border: 1px solid var(--wb-dash-line);
  border-radius: 1.5rem;
  background: rgba(16, 16, 25, .62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 20px 50px -28px rgba(0,0,0,.9);
}

.wb-balance-topup {
  margin-top: 1rem;
  padding: 1.35rem;
}

.wb-balance-topup__head,
.wb-reseller-tool-card__head,
.wb-reseller-enroll-card__head {
  display: flex;
  align-items: center;
  gap: .8rem;
}

.wb-balance-topup__icon,
.wb-balance-history__icon,
.wb-reseller-tool-card__icon,
.wb-reseller-latest-order__icon,
.wb-reseller-status-card__icon {
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 2.6rem;
  place-items: center;
  border: 1px solid rgba(0,169,255,.25);
  border-radius: .9rem;
  color: var(--wb-dash-accent-soft);
  background: linear-gradient(135deg, rgba(0,169,255,.14), rgba(53,185,245,.055));
}

.wb-balance-topup__icon svg,
.wb-balance-history__icon svg,
.wb-reseller-tool-card__icon svg,
.wb-reseller-latest-order__icon svg,
.wb-reseller-status-card__icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.wb-balance-topup__head h3 {
  margin: 0;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 650;
}

.wb-balance-topup__head p {
  margin: .2rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .78rem;
}

.wb-balance-altcha {
  margin-top: 1rem;
}

.wb-balance-presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1.15rem;
}

.wb-balance-presets button {
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .55rem .85rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  color: var(--wb-dash-ink-soft);
  background: rgba(255,255,255,.022);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: .92rem;
  font-weight: 650;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.wb-balance-presets button:hover {
  border-color: rgba(0,169,255,.28);
  color: #fff;
  background: rgba(0,169,255,.06);
  transform: translateY(-1px);
}

.wb-balance-presets button.is-active {
  border-color: rgba(0,169,255,.48);
  color: #fff;
  background: rgba(0,169,255,.13);
  box-shadow: inset 0 0 0 1px rgba(0,169,255,.10), 0 10px 30px -18px rgba(0,169,255,.65);
}

.wb-balance-presets button svg {
  width: .95rem;
  height: .95rem;
  color: var(--wb-dash-accent-soft);
}

.wb-balance-custom-label {
  display: block;
  margin: 1.15rem 0 .5rem;
  color: var(--wb-dash-muted);
  font-size: .75rem;
  font-weight: 600;
}

.wb-balance-custom {
  position: relative;
  display: flex;
  width: 100%;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  background: rgba(255,255,255,.025);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.wb-balance-custom:focus-within {
  border-color: rgba(0,169,255,.5);
  background: rgba(255,255,255,.04);
  box-shadow: 0 0 0 3px rgba(0,169,255,.09);
}

.wb-balance-custom__prefix {
  display: grid;
  width: 3rem;
  flex: 0 0 3rem;
  place-items: center;
  border-right: 1px solid var(--wb-dash-line);
  color: var(--wb-dash-ink-soft);
  background: rgba(255,255,255,.035);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 650;
}

.wb-customer-page--balance .wb-balance-custom .form-control {
  min-height: 3rem !important;
  padding: .65rem .9rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .9rem;
}

.wb-balance-topup__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}

.wb-balance-topup__footer p {
  margin: 0;
  color: var(--wb-dash-faint);
  font-size: .72rem;
}

.wb-balance-topup__footer p span {
  margin: 0 .25rem;
  opacity: .6;
}

.wb-balance-submit,
.wb-reseller-primary-action,
.wb-reseller-secondary-action {
  display: inline-flex;
  min-height: 2.7rem;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 0 1rem;
  border-radius: 999px;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .82rem;
  font-weight: 650;
  text-decoration: none;
  transition: transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
}

.wb-balance-submit,
.wb-reseller-primary-action {
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  background: linear-gradient(90deg, var(--wb-dash-accent), var(--wb-dash-accent-light));
  box-shadow: 0 10px 34px -12px rgba(0,169,255,.58);
}

.wb-balance-submit:hover:not(:disabled),
.wb-reseller-primary-action:hover:not(:disabled) {
  color: #fff;
  filter: brightness(1.07);
  transform: translateY(-1px);
}

.wb-balance-submit:disabled,
.wb-reseller-primary-action:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.wb-balance-submit svg,
.wb-reseller-primary-action svg {
  width: 1rem;
  height: 1rem;
}

.wb-balance-submit__spinner {
  animation: wbBalanceSpin .8s linear infinite;
}

@keyframes wbBalanceSpin { to { transform: rotate(360deg); } }

.wb-balance-unavailable {
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px dashed var(--wb-dash-line);
  border-radius: 1.25rem;
  color: var(--wb-dash-muted);
  background: rgba(255,255,255,.015);
  font-size: .85rem;
  text-align: center;
}

.wb-balance-history {
  margin-top: 1.25rem;
  overflow: hidden;
}

.wb-balance-history__head,
.wb-reseller-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.3rem;
  border-bottom: 1px solid var(--wb-dash-line);
}

.wb-balance-history__icon {
  width: 2.35rem;
  height: 2.35rem;
  flex-basis: 2.35rem;
  border-radius: .8rem;
}

.wb-balance-history__table,
.wb-reseller-catalog-table {
  margin-top: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.wb-balance-history__table .table thead th,
.wb-reseller-catalog-table .table thead th {
  background: rgba(255,255,255,.012) !important;
}

.wb-balance-history__amount {
  color: var(--wb-dash-ink) !important;
  font-weight: 650;
}

.wb-balance-history__empty {
  padding: 2rem !important;
  color: var(--wb-dash-muted) !important;
  text-align: center;
}

.wb-reseller-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  gap: 1rem;
  margin-top: 1.5rem;
}

.wb-reseller-balance-card {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 100%;
  padding: 1.45rem;
  border: 1px solid rgba(0,169,255,.30);
  border-radius: 1.5rem;
  color: inherit;
  background: linear-gradient(135deg, rgba(0,169,255,.20), rgba(16,16,25,.88) 52%, rgba(16,16,25,.95));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 50px -25px rgba(0,0,0,.92);
  text-decoration: none;
}

.wb-reseller-balance-card:hover {
  color: inherit;
  border-color: rgba(0,169,255,.46);
}

.wb-reseller-balance-card__glow {
  position: absolute;
  top: -4rem;
  right: -3rem;
  width: 11rem;
  height: 11rem;
  border-radius: 999px;
  background: rgba(0,169,255,.24);
  filter: blur(54px);
  pointer-events: none;
}

.wb-reseller-eyebrow--soft {
  color: #8edfff;
}

.wb-reseller-balance-card__value {
  position: relative;
  margin: .65rem 0 0;
  color: #fff;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3rem);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.05em;
}

.wb-reseller-balance-card__copy {
  position: relative;
  margin: .65rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .78rem;
}

.wb-reseller-balance-card__button {
  position: relative;
  display: inline-flex;
  min-height: 2.45rem;
  align-items: center;
  gap: .45rem;
  margin-top: 1rem;
  padding: 0 .9rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(90deg, var(--wb-dash-accent), var(--wb-dash-accent-light));
  font-size: .78rem;
  font-weight: 650;
  box-shadow: 0 9px 28px -12px rgba(0,169,255,.6);
}

.wb-reseller-balance-card__button svg {
  width: .95rem;
  height: .95rem;
}

.wb-reseller-how-card {
  padding: 1.45rem;
}

.wb-reseller-how-card ol {
  display: grid;
  gap: .8rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.wb-reseller-how-card li {
  display: flex;
  align-items: center;
  gap: .65rem;
  color: var(--wb-dash-muted);
  font-size: .79rem;
  line-height: 1.4;
}

.wb-reseller-how-card li span {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 1.55rem;
  place-items: center;
  border: 1px solid rgba(0,169,255,.20);
  border-radius: .55rem;
  color: var(--wb-dash-accent-soft);
  background: rgba(0,169,255,.07);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: .7rem;
  font-weight: 700;
}

.wb-reseller-tier-card {
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  padding: 1.4rem;
}

.wb-reseller-tier-card__glow {
  position: absolute;
  top: -5rem;
  right: -3rem;
  width: 14rem;
  height: 14rem;
  border-radius: 999px;
  background: rgba(53,185,245,.08);
  filter: blur(60px);
  pointer-events: none;
}

.wb-reseller-tier-card__top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.wb-reseller-tier-card__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .9rem;
}

.wb-reseller-tier-card__icon {
  display: grid;
  width: 3.6rem;
  height: 3.6rem;
  flex: 0 0 3.6rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(0,169,255,.26);
  border-radius: 1.05rem;
  color: var(--wb-dash-accent-soft);
  background: linear-gradient(135deg, rgba(0,169,255,.16), rgba(53,185,245,.055));
  box-shadow: 0 12px 34px -18px rgba(0,169,255,.65);
}

.wb-reseller-tier-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wb-reseller-tier-card__icon svg {
  width: 1.45rem;
  height: 1.45rem;
}

.wb-reseller-tier-card__kicker {
  display: block;
  margin-bottom: .15rem;
  color: var(--wb-dash-accent-soft);
  font-size: .67rem;
  font-weight: 650;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.wb-reseller-tier-card__identity p {
  margin: .25rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .77rem;
}

.wb-reseller-tier-card__discount {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  padding: 0 .75rem;
  border: 1px solid rgba(74,222,128,.24);
  border-radius: 999px;
  color: #86efac;
  background: rgba(22,101,52,.22);
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}

.wb-reseller-tier-stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1.2rem;
}

.wb-reseller-tier-stats > div {
  padding: .9rem 1rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  background: rgba(255,255,255,.018);
}

.wb-reseller-tier-stats span,
.wb-reseller-next-tier__label {
  display: block;
  color: var(--wb-dash-faint);
  font-size: .66rem;
  font-weight: 650;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.wb-reseller-tier-stats strong {
  display: block;
  margin-top: .32rem;
  color: var(--wb-dash-ink);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 650;
  letter-spacing: -.03em;
}

.wb-reseller-next-tier {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .75rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(0,169,255,.16);
  border-radius: 1rem;
  background: rgba(0,169,255,.035);
}

.wb-reseller-next-tier__copy strong {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-top: .25rem;
  color: var(--wb-dash-ink-soft);
  font-size: .78rem;
  font-weight: 600;
}

.wb-reseller-next-tier__copy img {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: .35rem;
  object-fit: cover;
}

.wb-reseller-next-tier__requirements {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
}

.wb-reseller-next-tier__requirements span,
.wb-reseller-catalog-count,
.wb-reseller-discount-pill {
  display: inline-flex;
  min-height: 1.65rem;
  align-items: center;
  padding: 0 .55rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 999px;
  color: var(--wb-dash-muted);
  background: rgba(255,255,255,.025);
  font-size: .68rem;
  font-weight: 600;
  white-space: nowrap;
}

.wb-reseller-tools-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.wb-reseller-tool-card {
  display: flex;
  min-height: 13.5rem;
  flex-direction: column;
  padding: 1.3rem;
}

.wb-reseller-tool-card__icon--delivery {
  color: #9ce9ff;
}

.wb-reseller-tool-card__head p {
  margin: .25rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .75rem;
  line-height: 1.55;
}

.wb-reseller-tool-card__state {
  margin-top: 1rem;
}

.wb-reseller-tool-card__state > span,
.wb-reseller-modal__status-row strong {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--wb-dash-faint);
  font-size: .72rem;
  font-weight: 600;
}

.wb-reseller-tool-card__state i,
.wb-reseller-modal__status-row strong i {
  width: .45rem;
  height: .45rem;
  border-radius: 999px;
  background: #64748b;
  box-shadow: 0 0 0 3px rgba(100,116,139,.08);
}

.wb-reseller-tool-card__state > span.is-live,
.wb-reseller-modal__status-row strong.is-live {
  color: #86efac;
}

.wb-reseller-tool-card__state > span.is-live i,
.wb-reseller-modal__status-row strong.is-live i {
  background: #4ade80;
  box-shadow: 0 0 0 3px rgba(74,222,128,.10), 0 0 14px rgba(74,222,128,.28);
}

.wb-reseller-tool-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: auto;
  padding-top: 1rem;
}

.wb-reseller-secondary-action {
  border: 1px solid var(--wb-dash-line-strong);
  color: var(--wb-dash-ink-soft);
  background: rgba(255,255,255,.025);
}

.wb-reseller-secondary-action:hover {
  color: #fff;
  border-color: rgba(0,169,255,.28);
  background: rgba(0,169,255,.06);
}

.wb-reseller-history-card,
.wb-reseller-catalog-card {
  margin-top: 1rem;
  overflow: hidden;
}

.wb-reseller-card-head a {
  color: var(--wb-dash-accent-soft);
  font-size: .74rem;
  font-weight: 600;
  text-decoration: none;
}

.wb-reseller-latest-order {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 1rem 1.3rem 1.3rem;
  padding: 1rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  background: rgba(255,255,255,.018);
}

.wb-reseller-latest-order > div {
  min-width: 0;
}

.wb-reseller-latest-order strong,
.wb-reseller-latest-order small {
  display: block;
}

.wb-reseller-latest-order strong {
  overflow: hidden;
  color: var(--wb-dash-ink);
  font-size: .84rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wb-reseller-latest-order small {
  margin-top: .25rem;
  color: var(--wb-dash-muted);
  font-size: .7rem;
}

.wb-reseller-latest-order small a {
  color: var(--wb-dash-accent-soft);
  text-decoration: none;
}

.wb-reseller-latest-order small span {
  margin: 0 .35rem;
  opacity: .6;
}

.wb-reseller-catalog-count {
  color: var(--wb-dash-accent-soft);
  border-color: rgba(0,169,255,.18);
  background: rgba(0,169,255,.055);
}

.wb-reseller-catalog-table .table a {
  color: var(--wb-dash-ink-soft);
  font-weight: 550;
  text-decoration: none;
}

.wb-reseller-catalog-table .table a:hover {
  color: #fff;
}

.wb-reseller-variant-name {
  color: var(--wb-dash-faint);
  font-size: .72rem;
}

.wb-reseller-discount-pill {
  min-height: 1.45rem;
  margin-left: .4rem;
  border-color: rgba(74,222,128,.20);
  color: #86efac;
  background: rgba(22,101,52,.18);
}

.wb-reseller-copy {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  padding: 0;
  border: 1px solid var(--wb-dash-line);
  border-radius: .7rem;
  color: var(--wb-dash-accent-soft);
  background: rgba(255,255,255,.02);
}

.wb-reseller-copy:hover {
  border-color: rgba(0,169,255,.28);
  background: rgba(0,169,255,.07);
}

.wb-reseller-copy svg {
  width: .9rem;
  height: .9rem;
}

.wb-reseller-status-card,
.wb-reseller-enroll-card {
  margin-top: 1.5rem;
  padding: 1.5rem;
}

.wb-reseller-status-card {
  text-align: center;
}

.wb-reseller-status-card__icon {
  margin: 0 auto 1rem;
}

.wb-reseller-status-card p,
.wb-reseller-enroll-card__head p {
  margin: .4rem 0 0;
  color: var(--wb-dash-muted);
  font-size: .82rem;
  line-height: 1.6;
}

.wb-reseller-apply-form {
  display: grid;
  gap: .75rem;
  margin-top: 1.15rem;
}

.wb-reseller-apply-form label {
  color: var(--wb-dash-muted);
  font-size: .76rem;
  font-weight: 600;
}

.wb-reseller-apply-form .wb-reseller-primary-action {
  justify-self: start;
}

.wb-reseller-public-tiers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1.2rem;
}

.wb-reseller-public-tier {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .8rem;
  border: 1px solid var(--wb-dash-line);
  border-radius: 1rem;
  background: rgba(255,255,255,.018);
}

.wb-reseller-public-tier img,
.wb-reseller-public-tier__fallback {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 2.35rem;
  place-items: center;
  border-radius: .75rem;
  object-fit: cover;
  color: #fff;
  background: rgba(0,169,255,.12);
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
}

.wb-reseller-public-tier strong,
.wb-reseller-public-tier span {
  display: block;
}

.wb-reseller-public-tier strong {
  color: var(--wb-dash-ink);
  font-size: .78rem;
}

.wb-reseller-public-tier span {
  margin-top: .2rem;
  color: var(--wb-dash-muted);
  font-size: .66rem;
  line-height: 1.4;
}

#reseller-api-modal,
#reseller-delivery-modal {
  z-index: 2050 !important;
  pointer-events: auto !important;
}

#reseller-api-modal .modal-dialog,
#reseller-delivery-modal .modal-dialog {
  width: min(calc(100% - 2rem), 35rem);
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
  pointer-events: auto !important;
}

#reseller-api-modal .modal-content,
#reseller-delivery-modal .modal-content {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.105) !important;
  border-radius: 1.5rem !important;
  color: var(--wb-dash-ink, #f6f7fb);
  background: radial-gradient(28rem 15rem at 100% -10%, rgba(0,169,255,.11), transparent 62%), linear-gradient(180deg, rgba(13,16,23,.99), rgba(8,10,16,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 36px 90px -24px rgba(0,0,0,.96) !important;
  pointer-events: auto !important;
}

#reseller-api-modal .modal-header,
#reseller-delivery-modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.012);
}

.wb-reseller-modal__title-wrap {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .75rem;
}

.wb-reseller-modal__icon {
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  flex: 0 0 2.55rem;
  place-items: center;
  border: 1px solid rgba(0,169,255,.25);
  border-radius: .85rem;
  color: var(--wb-dash-accent-soft, #78CFFF);
  background: rgba(0,169,255,.08);
}

.wb-reseller-modal__icon svg {
  width: 1.08rem;
  height: 1.08rem;
}

.wb-reseller-modal__title-wrap p {
  margin: .2rem 0 0;
  color: #8f92a5;
  font-size: .72rem;
  line-height: 1.45;
}

#reseller-api-modal .btn-close,
#reseller-delivery-modal .btn-close {
  flex: 0 0 auto;
  margin: .25rem 0 0;
  filter: invert(1) grayscale(1);
  opacity: .55;
}

#reseller-api-modal .btn-close:hover,
#reseller-delivery-modal .btn-close:hover {
  opacity: 1;
}

#reseller-api-modal .modal-body,
#reseller-delivery-modal .modal-body {
  max-height: min(74vh, 40rem);
  padding: 1.2rem;
  overflow-y: auto;
  color: #9b9cb4;
}

.wb-reseller-modal__notice {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  padding: .85rem;
  border: 1px solid rgba(0,169,255,.15);
  border-radius: 1rem;
  color: #9aa8b5;
  background: rgba(0,169,255,.035);
  font-size: .75rem;
  line-height: 1.55;
}

.wb-reseller-modal__notice svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  margin-top: .12rem;
  color: #78CFFF;
}

.wb-reseller-modal__key-block {
  margin-top: 1rem;
}

.wb-reseller-modal__key-block > span,
.wb-reseller-modal__label {
  display: block;
  margin-bottom: .45rem;
  color: #a9abb8;
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.wb-reseller-modal__key-block code {
  display: block;
  padding: .85rem;
  overflow-wrap: anywhere;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .9rem;
  color: #bcecff;
  background: rgba(0,0,0,.28);
  font-size: .78rem;
  line-height: 1.55;
}

.wb-reseller-modal__label {
  margin-top: 1rem;
}

.wb-reseller-modal__helper,
.wb-reseller-modal__footnote,
.wb-reseller-modal__error {
  margin: .35rem 0 0;
  color: #818596;
  font-size: .7rem;
  line-height: 1.5;
}

.wb-reseller-modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}

.wb-reseller-modal__status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .9rem;
  padding: .75rem .85rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .85rem;
  background: rgba(255,255,255,.018);
  font-size: .72rem;
}

.wb-reseller-modal__status-row > span {
  color: #898d9d;
}

.wb-reseller-modal__danger-link {
  margin-top: 1rem;
  padding: 0;
  border: 0;
  color: #a5a8b7;
  background: transparent;
  font-size: .7rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wb-reseller-modal__danger-link:hover {
  color: #fda4af;
}

.wb-reseller-modal__error {
  color: #fda4af;
}

.rm-group-products-modal {
  z-index: 2040 !important;
}

.rm-group-products-modal .modal-dialog {
  width: min(calc(100% - 2rem), 78rem);
  max-width: 78rem;
}

.rm-group-products-modal .modal-content {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 1.35rem !important;
  color: #f7f7fb;
  background: #070b10 !important;
  box-shadow: 0 36px 100px -28px rgba(0,0,0,.95) !important;
}

.rm-group-products-modal .modal-header {
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.rm-group-products-modal .modal-title {
  color: #f7f7fb !important;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 650;
}

.rm-group-products-modal .btn-close {
  filter: invert(1) grayscale(1);
  opacity: .62;
}

.rm-group-products-modal .modal-body {
  max-height: 78vh;
  padding: 1.2rem;
  overflow-y: auto;
}

.rm-group-products-modal .products.rm-products-grid {
  margin: -.5rem !important;
}

.rm-group-products-modal .products.rm-products-grid > [class*="col-"] {
  padding: .5rem !important;
  margin-bottom: 0 !important;
}

.rm-group-products-modal .rm-product-card.card {
  max-width: none !important;
  min-height: 520px !important;
}

@media (max-width: 991.98px) {
  .wb-reseller-top-grid,
  .wb-reseller-tools-grid {
    grid-template-columns: 1fr;
  }

  .wb-reseller-public-tiers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .wb-balance-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wb-balance-topup__footer,
  .wb-reseller-tier-card__top,
  .wb-reseller-next-tier {
    align-items: stretch;
    flex-direction: column;
  }

  .wb-balance-submit {
    width: 100%;
  }

  .wb-reseller-tier-stats {
    grid-template-columns: 1fr;
  }

  .wb-reseller-next-tier__requirements {
    justify-content: flex-start;
  }

  .wb-reseller-public-tiers {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .wb-balance-hero,
  .wb-balance-topup,
  .wb-reseller-balance-card,
  .wb-reseller-how-card,
  .wb-reseller-tier-card,
  .wb-reseller-tool-card,
  .wb-reseller-status-card,
  .wb-reseller-enroll-card {
    border-radius: 1.2rem;
  }

  .wb-balance-hero {
    padding: 1.3rem;
  }

  .wb-balance-hero__glow,
  .wb-reseller-balance-card__glow,
  .wb-reseller-tier-card__glow {
    display: none;
  }

  .wb-balance-presets {
    gap: .5rem;
  }

  .wb-balance-presets button {
    min-height: 2.75rem;
    border-radius: .85rem;
  }

  #reseller-api-modal .modal-dialog,
  #reseller-delivery-modal .modal-dialog {
    width: calc(100% - 1rem);
    margin: .5rem auto;
  }

  #reseller-api-modal .modal-content,
  #reseller-delivery-modal .modal-content {
    border-radius: 1.2rem !important;
  }

  .rm-group-products-modal .modal-dialog {
    width: calc(100% - 1rem);
    margin: .5rem auto;
  }

  .rm-group-products-modal .modal-body {
    padding: .75rem;
  }
}

/* WB reseller modal performance + group-card modal refinement v2 */
body.has-customer-dashboard-bg:has(#reseller-api-modal.show) .modal-backdrop,
body.has-customer-dashboard-bg:has(#reseller-delivery-modal.show) .modal-backdrop {
  background: rgba(2, 7, 11, .48) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: opacity .1s linear !important;
}

#reseller-api-modal,
#reseller-delivery-modal,
#reseller-api-modal .modal-dialog,
#reseller-delivery-modal .modal-dialog {
  transition: none !important;
  transform: none !important;
}

#reseller-api-modal .modal-dialog,
#reseller-delivery-modal .modal-dialog {
  width: min(calc(100% - 2rem), 33rem);
  max-width: 33rem;
}

#reseller-api-modal .modal-content,
#reseller-delivery-modal .modal-content {
  overflow: hidden;
  border: 1px solid rgba(120,207,255,.16) !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(180deg, rgba(12,22,31,.97), rgba(7,13,20,.98)) !important;
  box-shadow: 0 24px 70px -24px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#reseller-api-modal .modal-header,
#reseller-delivery-modal .modal-header {
  align-items: center;
  padding: 1rem 1.05rem;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
  background: rgba(255,255,255,.012);
}

.wb-reseller-modal__icon {
  width: 2.35rem;
  height: 2.35rem;
  flex-basis: 2.35rem;
  border-radius: .75rem;
  background: rgba(0,169,255,.075);
}

.wb-reseller-modal__title-wrap p {
  margin-top: .12rem;
  color: #858da0;
  font-size: .68rem;
}

#reseller-api-modal .modal-body,
#reseller-delivery-modal .modal-body {
  max-height: min(72vh, 36rem);
  padding: 1.05rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(53,185,245,.32) transparent;
}

.wb-reseller-modal__notice {
  padding: .75rem .8rem;
  border-color: rgba(53,185,245,.13);
  border-radius: .85rem;
  background: rgba(0,169,255,.028);
  font-size: .71rem;
  line-height: 1.48;
}

.wb-reseller-modal__status-row {
  padding: .68rem .75rem;
  border-radius: .75rem;
  background: rgba(255,255,255,.014);
}

.wb-reseller-modal__actions {
  gap: .5rem;
  margin-top: .9rem;
}

#reseller-api-modal .wb-reseller-primary-action,
#reseller-delivery-modal .wb-reseller-primary-action,
#reseller-api-modal .wb-reseller-secondary-action,
#reseller-delivery-modal .wb-reseller-secondary-action {
  min-height: 2.55rem;
  padding: 0 .9rem;
  border-radius: .8rem;
}

.rm-group-products-modal .modal-body {
  padding: 1rem;
}

.rm-group-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.rm-group-products-grid__item {
  min-width: 0;
}

.rm-group-products-modal .rm-pcard {
  width: 100%;
  height: 100%;
}

@media (max-width: 991.98px) {
  .rm-group-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  #reseller-api-modal .modal-dialog,
  #reseller-delivery-modal .modal-dialog {
    width: calc(100% - .75rem);
    margin: .375rem auto;
  }

  #reseller-api-modal .modal-content,
  #reseller-delivery-modal .modal-content {
    border-radius: 1rem !important;
  }

  #reseller-api-modal .modal-header,
  #reseller-delivery-modal .modal-header,
  #reseller-api-modal .modal-body,
  #reseller-delivery-modal .modal-body {
    padding: .9rem;
  }

  .rm-group-products-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}


/* Reseller modal copy + light backdrop polish */
body.has-customer-dashboard-bg:has(#reseller-api-modal.show) .modal-backdrop,
body.has-customer-dashboard-bg:has(#reseller-delivery-modal.show) .modal-backdrop {
  background: rgba(2,7,11,.38) !important;
  opacity: 1 !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  transition: opacity .12s linear !important;
}

#reseller-api-modal .wb-reseller-primary-action,
#reseller-delivery-modal .wb-reseller-primary-action {
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  background: linear-gradient(135deg,#35B9F5 0%,#00A9FF 58%,#087FB8 100%) !important;
  box-shadow: 0 10px 28px -12px rgba(0,169,255,.7), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

#reseller-api-modal .wb-reseller-primary-action:hover:not(:disabled),
#reseller-delivery-modal .wb-reseller-primary-action:hover:not(:disabled) {
  color: #fff !important;
  filter: brightness(1.06) !important;
}

#reseller-api-modal .wb-reseller-secondary-action,
#reseller-delivery-modal .wb-reseller-secondary-action {
  border: 1px solid rgba(53,185,245,.22) !important;
  color: #9ADFFF !important;
  background: rgba(0,169,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#reseller-api-modal .wb-reseller-secondary-action:hover,
#reseller-delivery-modal .wb-reseller-secondary-action:hover {
  border-color: rgba(53,185,245,.38) !important;
  color: #fff !important;
  background: rgba(0,169,255,.14) !important;
}

.wb-reseller-modal__key-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: stretch;
  gap: .55rem;
}

.wb-reseller-modal__key-row code {
  min-width: 0;
  margin: 0;
}

.wb-reseller-copy-action {
  display: inline-flex;
  min-width: 6.1rem;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: 0 .8rem;
  border: 1px solid rgba(53,185,245,.25);
  border-radius: .9rem;
  color: #d7f3ff;
  background: linear-gradient(135deg,rgba(53,185,245,.18),rgba(0,169,255,.11));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  font-family: "Inter",system-ui,sans-serif;
  font-size: .75rem;
  font-weight: 650;
  transition: border-color .15s ease,background .15s ease,transform .15s ease;
}

.wb-reseller-copy-action:hover {
  border-color: rgba(53,185,245,.42);
  color: #fff;
  background: linear-gradient(135deg,rgba(53,185,245,.25),rgba(0,169,255,.17));
  transform: translateY(-1px);
}

.wb-reseller-copy-action svg {
  width: .95rem;
  height: .95rem;
  flex: 0 0 .95rem;
}

@media (max-width:575.98px) {
  .wb-reseller-modal__key-row {
    grid-template-columns: 1fr;
  }

  .wb-reseller-copy-action {
    min-height: 2.7rem;
  }
}


#customer-password-modal .wb-security-modal__intro-icon,
#customer-tfa-modal .wb-security-modal__intro-icon {
  display: grid !important;
  place-items: center !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}

#customer-password-modal .wb-security-modal__intro-icon svg,
#customer-tfa-modal .wb-security-modal__intro-icon svg {
  display: block;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  color: #78CFFF !important;
  stroke: currentColor !important;
}

#customer-tfa-modal .wb-tfa-secret {
  margin: .85rem 0 1rem;
}

#customer-tfa-modal .wb-tfa-secret__label {
  display: block;
  margin-bottom: .45rem;
  color: #9295aa;
  font-size: .8rem;
  line-height: 1.45;
}

#customer-tfa-modal .wb-tfa-secret__value {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  padding: .48rem .5rem .48rem .75rem;
  border: 1px solid rgba(53,185,245,.14);
  border-radius: .85rem;
  background: rgba(0,169,255,.045);
}

#customer-tfa-modal .wb-tfa-secret__value code {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #b9e7ff !important;
  font-size: .76rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#customer-tfa-modal .wb-tfa-secret__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  min-height: 2.15rem;
  padding: 0 .72rem;
  flex: 0 0 auto;
  border: 1px solid rgba(53,185,245,.22);
  border-radius: .65rem;
  color: #dff5ff;
  background: rgba(0,169,255,.10);
  font-family: "Inter", system-ui, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

#customer-tfa-modal .wb-tfa-secret__copy:hover {
  border-color: rgba(53,185,245,.38);
  background: rgba(0,169,255,.16);
  transform: translateY(-1px);
}

#customer-tfa-modal .wb-tfa-secret__copy svg {
  width: .9rem;
  height: .9rem;
  flex: 0 0 .9rem;
}

@media (max-width: 480px) {
  #customer-tfa-modal .wb-tfa-secret__value {
    align-items: stretch;
    flex-direction: column;
  }

  #customer-tfa-modal .wb-tfa-secret__value code {
    width: 100%;
    overflow-x: auto;
    text-overflow: clip;
    scrollbar-width: none;
  }

  #customer-tfa-modal .wb-tfa-secret__value code::-webkit-scrollbar {
    display: none;
  }

  #customer-tfa-modal .wb-tfa-secret__copy {
    width: 100%;
  }
}
.rm-pcard.is-out-of-stock img,
.rm-pcard[data-out-of-stock="true"] img {
  filter: grayscale(1) blur(2px) brightness(.65) !important;
}
.waveboosts-product-description > p:first-child,
.waveboosts-product-description > p:first-child *,
.waveboosts-product-description > h1,
.waveboosts-product-description > h2,
.waveboosts-product-description > h3,
.waveboosts-product-description > h4,
.waveboosts-product-description > h5,
.waveboosts-product-description > h6,
.waveboosts-product-description > h1 *,
.waveboosts-product-description > h2 *,
.waveboosts-product-description > h3 *,
.waveboosts-product-description > h4 *,
.waveboosts-product-description > h5 *,
.waveboosts-product-description > h6 * {
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.waveboosts-product-description > p:first-child,
.waveboosts-product-description > p:first-child *,
.waveboosts-product-description > h1,
.waveboosts-product-description > h2,
.waveboosts-product-description > h3,
.waveboosts-product-description > h4,
.waveboosts-product-description > h5,
.waveboosts-product-description > h6 {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #e6f7ff 35%,
    #78cfff 68%,
    #00a9ff 100%
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.waveboosts-product-description > h1,
.waveboosts-product-description > h2,
.waveboosts-product-description > h3,
.waveboosts-product-description > h4,
.waveboosts-product-description > h5,
.waveboosts-product-description > h6,
.waveboosts-product-description > p:first-child > strong:only-child {
  display: inline-block !important;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #e6f7ff 35%,
    #78cfff 68%,
    #00a9ff 100%
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

#affiliate-edit-code-modal {
  z-index: 2050 !important;
  pointer-events: auto !important;
}

#affiliate-edit-code-modal .modal-dialog {
  width: min(calc(100% - 2rem), 31rem);
  max-width: 31rem;
  margin-left: auto;
  margin-right: auto;
  pointer-events: auto !important;
}

#affiliate-edit-code-modal .modal-content {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(120, 207, 255, .16) !important;
  border-radius: 1.3rem !important;
  color: #f6f7fb;
  background:
    radial-gradient(25rem 14rem at 100% -12%, rgba(0, 169, 255, .12), transparent 62%),
    linear-gradient(180deg, rgba(12, 18, 27, .99), rgba(7, 11, 18, .99)) !important;
  box-shadow: 0 28px 80px -24px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  pointer-events: auto !important;
}

#affiliate-edit-code-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
  background: rgba(255, 255, 255, .012);
}

.wb-affiliate-edit-modal__title-wrap {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .78rem;
}

.wb-affiliate-edit-modal__icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  place-items: center;
  border: 1px solid rgba(53, 185, 245, .22);
  border-radius: .8rem;
  color: #78CFFF;
  background: rgba(0, 169, 255, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.wb-affiliate-edit-modal__icon svg {
  width: 1.05rem;
  height: 1.05rem;
}

#affiliate-edit-code-modal .modal-title {
  margin: 0;
  color: #f6f7fb !important;
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: 1.02rem;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -.025em;
}

.wb-affiliate-edit-modal__title-wrap p {
  margin: .16rem 0 0;
  color: #858da0;
  font-size: .69rem;
  line-height: 1.45;
}

#affiliate-edit-code-modal .btn-close {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .7rem;
  background-color: rgba(255, 255, 255, .025);
  filter: invert(1) grayscale(1);
  opacity: .58;
  box-shadow: none !important;
}

#affiliate-edit-code-modal .btn-close:hover {
  opacity: .88;
  background-color: rgba(255, 255, 255, .05);
}

#affiliate-edit-code-modal .modal-body {
  padding: 1.1rem;
  color: #9b9cb4;
}

.wb-affiliate-edit-modal__form {
  display: flex;
  flex-direction: column;
  gap: .9rem;
}

.wb-affiliate-edit-modal__field .form-label {
  margin: 0 0 .48rem;
  color: #b9bdca;
  font-size: .72rem;
  font-weight: 650;
  letter-spacing: .025em;
}

.wb-affiliate-edit-modal__input-wrap {
  position: relative;
}

.wb-affiliate-edit-modal__input-wrap > span {
  position: absolute;
  top: 50%;
  left: .9rem;
  z-index: 2;
  display: grid;
  place-items: center;
  color: #6f788a;
  transform: translateY(-50%);
  pointer-events: none;
}

#affiliate-edit-code-modal .form-control {
  min-height: 3.05rem;
  padding: .72rem .9rem .72rem 2.55rem;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: .88rem !important;
  color: #f6f7fb !important;
  background: rgba(255, 255, 255, .032) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018) !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .86rem;
}

#affiliate-edit-code-modal .form-control::placeholder {
  color: #656d7f !important;
}

#affiliate-edit-code-modal .form-control:focus {
  border-color: rgba(53, 185, 245, .55) !important;
  background: rgba(0, 169, 255, .04) !important;
  box-shadow: 0 0 0 3px rgba(0, 169, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .02) !important;
}

.wb-affiliate-edit-modal__input-wrap:focus-within > span {
  color: #78CFFF;
}

.wb-affiliate-edit-modal__helper {
  margin: .42rem 0 0;
  color: #71798a;
  font-size: .68rem;
  line-height: 1.5;
}

.wb-affiliate-edit-modal__error {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  margin: 0;
  padding: .7rem .75rem;
  border: 1px solid rgba(251, 113, 133, .16);
  border-radius: .8rem;
  color: #fda4af;
  background: rgba(244, 63, 94, .055);
  font-size: .72rem;
  line-height: 1.45;
}

.wb-affiliate-edit-modal__error svg {
  flex: 0 0 1rem;
  margin-top: .08rem;
}

.wb-affiliate-edit-modal__actions {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: .55rem;
  padding-top: .12rem;
}

.wb-affiliate-edit-modal__cancel,
.wb-affiliate-edit-modal__submit {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 0 .9rem;
  border-radius: .82rem;
  font-family: "Inter", system-ui, sans-serif;
  font-size: .78rem;
  font-weight: 650;
  line-height: 1;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, filter .16s ease;
}

.wb-affiliate-edit-modal__cancel {
  border: 1px solid rgba(255, 255, 255, .09);
  color: #aeb4c2;
  background: rgba(255, 255, 255, .025);
}

.wb-affiliate-edit-modal__cancel:hover {
  border-color: rgba(255, 255, 255, .15);
  color: #f6f7fb;
  background: rgba(255, 255, 255, .045);
}

.wb-affiliate-edit-modal__submit {
  border: 1px solid rgba(255, 255, 255, .13);
  color: #fff;
  background: linear-gradient(135deg, #35B9F5 0%, #00A9FF 58%, #087FB8 100%);
  box-shadow: 0 10px 28px -14px rgba(0, 169, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .18);
}

.wb-affiliate-edit-modal__submit:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.06);
}

.wb-affiliate-edit-modal__submit:disabled {
  cursor: wait;
  opacity: .62;
}

.wb-affiliate-edit-modal__spinner {
  animation: wbAffiliateEditSpin .8s linear infinite;
}

@keyframes wbAffiliateEditSpin {
  to { transform: rotate(360deg); }
}

body.has-customer-dashboard-bg:has(#affiliate-edit-code-modal.show) .modal-backdrop {
  z-index: 2040 !important;
  background: rgba(2, 7, 11, .5) !important;
  opacity: 1 !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

@media (max-width: 575.98px) {
  #affiliate-edit-code-modal .modal-dialog {
    width: calc(100% - .75rem);
    margin: .375rem auto;
  }

  #affiliate-edit-code-modal .modal-content {
    border-radius: 1.05rem !important;
  }

  #affiliate-edit-code-modal .modal-header,
  #affiliate-edit-code-modal .modal-body {
    padding: .9rem;
  }

  .wb-affiliate-edit-modal__title-wrap p {
    max-width: 15rem;
  }

  .wb-affiliate-edit-modal__actions {
    grid-template-columns: 1fr 1.35fr;
  }
}