/* Открытка, общая для предпросмотра, подарка и скачиваемой картинки. */
.gift-art { position: relative; container-type: inline-size; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 24px; background: var(--bp-blue, #044184); color: var(--bp-paper, #f4f1ea); }
.gift-art > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gift-art[data-tone="light"] { color: var(--bp-blue-ink, #032e5e); }
.gift-copy { position: absolute; inset: 8% auto 9% 7%; width: 43%; display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.gift-brand { font-family: 'Prostir Sans', sans-serif; font-size: max(10px, 2cqw); }
.gift-caption { margin-top: auto; margin-bottom: 8px; font: max(9px, 1.8cqw) 'Roboto', sans-serif; }
.gift-title { margin: 0 0 auto; font: 900 5cqw/1.1 'Prostir Sans', sans-serif; letter-spacing: -.035em; color: inherit; }
.gift-amount { margin-top: 12px; padding: 4px 10px; border-radius: 8px; background: var(--bp-paper, #f4f1ea); color: var(--bp-blue-ink, #032e5e); font: 900 7cqw/1.2 'Prostir Sans', sans-serif; white-space: nowrap; }
.gift-art[data-tone="meme"] .gift-copy { display: none; }
.gift-designed { width: 100%; color: var(--bp-ink, #17181a); font-family: 'Roboto', sans-serif; }
.gift-designed-info { padding: 24px; background: var(--bp-paper, #f4f1ea); border-radius: 0 0 20px 20px; overflow-wrap: anywhere; }
.gift-designed-info p { margin: 0 0 12px; line-height: 1.5; white-space: pre-wrap; }
.gift-designed-ticket { display: flex; align-items: center; gap: 16px; border-top: 1px solid var(--bp-line, #e2dccc); padding-top: 20px; margin-top: 20px; }
.gift-designed-ticket img { width: 100px; height: 100px; flex: 0 0 auto; }
.gift-designed-code { font: 700 22px 'JetBrains Mono', monospace; overflow-wrap: anywhere; }
.gift-designed-terms { font-size: 12px; line-height: 1.6; margin-top: 20px; }
@media (max-width: 360px) { .gift-designed-info { padding: 16px; } .gift-designed-code { font-size: 18px; } .gift-designed-ticket img { width: 80px; height: 80px; } }