/* Digital-only presentation and checkout preview. */
.hero-gift{background:linear-gradient(90deg,rgba(8,13,21,.12),rgba(8,13,21,.04)),url('assets/starlu-celestial-art.webp') center/cover no-repeat}
.story-image img{object-fit:cover;object-position:center}
.digital-collection{display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 42%,#2e4154,#0b141f 72%);overflow:hidden}
.collection-orbit{width:185px;aspect-ratio:1;border:1px solid #bca27a;border-radius:50%;background:#0d1925 url('assets/starlu-celestial-art.webp') center/cover;box-shadow:0 0 0 10px #d2b88716,0 0 0 11px #d2b88750,0 18px 44px #0008;display:grid;place-items:center}
.collection-orbit span{font-size:24px;color:#e9d3a9;text-shadow:0 0 12px #d2b17c}
.universe-art{background:radial-gradient(ellipse at 50% 35%,#354957,#0c141e 72%)}
.universe-card{width:64%;height:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e7d1a9;background:linear-gradient(#07101a66,#07101aa8),url('assets/starlu-celestial-art.webp') center/cover;border:1px solid #bda178;box-shadow:0 16px 40px #0009,inset 0 0 0 8px #0a1520,inset 0 0 0 9px #bda17888}
.universe-card span{font-size:28px}.universe-card small{font:500 14px var(--serif);letter-spacing:.14em;margin-top:14px}
.preview-actions{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:14px}
.summary .summary-open{margin:0}
.summary .checkout-action{background:#14202b;color:#fff;border:1px solid #14202b;padding:12px 16px;text-decoration:none}
.unbox-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:16px auto 0}
.unbox-actions[hidden]{display:none}
.unbox-actions button{background:transparent;border:1px solid #ae936b;color:#e7d2b0;padding:12px 15px;font:600 9px var(--sans);letter-spacing:.1em}
.unbox-actions button:hover{background:#d1b488;color:#111b24}
.share-dialog,.checkout-dialog{max-height:94vh;box-shadow:0 30px 90px #0009;background:#f5f1e9;color:#17202a}
.share-dialog{width:min(100% - 32px,600px)}
.share-dialog h2,.checkout-dialog h2{font:400 clamp(38px,4vw,59px)/1.05 var(--serif);letter-spacing:-.025em;margin:12px 0 18px}
.share-dialog>p:not(.eyebrow){font:19px/1.4 var(--serif);color:#5d5b55}
.checkout-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.checkout-head .eyebrow{margin:0}.checkout-head .close{flex:none}
.share-label{display:grid;gap:8px;font-size:11px;font-weight:600;margin:22px 0 15px}
.share-label input{width:100%;min-width:0;border:1px solid #c5baa9;background:#fffefa;padding:13px;font-size:12px;color:#222}
#copyStatus{min-height:1em;font:12px var(--sans)}
.checkout-dialog{width:min(100% - 32px,1140px);padding:36px 42px 45px}
.checkout-hero{text-align:center;max-width:700px;margin:22px auto 24px}
.checkout-hero>.eyebrow{color:#9d7950}.checkout-hero>p:last-child{font:22px/1.4 var(--serif);color:#605d56;margin:0}
.checkout-disclosure{max-width:850px;margin:0 auto 28px;padding:14px 20px;background:#e7dfd1;border-left:2px solid #ab8b5d;font:12px/1.5 var(--sans);color:#504d48;text-align:center}
.causes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cause-card{display:flex;flex-direction:column;background:#fffcf7;border:1px solid #ded4c6;min-width:0}
.cause-card img{width:100%;height:155px;object-fit:cover;display:block}
.cause-info{display:flex;flex-direction:column;align-items:flex-start;padding:16px;flex:1;min-width:0}
.cause-info h3{font:500 24px/1.04 var(--serif);margin:0 0 11px;color:#18212a}
.cause-info .cause-description{font:12px/1.5 var(--sans);color:#5b5a55;margin:0 0 12px;text-wrap:pretty}
.cause-org-label{font:10px/1.35 var(--sans);color:#71695e;margin:0 0 13px}
.cause-org-label a{color:#55412a;text-decoration:underline;text-underline-offset:3px}
.cause-info label{display:grid;gap:6px;width:100%;margin-top:auto;font:600 10px/1.3 var(--sans);color:#4d4840}
.cause-info select{width:100%;min-width:0;border:1px solid #cabda9;padding:10px 8px;background:#fffefa;color:#151a20;border-radius:0;font:12px var(--sans)}
.checkout-image-note{text-align:center;font:10px/1.5 var(--sans);color:#777067;margin:18px auto 26px}
.checkout-summary{max-width:600px;margin:0 auto;border-top:1px solid #b4a58e;padding:22px 0 0}
.checkout-summary>div:not(.checkout-buttons){display:flex;justify-content:space-between;gap:20px;padding:8px 0;font:13px/1.4 var(--sans)}
.checkout-summary>div strong{white-space:nowrap}.checkout-summary .checkout-today{border-top:1px solid #d0c7bb;margin-top:8px;padding-top:17px!important;font-weight:700!important}
.checkout-summary>p{font:10px/1.5 var(--sans);color:#6d675c}
.checkout-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}
.checkout-buttons .button{justify-content:space-between;min-width:240px}
.checkout-skip{border:0;border-bottom:1px solid #9b825c;background:transparent;padding:10px 0;font:600 9px/1.4 var(--sans);letter-spacing:.08em;color:#25231e}
.checkout-status{background:#e8e2d6;border-left:3px solid #9e8054;padding:14px;font-size:12px!important;color:#262c2b!important}
#starluPrint{display:none}
@media(max-width:760px){
 .hero-gift{background-position:center}
 .preview-actions,.checkout-buttons{justify-content:center}
 .checkout-dialog{width:calc(100% - 20px);padding:22px 16px 30px}
 .checkout-hero{margin-top:15px}.checkout-hero h2{font-size:40px}.checkout-hero>p:last-child{font-size:19px}
 .checkout-disclosure{border-left:0;border-top:2px solid #ab8b5d;padding:12px}
 .causes-grid{grid-template-columns:1fr;gap:10px}
 .cause-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch;text-align:left}
 .cause-card img{width:112px;height:100%;min-height:162px;object-fit:cover}
 .cause-info{padding:13px}.cause-info h3{font-size:23px}.cause-org-label{margin-bottom:10px}
 .checkout-summary>div:not(.checkout-buttons){font-size:12px;text-align:left}
 .checkout-buttons{display:grid}.checkout-buttons .button{width:100%}
 .unbox-actions{display:grid}.unbox-actions button{min-width:230px}
}
@media print{
 @page{size:A4;margin:12mm}
 html,body{background:#fff!important;overflow:visible!important;margin:0!important;padding:0!important}
 body>*:not(#starluPrint){display:none!important}
 #starluPrint{display:flex!important;justify-content:center;align-items:flex-start;width:100%;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 #starluPrint>*{display:block!important;position:relative!important;width:170mm!important;max-width:none!important;min-height:245mm!important;padding:20mm 14mm!important;box-shadow:none!important;animation:none!important}
 #starluPrint .cert-sky,#starluPrint .unbox-star-map{width:90mm!important;max-width:100%!important;height:auto!important;aspect-ratio:1!important;margin:12mm auto!important}
 #starluPrint .cert-name{font-size:42pt!important;margin:10mm auto!important}
 #starluPrint .cert-label,#starluPrint .cert-meta,#starluPrint .unbox-meta{font-size:10pt!important}
 #starluPrint .cert-message,#starluPrint .unbox-message{font-size:15pt!important}
}
.package-includes{font:11px/1.45 var(--sans);color:#716557;background:#ece4d7;margin:0;padding:10px 12px}
.unbox-actions button[hidden],.extra-gift-items[hidden],.extra-gift-item[hidden]{display:none!important}
.extra-gift-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:500px;margin:25px auto 0}
.extra-gift-item{min-width:0}
.extra-paper{position:relative;min-height:280px;padding:23px 18px;background:linear-gradient(145deg,#fbf8f0,#e9e0d2);color:#302c27;border:1px solid #c6ad86;outline:1px solid #c7b28e;outline-offset:-10px;text-align:center;overflow-wrap:anywhere}
.extra-paper[data-finish="midnight"]{background:radial-gradient(circle,#213342,#0a1420);color:#f3eadb;border-color:#aa8a5e;outline-color:#aa8a5e}
.extra-paper[data-finish="champagne"]{background:linear-gradient(135deg,#f1e3cb,#dfcba9);color:#352c23}
.extra-paper .extra-brand{font:500 13px/1 var(--serif);letter-spacing:.2em;color:#ae9167;margin:5px 0 28px}
.extra-paper .extra-label{font:600 8px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#a58960;margin:0 0 13px}
.extra-paper .extra-name{font:italic 27px/1.1 var(--serif);margin:10px auto 18px}
.extra-paper .extra-message{font:italic 18px/1.3 var(--serif);margin:20px auto;white-space:pre-line}
.extra-star{color:#ac8a59;font:22px var(--serif)}
.poster-illustration{width:min(100%,135px);aspect-ratio:1;margin:0 auto 16px;border-radius:50%;background:#0c1724 url('assets/starlu-celestial-art.webp') center/cover;border:1px solid #b89a6f}
.extra-gift-item button{margin:10px auto 0;padding:9px 10px;border:0;border-bottom:1px solid #af9166;background:none;color:#e8d2b2;font:600 9px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase}
@media(max-width:500px){.extra-gift-items{grid-template-columns:1fr;max-width:300px}.extra-paper{min-height:250px}}
@media print{
 #starluPrint>.extra-paper{display:block!important;min-height:245mm!important}
 #starluPrint .extra-paper .extra-brand{font-size:18pt!important;margin:12mm 0!important}
 #starluPrint .extra-paper .extra-name{font-size:32pt!important;margin:12mm auto!important}
 #starluPrint .extra-paper .extra-message{font-size:20pt!important}
 #starluPrint .extra-paper .extra-label{font-size:10pt!important}
 #starluPrint .poster-illustration{width:90mm!important;margin:15mm auto!important}
}
.gift-heading .digital-environment{font:12px/1.55 var(--sans)!important;color:#625b4f!important;border-left:2px solid #ac916b;padding-left:14px;margin:15px 0}
@media(max-width:760px){.gift-heading .digital-environment{border-left:0;border-top:1px solid #ac916b;padding:12px 0 0;text-align:center}}
@media(max-width:760px){
 .cause-card{text-align:center}.cause-info{align-items:center;text-align:center}.cause-info label{text-align:center}
 .checkout-summary>div:not(.checkout-buttons){flex-direction:column;align-items:center;text-align:center;gap:3px}
 .share-dialog,.share-label{text-align:center}
}
/* Give the short descriptions enough width on small screens. */
@media(max-width:760px){
 .cause-card{display:flex;flex-direction:column}
 .cause-card img{width:100%;height:160px;min-height:0}
 .cause-info{padding:16px}
}