/* HAOZHOUJI_CATALOG_R131 */
/* Product-aware catalog cards.
 * Catalog geometry stays neutral and consistent. Product identity is limited to
 * the media artwork, a restrained edge accent, and interactive color tokens.
 */

body.neutral-theme-v1 .product-card--themed {
  --card-accent: #1769ff;
  --card-accent-dark: #073b9a;
  --card-action-color: var(--card-accent-dark);
  --card-accent-soft: #e7f1ff;
  --card-accent-contrast: #ffffff;
  position: relative;
  isolation: isolate;
}

body.neutral-theme-v1 .product-card--themed::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--card-accent-dark), var(--card-accent), #36d7c0);
  opacity: .88;
  pointer-events: none;
}

body.neutral-theme-v1 .product-card--themed:hover {
  border-color: color-mix(in srgb, var(--card-accent) 27%, rgba(16, 43, 42, .1));
  box-shadow: 0 21px 48px color-mix(in srgb, var(--card-accent-dark) 11%, transparent);
}

body.neutral-theme-v1 .product-card--themed:focus-within {
  outline: 3px solid #102B2A;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #FFFCF5;
}

body.neutral-theme-v1 .product-card--themed .v52-card-media {
  position: relative;
  isolation: isolate;
  background: #e8f1f3;
}

body.neutral-theme-v1 .product-card--themed .v52-card-media::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 auto 0 0;
  width: 34%;
  background: linear-gradient(145deg, var(--card-accent-dark), var(--card-accent));
  clip-path: polygon(0 0, 72% 0, 100% 100%, 0 100%);
  opacity: 0;
  pointer-events: none;
}

body.neutral-theme-v1 .product-card--themed .v52-card-media::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -47px;
  right: 12%;
  width: 142px;
  height: 142px;
  border: 1px solid rgba(7, 59, 154, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 25px rgba(23, 105, 255, .035);
  opacity: 0;
  pointer-events: none;
}

body.neutral-theme-v1 .product-card--themed .v52-card-image {
  z-index: 1;
  clip-path: none;
  filter: none;
  transform: scale(1.008);
}

body.neutral-theme-v1 .product-card--themed:hover .v52-card-image {
  transform: scale(1.035);
}

body.neutral-theme-v1 .product-card--themed .product-footer a {
  color: var(--card-action-color);
}

body.neutral-theme-v1 .product-card--themed .product-footer a:hover {
  color: var(--card-action-color);
  background: var(--card-accent-soft);
}

body.neutral-theme-v1 .product-card--paypal {
  --card-accent: #1769ff;
  --card-accent-dark: #073b9a;
  --card-accent-soft: #e7f1ff;
  --card-accent-contrast: #ffffff;
}

body.neutral-theme-v1 .product-card--cash-app {
  --card-accent: #087f3d;
  --card-accent-dark: #05612f;
  --card-accent-soft: #e4f6ea;
  --card-accent-contrast: #ffffff;
}

body.neutral-theme-v1 .product-card--cash-app::before {
  background: linear-gradient(90deg, #05612f, #087f3d 58%, #35c886);
}

body.neutral-theme-v1 .product-card--cash-app .v52-card-media {
  background: #e4f6ea;
}

body.neutral-theme-v1 .product-card--wise {
  --card-accent: #3f762b;
  --card-accent-dark: #2e5820;
  --card-accent-soft: #ecf4e7;
  --card-accent-contrast: #ffffff;
}

body.neutral-theme-v1 .product-card--wise::before {
  background: linear-gradient(90deg, #2e5820, #3f762b 58%, #a8cf49);
}

body.neutral-theme-v1 .product-card--wise .v52-card-media {
  background: #ecf4e7;
}

body.neutral-theme-v1 .product-card--yoomoney {
  --card-accent: #762fa6;
  --card-accent-dark: #532176;
  --card-accent-soft: #f1e7f7;
  --card-accent-contrast: #ffffff;
}

body.neutral-theme-v1 .product-card--yoomoney::before {
  background: linear-gradient(90deg, #532176, #762fa6 58%, #bd66c4);
}

body.neutral-theme-v1 .product-card--yoomoney .v52-card-media {
  background: #f1e7f7;
}

body.neutral-theme-v1 .product-card--skrill {
  --card-accent: #8d1f69;
  --card-accent-dark: #64164a;
  --card-accent-soft: #f7e6f1;
  --card-accent-contrast: #ffffff;
}

body.neutral-theme-v1 .product-card--skrill::before {
  background: linear-gradient(90deg, #64164a, #8d1f69 58%, #d477aa);
}

body.neutral-theme-v1 .product-card--skrill .v52-card-media {
  background: #f7e6f1;
}
/* WALLET SERIES V1 START */

body.neutral-theme-v1 .product-card--payoneer { --card-accent: #a8462f; --card-accent-dark: #793322; --card-accent-soft: #f8e7e1; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--payoneer::before { background: linear-gradient(90deg, #793322, #a8462f 58%, #c27e6d); }
body.neutral-theme-v1 .product-card--payoneer .v52-card-media { background: #f8e7e1; }

body.neutral-theme-v1 .product-card--oldubil { --card-accent: #3a4ea3; --card-accent-dark: #293773; --card-accent-soft: #e9ecf8; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--oldubil::before { background: linear-gradient(90deg, #293773, #3a4ea3 58%, #7583bf); }
body.neutral-theme-v1 .product-card--oldubil .v52-card-media { background: #e9ecf8; }

body.neutral-theme-v1 .product-card--pyypl { --card-accent: #565cc4; --card-accent-dark: #3c4192; --card-accent-soft: #ecebfa; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--pyypl::before { background: linear-gradient(90deg, #3c4192, #565cc4 58%, #898dd6); }
body.neutral-theme-v1 .product-card--pyypl .v52-card-media { background: #ecebfa; }

body.neutral-theme-v1 .product-card--volet-advcash { --card-accent: #b4d830; --card-accent-dark: #86a821; --card-action-color: #526c0e; --card-accent-soft: #f3f8d9; --card-accent-contrast: #102B2A; }
body.neutral-theme-v1 .product-card--volet-advcash::before { background: linear-gradient(90deg, #86a821, #b4d830 58%, #cae46e); }
body.neutral-theme-v1 .product-card--volet-advcash .v52-card-media { background: #f3f8d9; }

body.neutral-theme-v1 .product-card--capitalist { --card-accent: #75a51f; --card-accent-dark: #638c18; --card-action-color: #49670b; --card-accent-soft: #edf5da; --card-accent-contrast: #102B2A; }
body.neutral-theme-v1 .product-card--capitalist::before { background: linear-gradient(90deg, #638c18, #75a51f 58%, #9ec062); }
body.neutral-theme-v1 .product-card--capitalist .v52-card-media { background: #edf5da; }

body.neutral-theme-v1 .product-card--neteller { --card-accent: #2e781f; --card-accent-dark: #205516; --card-accent-soft: #e7f2e4; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--neteller::before { background: linear-gradient(90deg, #205516, #2e781f 58%, #6da062); }
body.neutral-theme-v1 .product-card--neteller .v52-card-media { background: #e7f2e4; }

body.neutral-theme-v1 .product-card--venmo { --card-accent: #2074b8; --card-accent-dark: #175586; --card-accent-soft: #e5f1fa; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--venmo::before { background: linear-gradient(90deg, #175586, #2074b8 58%, #639ecd); }
body.neutral-theme-v1 .product-card--venmo .v52-card-media { background: #e5f1fa; }

body.neutral-theme-v1 .product-card--blackcatcard { --card-accent: #292d36; --card-accent-dark: #181b22; --card-accent-soft: #eceef1; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--blackcatcard::before { background: linear-gradient(90deg, #181b22, #292d36 58%, #696c72); }
body.neutral-theme-v1 .product-card--blackcatcard .v52-card-media { background: #eceef1; }

body.neutral-theme-v1 .product-card--bunq { --card-accent: #23748b; --card-accent-dark: #185567; --card-accent-soft: #e4f1f3; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--bunq::before { background: linear-gradient(90deg, #185567, #23748b 58%, #659eae); }
body.neutral-theme-v1 .product-card--bunq .v52-card-media { background: #e4f1f3; }

body.neutral-theme-v1 .product-card--monese { --card-accent: #1d6fc2; --card-accent-dark: #174f89; --card-accent-soft: #e6f0fa; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--monese::before { background: linear-gradient(90deg, #174f89, #1d6fc2 58%, #619ad4); }
body.neutral-theme-v1 .product-card--monese .v52-card-media { background: #e6f0fa; }

body.neutral-theme-v1 .product-card--paxum { --card-accent: #3c4e66; --card-accent-dark: #293749; --card-accent-soft: #e8ecf1; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--paxum::before { background: linear-gradient(90deg, #293749, #3c4e66 58%, #768394); }
body.neutral-theme-v1 .product-card--paxum .v52-card-media { background: #e8ecf1; }

body.neutral-theme-v1 .product-card--papara { --card-accent: #57394f; --card-accent-dark: #3c2737; --card-accent-soft: #f0e9ee; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--papara::before { background: linear-gradient(90deg, #3c2737, #57394f 58%, #897484); }
body.neutral-theme-v1 .product-card--papara .v52-card-media { background: #f0e9ee; }

body.neutral-theme-v1 .product-card--n26 { --card-accent: #1d706a; --card-accent-dark: #15504c; --card-accent-soft: #e3f1ef; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--n26::before { background: linear-gradient(90deg, #15504c, #1d706a 58%, #619b97); }
body.neutral-theme-v1 .product-card--n26 .v52-card-media { background: #e3f1ef; }

body.neutral-theme-v1 .product-card--monzo { --card-accent: #b34455; --card-accent-dark: #81313d; --card-accent-soft: #fae7ea; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--monzo::before { background: linear-gradient(90deg, #81313d, #b34455 58%, #ca7c88); }
body.neutral-theme-v1 .product-card--monzo .v52-card-media { background: #fae7ea; }

body.neutral-theme-v1 .product-card--vivid { --card-accent: #5138c7; --card-accent-dark: #38278d; --card-accent-soft: #ede9fa; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--vivid::before { background: linear-gradient(90deg, #38278d, #5138c7 58%, #8574d8); }
body.neutral-theme-v1 .product-card--vivid .v52-card-media { background: #ede9fa; }

/* WALLET SERIES V1 END */

/* BYBIT PILOT V1 START */
body.neutral-theme-v1 .product-card--bybit { --card-accent: #9a5312; --card-accent-dark: #713c0d; --card-accent-soft: #f7eadd; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--bybit::before { background: linear-gradient(90deg, #713c0d, #9a5312 58%, #d5a15d); }
body.neutral-theme-v1 .product-card--bybit .v52-card-media { background: #f7eadd; }
/* BYBIT PILOT V1 END */

/* EXCHANGE SERIES V1 START */
body.neutral-theme-v1 .product-card--binance { --card-accent: #dfa41c; --card-accent-dark: #aa7810; --card-action-color: #755000; --card-accent-soft: #fbf2d7; --card-accent-contrast: #102B2A; }
body.neutral-theme-v1 .product-card--binance::before { background: linear-gradient(90deg, #aa7810, #dfa41c 58%, #e9bf60); }
body.neutral-theme-v1 .product-card--binance .v52-card-media { background: #fbf2d7; }
body.neutral-theme-v1 .product-card--okx { --card-accent: #22252b; --card-accent-dark: #121419; --card-accent-soft: #ecedef; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--okx::before { background: linear-gradient(90deg, #121419, #22252b 58%, #64666b); }
body.neutral-theme-v1 .product-card--okx .v52-card-media { background: #ecedef; }
body.neutral-theme-v1 .product-card--mexc { --card-accent: #2864c7; --card-accent-dark: #1d488f; --card-accent-soft: #e6eefa; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--mexc::before { background: linear-gradient(90deg, #1d488f, #2864c7 58%, #6892d8); }
body.neutral-theme-v1 .product-card--mexc .v52-card-media { background: #e6eefa; }
body.neutral-theme-v1 .product-card--kraken { --card-accent: #5141b8; --card-accent-dark: #392d83; --card-accent-soft: #eceaf8; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--kraken::before { background: linear-gradient(90deg, #392d83, #5141b8 58%, #857acd); }
body.neutral-theme-v1 .product-card--kraken .v52-card-media { background: #eceaf8; }
body.neutral-theme-v1 .product-card--bitpapa { --card-accent: #304aa3; --card-accent-dark: #223474; --card-accent-soft: #e8ebf7; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--bitpapa::before { background: linear-gradient(90deg, #223474, #304aa3 58%, #6e80bf); }
body.neutral-theme-v1 .product-card--bitpapa .v52-card-media { background: #e8ebf7; }
body.neutral-theme-v1 .product-card--fragment { --card-accent: #26739c; --card-accent-dark: #1b536f; --card-accent-soft: #e4eff4; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--fragment::before { background: linear-gradient(90deg, #1b536f, #26739c 58%, #679dba); }
body.neutral-theme-v1 .product-card--fragment .v52-card-media { background: #e4eff4; }
body.neutral-theme-v1 .product-card--bitpay { --card-accent: #1f4a91; --card-accent-dark: #16356a; --card-accent-soft: #e6ebf5; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--bitpay::before { background: linear-gradient(90deg, #16356a, #1f4a91 58%, #6280b2); }
body.neutral-theme-v1 .product-card--bitpay .v52-card-media { background: #e6ebf5; }
body.neutral-theme-v1 .product-card--kucoin { --card-accent: #087d61; --card-accent-dark: #065b47; --card-accent-soft: #e2f2ec; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--kucoin::before { background: linear-gradient(90deg, #065b47, #087d61 58%, #52a490); }
body.neutral-theme-v1 .product-card--kucoin .v52-card-media { background: #e2f2ec; }
body.neutral-theme-v1 .product-card--coinlist { --card-accent: #4659a8; --card-accent-dark: #323f79; --card-accent-soft: #e9ebf7; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--coinlist::before { background: linear-gradient(90deg, #323f79, #4659a8 58%, #7e8bc2); }
body.neutral-theme-v1 .product-card--coinlist .v52-card-media { background: #e9ebf7; }
body.neutral-theme-v1 .product-card--crypto-com { --card-accent: #26457a; --card-accent-dark: #1b3156; --card-accent-soft: #e7ebf2; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--crypto-com::before { background: linear-gradient(90deg, #1b3156, #26457a 58%, #677da2); }
body.neutral-theme-v1 .product-card--crypto-com .v52-card-media { background: #e7ebf2; }
body.neutral-theme-v1 .product-card--htx-huobi { --card-accent: #386d88; --card-accent-dark: #284e62; --card-accent-soft: #e5eef2; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--htx-huobi::before { background: linear-gradient(90deg, #284e62, #386d88 58%, #7499ac); }
body.neutral-theme-v1 .product-card--htx-huobi .v52-card-media { background: #e5eef2; }
body.neutral-theme-v1 .product-card--gate-io { --card-accent: #2362aa; --card-accent-dark: #194678; --card-accent-soft: #e6edf7; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--gate-io::before { background: linear-gradient(90deg, #194678, #2362aa 58%, #6591c4); }
body.neutral-theme-v1 .product-card--gate-io .v52-card-media { background: #e6edf7; }
body.neutral-theme-v1 .product-card--bingx { --card-accent: #455fb8; --card-accent-dark: #314484; --card-accent-soft: #e9ecf8; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--bingx::before { background: linear-gradient(90deg, #314484, #455fb8 58%, #7d8fcd); }
body.neutral-theme-v1 .product-card--bingx .v52-card-media { background: #e9ecf8; }
body.neutral-theme-v1 .product-card--whitebit { --card-accent: #9dbd18; --card-accent-dark: #78950f; --card-action-color: #506500; --card-accent-soft: #f0f5d7; --card-accent-contrast: #102B2A; }
body.neutral-theme-v1 .product-card--whitebit::before { background: linear-gradient(90deg, #78950f, #9dbd18 58%, #bad15d); }
body.neutral-theme-v1 .product-card--whitebit .v52-card-media { background: #f0f5d7; }
body.neutral-theme-v1 .product-card--moonpay { --card-accent: #6834ad; --card-accent-dark: #492578; --card-accent-soft: #efe8f7; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--moonpay::before { background: linear-gradient(90deg, #492578, #6834ad 58%, #9571c6); }
body.neutral-theme-v1 .product-card--moonpay .v52-card-media { background: #efe8f7; }
body.neutral-theme-v1 .product-card--bitget { --card-accent: #20afc1; --card-accent-dark: #1b8e9e; --card-action-color: #0b6673; --card-accent-soft: #dff5f7; --card-accent-contrast: #102B2A; }
body.neutral-theme-v1 .product-card--bitget::before { background: linear-gradient(90deg, #1b8e9e, #20afc1 58%, #63c7d4); }
body.neutral-theme-v1 .product-card--bitget .v52-card-media { background: #dff5f7; }
body.neutral-theme-v1 .product-card--blockchain-com { --card-accent: #b51643; --card-accent-dark: #800f2f; --card-accent-soft: #f8e3ea; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--blockchain-com::before { background: linear-gradient(90deg, #800f2f, #b51643 58%, #cb5c7b); }
body.neutral-theme-v1 .product-card--blockchain-com .v52-card-media { background: #f8e3ea; }
body.neutral-theme-v1 .product-card--upbit { --card-accent: #2e5f9e; --card-accent-dark: #214471; --card-accent-soft: #e7edf5; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--upbit::before { background: linear-gradient(90deg, #214471, #2e5f9e 58%, #6d8fbb); }
body.neutral-theme-v1 .product-card--upbit .v52-card-media { background: #e7edf5; }
body.neutral-theme-v1 .product-card--wirex-exchange { --card-accent: #4f7a28; --card-accent-dark: #38571d; --card-accent-soft: #eaf1e4; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--wirex-exchange::before { background: linear-gradient(90deg, #38571d, #4f7a28 58%, #84a268); }
body.neutral-theme-v1 .product-card--wirex-exchange .v52-card-media { background: #eaf1e4; }
body.neutral-theme-v1 .product-card--gemini { --card-accent: #147b91; --card-accent-dark: #0e5868; --card-accent-soft: #e0f1f4; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--gemini::before { background: linear-gradient(90deg, #0e5868, #147b91 58%, #5aa3b2); }
body.neutral-theme-v1 .product-card--gemini .v52-card-media { background: #e0f1f4; }
body.neutral-theme-v1 .product-card--backpack { --card-accent: #b73d43; --card-accent-dark: #842d31; --card-accent-soft: #f9e5e7; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--backpack::before { background: linear-gradient(90deg, #842d31, #b73d43 58%, #cd777b); }
body.neutral-theme-v1 .product-card--backpack .v52-card-media { background: #f9e5e7; }
body.neutral-theme-v1 .product-card--nexo { --card-accent: #3456a8; --card-accent-dark: #253e79; --card-accent-soft: #e8ebf6; --card-accent-contrast: #ffffff; }
body.neutral-theme-v1 .product-card--nexo::before { background: linear-gradient(90deg, #253e79, #3456a8 58%, #7189c2); }
body.neutral-theme-v1 .product-card--nexo .v52-card-media { background: #e8ebf6; }
/* EXCHANGE SERIES V1 END */

@media (forced-colors: active) {
  body.neutral-theme-v1 .product-card--themed {
    outline-color: Highlight;
    forced-color-adjust: auto;
  }
}