.rm-product-showcase {
  --rm-showcase-main: #780BD1;
  --rm-showcase-soft: #A235F5;
  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(120, 11, 209, .72);
  box-shadow:
    0 25px 72px rgba(0,0,0,.56),
    0 0 0 1px rgba(162, 53, 245, .12) inset,
    0 0 38px rgba(120, 11, 209, .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: #f6f4f7;
  background: rgba(16,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(162, 53, 245, .45); background: rgba(120, 11, 209, .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:#f6f4f7; 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: #08050B !important;
}
.page-hero-bg-mobile {
  position: fixed;
  inset: 0;
  z-index: -50;
  pointer-events: none;
  background-color: #08050B;
  background-image:
    radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    radial-gradient(60rem 42rem at 50% -12%, rgba(120, 11, 209, .12), transparent 62%),
    radial-gradient(34rem 34rem at 100% 30%, rgba(128, 21, 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: #08050B;
}
@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(120, 11, 209, .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. */
.reshop-product-form .buy-buttons .btn-primary .reshop-button-icon,
.reshop-product-form .buy-buttons .btn-primary .reshop-button-icon path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

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

.reshop-home-components {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  overflow-y: visible;
  background:
    radial-gradient(900px 520px at 8% -10%, rgba(120, 11, 209, 0.13), transparent 62%),
    radial-gradient(760px 480px at 94% 10%, rgba(128, 21, 210, 0.11), transparent 64%),
    linear-gradient(180deg, #08050B 0%, #0D0712 44%, #07030A 100%);
}

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

.reshop-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%);
}

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

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

.reshop-home-components .reshop-home::before,
.reshop-home-components .rm-product-showcase::before,
.reshop-home-components .rm-product-showcase::after,
.reshop-home-components .rm-packs::before,
.reshop-home-components .sg-section::before,
.reshop-home-components .sg-section::after,
.reshop-home-components .reshop-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,
  .reshop-home-components {
    overflow-x: hidden;
  }
}

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

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

.reshop-footer {
  margin-top: 0 !important;
  background: #07030A !important;
}

body.has-customer-dashboard-bg {
  background-color: #09070b !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 .rs-customer-page {
  position: relative;
  z-index: 1;
}

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

.rs-customer-bg-mobile {
  background-color: #09070b;
  background-image:
    radial-gradient(60rem 42rem at 50% -12%, rgba(120, 11, 209, 0.16), transparent 62%),
    radial-gradient(34rem 34rem at 100% 30%, rgba(162, 53, 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;
}

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

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

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

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

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

.rs-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);
}

.rs-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; }
}

.rs-customer-page {
  --rs-dash-base: #09070b;
  --rs-dash-carbon: #151019;
  --rs-dash-ink: #f9f6fb;
  --rs-dash-ink-soft: #d0c7d6;
  --rs-dash-muted: #a99bb4;
  --rs-dash-faint: #82748c;
  --rs-dash-line: rgba(255, 255, 255, 0.08);
  --rs-dash-line-strong: rgba(255, 255, 255, 0.14);
  --rs-dash-accent: #780BD1;
  --rs-dash-accent-light: #A235F5;
  --rs-dash-accent-soft: #C478FF;
  width: 100%;
  max-width: 80rem !important;
  margin-inline: auto;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  color: var(--rs-dash-ink);
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

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

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

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

.rs-customer-sidebar {
  padding: 1rem;
  border: 1px solid var(--rs-dash-line);
  border-radius: 1.5rem;
  background: rgba(21, 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);
}

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

.rs-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);
}

.rs-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(--rs-dash-accent), var(--rs-dash-accent-light));
  box-shadow: 0 8px 28px -8px rgba(120, 11, 209, .55);
}

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

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

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

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

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

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

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

.rs-customer-sidebar__link,
.rs-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(--rs-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;
}

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

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

.rs-customer-sidebar__link.active {
  color: var(--rs-dash-ink);
  background: rgba(120, 11, 209, 0.15);
  box-shadow: inset 0 0 0 1px rgba(120, 11, 209, 0.30);
}

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

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

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

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

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

.rs-dashboard-head h1,
.rs-customer-page-head h1 {
  margin: 0;
  color: var(--rs-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;
}

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

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

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

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

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

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

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

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

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

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

.rs-dashboard-balance__value {
  margin: .5rem 0 0;
  color: var(--rs-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;
}

.rs-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(--rs-dash-accent), var(--rs-dash-accent-light));
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(120, 11, 209, .25), 0 8px 40px -8px rgba(120, 11, 209, .5);
  transition: filter .18s ease, transform .18s ease;
}

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

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

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

.rs-dashboard-stat,
.rs-dashboard-panel,
.rs-customer-page .card {
  border: 1px solid var(--rs-dash-line) !important;
  border-radius: 1.5rem !important;
  color: var(--rs-dash-ink);
  background: rgba(21, 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;
}

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

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

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

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

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

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

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

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

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

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

.rs-dashboard-panel__head a:hover {
  color: #e0b8ff;
}

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

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

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

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

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

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

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

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

.rs-dashboard-reseller:hover {
  color: inherit;
  border-color: rgba(120, 11, 209, .40) !important;
  transform: translateY(-1px);
}

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

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

.rs-dashboard-reseller__icon {
  position: relative;
  border-color: rgba(120, 11, 209, .30);
  background: linear-gradient(135deg, rgba(120, 11, 209, .25), rgba(162, 53, 245, .10));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rs-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;
}

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

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

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

.rs-customer-page .btn-outline-primary:hover,
.rs-customer-page .btn-outline-secondary:hover {
  border-color: rgba(120, 11, 209, .35) !important;
  color: #fff !important;
  background: rgba(120, 11, 209, .09) !important;
}

.rs-customer-page .form-control,
.rs-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(--rs-dash-line, rgba(255,255,255,.08)) !important;
  border-radius: .875rem !important;
  color: var(--rs-dash-ink, #f9f6fb) !important;
  background: rgba(255, 255, 255, .03) !important;
  box-shadow: none !important;
}

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

.rs-customer-page .form-control:focus,
.rs-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(120, 11, 209, .60) !important;
  background: rgba(255, 255, 255, .05) !important;
  box-shadow: 0 0 0 3px rgba(120, 11, 209, .10) !important;
}

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

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

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

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

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

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

.rs-customer-page .pagination .active .page-link {
  border-color: rgba(120,11,209,.35);
  color: #fff;
  background: rgba(120,11,209,.16);
}

body.has-customer-dashboard-bg .modal-backdrop {
  z-index: 1990 !important;
  background: rgba(4, 1, 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: #f9f6fb;
  background:
    radial-gradient(28rem 15rem at 100% -10%, rgba(120, 11, 209, .13), transparent 62%),
    linear-gradient(180deg, rgba(19, 13, 23, .99), rgba(13, 8, 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(120,11,209,.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: #f9f6fb;
  background: rgba(21, 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: #f9f6fb !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: #a99bb4;
  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: #a092aa;
  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: #f9f6fb !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: #766980 !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(120, 11, 209, .62) !important;
  background: rgba(120, 11, 209, .045) !important;
  box-shadow: 0 0 0 3px rgba(120, 11, 209, .10), inset 0 1px 0 rgba(255,255,255,.025) !important;
}


#customer-password-modal .rs-security-modal__intro,
#customer-tfa-modal .rs-security-modal__intro {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1rem;
  padding: .8rem;
  border: 1px solid rgba(162,53,245,.12);
  border-radius: .9rem;
  background: rgba(120,11,209,.045);
}

#customer-password-modal .rs-security-modal__intro-icon,
#customer-tfa-modal .rs-security-modal__intro-icon {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 2.35rem;
  place-items: center;
  border: 1px solid rgba(162,53,245,.18);
  border-radius: .75rem;
  color: #C478FF;
  background: rgba(120,11,209,.08);
}

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

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

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

#customer-password-modal .rs-security-modal__intro > div > span,
#customer-tfa-modal .rs-security-modal__intro > div > span {
  margin-top: .15rem;
  color: #8f819a;
  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, #A024FF, #7C00DB) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 12px 30px -12px rgba(120,11,209,.72) !important;
}

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

#customer-password-modal .btn-outline-secondary,
#customer-tfa-modal .btn-outline-secondary {
  border-color: rgba(255,255,255,.10) !important;
  color: #d0c7d6 !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(162,53,245,.24) !important;
  color: #fff !important;
  background: rgba(120,11,209,.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(162,53,245,.15) !important;
  color: #e1b9ff;
  background: rgba(120,11,209,.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(162,53,245,.18);
  border-radius: 1rem !important;
  box-shadow: 0 14px 40px -18px rgba(120,11,209,.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) {
  .rs-customer-page {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rs-customer-mobile-menu__trigger {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    gap: .55rem;
    padding: .62rem 1rem;
    border: 1px solid var(--rs-dash-line);
    border-radius: 999px;
    color: var(--rs-dash-ink);
    background: rgba(21,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;
  }

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

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

  .rs-customer-mobile-menu__trigger:hover,
  .rs-customer-mobile-menu[open] .rs-customer-mobile-menu__trigger {
    border-color: rgba(120,11,209,.26);
    background: rgba(120,11,209,.075);
  }

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

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

  .rs-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(120,11,209,.10), transparent 65%),
      rgba(15,10,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%);
  }

  .rs-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);
  }

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

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

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

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

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

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

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

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

  .rs-customer-bg-orb,
  .rs-dashboard-balance__glow,
  .rs-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) {
  .rs-dashboard-stats,
  .rs-dashboard-feature-grid,
  .rs-dashboard-security-grid {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

.rs-balance-hero__value {
  position: relative;
  margin: .75rem 0 0;
  color: var(--rs-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;
}

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

.rs-balance-section-head h2,
.rs-balance-history__head h2,
.rs-reseller-card-head h2,
.rs-reseller-tool-card h2,
.rs-reseller-tier-card h2,
.rs-reseller-status-card h2,
.rs-reseller-enroll-card h2 {
  margin: 0;
  color: var(--rs-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;
}

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

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

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

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

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

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

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

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

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

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

.rs-balance-presets button {
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .55rem .85rem;
  border: 1px solid var(--rs-dash-line);
  border-radius: 1rem;
  color: var(--rs-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;
}

.rs-balance-presets button:hover {
  border-color: rgba(120,11,209,.28);
  color: #fff;
  background: rgba(120,11,209,.06);
  transform: translateY(-1px);
}

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

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

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

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

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

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

.rs-customer-page--balance .rs-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;
}

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

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

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

.rs-balance-submit,
.rs-reseller-primary-action,
.rs-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rs-reseller-balance-card {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 100%;
  padding: 1.45rem;
  border: 1px solid rgba(120,11,209,.30);
  border-radius: 1.5rem;
  color: inherit;
  background: linear-gradient(135deg, rgba(120,11,209,.20), rgba(21,16,25,.88) 52%, rgba(21,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;
}

.rs-reseller-balance-card:hover {
  color: inherit;
  border-color: rgba(120,11,209,.46);
}

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

.rs-reseller-eyebrow--soft {
  color: #ce8eff;
}

.rs-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;
}

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

.rs-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(--rs-dash-accent), var(--rs-dash-accent-light));
  font-size: .78rem;
  font-weight: 650;
  box-shadow: 0 9px 28px -12px rgba(120,11,209,.6);
}

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

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

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

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

.rs-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(120,11,209,.20);
  border-radius: .55rem;
  color: var(--rs-dash-accent-soft);
  background: rgba(120,11,209,.07);
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-size: .7rem;
  font-weight: 700;
}

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

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

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

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

.rs-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(120,11,209,.26);
  border-radius: 1.05rem;
  color: var(--rs-dash-accent-soft);
  background: linear-gradient(135deg, rgba(120,11,209,.16), rgba(162,53,245,.055));
  box-shadow: 0 12px 34px -18px rgba(120,11,209,.65);
}

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

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

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

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

.rs-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;
}

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

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

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

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

.rs-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(120,11,209,.16);
  border-radius: 1rem;
  background: rgba(120,11,209,.035);
}

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

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

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

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

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

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

.rs-reseller-tool-card__icon--delivery {
  color: #d49cff;
}

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

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

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

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

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

.rs-reseller-tool-card__state > span.is-live i,
.rs-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);
}

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

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

.rs-reseller-secondary-action:hover {
  color: #fff;
  border-color: rgba(120,11,209,.28);
  background: rgba(120,11,209,.06);
}

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

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

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

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

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

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

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

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

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

.rs-reseller-catalog-count {
  color: var(--rs-dash-accent-soft);
  border-color: rgba(120,11,209,.18);
  background: rgba(120,11,209,.055);
}

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

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

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

.rs-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);
}

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

.rs-reseller-copy:hover {
  border-color: rgba(120,11,209,.28);
  background: rgba(120,11,209,.07);
}

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

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

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

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

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

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

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

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

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

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

.rs-reseller-public-tier img,
.rs-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(120,11,209,.12);
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 700;
}

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

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

.rs-reseller-public-tier span {
  margin-top: .2rem;
  color: var(--rs-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(--rs-dash-ink, #f9f6fb);
  background: radial-gradient(28rem 15rem at 100% -10%, rgba(120,11,209,.11), transparent 62%), linear-gradient(180deg, rgba(19,13,23,.99), rgba(13,8,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);
}

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

.rs-reseller-modal__icon {
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  flex: 0 0 2.55rem;
  place-items: center;
  border: 1px solid rgba(120,11,209,.25);
  border-radius: .85rem;
  color: var(--rs-dash-accent-soft, #C478FF);
  background: rgba(120,11,209,.08);
}

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

.rs-reseller-modal__title-wrap p {
  margin: .2rem 0 0;
  color: #9b8fa5;
  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: #a99bb4;
}

.rs-reseller-modal__notice {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  padding: .85rem;
  border: 1px solid rgba(120,11,209,.15);
  border-radius: 1rem;
  color: #a99ab5;
  background: rgba(120,11,209,.035);
  font-size: .75rem;
  line-height: 1.55;
}

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

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

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

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

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

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

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

.rs-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;
}

.rs-reseller-modal__status-row > span {
  color: #94899d;
}

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

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

.rs-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: #f9f7fb;
  background: #0c0710 !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: #f9f7fb !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) {
  .rs-reseller-top-grid,
  .rs-reseller-tools-grid {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

  .rs-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(7, 2, 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(196,120,255,.16) !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(180deg, rgba(23,12,31,.97), rgba(14,7,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);
}

.rs-reseller-modal__icon {
  width: 2.35rem;
  height: 2.35rem;
  flex-basis: 2.35rem;
  border-radius: .75rem;
  background: rgba(120,11,209,.075);
}

.rs-reseller-modal__title-wrap p {
  margin-top: .12rem;
  color: #9485a0;
  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(162,53,245,.32) transparent;
}

.rs-reseller-modal__notice {
  padding: .75rem .8rem;
  border-color: rgba(162,53,245,.13);
  border-radius: .85rem;
  background: rgba(120,11,209,.028);
  font-size: .71rem;
  line-height: 1.48;
}

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

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

#reseller-api-modal .rs-reseller-primary-action,
#reseller-delivery-modal .rs-reseller-primary-action,
#reseller-api-modal .rs-reseller-secondary-action,
#reseller-delivery-modal .rs-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(7,2,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 .rs-reseller-primary-action,
#reseller-delivery-modal .rs-reseller-primary-action {
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  background: linear-gradient(135deg,#A235F5 0%,#780BD1 58%,#6C08B8 100%) !important;
  box-shadow: 0 10px 28px -12px rgba(120,11,209,.7), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

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

#reseller-api-modal .rs-reseller-secondary-action,
#reseller-delivery-modal .rs-reseller-secondary-action {
  border: 1px solid rgba(162,53,245,.22) !important;
  color: #D39AFF !important;
  background: rgba(120,11,209,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#reseller-api-modal .rs-reseller-secondary-action:hover,
#reseller-delivery-modal .rs-reseller-secondary-action:hover {
  border-color: rgba(162,53,245,.38) !important;
  color: #fff !important;
  background: rgba(120,11,209,.14) !important;
}

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

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

.rs-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(162,53,245,.25);
  border-radius: .9rem;
  color: #eed7ff;
  background: linear-gradient(135deg,rgba(162,53,245,.18),rgba(120,11,209,.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;
}

.rs-reseller-copy-action:hover {
  border-color: rgba(162,53,245,.42);
  color: #fff;
  background: linear-gradient(135deg,rgba(162,53,245,.25),rgba(120,11,209,.17));
  transform: translateY(-1px);
}

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

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

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


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

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

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

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

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

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

#customer-tfa-modal .rs-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(162,53,245,.22);
  border-radius: .65rem;
  color: #f1dfff;
  background: rgba(120,11,209,.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 .rs-tfa-secret__copy:hover {
  border-color: rgba(162,53,245,.38);
  background: rgba(120,11,209,.16);
  transform: translateY(-1px);
}

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

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

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

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

  #customer-tfa-modal .rs-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;
}
.reshop-product-description > p:first-child,
.reshop-product-description > p:first-child *,
.reshop-product-description > h1,
.reshop-product-description > h2,
.reshop-product-description > h3,
.reshop-product-description > h4,
.reshop-product-description > h5,
.reshop-product-description > h6,
.reshop-product-description > h1 *,
.reshop-product-description > h2 *,
.reshop-product-description > h3 *,
.reshop-product-description > h4 *,
.reshop-product-description > h5 *,
.reshop-product-description > h6 * {
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.reshop-product-description > p:first-child,
.reshop-product-description > p:first-child *,
.reshop-product-description > h1,
.reshop-product-description > h2,
.reshop-product-description > h3,
.reshop-product-description > h4,
.reshop-product-description > h5,
.reshop-product-description > h6 {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #f4e6ff 35%,
    #c478ff 68%,
    #780bd1 100%
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.reshop-product-description > h1,
.reshop-product-description > h2,
.reshop-product-description > h3,
.reshop-product-description > h4,
.reshop-product-description > h5,
.reshop-product-description > h6,
.reshop-product-description > p:first-child > strong:only-child {
  display: inline-block !important;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #f4e6ff 35%,
    #c478ff 68%,
    #780bd1 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(196, 120, 255, .16) !important;
  border-radius: 1.3rem !important;
  color: #f9f6fb;
  background:
    radial-gradient(25rem 14rem at 100% -12%, rgba(120, 11, 209, .12), transparent 62%),
    linear-gradient(180deg, rgba(20, 12, 27, .99), rgba(13, 7, 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);
}

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

.rs-affiliate-edit-modal__icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  place-items: center;
  border: 1px solid rgba(162, 53, 245, .22);
  border-radius: .8rem;
  color: #C478FF;
  background: rgba(120, 11, 209, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

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

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

.rs-affiliate-edit-modal__title-wrap p {
  margin: .16rem 0 0;
  color: #9485a0;
  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: #a99bb4;
}

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

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

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

.rs-affiliate-edit-modal__input-wrap > span {
  position: absolute;
  top: 50%;
  left: .9rem;
  z-index: 2;
  display: grid;
  place-items: center;
  color: #7e6f8a;
  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: #f9f6fb !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: #74657f !important;
}

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

.rs-affiliate-edit-modal__input-wrap:focus-within > span {
  color: #C478FF;
}

.rs-affiliate-edit-modal__helper {
  margin: .42rem 0 0;
  color: #7f718a;
  font-size: .68rem;
  line-height: 1.5;
}

.rs-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;
}

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

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

.rs-affiliate-edit-modal__cancel,
.rs-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;
}

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

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

.rs-affiliate-edit-modal__submit {
  border: 1px solid rgba(255, 255, 255, .13);
  color: #fff;
  background: linear-gradient(135deg, #A235F5 0%, #780BD1 58%, #6C08B8 100%);
  box-shadow: 0 10px 28px -14px rgba(120, 11, 209, .7), inset 0 1px 0 rgba(255, 255, 255, .18);
}

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

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

.rs-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(7, 2, 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;
  }

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

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