.cover#albumCover {
  max-width: 860px;
  min-height: 0;
  padding: 0 0 10px;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.approved-cover {
  display: block;
  width: 100%;
  height: auto;
}

#previewFace.back {
  display: block;
  min-height: 0;
  aspect-ratio: auto;
  background: none;
  border: 0;
  padding: 0;
}
.kids-back {
  --art: url('/assets/collecto-kids-approved-back.webp');
  margin: auto;
}
.kids-back-scene {
  position: relative;
  aspect-ratio: 3 / 2;
  background: var(--art) center / 100% 100%;
  border-radius: 12px;
}
.kids-back-qr {
  position: absolute;
  left: 37.9%;
  top: 33.7%;
  width: 24.2%;
  height: 36%;
  display: grid;
  place-items: center;
  background: white;
  color: #0a2145;
  text-align: center;
  font-size: 12px;
  border-radius: 6%;
}
#previewFace.back .kids-back-qr img {
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 0;
  border-radius: inherit;
  object-fit: contain;
}
.kids-back-qr [hidden],
.kids-back-logo,
.kids-back-caption {
  display: none;
}
.kids-back-portrait {
  width: min(100%, 37dvh, 330px);
  aspect-ratio: 2 / 3;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  overflow: hidden;
  border: 5px ridge #d4a744;
  border-radius: 15px;
  padding: 6px;
  background: radial-gradient(ellipse at 50% 38%, #15528a, #041329 72%);
  box-shadow: inset 0 0 0 2px #f4cb6d, inset 0 0 0 5px #102649;
}
.kids-back-portrait .kids-back-logo {
  display: block;
  width: 88%;
  aspect-ratio: 3 / 1;
  margin: 0 auto;
  background: var(--art) center 8% / 185% auto no-repeat;
  border-radius: 12px;
}
.kids-back-portrait .kids-back-scene {
  aspect-ratio: 5 / 4;
  background-size: auto 178%;
  background-position: center 53%;
}
.kids-back-portrait .kids-back-qr {
  left: 22%;
  top: 15%;
  width: 56%;
  height: 70%;
  border: 3px solid #e2b245;
  border-radius: 10%;
}
.kids-back-portrait .kids-back-caption {
  display: block;
  margin: 0 5px 5px;
  padding: 7px;
  border: 2px solid #d4a744;
  border-radius: 12px;
  color: #fff4d6;
  font-size: clamp(11px, 3.1vw, 15px);
  font-weight: 700;
}

/* Portrait QR backs: a single coherent layout, never crop or repeat the landscape artwork. */
.kids-back-portrait {
  width: min(100%, 37dvh, 330px);
  aspect-ratio: 2 / 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  padding: 18px 14px 20px;
  overflow: hidden;
  background: linear-gradient(155deg,#10345e 0%,#081d3b 48%,#061426 100%);
}
.kids-back-portrait .kids-back-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: auto;
  min-height: 58px;
  margin: 0;
  padding: 8px 4px;
  background: none;
  color: #f3ce72;
  font: 800 clamp(20px,5vw,30px)/1.15 system-ui,sans-serif;
  letter-spacing: .025em;
  text-align: center;
  text-shadow: 0 2px 4px #020b19;
  border-bottom: 2px solid #cba65d;
  border-radius: 0;
}
.kids-back-portrait .kids-back-scene {
  display: grid;
  place-items: center;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  aspect-ratio: auto;
  background: radial-gradient(circle at center,#174b7d 0%,#0b284d 64%,#081a34 100%);
  border: 1px solid #b9944e;
  border-radius: 14px;
}
.kids-back-portrait .kids-back-qr {
  position: static;
  display: grid;
  place-items: center;
  width: min(76%,220px);
  height: auto;
  aspect-ratio: 1;
  padding: 8px;
  border: 3px solid #e2b245;
  border-radius: 12px;
  box-shadow: 0 5px 16px #0006;
}
.kids-back-portrait .kids-back-caption {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 9px 6px;
  border: 1px solid #cba65d;
  border-radius: 10px;
  color: #fff0cc;
  font-size: clamp(11px,2.8vw,14px);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

/* Classic Collecto portrait cards: independent from the Kids nature/animals art. */
.kids-back-portrait {
  gap: 9px;
  padding: 17px 15px;
  background: linear-gradient(145deg,#192332,#0b1727 58%,#121d2d);
  border: 5px ridge #c3a56a;
  box-shadow: inset 0 0 0 2px #e0c58d,inset 0 0 0 6px #28394a;
}
.kids-back-portrait .kids-back-logo {
  min-height: 72px;
  padding: 0;
  font-size: 0;
  background: url('/assets/collecto-official-logo.png') center / contain no-repeat;
  border-bottom: 1px solid #bca16e;
}
.kids-back-portrait .kids-back-cardname {
  color: #e7d7b6;
  font: 700 clamp(13px,3.5vw,18px)/1.25 system-ui,sans-serif;
  text-align: center;
  overflow-wrap: anywhere;
  padding: 3px 0;
}
.kids-back-portrait .kids-back-scene {
  flex: 1 1 auto;
  background: transparent;
  border: 1px solid #776e5d;
  border-radius: 8px;
}
.kids-back-portrait .kids-back-qr {
  width: min(53%,148px);
  padding: 6px;
  border: 2px solid #bca16e;
  border-radius: 6px;
  box-shadow: none;
}
.kids-back-portrait .kids-back-caption {
  font-size: clamp(10px,2.7vw,12px);
  font-weight: 500;
  border: 0;
  border-top: 1px solid #bca16e;
  border-radius: 0;
  padding: 9px 0 2px;
}

/* Frame palette is per card, never inherited from the album category. */
.kids-back-portrait {
  --frame-metal: #c9d0d9;
  --frame-accent: #23466b;
  --frame-parchment: #f5dfb6;
  border: 5px ridge var(--frame-metal);
  background:
    linear-gradient(135deg,transparent 0 15px,var(--frame-metal) 15px 19px,transparent 19px) top left / 38px 38px no-repeat,
    linear-gradient(225deg,transparent 0 15px,var(--frame-metal) 15px 19px,transparent 19px) top right / 38px 38px no-repeat,
    linear-gradient(45deg,transparent 0 15px,var(--frame-metal) 15px 19px,transparent 19px) bottom left / 38px 38px no-repeat,
    linear-gradient(315deg,transparent 0 15px,var(--frame-metal) 15px 19px,transparent 19px) bottom right / 38px 38px no-repeat,
    linear-gradient(160deg,var(--frame-parchment),var(--frame-parchment));
  box-shadow: inset 0 0 0 3px var(--frame-accent),inset 0 0 0 7px var(--frame-metal);
}
.kids-back-portrait .kids-back-logo {
  border-bottom: 3px double var(--frame-metal);
}
.kids-back-portrait .kids-back-cardname { color: var(--frame-accent); }
.kids-back-portrait .kids-back-scene { border: 0; background: transparent; }
.kids-back-portrait .kids-back-qr {
  width: min(28%,100px);
  padding: 5px;
  border: 2px solid var(--frame-metal);
  background: white;
}
.kids-back-portrait .kids-back-caption { display: none; }


/* Approved 1024×1536 silver/navy/ivory card reverse: real artwork, not CSS imitation.
   The illustrated QR in the artwork is covered by the live per-card QR. */
.kids-back-portrait.kids-back-approved-silver {
  position: relative;
  display: block;
  width: min(100%, 37dvh, 330px);
  aspect-ratio: 2 / 3;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  background: var(--portrait-art, url('/assets/collecto-approved-silver-back.webp')) center / 100% 100% no-repeat;
}
.kids-back-approved-silver .kids-back-logo,
.kids-back-approved-silver .kids-back-cardname,
.kids-back-approved-silver .kids-back-caption { display: none !important; }
.kids-back-approved-silver .kids-back-scene {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
.kids-back-approved-silver .kids-back-qr {
  position: absolute;
  left: 39%;
  top: 72%;
  width: 22%;
  height: auto;
  aspect-ratio: 1;
  padding: 3px;
  margin: 0;
  border: 0;
  border-radius: 2px;
  background: white;
  box-shadow: none;
}
.kids-back-approved-silver .kids-back-qr img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}