/* v108 – darken vault products section only */

/* Section shell darker */
body.vault-page #vault-products{
  position:relative!important;
  background:
    radial-gradient(circle at 12% 10%, rgba(216,177,95,.08), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(122,29,54,.22), transparent 28%),
    linear-gradient(180deg, #1c0a10 0%, #2a0d16 44%, #17070d 100%)!important;
  border:1px solid rgba(216,177,95,.20)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
  border-radius:34px!important;
  padding:26px 22px 18px!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;
  color:rgba(255,244,223,.045)!important;
  line-height:.92!important;
  user-select:none!important;
  z-index:0!important;
}
body.vault-page #vault-products::before{
  content:"収 蔵"!important;
  right:1rem!important;
  bottom:1.6rem!important;
  font-size:clamp(110px,13vw,220px)!important;
  transform:rotate(-10deg)!important;
}
body.vault-page #vault-products::after{
  content:"蒐 集"!important;
  left:.8rem!important;
  top:1.3rem!important;
  font-size:clamp(82px,10vw,165px)!important;
  transform:rotate(-8deg)!important;
}
body.vault-page #vault-products > *{position:relative!important;z-index:1!important;}

/* Toolbar readable */
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:#fff4df!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,.78)!important;}
body.vault-page #vault-products .vault-search{
  background:rgba(255,244,223,.08)!important;
  border:1px solid rgba(216,177,95,.20)!important;
  color:#fff6e7!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,.20)!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(123,29,54,.92), rgba(181,58,92,.86))!important;
  color:#fff7eb!important;
  border-color:rgba(216,177,95,.36)!important;
}

/* Product groups dark and readable */
body.vault-page .vault-product-group{
  background:
    radial-gradient(circle at 8% 10%, rgba(216,177,95,.07), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(255,255,255,.03), transparent 18%),
    linear-gradient(180deg, rgba(55,15,27,.95), rgba(35,9,17,.93))!important;
  border:1px solid rgba(216,177,95,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.vault-page .vault-product-group::before{opacity:.18!important;}
body.vault-page .vault-group-head{background:transparent!important;border-bottom:1px solid rgba(216,177,95,.12)!important;}
body.vault-page .vault-group-head h2,
body.vault-page .vault-group-head h3,
body.vault-page .vault-group-pills span,
body.vault-page .vault-group-count{color:#fff1dc!important;}
body.vault-page .vault-group-head p{color:rgba(255,244,223,.76)!important;}
body.vault-page .vault-group-pills span,
body.vault-page .vault-group-count{background:rgba(255,244,223,.06)!important;border-color:rgba(216,177,95,.16)!important;}

/* Card body readable on dark groups */
body.vault-page .vault-card{
  background:linear-gradient(180deg, rgba(255,244,223,.08), rgba(255,244,223,.03))!important;
  border:1px solid rgba(216,177,95,.14)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05)!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,.74)!important;text-shadow:none!important;}
body.vault-page .vault-meta{
  background:rgba(255,244,223,.04)!important;
  border:1px solid rgba(216,177,95,.10)!important;
  color:rgba(255,244,223,.76)!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;}

/* Keep CTA visible */
body.vault-page .vault-btn.primary{background:linear-gradient(135deg,#7b1d36,#b53a5c)!important;color:#fff8ec!important;}
body.vault-page .vault-btn.secondary{background:rgba(255,244,223,.92)!important;color:#5a1d2b!important;border:0!important;}

@media (max-width:760px){
  body.vault-page #vault-products{padding:18px 12px 12px!important;border-radius:26px!important;}
}