/* Gallery surface only. Geometry, type metrics and source product pixels stay intact. */
.product-gallery{
  --gallery-surface-top:#0e1826;
  --gallery-surface-bottom:#08111d;
  --gallery-title:#f0f3f7;
  --gallery-brand:#b8c9db;
  --gallery-model:#aabacc;
  --gallery-arrow:#add7ee;
  --gallery-edge-gold:#77684d;
  --gallery-edge-mid:#283c51;
  --gallery-edge-blue:#456b88;
}
.product-gallery .product-card{color:var(--gallery-title)}
.product-gallery .product-card-face{
  position:relative;
  /* Reuse the existing 1px border; no new padding or image-area reduction. */
  border-color:transparent;
  background:
    linear-gradient(150deg,var(--gallery-surface-top),var(--gallery-surface-bottom)) padding-box,
    linear-gradient(135deg,var(--gallery-edge-gold),var(--gallery-edge-mid) 45%,var(--gallery-edge-blue)) border-box;
}
/* A small travelling segment follows the real rectangular face, including its
   perspective. It never covers the product or changes its source pixels. */
.card-gold-trace{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;overflow:hidden}
.card-gold-trace rect{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.card-gold-trace-halo{stroke:#d6b477;stroke-width:3.8;stroke-opacity:.24}
.card-gold-trace-line{stroke:#edd5a2;stroke-width:1.35;stroke-opacity:.9}
@media(prefers-reduced-motion:reduce){.card-gold-trace{display:none!important}}
.product-gallery .product-image{background:#fff}
.product-gallery .product-info{
  background:linear-gradient(150deg,var(--gallery-surface-top),var(--gallery-surface-bottom));
  border-top-color:#25374a;
}
.product-gallery .product-card h3{color:var(--gallery-title)}
.product-gallery .product-brand{color:var(--gallery-brand)}
.product-gallery .product-model{color:var(--gallery-model)}
.product-gallery .product-more{color:var(--gallery-arrow)}
.product-gallery .product-card:focus-visible{outline-color:#e4c994}
.product-gallery .product-card:focus-visible .product-card-face{
  --gallery-edge-gold:#c3ac7d;
  --gallery-edge-mid:#46627b;
  --gallery-edge-blue:#89bfdf;
  border-color:transparent;
  box-shadow:0 18px 44px #0006,0 0 12px #8fc7e51a;
}
@media(hover:hover) and (pointer:fine){
  .product-gallery .product-card:hover .product-card-face{
    --gallery-edge-gold:#c3ac7d;
    --gallery-edge-mid:#46627b;
    --gallery-edge-blue:#89bfdf;
    border-color:transparent;
    box-shadow:0 22px 48px #0006,0 0 12px #8fc7e51a;
  }
}