/* v105 – Waifu-inspired dark gallery for normal customs
   Ziel:
   - weiße Innenfläche und bordeauxfarbigen Kopf im Preview entschärfen
   - dunklere, edlere Galerie wie bei den Waifu Cards
   - subtiler Japan-/Collector-Hintergrund
   - keine Änderungen an Gruppen, Filtern, Produkten oder IDs
*/

/* Dunklere, luxuriösere Produktsektion mit subtilen Zeichen im Hintergrund */
body.vault-page #vault-products{
  position:relative!important;
  padding:26px 22px 18px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 10% 10%, rgba(216,177,95,.10), transparent 22%),
    radial-gradient(circle at 92% 12%, rgba(91,30,45,.20), transparent 26%),
    linear-gradient(180deg, #1b090f 0%, #2a0d16 42%, #18070d 100%)!important;
  border:1px solid rgba(216,177,95,.22)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
body.vault-page #vault-products::before,
body.vault-page #vault-products::after{
  position:absolute!important;
  pointer-events:none!important;
  font-family: "Noto Serif JP", "Yu Mincho", serif!important;
  font-weight:700!important;
  line-height:.92!important;
  letter-spacing:.02em!important;
  color:rgba(255,244,223,.06)!important;
  z-index:0!important;
  user-select:none!important;
}
body.vault-page #vault-products::before{
  content:"収 蔵"!important;
  right:1.2rem!important;
  bottom:2rem!important;
  font-size:clamp(110px, 13vw, 230px)!important;
  transform:rotate(-10deg)!important;
}
body.vault-page #vault-products::after{
  content:"蒐 集"!important;
  left:.8rem!important;
  top:1.6rem!important;
  font-size:clamp(86px, 10vw, 170px)!important;
  transform:rotate(-8deg)!important;
}
body.vault-page #vault-products > *{position:relative!important; z-index:1!important;}

/* Toolbar und Gruppen dunkler / luxuriöser */
body.vault-page #vault-products .vault-toolbar h2,
body.vault-page #vault-products .vault-group-head h2,
body.vault-page #vault-products .vault-group-head h3{
  color:#fff4de!important;
}
body.vault-page #vault-products .vault-toolbar p,
body.vault-page #vault-products .vault-group-head p,
body.vault-page #vault-products .vault-kicker,
body.vault-page #vault-products .vault-group-kicker{
  color:rgba(255,244,223,.76)!important;
}
body.vault-page #vault-products .vault-search{
  background:rgba(255,244,223,.08)!important;
  border:1px solid rgba(216,177,95,.22)!important;
  color:#fff5e4!important;
}
body.vault-page #vault-products .vault-search::placeholder{color:rgba(255,244,223,.45)!important;}
body.vault-page #vault-products .vault-filter{
  background:rgba(255,244,223,.06)!important;
  border-color:rgba(216,177,95,.22)!important;
  color:#fff0dc!important;
}
body.vault-page #vault-products .vault-filter.active,
body.vault-page #vault-products .vault-filter:hover{
  background:linear-gradient(135deg, rgba(122,29,54,.92), rgba(181,58,92,.86))!important;
  color:#fff7eb!important;
  border-color:rgba(216,177,95,.38)!important;
}

body.vault-page .vault-product-group{
  background:
    radial-gradient(circle at 8% 10%, rgba(216,177,95,.08), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(255,255,255,.04), transparent 18%),
    linear-gradient(180deg, rgba(55,15,27,.92), rgba(35,9,17,.90))!important;
  border:1px solid rgba(216,177,95,.18)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.vault-page .vault-product-group::before{opacity:.26!important;}
body.vault-page .vault-group-head{
  border-bottom:1px solid rgba(216,177,95,.14)!important;
}
body.vault-page .vault-group-pills span,
body.vault-page .vault-group-count{
  background:rgba(255,244,223,.07)!important;
  color:#fff0dc!important;
  border-color:rgba(216,177,95,.20)!important;
}

/* Karten optisch näher an der Waifu-Galerie */
body.vault-page .vault-card{
  border-radius:28px!important;
  padding:10px!important;
  background:linear-gradient(180deg, rgba(255,244,223,.08), rgba(255,244,223,.03))!important;
  border:1px solid rgba(216,177,95,.18)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.vault-page .vault-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg, rgba(255,255,255,.08), transparent 38%, rgba(216,177,95,.06))!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.vault-page .vault-card > *{position:relative!important; z-index:1!important;}
body.vault-page .vault-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(241,217,147,.42)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Preview-Rahmen: weniger Weiß, weniger 'Bordeaux oben', näher an Waifu */
body.vault-page .vault-img-wrap{
  aspect-ratio: 1000 / 1414 !important;
  padding:3px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,244,223,.10), transparent 34%),
    linear-gradient(145deg, #120609, #2a0d15)!important;
  box-shadow:inset 0 0 0 1px rgba(216,177,95,.20)!important;
}
body.vault-page .vault-img-wrap::before{display:none!important;}
body.vault-page .vault-img-wrap::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:3!important;
  background:linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.09) 48%, rgba(255,255,255,.28) 52%, rgba(216,177,95,.16) 56%, transparent 62%)!important;
  transform:translateX(-130%)!important;
  opacity:0!important;
  transition:transform .72s ease, opacity .72s ease!important;
}
body.vault-page .vault-card:hover .vault-img-wrap::after{
  transform:translateX(130%)!important;
  opacity:1!important;
}
body.vault-page .vault-img-wrap > img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:auto!important;
  transform:scale(1.01)!important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))!important;
}
body.vault-page .vault-card:hover .vault-img-wrap > img{
  transform:scale(1.03)!important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.22)) contrast(1.04) saturate(1.05) brightness(1.02)!important;
}

/* Text- und Meta-Bereich passend dunkel / lesbar */
body.vault-page .vault-card-body{
  padding:14px 4px 4px!important;
  background:transparent!important;
  border-top:0!important;
}
body.vault-page .vault-card-body h3{color:#fff4df!important; text-shadow:none!important;}
body.vault-page .vault-sub{color:rgba(255,244,223,.72)!important; text-shadow:none!important;}
body.vault-page .vault-meta{
  background:rgba(255,244,223,.045)!important;
  border:1px solid rgba(216,177,95,.12)!important;
  color:rgba(255,244,223,.76)!important;
  box-shadow:none!important;
}
body.vault-page .vault-meta div,
body.vault-page .vault-stock-line{color:rgba(255,244,223,.76)!important;}
body.vault-page .vault-meta b,
body.vault-page .vault-stock-line b{color:#f1d48c!important;}

body.vault-page .vault-btn.primary{
  background:linear-gradient(135deg, #7b1d36, #b53a5c)!important;
  color:#fff8ec!important;
  border-radius:999px!important;
  box-shadow:0 14px 34px rgba(93,23,41,.34)!important;
}
body.vault-page .vault-btn.secondary{
  border-radius:999px!important;
  background:rgba(255,244,223,.92)!important;
  color:#5a1d2b!important;
  border:0!important;
}

/* Rückseitenbutton kleiner und harmonischer */
body.vault-page .vault-back-toggle{
  width:40px!important;
  height:40px!important;
  top:8px!important;
  right:8px!important;
  border-radius:12px!important;
  padding:2px!important;
  border:2px solid rgba(216,177,95,.88)!important;
  background:linear-gradient(145deg, rgba(255,249,238,.98), rgba(233,211,172,.96))!important;
}
body.vault-page .vault-back-toggle img{
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:9px!important;
  padding:0!important;
}
body.vault-page .vault-back-toggle::after{
  width:18px!important;
  height:18px!important;
  right:-4px!important;
  bottom:-4px!important;
  font-size:11px!important;
}

@media (max-width: 760px){
  body.vault-page #vault-products{padding:18px 12px 12px!important; border-radius:26px!important;}
  body.vault-page .vault-product-group{border-radius:24px!important;}
  body.vault-page .vault-card{border-radius:22px!important; padding:8px!important;}
  body.vault-page .vault-img-wrap{border-radius:18px!important; padding:2px!important;}
  body.vault-page .vault-card-body{padding:12px 2px 4px!important;}
  body.vault-page .vault-card-body h3{font-size:.96rem!important; line-height:1.2!important;}
}