.holo-card {
  --hc-w: 320px;
  --hc-ratio: 0.716;
  --hc-radius: 14px;

  position: relative;
  display: inline-block;
  width: var(--hc-w);
  max-width: 100%;
  aspect-ratio: var(--hc-ratio);
  border-radius: var(--hc-radius);
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;
}

.holo-card[data-flippable] {
  cursor: pointer;
}

.holo-card[data-flippable]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 6px;
}

.holo-card__shadow {
  position: absolute;
  inset: 10% 7% -4%;
  border-radius: var(--hc-radius);
  background: rgba(0, 0, 0, 0.42);
  filter: blur(26px);
  pointer-events: none;
  will-change: transform;
}

.holo-card__rotor {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  will-change: transform;
}

.holo-card__face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: var(--hc-radius);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.holo-card__face--back {
  transform: rotateY(180deg);
}

.holo-card__face img,
.holo-card__face canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.holo-card__face img {
  object-fit: cover;
  pointer-events: none;
  -webkit-user-drag: none;
}

.holo-card__face canvas {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.holo-card[data-ready] .holo-card__face canvas {
  opacity: 1;
}

.shirt-card-display{display:flex;justify-content:center;padding:22px 22px 32px;overflow:visible}.card-gesture{text-align:center;font-size:13px;color:#706954;margin:14px 0 0}.product-gallery .concept-note{margin-top:25px}.shirt-card-display .holo-card{flex-shrink:1;background:none;padding:0;border:0;box-shadow:none;overflow:visible;isolation:auto;transform:none;transition:none;perspective:none}.shirt-card-display .holo-card:before,.shirt-card-display .holo-card:after{content:none}.shirt-card-display .holo-card__face img{filter:none}.holo-card__face canvas{pointer-events:none}.holo-card[data-flippable]:focus-visible{outline-color:#8a5a2d}@media(max-width:700px){.shirt-card-display{padding:20px 20px 30px}.holo-card{--hc-w:350px!important}}@media(prefers-reduced-motion:reduce){.holo-card__face canvas{transition:none}}