.goldCardScene{display:grid;place-items:center;margin:12px -4px 10px;padding:clamp(8px,2.5vw,20px);border-radius:18px;background:radial-gradient(circle at 50% 28%,#2b2b2b 0,#0b0b0b 55%,#020202 100%);overflow:hidden;}
.goldCardPreview{position:relative;width:min(100%,880px);aspect-ratio:1400/788;overflow:hidden;isolation:isolate;container-type:inline-size;}
.goldCardPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;}
.goldCardSurface{position:absolute;left:16.1%;top:13.2%;width:67.9%;height:73.5%;display:grid;grid-template-columns:40% 60%;align-items:center;box-sizing:border-box;}
.goldCardQr{position:relative;container-type:inline-size;justify-self:center;width:87.5%;aspect-ratio:1;display:grid;place-items:center;filter:sepia(.9) saturate(1.25) contrast(1.22);mix-blend-mode:multiply;}
.goldCardQr svg{width:100%;height:100%;display:block;}
.goldQrBadge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:22%;height:18%;background:transparent;color:#2b1309;font-family:Arial,Helvetica,sans-serif;font-size:5cqw;font-weight:900;letter-spacing:-.04em;line-height:1;}
.goldCardIdentity{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:3% 3% 2%;box-sizing:border-box;color:#2a1208;text-align:center;}
.goldCardLogoSlot{width:96%;height:38%;display:flex;align-items:center;justify-content:center;margin:0 auto 3%;}
.goldCardLogoSlot[data-logo-ratio="square"] .goldCardLogo{max-width:44%;}
.goldCardLogoSlot[data-logo-ratio="wide"] .goldCardLogo{max-width:90%;}
.goldCardLogoSlot[data-logo-ratio="ultra"] .goldCardLogo{max-width:100%;}
.goldCardLogoSlot:empty{display:none;}
.goldCardLogo{display:block;width:auto;height:auto;aspect-ratio:auto;background:transparent;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1) sepia(1) saturate(2.4) hue-rotate(-8deg) brightness(.42) contrast(1.8) drop-shadow(0 .35px .25px rgba(74,28,8,.34));mix-blend-mode:multiply;opacity:.94;}
.goldCardName{margin:0!important;width:100%;max-width:100%;overflow:hidden;color:#321609!important;font-family:var(--card-font);font-size:5.4cqw;font-weight:800;line-height:1.08;letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal;text-shadow:0 .35px .25px rgba(91,35,10,.30);mix-blend-mode:multiply;} @supports (-webkit-background-clip:text){.goldCardName,.goldQrBadge{background:repeating-linear-gradient(7deg,#251006 0 2px,#3b1b0c 2px 3px,#2a1208 3px 5px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;}}
[data-custom-preview]{display:block;container-type:inline-size;}
[data-custom-preview] .goldCardScene{margin:0;padding:0;border-radius:12px;}

.offerCard [data-custom-preview] .goldCardPhoto{object-fit:cover;background:transparent;}
.offerCard [data-custom-preview] .goldCardLogo{width:auto;height:auto;background:transparent;}
.offerCard [data-custom-preview]{aspect-ratio:1400/788;background:#0b0b0b;}
.shopMedia[data-custom-preview] .goldCardScene{width:100%;}

#orderCardPreview{display:block;max-width:920px;margin:14px auto;}
#orderCardPreview .goldCardScene{margin:0;}
.orderArtworkSurface{display:block;}
.orderArtworkMask{display:block;width:100%;height:100%;filter:sepia(.9) saturate(1.25) contrast(1.22);mix-blend-mode:multiply;}

/* Individual approved cards remain large on desktop and fill the screen on mobile. */
[data-individual-gallery],[data-card-previews]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;width:100%;min-width:0}
.individualCard{margin:0;min-width:0;padding:12px;border:1px solid var(--dui-border,#dde3e3);border-radius:22px;background:var(--dui-surface,#fff)}
.individualCard .goldCardScene{margin:0;padding:0;border-radius:14px}
.individualCard .goldCardPreview{width:100%;max-width:none}
.individualCard figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:16px 8px 6px}
.individualCard figcaption span{font-size:.8rem;color:var(--dui-muted,#596970)}
.individualCard figcaption strong{font-size:1rem;overflow-wrap:anywhere}
.cartItem.cartItemIndividual{grid-template-columns:minmax(0,1fr)}
.cartItemIndividual>[data-individual-gallery]{grid-row:2;max-width:none;aspect-ratio:auto;background:transparent}
.configIndividualSection{margin-top:32px}
.configIndividualSection[hidden]{display:none}
.configIndividualSection>p{margin-bottom:24px}
@media(max-width:560px){.individualCard{padding:8px;border-radius:16px}[data-individual-gallery],[data-card-previews]{gap:16px}}

/* MyPage keeps the optional physical card secondary to editing the profile. */
#physical-cards.subtleCustomCard{max-width:420px;width:100%;margin:24px auto 12px;padding:0;border:0;background:transparent;box-shadow:none}
.subtleCustomCard #gold-card-preview{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.subtleCustomCard .goldCardScene{margin:0;padding:0;border-radius:12px}
.subtleCustomCard .subtleCustomLink{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0;text-align:center;font-size:.88rem}
.subtleCustomCard .subtleCustomLink a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--dui-border);border-radius:999px;background:var(--dui-surface);color:var(--dui-text);font-weight:700;text-decoration:none}
.subtleCustomCard .subtleCustomLink a:hover,.subtleCustomCard .subtleCustomLink a:focus-visible{border-color:var(--dui-accent);background:rgba(var(--dui-accent-rgb),.08);text-decoration:none}