/* A lighter studio backdrop makes the midnight-blue finish easier to see. */
.hero-art[data-model=core] .interactive-hardware.has-3d,
.hero-art[data-model=core] .interactive-hardware.has-depth-fallback{
  background:radial-gradient(ellipse at 50% 62%,#58718f73,#32455c42 52%,transparent 77%),linear-gradient(150deg,#141e2a44,#0e172166);
}
.hero-art[data-model=core] #detail-sliding .detail-photo{
  background:radial-gradient(ellipse at 50% 62%,#55769e35,transparent 74%),#162336;
}
.app-showcase[data-model=core] .access-hardware{
  background:radial-gradient(ellipse at 50% 70%,#688ab43a,transparent 75%),#172638;
}
.app-showcase[data-model=core] .app-wallet-pair{
  background:radial-gradient(ellipse at 50% 65%,#7696c01a,transparent 72%);
}

/* Secondary product views share the approved material depth and fixed pose.
   Their existing --open cover animation remains the interaction authority. */
.slide-sequence .wallet-composite.enhanced-wallet-composite,
.app-showcase .app-wallet-pair .wallet-composite.enhanced-wallet-composite,
.app-showcase .access-hardware .wallet-composite.enhanced-wallet-composite{
  transform:translateX(-50%) perspective(650px) rotateX(3deg) rotateY(-14deg);
  transform-origin:50% 50%;
  filter:drop-shadow(4px 7px 3px #0005) drop-shadow(0 12px 12px #0007);
}
.enhanced-wallet-composite:before{
  content:'';position:absolute;inset:2px -3px -3px 3px;z-index:-1;pointer-events:none;
  border-radius:10px;border:1px solid #b9cee04a;
  background:linear-gradient(96deg,#0b111c,#5c7390 36%,#111c2c 80%,#8fa7bf);
  box-shadow:inset -2px 0 2px #e2edff4d,inset 0 -2px 2px #01030aa8,1px 2px 3px #0007;
}
.enhanced-wallet-composite[data-model=vault]:before{
  border-color:#dfcda552;background:linear-gradient(96deg,#19150e,#a89063 36%,#3c3020 80%,#c8b184);
  box-shadow:inset -2px 0 2px #ffefc94d,inset 0 -2px 2px #0b0704a8,1px 2px 3px #0007;
}
.enhanced-wallet-composite>.wallet-cover{filter:drop-shadow(2px 3px 2px #0006)}
.enhanced-wallet-composite>.wallet-cover:before{
  content:'';position:absolute;inset:1px -2px -2px 2px;z-index:-1;pointer-events:none;
  border-radius:10px;border:1px solid #dceaff55;
  background:linear-gradient(100deg,#526982,#091421 75%,#bdcddd);
}
.enhanced-wallet-composite[data-model=vault]>.wallet-cover:before{
  background:linear-gradient(100deg,#bd9b61,#423118 75%,#efdeb9);border-color:#f5e2bc70;
}
.enhanced-wallet-composite>.wallet-cover:after{
  content:'';position:absolute;inset:1px 2px 2px 1px;z-index:3;pointer-events:none;border-radius:10px;
  background:linear-gradient(112deg,transparent 17%,#d8e8ff08 36%,#e6f0ff44 48%,#fff4df08 55%,transparent 73%);
  mix-blend-mode:screen;opacity:.22;box-shadow:inset 1px 0 0 #e9f2ff5c,inset -1px 0 0 #cbdfff29;
}
.enhanced-wallet-composite[data-model=vault]>.wallet-cover:after{
  background-image:linear-gradient(112deg,transparent 17%,#ffe6ad08 36%,#fff1c944 48%,#fff6dd08 55%,transparent 73%);
  box-shadow:inset 1px 0 0 #fff4d96c,inset -1px 0 0 #efd5a529;
}

/* A secondary canvas includes the full raised-cover travel above its body. */
.wallet-secondary-canvas{
  position:absolute;left:-10%;top:-62%;width:120%;height:162%;z-index:4;display:block;pointer-events:none;
}
.slide-sequence .wallet-composite.enhanced-wallet-composite.has-secondary-3d,
.app-showcase .app-wallet-pair .wallet-composite.enhanced-wallet-composite.has-secondary-3d,
.app-showcase .access-hardware .wallet-composite.enhanced-wallet-composite.has-secondary-3d{
  transform:translateX(-50%);filter:none;
}
.enhanced-wallet-composite.has-secondary-3d>.wallet-base,
.enhanced-wallet-composite.has-secondary-3d>.wallet-cover>.wallet-lid{visibility:hidden}
.enhanced-wallet-composite.has-secondary-3d:before,
.enhanced-wallet-composite.has-secondary-3d>.wallet-cover:before,
.enhanced-wallet-composite.has-secondary-3d>.wallet-cover:after{display:none}
.enhanced-wallet-composite.has-secondary-3d>.wallet-cover{filter:none}
#detail-display .detail-display{position:relative}
.wallet-rear-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;pointer-events:none}
#detail-display .detail-display.has-secondary-3d>.vault-rear-concept{visibility:hidden}

/* Desktop gives the separate fingerprint control its own space below the wallet. */
.app-showcase[data-layout=desktop] .access-hardware{height:226px}
.app-showcase[data-layout=desktop] .app-fingerprint-touch{
  width:44px;height:44px;min-width:44px;min-height:44px;right:13px;bottom:8px;z-index:6;
}
@container(min-width:530px){
  .app-showcase[data-layout=desktop] .access-hardware{height:248px}
  .app-showcase[data-layout=desktop] .app-fingerprint-touch{right:calc(50% - 22px);bottom:8px}
}
@media(prefers-reduced-motion:reduce){.enhanced-wallet-composite>.wallet-cover{transition:none}}

/* The crypto receive card uses a compact, closed wallet instead of a crop. */
.receive-wallet .receive-wallet-model{
  position:relative;flex:0 0 44px;width:44px;height:76px;
  transform:perspective(650px) rotateX(3deg) rotateY(-14deg);
  filter:drop-shadow(2px 3px 2px #0005) drop-shadow(0 6px 6px #0005);
}
.receive-wallet .receive-wallet-model.has-secondary-3d{transform:none;filter:none}