:root {
  --color-primary: #1ABC6C;
  --color-accent: #5dffb0;
  --color-background: #020403;
  --color-foreground: #d9eee3;
  --color-muted: #7c9a8b;
  --link-color: #1ABC6C;
  --button-background: #1ABC6C;
  --button-foreground: #021008;
  --button-border: #5dffb0;
  --input-background: #030a06;
  --input-foreground: #d9eee3;
  --input-border: #123a26;
  --card-background: #07120c;
  --card-border: #123a26;
  --acc-rgb: 26, 188, 108;
  --hi-rgb: 93, 255, 176;
  --color-heading: #effff6;
  --font-display: "PX Display", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "PX Mono", ui-monospace, monospace;
}

@font-face {
  font-family: "PX Display";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/chakra-petch@latest/latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PX Display";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/chakra-petch@latest/latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PX Body";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/chakra-petch@latest/latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PX Mono";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@property --px-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes px-flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; filter: none; }
  20%, 24%, 55% { opacity: .35; filter: brightness(.5); }
  21% { opacity: .9; }
  56% { opacity: .15; filter: brightness(.3) blur(.6px); }
}

@keyframes px-jitter {
  0%, 89%, 100% {
    transform: none;
    clip-path: inset(0 0 0 0);
    text-shadow: 0 0 18px rgba(26, 188, 108, .45), 0 0 2px rgba(26, 188, 108, .9);
  }
  90% {
    transform: translate(-3px, 1px) skewX(-8deg);
    clip-path: inset(12% 0 58% 0);
    text-shadow: 4px 0 #1ABC6C, -4px 0 rgba(255, 255, 255, .7);
  }
  91% {
    transform: translate(4px, -1px);
    clip-path: inset(62% 0 4% 0);
    text-shadow: -5px 0 #1ABC6C, 5px 0 rgba(255, 255, 255, .55);
  }
  92% {
    transform: translate(-1px, 0) skewX(12deg);
    clip-path: inset(30% 0 36% 0);
    text-shadow: 2px 0 #5dffb0, -2px 0 #0b3d25;
  }
  93% {
    transform: translate(2px, 1px);
    clip-path: inset(0 0 0 0);
    text-shadow: -3px 0 #1ABC6C, 3px 0 rgba(255, 255, 255, .6);
  }
  94% {
    transform: none;
    text-shadow: 0 0 26px rgba(26, 188, 108, .8), 0 0 2px #5dffb0;
  }
}

@keyframes px-jitter-hard {
  0%, 82%, 100% {
    transform: none;
    clip-path: inset(0 0 0 0);
    letter-spacing: .02em;
  }
  83% { transform: translateX(-10px) skewX(-18deg); clip-path: inset(8% 0 70% 0); letter-spacing: .08em; }
  84% { transform: translateX(14px); clip-path: inset(44% 0 30% 0); }
  85% { transform: translateX(-6px) scaleY(1.15); clip-path: inset(75% 0 2% 0); }
  86% { transform: translateX(3px) skewX(22deg); clip-path: inset(20% 0 45% 0); letter-spacing: -.02em; }
  87% { transform: none; clip-path: inset(0 0 0 0); letter-spacing: .02em; }
  95% { transform: translateX(-2px); clip-path: inset(50% 0 49% 0); }
  96% { transform: none; clip-path: inset(0 0 0 0); }
}

@keyframes px-rgb-split {
  0%, 100% { text-shadow: 2px 0 rgba(26, 188, 108, .85), -2px 0 rgba(255, 255, 255, .25), 0 0 30px rgba(26, 188, 108, .55); }
  33% { text-shadow: -3px 1px rgba(26, 188, 108, .85), 3px -1px rgba(255, 255, 255, .3), 0 0 40px rgba(26, 188, 108, .7); }
  66% { text-shadow: 1px -1px rgba(26, 188, 108, .85), -1px 1px rgba(255, 255, 255, .2), 0 0 22px rgba(26, 188, 108, .4); }
}

@keyframes px-grain {
  0%   { transform: translate(0, 0); }
  17%  { transform: translate(-3%, 2%); }
  33%  { transform: translate(2%, -4%); }
  50%  { transform: translate(-4%, -1%); }
  67%  { transform: translate(3%, 3%); }
  83%  { transform: translate(-1%, 4%); }
  100% { transform: translate(0, 0); }
}

@keyframes px-beam {
  0%   { background-position: 0 -100%, 0 0; }
  100% { background-position: 0 200%, 0 0; }
}
@keyframes px-breathe {
  0%, 100% { opacity: .85; }
  50% { opacity: 1; }
  52% { opacity: .55; }
  53% { opacity: 1; }
}

@keyframes px-tear {
  0%, 84%, 100% { opacity: 0; top: 30%; height: 0; transform: translateX(0); }
  85% { opacity: 1; top: 22%; height: 16px; transform: translateX(-18px); }
  86% { opacity: 1; top: 64%; height: 5px; transform: translateX(26px); }
  87% { opacity: .9; top: 41%; height: 38px; transform: translateX(-9px); }
  88% { opacity: 1; top: 43%; height: 3px; transform: translateX(40px); }
  89% { opacity: 0; }
  95% { opacity: 0; top: 80%; height: 0; }
  96% { opacity: .8; top: 79%; height: 10px; transform: translateX(-30px); }
  97% { opacity: 0; }
}

@keyframes px-fog {
  0%   { background-position: 0% 100%, 100% 100%, 50% 100%; }
  50%  { background-position: 40% 100%, 60% 100%, 20% 100%; }
  100% { background-position: 0% 100%, 100% 100%, 50% 100%; }
}

@keyframes px-sweep {
  0%   { background-position: -40% 100%, 0 0; }
  100% { background-position: 140% 100%, 0 0; }
}

@keyframes px-heartbeat {
  0%, 40%, 100% { box-shadow: 0 0 0 0 rgba(26, 188, 108, .0), 0 0 18px rgba(26, 188, 108, .35); }
  8%  { box-shadow: 0 0 0 4px rgba(26, 188, 108, .25), 0 0 30px rgba(26, 188, 108, .6); }
  16% { box-shadow: 0 0 0 0 rgba(26, 188, 108, .0), 0 0 18px rgba(26, 188, 108, .35); }
  24% { box-shadow: 0 0 0 7px rgba(26, 188, 108, .18), 0 0 38px rgba(26, 188, 108, .7); }
}

@keyframes px-btn-glitch {
  0%   { transform: translate(0); filter: none; }
  20%  { transform: translate(-2px, 1px); filter: brightness(1.4); }
  40%  { transform: translate(2px, -1px); filter: hue-rotate(20deg); }
  60%  { transform: translate(-1px, 0) skewX(-6deg); filter: brightness(.8); }
  80%  { transform: translate(1px, 0); filter: none; }
  100% { transform: translate(0); filter: none; }
}

@keyframes px-spin {
  to { --px-angle: 360deg; }
}

@keyframes px-corrupt {
  0%, 100% { transform: translate(0) scale(1.04); filter: saturate(1.25) contrast(1.1); }
  10% { transform: translate(-4px, 0) scale(1.04); filter: brightness(1.8) contrast(1.4); }
  14% { transform: translate(4px, 0) scale(1.04); filter: hue-rotate(25deg); }
  18% { transform: translate(0) scale(1.04); filter: saturate(1.25) contrast(1.1); }
  62% { transform: translate(-3px, 0) scale(1.04); filter: brightness(1.5); }
  64% { transform: translate(0) scale(1.04); filter: saturate(1.25) contrast(1.1); }
}

@keyframes px-materialise {
  0%   { opacity: 0; transform: translateY(24px); }
  30%  { opacity: .5; }
  34%  { opacity: .15; }
  38%  { opacity: .7; }
  70%  { opacity: .9; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}

@keyframes px-boot {
  0%   { opacity: 0; filter: brightness(3) contrast(2); transform: scaleY(.004); }
  12%  { opacity: 1; transform: scaleY(.004); }
  22%  { transform: scaleY(1.04); filter: brightness(1.8); }
  30%  { transform: scaleY(1); filter: brightness(.4); }
  36%  { filter: brightness(1.5); }
  44%  { filter: brightness(.7); }
  100% { opacity: 1; filter: none; transform: none; }
}

@keyframes px-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

body {
  --px-acc: #1ABC6C;
  --px-hi: #5dffb0;
  --px-deep: #0b3d25;
  --px-bg: #020403;
  --px-bg-2: #06100b;
  --px-panel: rgba(7, 18, 12, .78);
  --px-line: rgba(26, 188, 108, .22);
  --px-text: #d9eee3;
  --px-muted: #7c9a8b;

  background:
    radial-gradient(1200px 700px at 50% -12%, rgba(26, 188, 108, .11), transparent 60%),
    radial-gradient(900px 600px at 100% 110%, rgba(26, 188, 108, .06), transparent 60%),
    radial-gradient(700px 500px at -10% 60%, rgba(26, 188, 108, .04), transparent 60%),
    var(--px-bg) !important;
  color: var(--px-text);
  font-family: "PX Body", ui-sans-serif, system-ui, sans-serif;
}

header, main > *, footer {
  animation: px-boot 1.4s cubic-bezier(.2, .8, .2, 1) backwards;
}

body::before {
  content: "";
  position: fixed;
  inset: -50%;
  z-index: 9998;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, .22) 0 1px, transparent 1px 3px),
    repeating-radial-gradient(circle at 17% 32%, rgba(255, 255, 255, .03) 0 1px, transparent 1px 3px),
    repeating-radial-gradient(circle at 71% 64%, rgba(26, 188, 108, .035) 0 1px, transparent 1px 4px);
  animation: px-grain .8s steps(6) infinite;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9997;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(26, 188, 108, .05) 48%, rgba(93, 255, 176, .12) 50%, rgba(26, 188, 108, .05) 52%, transparent 100%) 0 0 / 100% 35% no-repeat,
    radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, .78) 100%);
  animation: px-beam 8s linear infinite, px-breathe 7s ease-in-out infinite;
}

main::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 30%;
  height: 0;
  z-index: 9996;
  pointer-events: none;
  background: rgba(26, 188, 108, .08);
  -webkit-backdrop-filter: brightness(2.1) contrast(1.6) saturate(1.8);
  backdrop-filter: brightness(2.1) contrast(1.6) saturate(1.8);
  border-top: 1px solid rgba(93, 255, 176, .35);
  border-bottom: 1px solid rgba(0, 0, 0, .6);
  animation: px-tear 9s steps(1, end) infinite;
}

main::after {
  content: "";
  position: fixed;
  left: -10%;
  right: -10%;
  bottom: -10px;
  height: 38vh;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(60% 70% at 50% 100%, rgba(26, 188, 108, .10), transparent 70%),
    radial-gradient(40% 60% at 50% 100%, rgba(200, 255, 225, .04), transparent 70%),
    radial-gradient(50% 80% at 50% 100%, rgba(11, 61, 37, .35), transparent 70%);
  background-size: 120% 100%, 90% 100%, 140% 100%;
  background-repeat: no-repeat;
  filter: blur(18px);
  animation: px-fog 22s ease-in-out infinite;
}

::selection {
  background: #1ABC6C;
  color: #020403;
}

* {
  scrollbar-color: #1ABC6C #020403;
  scrollbar-width: thin;
}

h1, h2, h3, h4 {
  font-family: "PX Display", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  color: #effff6;
  text-transform: uppercase;
  letter-spacing: .02em;
}

h1, h2 {
  text-shadow: 0 0 18px rgba(26, 188, 108, .45), 0 0 2px rgba(26, 188, 108, .9);
  animation: px-flicker 7s infinite, px-jitter 4.6s steps(1, end) infinite;
}
h1 { animation-duration: 5.3s, 3.9s; }
h2:nth-of-type(2n) { animation-delay: 1.7s, 2.1s; }

h3, h4 {
  text-shadow: 0 0 12px rgba(26, 188, 108, .3);
}

p, li {
  color: var(--px-text);
}

small, figcaption, [class*="subtitle"], [class*="Subtitle"], [class*="eyebrow"], [class*="Eyebrow"] {
  color: var(--px-muted);
}

[class*="eyebrow"], [class*="Eyebrow"] {
  font-family: "PX Mono", ui-monospace, monospace;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--px-acc);
}

a {
  color: var(--px-acc);
  transition: color .2s ease, text-shadow .2s ease;
}
a:hover {
  color: var(--px-hi);
  text-shadow: 0 0 10px rgba(26, 188, 108, .8), 2px 0 rgba(255, 255, 255, .25), -2px 0 rgba(26, 188, 108, .6);
}

[class*="announcement"], [class*="Announcement"] {
  background:
    linear-gradient(90deg, transparent, rgba(93, 255, 176, .55), transparent) -40% 100% / 30% 1px no-repeat,
    linear-gradient(90deg, #020403 0%, #08170f 50%, #020403 100%) !important;
  color: #5dffb0 !important;
  border-bottom: 1px solid rgba(26, 188, 108, .3);
  font-family: "PX Mono", ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 12px;
  text-shadow: 0 0 8px rgba(26, 188, 108, .9);
  animation: px-sweep 4.5s linear infinite;
}
[class*="announcement"] *, [class*="Announcement"] * {
  color: inherit !important;
  animation: px-flicker 9s infinite;
}
[class*="announcement"] a, [class*="Announcement"] a {
  border: 1px solid rgba(26, 188, 108, .6);
  padding: 2px 8px;
  margin-left: 10px;
  background: rgba(26, 188, 108, .12);
  animation: px-heartbeat 2.4s ease-in-out infinite;
}

header {
  background:
    linear-gradient(90deg, transparent, #1ABC6C, transparent) -40% 100% / 28% 1px no-repeat,
    rgba(2, 4, 3, .74) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid var(--px-line) !important;
  animation: px-sweep 6s linear infinite;
}
header a, header nav a {
  font-family: "PX Display", ui-sans-serif, system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .82em;
  color: var(--px-text);
}
header a:hover {
  color: var(--px-hi);
  animation: px-btn-glitch .3s steps(2, end) 1;
}
header img {
  filter: drop-shadow(0 0 10px rgba(26, 188, 108, .5));
  animation: px-flicker 11s infinite;
}

button, input[type="submit"], [role="button"] {
  font-family: "PX Display", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 3px;
  transition: transform .15s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
button:hover, input[type="submit"]:hover, [role="button"]:hover {
  animation: px-btn-glitch .32s steps(2, end) 1;
}
button:active, [role="button"]:active {
  transform: scale(.97);
}

:is(button, a):is(
  [class*="primary"], [class*="Primary"],
  [class*="cta"], [class*="Cta"], [class*="CTA"],
  [class*="add-to-cart"], [class*="addToCart"], [class*="AddToCart"],
  [class*="buy-now"], [class*="buyNow"], [class*="BuyNow"],
  [class*="checkout"], [class*="Checkout"]
), button[type="submit"] {
  background: linear-gradient(180deg, #22d47c 0%, #1ABC6C 55%, #13945a 100%) !important;
  color: #021008 !important;
  border: 1px solid #5dffb0 !important;
  font-weight: 700;
  text-shadow: none;
  animation: px-heartbeat 2.6s ease-in-out infinite;
}
:is(button, a):is(
  [class*="primary"], [class*="Primary"],
  [class*="cta"], [class*="Cta"], [class*="CTA"],
  [class*="add-to-cart"], [class*="addToCart"], [class*="AddToCart"],
  [class*="buy-now"], [class*="buyNow"], [class*="BuyNow"],
  [class*="checkout"], [class*="Checkout"]
):hover, button[type="submit"]:hover {
  background: #5dffb0 !important;
  box-shadow: 0 0 0 1px #5dffb0, 0 0 40px rgba(26, 188, 108, .9), 6px 0 0 rgba(26, 188, 108, .35), -6px 0 0 rgba(255, 255, 255, .15);
  animation: px-btn-glitch .3s steps(2, end) 1;
}

:is(button, a):is([class*="secondary"], [class*="Secondary"], [class*="outline"], [class*="Outline"], [class*="ghost"], [class*="Ghost"]) {
  background: rgba(26, 188, 108, .06) !important;
  color: var(--px-hi) !important;
  border: 1px solid rgba(26, 188, 108, .5) !important;
}

input, select, textarea {
  background: rgba(3, 10, 6, .9) !important;
  color: var(--px-text) !important;
  border: 1px solid var(--px-line) !important;
  border-radius: 3px;
  font-family: "PX Mono", ui-monospace, monospace;
  caret-color: #1ABC6C;
  transition: border-color .2s ease, box-shadow .2s ease;
}
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: #1ABC6C !important;
  box-shadow: 0 0 0 3px rgba(26, 188, 108, .18), 0 0 24px rgba(26, 188, 108, .25) !important;
}
input::placeholder, textarea::placeholder {
  color: #4d6a5b;
}

[class*="product-card"], [class*="productCard"], [class*="ProductCard"],
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article)) {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg, rgba(10, 26, 18, .85), rgba(3, 8, 5, .92)) !important;
  border: 1px solid var(--px-line) !important;
  border-radius: 6px !important;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .3s ease, box-shadow .35s ease;
}

[class*="product-card"]::before, [class*="productCard"]::before, [class*="ProductCard"]::before,
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article))::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from var(--px-angle), transparent 0deg, transparent 290deg, rgba(93, 255, 176, .9) 330deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  opacity: 0;
  transition: opacity .35s ease;
  animation: px-spin 3.2s linear infinite;
}

[class*="product-card"]::after, [class*="productCard"]::after, [class*="ProductCard"]::after,
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article))::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent, rgba(26, 188, 108, .18) 50%, transparent) 0 -100% / 100% 40% no-repeat,
    repeating-linear-gradient(0deg, rgba(0, 0, 0, .25) 0 1px, transparent 1px 3px);
  opacity: 0;
  transition: opacity .3s ease;
}

[class*="product-card"]:hover, [class*="productCard"]:hover, [class*="ProductCard"]:hover,
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article)):hover {
  transform: translateY(-6px);
  border-color: rgba(26, 188, 108, .7) !important;
  box-shadow: 0 18px 50px -12px rgba(26, 188, 108, .45), 0 0 0 1px rgba(26, 188, 108, .25), inset 0 0 40px rgba(26, 188, 108, .08);
}
[class*="product-card"]:hover::before, [class*="productCard"]:hover::before, [class*="ProductCard"]:hover::before,
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article)):hover::before {
  opacity: 1;
}
[class*="product-card"]:hover::after, [class*="productCard"]:hover::after, [class*="ProductCard"]:hover::after,
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article)):hover::after {
  opacity: 1;
  animation: px-beam 1.6s linear infinite;
}

[class*="product-card"] img, [class*="productCard"] img, [class*="ProductCard"] img,
.px-products img {
  filter: saturate(.75) contrast(1.08) brightness(.88);
  transition: filter .4s ease, transform .6s cubic-bezier(.2, .8, .2, 1);
}
[class*="product-card"]:hover img, [class*="productCard"]:hover img, [class*="ProductCard"]:hover img,
.px-products :is(a, article):hover img {
  animation: px-corrupt 1.8s steps(1, end) infinite;
}

[class*="product-card"] :is(h2, h3, h4), [class*="productCard"] :is(h2, h3, h4), [class*="ProductCard"] :is(h2, h3, h4),
.px-products :is(h2, h3, h4) {
  animation: none;
  text-shadow: none;
  letter-spacing: .04em;
  transition: color .2s ease, text-shadow .2s ease;
}
[class*="product-card"]:hover :is(h2, h3, h4), [class*="productCard"]:hover :is(h2, h3, h4), [class*="ProductCard"]:hover :is(h2, h3, h4),
.px-products :is(a, article):hover :is(h2, h3, h4) {
  color: var(--px-hi);
  animation: px-rgb-split .5s steps(3, end) infinite;
}

[class*="price"], [class*="Price"] {
  font-family: "PX Mono", ui-monospace, monospace;
  color: #5dffb0 !important;
  text-shadow: 0 0 10px rgba(26, 188, 108, .65);
  letter-spacing: .04em;
}
:is(s, del)[class*="price"], [class*="price"] :is(s, del), [class*="Price"] :is(s, del) {
  color: #4d6a5b !important;
  text-shadow: none;
}

[class*="badge"], [class*="Badge"], [class*="tag"], [class*="Tag"], [class*="chip"], [class*="Chip"] {
  font-family: "PX Mono", ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: .14em;
  border-color: rgba(26, 188, 108, .5) !important;
}

[class*="stock"], [class*="Stock"], [class*="live"], [class*="Live"] {
  font-family: "PX Mono", ui-monospace, monospace;
}

[role="dialog"], [class*="modal"], [class*="Modal"], [class*="drawer"], [class*="Drawer"] {
  border-color: var(--px-line) !important;
}
[role="dialog"] > *, [class*="drawer"] > *, [class*="Drawer"] > * {
  background-color: rgba(3, 9, 6, .97);
}
[role="dialog"] {
  box-shadow: 0 0 0 1px rgba(26, 188, 108, .25), 0 40px 120px -20px rgba(26, 188, 108, .35);
  animation: px-boot .6s cubic-bezier(.2, .8, .2, 1) backwards;
}

hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(26, 188, 108, .6), transparent);
}

details, [class*="accordion"], [class*="Accordion"] {
  border-color: var(--px-line) !important;
  transition: border-color .25s ease, box-shadow .25s ease;
}
details[open], details:hover {
  border-color: rgba(26, 188, 108, .6) !important;
  box-shadow: inset 3px 0 0 #1ABC6C;
}
summary {
  font-family: "PX Display", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .06em;
  cursor: pointer;
}

[class*="star"], [class*="Star"] {
  color: #1ABC6C;
  filter: drop-shadow(0 0 4px rgba(26, 188, 108, .7));
}

.px-hero {
  position: relative;
  overflow: hidden;
}
.px-hero h1, .px-hero h2 {
  font-size: clamp(2.6rem, 7vw, 6rem);
  line-height: .95;
  color: #f2fff8;
  animation: px-flicker 6s infinite, px-jitter-hard 3.4s steps(1, end) infinite, px-rgb-split 2.2s steps(4, end) infinite;
}
.px-hero p {
  font-family: "PX Mono", ui-monospace, monospace;
  color: var(--px-muted);
  letter-spacing: .06em;
}
.px-hero p::after {
  content: "_";
  color: #1ABC6C;
  margin-left: 4px;
  animation: px-blink 1s steps(1, end) infinite;
}
.px-hero img {
  filter: saturate(.7) contrast(1.15) brightness(.85) drop-shadow(0 0 40px rgba(26, 188, 108, .35));
  animation: px-flicker 9s infinite;
}

@supports (animation-timeline: view()) {
  .px-reveal {
    animation: px-materialise linear backwards;
    animation-timeline: view();
    animation-range: entry 0% cover 28%;
  }
}

footer {
  position: relative;
  background:
    linear-gradient(90deg, transparent, rgba(26, 188, 108, .7), transparent) 0 0 / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(2, 4, 3, 0), #010201 60%) !important;
  color: var(--px-muted) !important;
  font-family: "PX Mono", ui-monospace, monospace;
  font-size: .85em;
  letter-spacing: .06em;
}
footer a {
  color: var(--px-muted) !important;
}
footer a:hover {
  color: #5dffb0 !important;
}

footer a[href*="shoppex"],
footer :is(p, div, span, small, li):has(> a[href*="shoppex"]):not(:has(a:not([href*="shoppex"]))),
[class*="powered"], [class*="Powered"], [class*="poweredBy"], [class*="powered-by"] {
  display: none !important;
}

:is(h1, h2) :is(
  [class*="rotat"], [class*="Rotat"],
  [class*="typewrit"], [class*="Typewrit"], [class*="typing"], [class*="Typing"], [class*="typed"], [class*="Typed"],
  [class*="highlight"], [class*="Highlight"],
  [class*="cycle"], [class*="Cycle"], [class*="flip"], [class*="Flip"],
  [class*="word"], [class*="Word"]
) {
  display: none !important;
}

header a:is(
  [href*="review"], [href*="Review"], [href*="feedback"], [href*="vouch"],
  [href*="faq"], [href*="FAQ"],
  [href*="contact"], [href*="Contact"], [href*="support"], [href*="ticket"]
),
header li:has(> a:is(
  [href*="review"], [href*="Review"], [href*="feedback"], [href*="vouch"],
  [href*="faq"], [href*="FAQ"],
  [href*="contact"], [href*="Contact"], [href*="support"], [href*="ticket"]
)) {
  display: none !important;
}

[class*="product-card"] [class*="product-card"],
[class*="productCard"] [class*="productCard"],
[class*="ProductCard"] [class*="ProductCard"] {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
[class*="product-card"] [class*="product-card"]::before,
[class*="product-card"] [class*="product-card"]::after,
[class*="productCard"] [class*="productCard"]::before,
[class*="productCard"] [class*="productCard"]::after,
[class*="ProductCard"] [class*="ProductCard"]::before,
[class*="ProductCard"] [class*="ProductCard"]::after {
  content: none !important;
}

[class*="product-card"] img, [class*="productCard"] img, [class*="ProductCard"] img,
.px-products img {
  width: 100% !important;
  height: auto !important;
  max-height: 200px !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
}

[class*="product-card"] :is(h2, h3, h4), [class*="productCard"] :is(h2, h3, h4), [class*="ProductCard"] :is(h2, h3, h4),
.px-products :is(h2, h3, h4) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 15px !important;
  line-height: 1.25 !important;
  margin: 6px 0 !important;
}
[class*="product-card"] p, [class*="productCard"] p, [class*="ProductCard"] p,
.px-products p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px !important;
  margin: 4px 0 !important;
}

[class*="product-card"]:hover, [class*="productCard"]:hover, [class*="ProductCard"]:hover,
.px-products :is(a, article):has(img):not(:is(a, article) :is(a, article)):hover {
  transform: translateY(-3px);
}

[class*="product-card"] :is(a, button), [class*="productCard"] :is(a, button), [class*="ProductCard"] :is(a, button),
.px-products :is(a, button) {
  position: relative;
  z-index: 3;
}

@media (max-width: 640px) {
  body::before { opacity: .7; }
  main::after { height: 26vh; }
  .px-hero h1, .px-hero h2 { font-size: clamp(2.1rem, 11vw, 3.4rem); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
  main::before { display: none; }
}