/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/


/* ================================
   VileProducts animated chrome theme
   ================================ */
:root {
  --vp-silver: #f4f6f8;
  --vp-silver-mid: #aeb4bc;
  --vp-ink: #050506;
  --vp-panel: rgba(9, 10, 12, .78);
  --vp-line: rgba(255,255,255,.16);
}

html, body { background: #030304 !important; }
body {
  min-height: 100vh;
  color: #f4f5f7;
  overflow-x: hidden;
}

/* Background lives behind every SellAuth page. */
.vp-animated-bg {
  position: fixed;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.11), transparent 34%),
    radial-gradient(circle at 15% 65%, rgba(140,150,165,.07), transparent 28%),
    linear-gradient(180deg, #050506 0%, #020203 54%, #07080a 100%);
}

.vp-bg-glow {
  position: absolute;
  width: 62vw;
  height: 62vw;
  left: 50%;
  top: 22%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.08), rgba(180,190,205,.025) 42%, transparent 70%);
  filter: blur(30px);
  animation: vpGlowFloat 9s ease-in-out infinite alternate;
}

#vp-lightning-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .95;
}

@keyframes vpGlowFloat {
  from { transform: translate(-54%,-48%) scale(.94); opacity:.52; }
  to   { transform: translate(-46%,-54%) scale(1.08); opacity:1; }
}

/* Keep the default theme backgrounds translucent so lightning is visible. */
.flex-wrapper, main, .component, section { background-color: transparent; }
header.sticky-top { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.navbar {
  background: rgba(3,3,4,.72) !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
}

.vp-navbar-brand {
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width: 0;
}
.vp-navbar-logo {
  width: 74px !important;
  height: 42px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.22));
  transition: transform .25s ease, filter .25s ease;
}
.vp-navbar-brand:hover .vp-navbar-logo {
  transform: scale(1.045);
  filter: drop-shadow(0 0 15px rgba(255,255,255,.38));
}

/* Chrome/glass cards */
.card,
.product-card,
.modal-content,
.dropdown-menu,
.accordion-item,
.feedback-card,
.status-card {
  background: linear-gradient(145deg, rgba(17,18,21,.90), rgba(5,5,6,.92)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 50px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.card:hover, .product-card:hover {
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 60px rgba(0,0,0,.38), 0 0 26px rgba(255,255,255,.04);
}

.btn-primary, .btn-outline-primary:hover {
  color: #050506 !important;
  border-color: rgba(255,255,255,.76) !important;
  background: linear-gradient(135deg,#ffffff 0%,#aeb3ba 46%,#ffffff 100%) !important;
  box-shadow: 0 0 18px rgba(255,255,255,.12);
}
.btn-outline-primary {
  color:#f6f7f8 !important;
  border-color:rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.035) !important;
}

/* Give the stock hero a darker, cleaner chrome look. */
.hero {
  position: relative;
  isolation: isolate;
  background-image: none !important;
  background-color: transparent !important;
}
.hero .bg-overlay {
  background: radial-gradient(circle at 50% 28%, rgba(255,255,255,.08), rgba(0,0,0,.18) 40%, rgba(0,0,0,.56) 100%) !important;
}
.hero h1 {
  letter-spacing: -.035em;
  text-shadow: 0 2px 20px rgba(255,255,255,.08), 0 6px 30px #000;
}

/* ===== VileProducts V2 visual pass ===== */
html { background:#020203 !important; }
body { background:transparent !important; }

.vp-animated-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% -8%, rgba(190,205,225,.17) 0%, rgba(91,103,122,.055) 34%, transparent 62%),
    linear-gradient(180deg, #07080a 0%, #020203 42%, #050608 100%);
}
.vp-bg-grid {
  position:absolute; inset:-20%;
  opacity:.09;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size:72px 72px;
  transform:perspective(700px) rotateX(68deg) translateY(42%);
  transform-origin:center bottom;
  mask-image:linear-gradient(to bottom, transparent 4%, #000 52%, transparent 94%);
  -webkit-mask-image:linear-gradient(to bottom, transparent 4%, #000 52%, transparent 94%);
  animation:vpGridDrift 18s linear infinite;
}
.vp-bg-glow { position:absolute; border-radius:50%; filter:blur(70px); mix-blend-mode:screen; }
.vp-bg-glow-one { width:52vw; height:52vw; left:-17vw; top:4vh; background:rgba(125,145,180,.09); animation:vpOrbOne 13s ease-in-out infinite alternate; }
.vp-bg-glow-two { width:48vw; height:48vw; right:-18vw; bottom:-18vh; background:rgba(220,228,240,.065); animation:vpOrbTwo 16s ease-in-out infinite alternate; }
.vp-vignette { position:absolute; inset:0; background:radial-gradient(circle at 50% 38%, transparent 0 35%, rgba(0,0,0,.24) 68%, rgba(0,0,0,.82) 100%); }
#vp-lightning-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:1; }
@keyframes vpGridDrift { to { background-position:0 72px,72px 0; } }
@keyframes vpOrbOne { to { transform:translate(16vw,9vh) scale(1.14); opacity:.7; } }
@keyframes vpOrbTwo { to { transform:translate(-13vw,-12vh) scale(.9); opacity:1; } }

#app.flex-wrapper { position:relative; z-index:2; background:transparent !important; }
.bg-image { z-index:1 !important; opacity:.12 !important; }
.component, main, section, .flex-wrapper > div { background:transparent !important; }
header.sticky-top { z-index:1050; }

/* Product cards V2 */
.products { --bs-gutter-x:1.25rem; }
.products > [class*="col-"] { display:flex; }
.vp-product-card {
  width:100%; overflow:hidden; position:relative;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:linear-gradient(160deg, rgba(19,21,25,.96), rgba(5,6,8,.94)) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.055);
  transform:translateY(0);
  transition:transform .28s cubic-bezier(.2,.75,.25,1), border-color .28s ease, box-shadow .28s ease;
}
.vp-product-card::before {
  content:""; position:absolute; z-index:3; left:9%; right:9%; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  opacity:.55;
}
.vp-product-card:hover {
  transform:translateY(-7px);
  border-color:rgba(255,255,255,.3) !important;
  box-shadow:0 28px 64px rgba(0,0,0,.55),0 0 34px rgba(205,220,245,.06),inset 0 1px rgba(255,255,255,.09);
}
.vp-product-media { position:relative; overflow:hidden; background:#090a0d; }
.vp-product-media::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.08) 42%,transparent 58%);
  transform:translateX(-120%); transition:transform .65s ease;
}
.vp-product-card:hover .vp-product-media::after { transform:translateX(120%); }
.vp-product-media img { transition:transform .5s cubic-bezier(.2,.7,.25,1),filter .4s ease; }
.vp-product-card:hover .vp-product-media img { transform:scale(1.055); filter:brightness(1.07) contrast(1.04); }
.vp-product-card .overlay {
  background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.72) 100%) !important;
  display:flex !important; align-items:flex-end !important; justify-content:center !important;
  padding:0 14px 14px; opacity:0; transition:opacity .24s ease;
}
.vp-product-card:hover .overlay { opacity:1; }
.vp-product-card .overlay .btn { width:100%; border-radius:10px; font-weight:700; letter-spacing:.01em; }
.vp-product-card .badges { z-index:4; top:12px !important; left:12px !important; }
.vp-product-card .badges > div { border-radius:999px !important; padding:.35rem .65rem !important; box-shadow:0 8px 18px rgba(0,0,0,.25); }
.vp-product-card .card-body { padding:1.05rem 1.05rem 1.15rem !important; display:flex; flex-direction:column; gap:.75rem; }
.vp-product-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; }
.vp-product-card .card-title { margin:0; color:#f7f8fa; font-size:1rem; line-height:1.35; font-weight:700; letter-spacing:-.015em; }
.vp-product-price {
  flex:0 0 auto; margin:0; white-space:nowrap; border-radius:999px;
  padding:.32rem .58rem; color:#090a0c; font-size:.86rem; font-weight:800;
  background:linear-gradient(135deg,#fff,#aeb6c2 48%,#fff);
  box-shadow:0 0 16px rgba(255,255,255,.09);
}
.vp-product-price s { display:none; }
.vp-product-meta { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.vp-stock {
  display:inline-flex; align-items:center; gap:.4rem; color:#c8ced8; font-size:.78rem; font-weight:600;
}
.vp-stock::before { content:""; width:7px; height:7px; border-radius:50%; background:#e9edf4; box-shadow:0 0 9px rgba(255,255,255,.6); }
.vp-stock.vp-out::before { opacity:.35; box-shadow:none; }
.vp-view-label { color:rgba(255,255,255,.46); font-size:.74rem; font-weight:600; transition:color .2s ease,transform .2s ease; }
.vp-product-card:hover .vp-view-label { color:#fff; transform:translateX(2px); }

@media (max-width:767.98px) {
  .vp-product-card { border-radius:15px !important; }
  .vp-product-card .overlay { display:none !important; }
}

@media (prefers-reduced-motion:reduce) {
  .vp-bg-grid,.vp-bg-glow-one,.vp-bg-glow-two { animation:none !important; }
  .vp-product-card,.vp-product-media img,.vp-product-media::after { transition:none !important; }
}

/* ========================================
   VileProducts V3 — storm cursor + luxe cards
   ======================================== */


/* Premium product grid/card system. */
.products {
  --bs-gutter-x: 1.45rem;
  --bs-gutter-y: 1.45rem;
}
.vp-product-card {
  --mx: 50%;
  --my: 25%;
  --rx: 0deg;
  --ry: 0deg;
  min-height: 100%;
  isolation: isolate;
  overflow: hidden;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(700px circle at var(--mx) var(--my), rgba(255,255,255,.095), transparent 27%),
    linear-gradient(155deg, rgba(25,28,34,.97) 0%, rgba(9,10,13,.97) 46%, rgba(3,4,6,.985) 100%) !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.42),
    0 2px 0 rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(255,255,255,.03);
  transform: perspective(950px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);
  transform-style: preserve-3d;
  transition: transform .24s cubic-bezier(.2,.7,.2,1), border-color .24s ease, box-shadow .24s ease;
}
.vp-product-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  padding:1px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.06) 24%, transparent 49%, rgba(173,193,221,.18) 76%, rgba(255,255,255,.48));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.58;
}
.vp-product-card::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(360px circle at var(--mx) var(--my), rgba(205,224,255,.22), transparent 58%);
  opacity:0;
  filter:blur(14px);
  transition:opacity .25s ease;
}
.vp-product-card:hover {
  transform: perspective(950px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-9px);
  border-color: rgba(226,237,255,.36) !important;
  box-shadow:
    0 34px 78px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.035),
    0 0 34px rgba(190,214,250,.08),
    inset 0 1px 0 rgba(255,255,255,.11);
}
.vp-product-card:hover::after { opacity:1; }

.vp-product-media {
  margin: 9px 9px 0;
  border-radius: 16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.08), transparent 50%),
    #050608;
  border:1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.24);
  transform: translateZ(20px);
}
.vp-product-media::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 32%, rgba(0,0,0,.18));
}
.vp-product-media::after {
  background:linear-gradient(112deg, transparent 16%, rgba(255,255,255,.025) 33%, rgba(255,255,255,.15) 47%, rgba(255,255,255,.025) 57%, transparent 74%);
  transform:translateX(-135%) skewX(-10deg);
  transition:transform .72s cubic-bezier(.16,.75,.2,1);
}
.vp-product-card:hover .vp-product-media::after { transform:translateX(135%) skewX(-10deg); }
.vp-product-media img {
  width:100%;
  transform:scale(1.002);
  transition:transform .55s cubic-bezier(.16,.75,.2,1), filter .35s ease;
}
.vp-product-card:hover .vp-product-media img { transform:scale(1.065); filter:brightness(1.08) contrast(1.035) saturate(1.03); }

.vp-product-card .overlay {
  z-index:4;
  background:linear-gradient(180deg, transparent 34%, rgba(2,3,5,.88) 100%) !important;
  padding:0 13px 13px;
}
.vp-product-card .overlay .btn {
  min-height:40px;
  border-radius:12px;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:linear-gradient(135deg,#ffffff 0%,#b9c1cc 48%,#f7f9fb 100%) !important;
  box-shadow:0 8px 25px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.65);
}
.vp-product-card .badges { top:17px !important; left:17px !important; }
.vp-product-card .badges > div {
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.025em;
}
.vp-product-card .card-body {
  padding: 1.05rem 1.18rem 1.18rem !important;
  gap:.86rem;
  position:relative;
  transform:translateZ(12px);
}
.vp-product-card .card-body::before {
  content:"";
  position:absolute;
  top:0;
  left:1.18rem;
  right:1.18rem;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
}
.vp-product-card .card-title {
  font-size:1.03rem;
  font-weight:750;
  letter-spacing:-.022em;
  text-shadow:0 1px 18px rgba(255,255,255,.035);
}
.vp-product-price {
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(135deg,#ffffff,#aeb7c4 42%,#eef2f7 70%,#ffffff) !important;
  padding:.38rem .66rem;
  font-size:.84rem;
  letter-spacing:-.01em;
  box-shadow:0 7px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.75), 0 0 16px rgba(235,244,255,.06);
}
.vp-product-meta {
  border-top:1px solid rgba(255,255,255,.075);
  padding-top:.78rem;
}
.vp-stock {
  padding:.28rem .5rem;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  color:#d1d7e0;
}
.vp-stock::before {
  width:6px;
  height:6px;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.85),0 0 14px rgba(191,218,255,.40);
}
.vp-view-label {
  color:rgba(255,255,255,.55);
  font-size:.75rem;
  letter-spacing:.015em;
}
.vp-product-card:hover .vp-view-label { color:#fff; transform:translateX(3px); }

@media (max-width:767.98px) {
  .vp-audio-toggle { right:12px; bottom:12px; width:38px; height:38px; }
  .vp-product-card { border-radius:18px !important; transform:none !important; }
  .vp-product-card:hover { transform:translateY(-4px) !important; }
  .vp-product-media { margin:7px 7px 0; border-radius:13px; }
}



/* Keep prices readable everywhere, including product, cart, customer and upsell pages. */
.price, .product-price, .vp-product-price,
.variants .variant .price,
.cart-page .price, .cart .price,
[data-price], [class*="price"] {
  opacity:1;
}
.variants .variant .price {
  color:#0a0b0d !important;
  background:linear-gradient(135deg,#ffffff 0%,#d7dbe1 45%,#f7f8fa 100%) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 18px rgba(0,0,0,.24) !important;
  font-weight:750 !important;
  min-width:76px;
  text-align:center;
}
.variants .variant {
  color:#f5f7fa !important;
  background:linear-gradient(145deg,rgba(20,22,27,.96),rgba(7,8,11,.98)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:13px !important;
  padding:.72rem .8rem !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 22px rgba(0,0,0,.22);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.variants .variant:hover:not(:disabled), .variants .variant.active {
  transform:translateY(-1px);
  border-color:rgba(232,241,255,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 11px 28px rgba(0,0,0,.32),0 0 22px rgba(207,225,255,.06);
}
.variants .variant .name { color:#fff !important; font-weight:700; }
.variants .variant .stock, .variants .variant .description { color:#9da7b5 !important; }

/* Product page top price/status. */
.vp-product-top-meta { display:flex;align-items:center;gap:.65rem;flex-wrap:wrap; }
.vp-product-top-price {
  color:#fff !important;font-weight:800;font-size:1rem;letter-spacing:-.02em;
  padding:.38rem .65rem;border-radius:9px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.vp-product-stock-status {
  display:inline-flex;align-items:center;gap:.4rem;
  color:#e9edf4 !important;background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.13) !important;border-radius:9px !important;
  padding:.36rem .58rem !important;font-size:.76rem;font-weight:650;
}
.vp-product-stock-status::before {
  content:"";width:6px;height:6px;border-radius:999px;background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.8),0 0 14px rgba(190,218,255,.35);
}
.vp-product-stock-status.vp-oos::before { opacity:.28;box-shadow:none; }

/* Extra cross-page text contrast where V3 glass backgrounds are used. */
.card, .modal-content, .dropdown-menu { --bs-body-color:#f3f5f7; }
.card .text-muted, .modal-content .text-muted { color:#9ba4b1 !important; }

/* ===== VILEPRODUCTS V5 — STATS / PAYMENTS / REVIEWS ===== */
.vp-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.18em;color:#aeb7ff;margin-bottom:.55rem}.vp-eyebrow:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,#6571ff,transparent)}
.vp-store-metrics{position:relative;z-index:2;margin-top:-34px;padding:0 0 26px}.vp-metrics-shell{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(135deg,rgba(22,23,31,.92),rgba(8,9,13,.94));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px);overflow:hidden}.vp-metric-card{display:flex;align-items:center;justify-content:center;gap:15px;min-height:108px;padding:20px;position:relative}.vp-metric-card+.vp-metric-card:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.15),transparent)}.vp-metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(101,113,255,.25),rgba(255,255,255,.035));border:1px solid rgba(139,149,255,.22);color:#d7dcff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 30px rgba(66,78,255,.1)}.vp-star-icon{color:#ffd85c}.vp-metric-copy{display:flex;flex-direction:column}.vp-metric-copy strong{font-size:1.65rem;line-height:1;font-weight:800;color:#fff;letter-spacing:-.04em}.vp-metric-copy strong small{font-size:.72rem;color:#787d92;margin-left:2px}.vp-metric-copy span{font-size:.78rem;color:#8d92a5;margin-top:7px}
.vp-payments-section{position:relative;z-index:2;padding:36px 0 54px;overflow:hidden}.vp-payments-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px}.vp-payments-heading h2{font-size:clamp(1.55rem,3vw,2.2rem);font-weight:800;letter-spacing:-.04em;margin:0}.vp-payments-heading p{max-width:420px;margin:0;color:#828798;font-size:.9rem}.vp-payment-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.vp-payment-track{display:flex;width:max-content;gap:14px;animation:vpPayments 26s linear infinite}.vp-payment-marquee:hover .vp-payment-track{animation-play-state:paused}@keyframes vpPayments{to{transform:translateX(-50%)}}.vp-payment-logo{height:76px;min-width:184px;padding:0 21px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(22,23,30,.82),rgba(8,9,13,.78));border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.045);font-size:1rem;color:#f7f7fb;transition:.25s ease}.vp-payment-logo:hover{transform:translateY(-3px);border-color:rgba(146,155,255,.28);background:linear-gradient(145deg,rgba(29,31,43,.95),rgba(11,12,18,.95))}.vp-payment-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#11131a;border:1px solid rgba(255,255,255,.08);font-weight:900;font-size:1.25rem}.vp-cashapp .vp-payment-mark{background:#00d64f;color:#fff}.vp-paypal .vp-payment-mark{background:linear-gradient(145deg,#003087,#009cde);color:#fff;font-style:italic}.vp-ideal .vp-payment-mark{background:#fff;color:#cc0066;font-size:.95rem}.vp-apple .vp-payment-mark{background:#f5f5f5;color:#050505}.vp-google .vp-payment-mark{background:#fff;color:#4285f4}.vp-cards .vp-payment-mark{background:linear-gradient(145deg,#232734,#12141b);color:#d9ddff}
.vp-reviews-page,.vp-home-reviews{position:relative;z-index:2}.vp-reviews-topline,.vp-reviews-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.vp-review-intro{color:#858a9b;max-width:620px}.vp-review-summary{display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(15,16,22,.78)}.vp-review-summary>strong{font-size:2rem;line-height:1;font-weight:800}.vp-summary-stars{color:#ffd65c;letter-spacing:2px;font-size:.82rem}.vp-review-summary span{font-size:.72rem;color:#8a8f9f}.vp-inline-rating{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(10,11,16,.7)}.vp-inline-rating strong{font-size:1.35rem}.vp-inline-rating span{color:#ffd65c;letter-spacing:1px}.vp-inline-rating small{color:#818696}.vp-review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(11,12,17,.74);backdrop-filter:blur(12px)}.vp-review-filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.vp-review-filter{appearance:none;border:1px solid transparent;background:transparent;color:#8d92a3;border-radius:10px;padding:9px 13px;font-size:.78rem;font-weight:700;transition:.2s ease}.vp-review-filter:hover{background:rgba(255,255,255,.05);color:#fff}.vp-review-filter.is-active{color:#fff;background:linear-gradient(135deg,rgba(101,113,255,.35),rgba(101,113,255,.12));border-color:rgba(125,136,255,.32);box-shadow:0 6px 20px rgba(69,81,255,.11)}.vp-review-sort{width:auto;min-width:150px;background:#111219!important;border:1px solid rgba(255,255,255,.08)!important;color:#dfe2ee!important;border-radius:10px!important;padding:9px 30px 9px 12px!important;font-size:.78rem}.vp-review-item{margin-bottom:20px;transition:opacity .2s ease,transform .2s ease}.vp-review-card{height:100%;border-radius:20px!important;border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(150deg,rgba(23,24,31,.88),rgba(8,9,13,.9))!important;box-shadow:0 16px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.045)!important;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.vp-review-card:hover{transform:translateY(-5px);border-color:rgba(125,135,255,.28)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 35px rgba(80,92,255,.06)!important}.vp-review-card .main{padding:20px!important}.vp-review-card .quote{opacity:.18!important;color:#9ca5ff!important;width:28px!important}.vp-review-stars{display:flex;gap:2px}.vp-review-stars svg{width:16px!important;height:16px!important}.vp-review-card .message p{font-size:.9rem!important;line-height:1.7!important;color:#d5d8e2!important}.vp-review-card .reply{margin-top:14px!important;border-left:2px solid rgba(101,113,255,.55)!important;background:rgba(101,113,255,.06)!important;border-radius:0 12px 12px 0!important;padding:10px 12px!important}.vp-review-card .footer{padding:13px 16px!important;border-top:1px solid rgba(255,255,255,.065)!important;background:rgba(0,0,0,.16)!important}.vp-review-card .items{display:flex!important;align-items:center;gap:8px;min-width:0}.vp-verified-pill{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;color:#80e3aa;font-size:.62rem;font-weight:800;border:1px solid rgba(82,213,137,.18);background:rgba(50,190,111,.07);padding:4px 7px;border-radius:999px}.vp-review-product{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8e93a3;font-size:.68rem}.vp-review-card .date{font-size:.65rem!important;color:#676c7b!important}.vp-review-empty{text-align:center;color:#7c8192;padding:45px 20px;border:1px dashed rgba(255,255,255,.1);border-radius:18px}.vp-review-pagination{margin-top:10px}
@media(max-width:767px){.vp-store-metrics{margin-top:-18px}.vp-metrics-shell{grid-template-columns:1fr}.vp-metric-card{justify-content:flex-start;min-height:82px}.vp-metric-card+.vp-metric-card:before{left:7%;right:7%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.vp-payments-heading,.vp-reviews-topline,.vp-reviews-section-head{align-items:flex-start;flex-direction:column}.vp-payments-heading p{max-width:none}.vp-payment-logo{min-width:160px;height:68px}.vp-review-toolbar{align-items:stretch;flex-direction:column}.vp-review-sort{width:100%}.vp-review-summary{width:100%}.vp-inline-rating{align-self:stretch;justify-content:center}}
@media(prefers-reduced-motion:reduce){.vp-payment-track{animation:none}}

/* ===== VILEPRODUCTS V6 — MOVABLE SECTIONS + DROPDOWN REVIEWS ===== */
.vp-metrics-title{text-align:center;margin-bottom:18px}.vp-metrics-title h2{margin:0;font-weight:800;letter-spacing:-.04em}
.vp-store-metrics{margin-top:0!important;padding:30px 0!important}
.vp-payments-heading-centered{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important;margin-bottom:24px!important}
.vp-payments-heading-centered h2{margin:0!important;text-align:center!important}
.vp-payment-carousel{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px}
.vp-payment-viewport{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.vp-payment-viewport::-webkit-scrollbar{display:none}
.vp-payment-track{display:flex!important;width:max-content!important;gap:14px!important;animation:none!important;padding:4px 2px}
.vp-payment-logo{min-width:210px!important;height:84px!important;justify-content:center!important;gap:12px!important}
.vp-payment-logo img{display:block;width:122px;height:52px;object-fit:contain;max-width:122px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.3))}
.vp-payment-logo strong{font-size:.88rem;white-space:nowrap}
.vp-payment-nav{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(13,14,20,.92);color:#f4f6ff;display:grid;place-items:center;cursor:pointer;transition:.2s ease;z-index:3;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.vp-payment-nav:hover{transform:translateY(-2px);border-color:rgba(126,138,255,.4);background:rgba(25,27,38,.98)}
.vp-payment-nav:active{transform:translateY(0) scale(.95)}

.vp-review-toolbar-dropdown{overflow:visible!important;position:relative;z-index:20;background:transparent!important;border:0!important;padding:0!important;backdrop-filter:none!important;align-items:flex-start!important}
.vp-review-filter-wrap{position:relative;width:min(320px,100%)}
.vp-review-filter-trigger{width:100%;min-height:48px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(20,21,29,.95),rgba(9,10,15,.96));color:#fff;cursor:pointer;box-shadow:0 14px 36px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);font-size:.82rem;font-weight:750;text-align:left}
.vp-review-filter-trigger>span:first-child{display:flex;align-items:center;gap:9px}.vp-review-filter-trigger>span:first-child i{color:#aeb7ff}
.vp-review-filter-current{font-size:.7rem;color:#8d93a5;font-weight:650}.vp-review-chevron{font-size:.7rem;color:#7f8494;transition:transform .2s ease}
.vp-review-filter-trigger[aria-expanded="true"] .vp-review-chevron{transform:rotate(180deg)}
.vp-review-filter-menu{position:absolute;left:0;top:calc(100% + 9px);width:100%;padding:8px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(9,10,15,.985);box-shadow:0 20px 55px rgba(0,0,0,.5);backdrop-filter:blur(18px);z-index:100}
.vp-review-filter-menu[hidden]{display:none!important}
.vp-review-filter-menu .vp-review-filter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:10px;color:#b5bac8;background:transparent;border:0!important;text-align:left;cursor:pointer}
.vp-review-filter-menu .vp-review-filter:hover{background:rgba(255,255,255,.055);color:#fff}
.vp-review-filter-menu .vp-review-filter.is-active{background:rgba(101,113,255,.13)!important;color:#fff!important;box-shadow:none!important}
.vp-review-filter-menu .vp-review-filter span:last-child{color:#ffd65c;font-size:.68rem;letter-spacing:1px}
.vp-review-filter-menu .vp-review-filter i{color:#aeb7ff}
.vp-review-sort{height:48px!important;border-radius:14px!important}
.vp-review-card{border-radius:16px!important;background:rgba(12,13,18,.88)!important;box-shadow:0 12px 36px rgba(0,0,0,.22)!important}
.vp-review-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 45px rgba(0,0,0,.3)!important}
.vp-review-card .main{padding:18px!important}
.vp-review-card .quote{display:none!important}
.vp-review-card .message p{font-size:.88rem!important;line-height:1.6!important;color:#d4d7df!important}
@media(max-width:767px){.vp-payment-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px}.vp-payment-nav{width:36px;height:36px}.vp-payment-logo{min-width:180px!important}.vp-review-toolbar-dropdown{gap:10px!important}.vp-review-filter-wrap{width:100%}}


/* ===== VILEPRODUCTS V7 — CLEAN REVIEWS / SHOW MORE / CART ICON FIX ===== */
/* The outlined square in the header is the cart button. Keep its cart icon visible. */
.navbar .cart .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;min-height:40px!important;color:#f5f6f8!important;border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.035)!important}
.navbar .cart .btn .icon,.navbar .cart .btn svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;color:#f5f6f8!important;fill:currentColor!important;opacity:1!important}
.navbar .cart .btn:hover{color:#090a0c!important;background:linear-gradient(135deg,#fff,#c8cdd4)!important}

/* Remove the old statistics presentation completely if stale markup is cached. */
.vp-store-metrics,.stats-wrapper{display:none!important}

/* Reviews: neutral black/chrome instead of blue/purple accents. */
.vp-eyebrow{color:#c8cbd1!important}.vp-eyebrow:before{background:linear-gradient(90deg,#f0f1f3,transparent)!important}
.vp-review-filter-trigger{border-color:rgba(255,255,255,.14)!important;background:linear-gradient(145deg,rgba(18,19,23,.97),rgba(7,8,10,.98))!important;box-shadow:0 12px 32px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045)!important}
.vp-review-filter-trigger>span:first-child i,.vp-review-filter-menu .vp-review-filter i{color:#e1e3e7!important}
.vp-review-filter-menu{border-color:rgba(255,255,255,.14)!important;background:rgba(8,9,11,.99)!important}
.vp-review-filter-menu .vp-review-filter.is-active{background:rgba(255,255,255,.085)!important;color:#fff!important}
.vp-review-filter-menu .vp-review-filter span:last-child:not(.vp-filter-hint){color:#f4cf63!important}
.vp-filter-group-label{padding:8px 12px 6px;color:#6f747e;font-size:.64rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.vp-filter-divider{height:1px;margin:7px 5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.vp-filter-hint{color:#747a84!important;font-size:.64rem!important;letter-spacing:0!important;font-weight:650!important}
.vp-review-card{border-color:rgba(255,255,255,.105)!important;background:linear-gradient(150deg,rgba(17,18,22,.94),rgba(7,8,10,.96))!important}
.vp-review-card:hover{border-color:rgba(255,255,255,.24)!important;box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 22px rgba(255,255,255,.035)!important}
.vp-review-card .reply{border-left-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.035)!important}
.vp-inline-rating,.vp-review-summary{border-color:rgba(255,255,255,.11)!important;background:rgba(10,11,13,.82)!important}

.vp-review-more-wrap{display:flex;justify-content:center;padding:8px 0 4px}
.vp-review-more{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:190px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(18,19,23,.94),rgba(8,9,11,.96));color:#f4f5f7;font-size:.78rem;font-weight:780;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.vp-review-more:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.075)}
.vp-review-more:active{transform:translateY(0) scale(.98)}
.vp-review-more[hidden]{display:none!important}
.vp-review-more i{font-size:.65rem;color:#a8adb6}
\n\n/* VileProducts V8 — hero logo/stats, reliable payment carousel, simplified review filtering */\n.vp-hero-brandmark{display:flex;justify-content:inherit;align-items:center;margin:12px 0 10px}\n.hero.alignment-left .vp-hero-brandmark{justify-content:flex-start}.hero.alignment-center .vp-hero-brandmark{justify-content:center}.hero.alignment-right .vp-hero-brandmark{justify-content:flex-end}\n.vp-hero-brandmark img{display:block;width:clamp(105px,12vw,155px);height:auto;max-height:110px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(255,255,255,.08));opacity:.98}\n.vp-hero-bio{margin-bottom:14px!important}\n.vp-hero-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.hero.alignment-center .vp-hero-metrics{justify-content:center}.hero.alignment-right .vp-hero-metrics{justify-content:flex-end}\n.vp-hero-metric{min-width:118px;padding:10px 14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,rgba(18,19,23,.72),rgba(7,8,10,.72));backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:1px}\n.vp-hero-metric strong{font-size:1.05rem;color:#fff;line-height:1.2}.vp-hero-metric span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#8f949e;font-weight:750}\n\n.vp-payment-marquee-v8{position:relative;width:100%;overflow:hidden;padding:6px 0 10px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}\n.vp-payment-track-v8{display:flex;align-items:center;gap:14px;width:max-content;will-change:transform;animation:vpPaymentsV8 28s linear infinite}\n.vp-payment-marquee-v8:hover .vp-payment-track-v8{animation-play-state:paused}\n.vp-payment-logo-v8{flex:0 0 205px;height:82px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:linear-gradient(145deg,rgba(20,21,25,.92),rgba(7,8,10,.94));box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease}\n.vp-payment-logo-v8:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.26)}\n.vp-payment-logo-v8 img{display:block;width:112px;height:46px;max-width:112px;object-fit:contain}.vp-payment-logo-v8 strong{font-size:.8rem;color:#f4f5f7;white-space:nowrap}\n@keyframes vpPaymentsV8{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 7px),0,0)}}\n\n.vp-review-filter-menu .vp-review-filter[data-review-type="nonautomatic"] .vp-filter-hint{color:#8f949e!important;letter-spacing:0!important}\n@media(max-width:767px){.vp-hero-metrics{gap:6px}.vp-hero-metric{min-width:calc(50% - 4px);padding:9px 11px}.vp-payment-logo-v8{flex-basis:170px;height:70px;padding:10px 13px}.vp-payment-logo-v8 img{width:91px;height:40px}.vp-payment-track-v8{gap:10px;animation-duration:23s}}\n@media(prefers-reduced-motion:reduce){.vp-payment-track-v8{animation:none}}\n

/* VileProducts V9 — compact logo, classic stats, static payment section */
.vp-hero-brandmark{margin:8px 0 8px!important}
.vp-hero-brandmark img{width:clamp(58px,6vw,82px)!important;max-height:64px!important;filter:drop-shadow(0 6px 18px rgba(255,255,255,.07))!important}
.vp-hero-bio{margin-bottom:14px!important}
.vp-hero-store-metrics{width:min(100%,760px);margin:14px 0 18px}
.hero.alignment-center .vp-hero-store-metrics{margin-left:auto;margin-right:auto}.hero.alignment-right .vp-hero-store-metrics{margin-left:auto}
.vp-hero-store-metrics .vp-metrics-shell{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(135deg,rgba(22,23,31,.92),rgba(8,9,13,.94));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px);overflow:hidden}
.vp-hero-store-metrics .vp-metric-card{display:flex;align-items:center;justify-content:center;gap:14px;min-height:96px;padding:17px;position:relative}
.vp-hero-store-metrics .vp-metric-card+.vp-metric-card:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.15),transparent)}
.vp-hero-store-metrics .vp-metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(101,113,255,.20),rgba(255,255,255,.035));border:1px solid rgba(139,149,255,.18);color:#d7dcff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 26px rgba(66,78,255,.08)}
.vp-hero-store-metrics .vp-star-icon{color:#ffd85c}.vp-hero-store-metrics .vp-metric-copy{display:flex;flex-direction:column;text-align:left}.vp-hero-store-metrics .vp-metric-copy strong{font-size:1.5rem;line-height:1;font-weight:800;color:#fff;letter-spacing:-.04em}.vp-hero-store-metrics .vp-metric-copy strong small{font-size:.68rem;color:#787d92;margin-left:2px}.vp-hero-store-metrics .vp-metric-copy span{font-size:.74rem;color:#8d92a5;margin-top:6px}

.vp-payment-marquee-v8,.vp-payment-track-v8{animation:none!important;transform:none!important}
.vp-payment-grid-v9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px;margin:0 auto}
.vp-payment-tile-v9{min-height:94px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(20,21,25,.92),rgba(7,8,10,.94));box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.vp-payment-tile-v9:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 36px rgba(0,0,0,.25)}
.vp-payment-tile-v9 img{display:block;width:112px;height:46px;max-width:58%;object-fit:contain}.vp-payment-tile-v9 strong{font-size:.82rem;color:#f4f5f7;white-space:nowrap}
@media(max-width:767px){.vp-hero-brandmark img{width:58px!important;max-height:52px!important}.vp-hero-store-metrics .vp-metrics-shell{grid-template-columns:1fr}.vp-hero-store-metrics .vp-metric-card{justify-content:flex-start;min-height:75px}.vp-hero-store-metrics .vp-metric-card+.vp-metric-card:before{left:7%;right:7%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.vp-payment-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vp-payment-tile-v9{min-height:76px;padding:12px;flex-direction:column;gap:6px}.vp-payment-tile-v9 img{width:96px;height:36px;max-width:80%}.vp-payment-tile-v9 strong{font-size:.72rem}}

/* VileProducts V11 — larger hero logo + Discord welcome popup */
.vp-hero-brandmark{margin:10px 0 10px!important}
.vp-hero-brandmark img{
  width:clamp(105px,10vw,145px)!important;
  max-height:112px!important;
  filter:drop-shadow(0 8px 24px rgba(255,255,255,.10))!important;
}

.vp-discord-offer{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,3,6,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,visibility .24s ease;
}
.vp-discord-offer.is-open{opacity:1;visibility:visible;pointer-events:auto}
.vp-discord-offer-card{
  position:relative;
  width:min(92vw,460px);
  padding:31px 28px 27px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  text-align:center;
  background:linear-gradient(145deg,rgba(22,24,30,.98),rgba(7,8,11,.99));
  box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.07);
  overflow:hidden;
}
.vp-discord-offer-card:before{
  content:"";
  position:absolute;
  width:230px;height:230px;
  left:50%;top:-165px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(88,101,242,.26);
  filter:blur(48px);
  pointer-events:none;
}
.vp-discord-offer-logo{width:88px;height:auto;display:block;margin:0 auto 14px;filter:drop-shadow(0 8px 20px rgba(255,255,255,.10))}
.vp-discord-offer-kicker{font-size:.69rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9ca3b3;margin-bottom:8px}
.vp-discord-offer h2{position:relative;margin:0 0 10px;font-size:clamp(1.55rem,5vw,2rem);font-weight:800;letter-spacing:-.04em;color:#fff}
.vp-discord-offer p{position:relative;margin:0 auto 22px;max-width:340px;color:#aeb3bf;font-size:.92rem;line-height:1.55}
.vp-discord-offer p strong{color:#fff}
.vp-discord-offer-actions{position:relative;display:grid;grid-template-columns:1fr;gap:10px}
.vp-discord-join,.vp-discord-close{
  min-height:48px;border-radius:13px;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.vp-discord-join{border:1px solid rgba(131,141,255,.48);background:linear-gradient(135deg,#5865f2,#7180ff);color:white!important;box-shadow:0 12px 32px rgba(88,101,242,.22)}
.vp-discord-join:hover{transform:translateY(-2px);color:white!important}
.vp-discord-close{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#c4c8d1;cursor:pointer}
.vp-discord-close:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.22)}
.vp-discord-x{position:absolute;right:13px;top:13px;width:34px;height:34px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.035);color:#9da2ad;display:grid;place-items:center;cursor:pointer;z-index:2}
.vp-discord-x:hover{color:#fff;background:rgba(255,255,255,.07)}
@media(max-width:767px){.vp-hero-brandmark img{width:92px!important;max-height:82px!important}.vp-discord-offer-card{padding:27px 20px 22px;border-radius:20px}.vp-discord-offer-logo{width:75px}}


/* ===== VILEPRODUCTS V12 — PAYMENT LABEL WIDTH / RATING COLOR ===== */
.vp-hero-store-metrics .vp-star-icon,
.vp-star-icon{color:#d7dcff!important;}
.vp-payment-grid-v9{grid-template-columns:repeat(3,minmax(220px,1fr))!important;max-width:1080px!important;}
.vp-payment-tile-v9{min-width:0!important;overflow:visible!important;padding:18px 22px!important;}
.vp-payment-tile-v9 img{width:100%!important;height:52px!important;max-width:210px!important;object-fit:contain!important;overflow:visible!important;}
@media(max-width:900px){.vp-payment-grid-v9{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:520px){.vp-payment-grid-v9{grid-template-columns:1fr!important}.vp-payment-tile-v9 img{height:48px!important;max-width:200px!important;}}

/* ===== VILEPRODUCTS V13 — LARGER BRAND + PRODUCT DETAIL ===== */
.vp-hero-brandmark img{
  width:clamp(165px,16vw,230px)!important;
  max-height:180px!important;
}
.product-wrapper > .container{max-width:1440px!important;}
.product-wrapper .py-5-nav > .container{max-width:1380px!important;margin-left:auto!important;margin-right:auto!important;}
.product-wrapper .row.gx-4.gx-lg-5{--bs-gutter-x:3.5rem!important;align-items:flex-start;}
.product-wrapper .col-lg-6:first-child .carousel,
.product-wrapper .col-lg-6:first-child > .card-img-top,
.product-wrapper .col-lg-6:first-child > .product-img-placeholder{
  width:100%!important;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.product-wrapper .aspect-product-page-image{min-height:430px;max-height:650px;}
.product-wrapper .carousel-inner,
.product-wrapper .carousel-item,
.product-wrapper .carousel-item img,
.product-wrapper .col-lg-6:first-child > img,
.product-wrapper .product-img-placeholder{
  border-radius:22px!important;
}
.product-wrapper .carousel-inner,
.product-wrapper .col-lg-6:first-child > img,
.product-wrapper .product-img-placeholder{
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(20,21,25,.94),rgba(7,8,10,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)!important;
  overflow:hidden;
}
@media(max-width:991px){
  .vp-hero-brandmark img{width:150px!important;max-height:130px!important;}
  .product-wrapper .aspect-product-page-image{min-height:0;max-height:none;}
  .product-wrapper .row.gx-4.gx-lg-5{--bs-gutter-x:1.5rem!important;}
}


/* ===== VILEPRODUCTS V15 — CLICK / BUTTON RELIABILITY ===== */
/* Decorative storm layers must never be able to intercept storefront clicks. */
.vp-animated-bg,
.vp-animated-bg *,
#vp-lightning-canvas,
.vp-vignette,
.bg-image { pointer-events:none !important; }

/* Keep all actual storefront controls above decorative layers and interactive. */
#app { position:relative !important; z-index:10 !important; pointer-events:auto !important; }
#app a[href],
#app button,
#app input,
#app select,
#app textarea,
#app [role="button"],
#app [data-bs-toggle],
#app .vp-product-card { pointer-events:auto !important; }

/* The Discord overlay only receives clicks while visibly open. */
#vp-discord-offer { pointer-events:none !important; }
#vp-discord-offer.is-open { pointer-events:auto !important; }
#vp-discord-offer.is-open .vp-discord-offer-card,
#vp-discord-offer.is-open .vp-discord-offer-card * { pointer-events:auto !important; }

/* Avoid an invalid interactive button nested inside product-card anchors. */
.vp-product-card .overlay .btn { pointer-events:none !important; }

/* ===== VILEPRODUCTS V17 — HOMEPAGE CLICK RELIABILITY ===== */
/* Hidden popup must not exist in the page hit-testing layer at all. */
#vp-discord-offer{display:none !important;pointer-events:none !important;}
#vp-discord-offer.is-open{display:flex !important;pointer-events:auto !important;}

/* Decorative FX are visuals only. */
.vp-animated-bg,.vp-animated-bg *,#vp-lightning-canvas,.vp-vignette,.bg-image{
  pointer-events:none !important;
}

/* Do not create an artificial hit-testing layer over SellAuth's app. */
#app{pointer-events:auto !important;}

/* Let SellAuth / Bootstrap own all homepage controls. */
.navbar a,.navbar button,.navbar select,
.components a,.components button,.components input,.components select,.components textarea,
.card[href],.vp-product-card[href],
.modal a,.modal button,.modal input,.modal select{
  pointer-events:auto !important;
}

@media (pointer:fine){
  a[href],button,.btn,[role="button"],[data-bs-toggle],select,summary,label[for],
  input[type="button"],input[type="submit"],input[type="checkbox"],input[type="radio"],
  .card[href],.vp-product-card[href]{cursor:pointer !important;}
  input[type="text"],input[type="email"],input[type="password"],input[type="search"],textarea{cursor:text !important;}
}


/* V20: keep payment labels visible with custom images */
.vp-payment-tile-v9{flex-direction:column!important;gap:8px!important;text-align:center!important;}
.vp-payment-tile-v9 strong{display:block!important;font-size:.82rem!important;line-height:1.2!important;color:#f4f5f7!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.vp-payment-tile-v9 img{flex:0 0 auto!important;}

/* ===== VILEPRODUCTS V21 — LOGIN MODAL FREEZE FIX ===== */
/*
   Bootstrap appends the modal backdrop directly under <body>, while SellAuth's
   customer login modal lives inside #app. Giving #app its own z-index creates
   a stacking context that traps the login modal underneath Bootstrap's
   backdrop, making the page look frozen. Keep #app interactive but DO NOT
   create a stacking context here.
*/
#app,
#app.flex-wrapper {
  position: relative !important;
  z-index: auto !important;
  pointer-events: auto !important;
}

/* Let Bootstrap own the modal/backdrop layer order. */
.modal { z-index: 1055 !important; }
.modal-backdrop { z-index: 1050 !important; }

/* Sticky navigation must sit below an open login modal. */
header.sticky-top { z-index: 1040 !important; }

/* Ensure every control inside the login modal remains usable. */
#customer-login-modal,
#customer-login-modal .modal-dialog,
#customer-login-modal .modal-content,
#customer-login-modal button,
#customer-login-modal input,
#customer-login-modal a,
#customer-login-modal label {
  pointer-events: auto !important;
}

/* =========================================================
   VileProducts V22 — deeper storm contrast + tighter homepage
   ========================================================= */
html, body {
  background: #000 !important;
}

.vp-animated-bg {
  background:
    radial-gradient(circle at 50% -14%, rgba(255,255,255,.045), transparent 28%),
    radial-gradient(circle at 18% 64%, rgba(115,125,145,.028), transparent 24%),
    linear-gradient(180deg, #000 0%, #010102 48%, #000 100%) !important;
}

.vp-bg-glow {
  background: radial-gradient(circle, rgba(255,255,255,.035), rgba(160,175,195,.012) 40%, transparent 68%) !important;
  filter: blur(42px) !important;
  opacity: .48;
}

#vp-lightning-canvas {
  opacity: 1 !important;
  filter: brightness(1.28) contrast(1.13) drop-shadow(0 0 5px rgba(255,255,255,.46));
}

/* Slightly darker glass so lightning flashes have more contrast behind content. */
.navbar {
  background: rgba(0,0,0,.82) !important;
}
.card,
.product-card,
.modal-content,
.dropdown-menu,
.accordion-item,
.feedback-card,
.status-card {
  background: linear-gradient(145deg, rgba(11,12,14,.92), rgba(1,1,2,.95)) !important;
}
.hero .bg-overlay {
  background: radial-gradient(circle at 50% 27%, rgba(255,255,255,.035), rgba(0,0,0,.30) 42%, rgba(0,0,0,.72) 100%) !important;
}

/* Pull the content below the welcome hero closer without cramping the welcome area. */
@media (min-width: 768px) {
  .hero:not(.height-short) {
    min-height: 68vh !important;
  }
  .hero.height-medium {
    min-height: 56vh !important;
  }
  .hero .container {
    padding-top: 4.1rem !important;
    padding-bottom: 3.2rem !important;
  }
}

@media (max-width: 767.98px) {
  .hero .container {
    padding-top: 2.7rem !important;
    padding-bottom: 2.25rem !important;
  }
}


/* =========================================================
   VileProducts V23 — silent + lighter rendering
   ========================================================= */
/* Keep the storm visual, but avoid unnecessary paint work on long pages. */
.vp-product-card, .product-card, .feedback-card, .status-card {
  contain: layout paint style;
}

/* Slightly cheaper glass effects while keeping the same chrome look. */
.navbar, .dropdown-menu, .modal-content {
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

/* Off-screen sections can skip rendering until they approach the viewport. */
@supports (content-visibility: auto) {
  .feedbacks-wrapper, .products-wrapper, footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 700px;
  }
}


/* ===== VILEPRODUCTS V24 — CUSTOM DISCORD / YOUTUBE SOCIAL LOGOS ===== */
.socials .list .social .left .vp-social-logo{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:transparent!important;
  padding:0!important;
}


/* VileProducts partner checkout notice */
.vp-partner-redirect-warning{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin-top:1rem;
  padding:.8rem .95rem;
  border:1px solid rgba(255,193,7,.28);
  border-radius:12px;
  background:rgba(255,193,7,.07);
  color:rgba(255,255,255,.84);
  font-size:.82rem;
  line-height:1.45;
}
.vp-partner-redirect-warning svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-top:1px;
  color:#f3c85b;
}
.vp-partner-redirect-warning strong{color:#fff;}


/* ===== V24 CATEGORY FILTER BAR ===== */
.vp-category-filter{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin:10px auto 28px;
  padding:0 8px;
}
.vp-category-filter-products{
  margin-top:-4px;
  margin-bottom:24px;
}
.vp-category-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(9,10,14,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 28px rgba(0,0,0,.18);
  color:rgba(242,244,255,.76)!important;
  font-size:.83rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.015em;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
  white-space:nowrap;
}
.vp-category-pill:hover{
  transform:translateY(-1px);
  color:#fff!important;
  border-color:rgba(210,218,255,.32);
  background:rgba(20,22,30,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 30px rgba(0,0,0,.24),0 0 18px rgba(200,210,255,.055);
}
.vp-category-pill.is-active{
  color:#fff!important;
  border-color:rgba(225,230,255,.42);
  background:linear-gradient(180deg,rgba(48,51,66,.88),rgba(20,22,29,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 20px rgba(210,220,255,.08);
}
@media (max-width:767.98px){
  .vp-category-filter{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-bottom:22px;
    padding:3px 2px 7px;
  }
  .vp-category-filter::-webkit-scrollbar{display:none;}
  .vp-category-pill{flex:0 0 auto;min-height:36px;padding:8px 14px;font-size:.79rem;}
}

/* ===== VILEPRODUCTS — COMPACT PRODUCT SEARCH + CATEGORY FILTER ===== */
.vp-product-discovery{
  margin: 6px 0 24px;
}
.vp-product-search-shell{
  width:100%;
  padding:24px;
  margin-bottom:22px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,19,23,.92),rgba(10,11,14,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 35px rgba(0,0,0,.16);
}
.vp-product-search-box{
  position:relative;
  max-width:448px;
}
.vp-product-search-icon{
  position:absolute;
  left:14px;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  color:#91a8c5;
  pointer-events:none;
}
.vp-product-search-input{
  width:100%;
  height:47px;
  padding:0 16px 0 44px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:8px;
  outline:none;
  background:#17181d;
  color:#f7f8ff;
  font-size:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.vp-product-search-input::placeholder{color:#7187a8;opacity:1}
.vp-product-search-input:focus{
  background:#191a20;
  border-color:rgba(211,55,170,.65);
  box-shadow:0 0 0 3px rgba(211,0,154,.10);
}
.vp-category-filter{
  display:flex!important;
  align-items:center;
  gap:8px;
  width:100%;
  margin:0 0 14px!important;
  padding:0!important;
  overflow-x:auto;
  scrollbar-width:none;
}
.vp-category-filter::-webkit-scrollbar{display:none}
.vp-category-filter .vp-category-pill{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:39px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:#1b1c21!important;
  color:#aebad0!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.vp-category-filter .vp-category-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
.vp-category-filter .vp-category-pill.is-active{
  border-color:rgba(255,0,178,.72)!important;
  background:linear-gradient(135deg,#f0009c,#c900b2)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(222,0,154,.20)!important;
}
.vp-category-count{
  color:#687995;
  font-size:12px;
  font-weight:700;
}
.vp-category-pill.is-active .vp-category-count{color:rgba(255,255,255,.86)}
.vp-product-results-meta{
  margin:0 0 20px;
  color:#7990ad;
  font-size:14px;
  font-weight:500;
}
.vp-product-results-meta strong{color:#e6eaf3;font-weight:800}
.vp-filter-product[hidden]{display:none!important}
@media (max-width:767px){
  .vp-product-search-shell{padding:15px;margin-bottom:16px;border-radius:12px}
  .vp-product-search-box{max-width:none}
  .vp-category-filter .vp-category-pill{min-height:37px;padding:0 14px}
  .vp-product-results-meta{margin-bottom:16px}
}

/* ===== VILEPRODUCTS CATEGORY FILTER V3 — NEUTRAL ACTIVE BUTTON ===== */
.vp-category-filter .vp-category-pill.is-active{
  border-color:rgba(255,255,255,.22)!important;
  background:#292b31!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
}
.vp-category-filter .vp-category-pill.is-active .vp-category-count{
  color:#aebad0!important;
}

/* ===== VILEPRODUCTS PERFORMANCE V4 ===== */

/* Avoid painting below-the-fold sections until the browser is near them. */
@supports (content-visibility:auto){
  .vp-payment-methods-v9,
  .vp-home-reviews,
  .vp-reviews-page,
  footer{
    content-visibility:auto;
    contain-intrinsic-size:auto 520px;
  }
}

/* Slightly cheaper glass on smaller/low-power screens. */
@media (max-width:900px){
  header.sticky-top{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;}
  .vp-product-search-shell{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  .vp-product-card{will-change:auto!important;}
}

/* V10: custom mouse cursor/trail removed. Use normal browser cursor behavior. */
html, body { cursor: auto !important; }


/* =========================================================
   VileProducts V11 — aggressive deferred-FX optimization
   ========================================================= */
/* Keep the backdrop completely static while the page is loading. */
body:not(.vp-fx-ready) .vp-bg-grid,
body:not(.vp-fx-ready) .vp-bg-glow,
body:not(.vp-fx-ready) .vp-bg-glow-one,
body:not(.vp-fx-ready) .vp-bg-glow-two {
  animation-play-state: paused !important;
  will-change: auto !important;
}

body:not(.vp-fx-ready) #vp-lightning-canvas {
  visibility: hidden !important;
}

body.vp-fx-ready .vp-bg-grid,
body.vp-fx-ready .vp-bg-glow,
body.vp-fx-ready .vp-bg-glow-one,
body.vp-fx-ready .vp-bg-glow-two {
  animation-play-state: running !important;
}

body.vp-fx-ready #vp-lightning-canvas {
  visibility: visible !important;
}

/* Avoid promoting large fixed background layers until animation actually starts. */
body.vp-fx-ready .vp-bg-grid,
body.vp-fx-ready .vp-bg-glow-one,
body.vp-fx-ready .vp-bg-glow-two {
  will-change: transform, opacity;
}

/* Give the browser stronger containment hints for repeated storefront cards. */
.vp-product-card,
.product-card,
.feedback-card,
.status-card,
.vp-payment-tile-v9 {
  contain: layout paint style;
}

/* Decode/lazy-loaded images should not trigger oversized paint regions. */
.vp-product-card img,
.product-card img,
.vp-payment-tile-v9 img {
  backface-visibility: hidden;
}

/* Do not spend GPU on ambient animation in background tabs. */
@media (prefers-reduced-motion: reduce) {
  .vp-bg-grid,
  .vp-bg-glow,
  .vp-bg-glow-one,
  .vp-bg-glow-two {
    animation: none !important;
  }
  #vp-lightning-canvas { display: none !important; }
}