/* TERRA INVITE v56 — Birthday catalog thumbnails only.
   Invitations/demo pages are intentionally untouched. */

.template-catalog-grid .template-card .birthday-v56-art,
.home-template-grid .template-card .birthday-v56-art {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  isolation: isolate;
  background: #111;
}

.birthday-v56-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
}

.birthday-v56-live-photo {
  position: absolute;
  z-index: 2;
  display: block;
  object-fit: cover;
  background: #d7d2ca;
}

/* Laser Mission — portrait inside the HUD scanner. */
.birthday-v56-art-birthday-laser-mission .birthday-v56-photo-main {
  left: 46.3%; top: 20.9%; width: 42.0%; height: 46.7%;
  clip-path: polygon(8% 0, 92% 0, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0 92%, 0 8%);
  filter: saturate(.92) contrast(1.05) brightness(.88);
  box-shadow: inset 0 0 0 2px rgba(85,255,138,.85);
}

/* Play Planet — rounded playground arch. */
.birthday-v56-art-birthday-play-planet .birthday-v56-photo-main {
  left: 34.4%; top: 1.8%; width: 44.4%; height: 53.0%;
  border-radius: 48% 48% 8% 8% / 34% 34% 8% 8%;
  filter: saturate(1.06) brightness(1.03);
}

/* Pink Dream — glam arch. */
.birthday-v56-art-birthday-pink-dream .birthday-v56-photo-main {
  left: 24.2%; top: 12.8%; width: 51.6%; height: 51.7%;
  border-radius: 50% 50% 1% 1% / 31% 31% 1% 1%;
  filter: saturate(1.05) brightness(1.04);
}

/* Grand Voyage — captain portrait inside the compass. */
.birthday-v56-art-birthday-grand-voyage .birthday-v56-photo-main {
  left: 27.1%; top: 22.7%; width: 45.8%; height: 34.3%;
  border-radius: 50%;
  filter: saturate(.92) contrast(1.03);
  box-shadow: 0 0 0 3px rgba(255,255,255,.72);
}

/* Spider-Man — replace only the comic portrait panel. */
.birthday-v56-art-birthday-spiderman .birthday-v56-photo-main {
  left: 8.0%; top: 28.2%; width: 52.5%; height: 41.3%;
  clip-path: polygon(0 0, 100% 0, 94.3% 100%, 8.8% 100%);
  filter: saturate(1.12) contrast(1.07);
  box-shadow: inset 0 0 0 3px #080a0d;
}

/* Alien Stage — actual demo photos in all performer windows. */
.birthday-v56-art-birthday-alien-stage .birthday-v56-photo-main {
  left: 19.8%; top: 10.5%; width: 61.5%; height: 63.2%;
  clip-path: polygon(6.5% 0, 91.5% 0, 100% 7%, 100% 93%, 91% 100%, 0 100%, 0 6.7%);
  filter: saturate(.88) contrast(1.10) brightness(.84);
}
.birthday-v56-art-birthday-alien-stage .birthday-v56-photo-as-left {
  left: 2.0%; top: 20.0%; width: 27.2%; height: 39.7%;
  clip-path: polygon(0 0,100% 0,100% 91%,0 100%);
  filter: saturate(.72) contrast(1.08) brightness(.68);
}
.birthday-v56-art-birthday-alien-stage .birthday-v56-photo-as-right {
  left: 71.1%; top: 17.1%; width: 26.9%; height: 42.4%;
  clip-path: polygon(0 0,100% 0,100% 92%,0 100%);
  filter: saturate(.75) contrast(1.12) brightness(.70);
}
.birthday-v56-art-birthday-alien-stage .birthday-v56-photo-as-small {
  left: 72.2%; top: 59.2%; width: 23.8%; height: 18.9%;
  clip-path: polygon(0 0,100% 0,100% 90%,0 100%);
  filter: saturate(.78) contrast(1.1) brightness(.72);
}
.birthday-v56-art-birthday-alien-stage .birthday-v56-photo-as-hyuna {
  left: 4.0%; top: 61.3%; width: 24.9%; height: 16.8%;
  clip-path: polygon(0 0,88% 0,100% 13%,100% 100%,0 100%);
  filter: saturate(.82) contrast(1.1) brightness(.72);
}

/* Midnight Reserve — real portrait in the editorial frame. */
.birthday-v56-art-birthday-midnight-reserve .birthday-v56-photo-main {
  left: 7.15%; top: 12.15%; width: 51.0%; height: 54.65%;
  filter: saturate(.72) contrast(1.08) brightness(.78);
}

/* Velvet Bloom — hero plus three real demo polaroids. */
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-main {
  left: 13.6%; top: 7.7%; width: 54.3%; height: 37.3%;
  border-radius: 48% 48% 0 0 / 42% 42% 0 0;
  filter: saturate(.90) brightness(1.06);
}
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-1,
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-2,
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-3 {
  border: 5px solid #fffaf8;
  box-shadow: 0 5px 14px rgba(74,35,56,.12);
}
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-1 { left: 9%; top: 72.3%; width: 23.8%; height: 20.7%; transform: rotate(-4deg); }
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-2 { left: 37.6%; top: 70.9%; width: 24.8%; height: 21.8%; transform: rotate(3deg); }
.birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-3 { left: 67.1%; top: 72.7%; width: 22.9%; height: 20%; transform: rotate(-2deg); }

/* Golden Legacy — framed hero and family-album mini photos. */
.birthday-v56-art-birthday-golden-legacy .birthday-v56-photo-main {
  left: 11.7%; top: 15.7%; width: 42.9%; height: 47.9%;
  filter: sepia(.12) saturate(.82) contrast(.98) brightness(.94);
}
.birthday-v56-art-birthday-golden-legacy .birthday-v56-photo-gl-1,
.birthday-v56-art-birthday-golden-legacy .birthday-v56-photo-gl-2 {
  top: 87.5%; width: 20.5%; height: 8.9%;
  border: 4px solid #fbf8f1;
  box-shadow: 0 0 0 1px rgba(142,96,47,.35);
  filter: sepia(.18) saturate(.8);
}
.birthday-v56-art-birthday-golden-legacy .birthday-v56-photo-gl-1 { left: 7.1%; }
.birthday-v56-art-birthday-golden-legacy .birthday-v56-photo-gl-2 { left: 30%; }

/* Keep the real photos crisp while the entire card receives the normal hover. */
.template-card:hover .birthday-v56-live-photo { transform: none; }

@media (max-width: 720px) {
  .birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-1,
  .birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-2,
  .birthday-v56-art-birthday-velvet-bloom .birthday-v56-photo-vb-3 { border-width: 3px; }
}