/* Official supplier multi-view presentation. */
.merch-card-garment-alt{opacity:0;pointer-events:none}
@media(hover:hover) and (pointer:fine){
  .merch-card:hover .merch-card-garment:not(.merch-card-garment-alt){opacity:0}
  .merch-card:hover .merch-card-garment-alt{opacity:1}
}
.merch-detail-thumbs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(70px,1fr));
  gap:9px;
  margin-top:10px;
}
.merch-detail-thumb{
  position:relative;
  display:grid;
  gap:6px;
  min-width:0;
  padding:6px;
  overflow:hidden;
  border:1px solid rgba(190,223,227,.14);
  border-radius:11px;
  background:#081218;
  color:#8fa2a8;
  font:inherit;
  font-size:.52rem;
  font-weight:850;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.merch-detail-thumb img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:8px;
  background:transparent;
}
.merch-detail-thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.merch-detail-thumb:hover{border-color:rgba(130,255,255,.48);color:#eefafa;background:#0a161c}
.merch-detail-thumb[aria-pressed="true"]{border-color:#82ffff;background:rgba(130,255,255,.06);color:#fff;box-shadow:0 0 0 1px rgba(130,255,255,.08)}
.merch-detail-thumb:focus-visible{outline:2px solid #fff;outline-offset:2px}
.merch-detail-thumb[data-image-error="true"] img{visibility:hidden}
.merch-detail-thumb[data-image-error="true"]::after{
  content:"Unavailable";
  position:absolute;
  inset:6px 6px 24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#53676e;
  font-size:.48rem;
  font-weight:900;
}

/* Card-level product gallery: transparent/cut-out garment imagery over one
   consistent studio surface. The image itself never owns a white/black box. */
.merch-card-gallery{
  position:relative;
  width:100%;
  overflow:hidden;
  flex:none;
  background:var(--merch-photo-surface);
  border-bottom:1px solid var(--shop-line);
  isolation:isolate;
  touch-action:pan-y;
}
.merch-card-gallery::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(0,0,0,.08));
}
.merch-card-gallery .merch-card-media{
  position:relative;
  z-index:1;
  border-bottom:0;
  background:transparent!important;
  box-shadow:none!important;
}
.merch-card-gallery .merch-card-garment{
  opacity:1!important;
  background:transparent;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.42));
}
.merch-card-gallery .merch-card-garment-alt{display:none!important}
.merch-card-gallery:hover .merch-card-garment:not(.merch-card-garment-alt){opacity:1!important}
.merch-card-gallery .merch-card-media:focus-visible{outline:3px solid var(--shop-accent);outline-offset:-5px}

.merch-card-view-arrow{
  position:absolute;
  z-index:9;
  top:50%;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  padding:0;
  transform:translateY(-50%);
  border:1px solid rgba(190,223,227,.2);
  border-radius:999px;
  background:rgba(5,9,13,.72);
  color:#e9f8fa;
  box-shadow:0 8px 22px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font:inherit;
  cursor:pointer;
  opacity:.88;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease;
}
.merch-card-view-arrow span{font-size:1.45rem;line-height:.8;transform:translateY(-1px)}
.merch-card-view-prev{left:12px}
.merch-card-view-next{right:12px}
.merch-card-view-arrow:hover{border-color:rgba(130,255,255,.72);background:rgba(7,18,23,.94);opacity:1}
.merch-card-view-arrow:active{transform:translateY(-50%) scale(.94)}
.merch-card-view-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}
.merch-card-view-arrow[hidden]{display:none!important}

.merch-card-view-meta{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:11px;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100% - 116px);
  min-height:28px;
  padding:0 10px;
  transform:translateX(-50%);
  border:1px solid rgba(190,223,227,.16);
  border-radius:999px;
  background:rgba(5,9,13,.78);
  color:#edf8f9;
  box-shadow:0 7px 20px rgba(0,0,0,.18);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  pointer-events:none;
}
.merch-card-view-meta span{
  min-width:0;
  overflow:hidden;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.055em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.merch-card-view-meta small{
  flex:none;
  color:#8fa3a8;
  font-size:.52rem;
  font-weight:850;
  letter-spacing:.04em;
}

/* One premium background owns the entire preview. Transparent supplier PNGs
   and local silhouettes sit on top, so no nested image rectangle is visible. */
.merch-page .merch-card-media,
.merch-page .merch-detail-stage,
.merch-page .merch-hero-tile{
  background:var(--merch-photo-surface)!important;
}
.merch-page .merch-detail-thumb img{background:transparent!important}
.merch-page .merch-detail-stage>img:first-child,
.merch-page .merch-hero-garment{
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.4));
}

@media(hover:hover) and (pointer:fine){
  .merch-card-view-arrow{opacity:.68}
  .merch-card-gallery:hover .merch-card-view-arrow,.merch-card-view-arrow:focus-visible{opacity:1}
}
@media(max-width:620px){
  .merch-detail-thumbs{
    display:flex;
    grid-template-columns:none;
    gap:8px;
    margin:9px -2px 0;
    padding:0 2px 3px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .merch-detail-thumbs::-webkit-scrollbar{display:none}
  .merch-detail-thumb{width:82px;flex:0 0 82px;scroll-snap-align:start}
  .merch-card-view-arrow{width:44px;height:44px;opacity:.94}
  .merch-card-view-prev{left:10px}
  .merch-card-view-next{right:10px}
  .merch-card-view-meta{bottom:10px;max-width:calc(100% - 126px);min-height:30px;padding-inline:11px}
  .merch-card-view-meta span{font-size:.6rem}
  .merch-card-view-meta small{font-size:.56rem}
}
@media(prefers-reduced-motion:reduce){
  .merch-detail-thumb,.merch-card-view-arrow{transition:none}
}