/* Photo purchase journey; inherits the existing Spinning Star theme. */
#photos{max-width:1280px;margin-inline:auto;padding-bottom:32px}.flow-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--muted);margin-bottom:28px}.flow-top>span{letter-spacing:2px;color:#fb58ac}.flow-steps{display:flex;justify-content:center;list-style:none;padding:0;margin:0 auto 40px;max-width:880px}.flow-steps li{flex:1;border-bottom:2px solid #34303c;padding-bottom:14px}.flow-steps button{display:flex;gap:9px;align-items:center;justify-content:center;width:100%;padding:4px;background:none;border:0;color:#b4aebe;font-size:13px}.flow-steps b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #5c5363;border-radius:50%;font-size:12px}.flow-steps .current{border-color:#ff2694}.flow-steps .current button{color:#fff;font-weight:700}.flow-steps .current b{background:#f41389;border-color:#f41389}.flow-steps .done b{color:#38dcaf;border-color:#38dcaf}.flow-steps button:disabled{opacity:.45;cursor:default}.flow-event{max-width:1040px;display:grid;grid-template-columns:1.05fr 1fr;margin:auto;border:1px solid #37303f;border-radius:18px;overflow:hidden;background:#111018;box-shadow:0 22px 70px #0004}.flow-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:620px;padding:48px 40px;background:linear-gradient(155deg,#05061033,#5e063b66),url('pattern.svg'),linear-gradient(135deg,#1c183e,#79234b);position:relative;isolation:isolate}.flow-cover:after{content:'✦';font:360px/1 sans-serif;position:absolute;right:-50px;top:25%;color:#fa269225;z-index:-1}.flow-cover>span{font-weight:700;letter-spacing:3px;font-size:14px}.flow-cover>strong{font:800 italic clamp(40px,5vw,66px)/1.08 'Chakra Petch','Segoe UI',sans-serif;letter-spacing:-2px}.flow-cover em{color:#ff60b2;font-style:inherit}.flow-cover>small{color:#e0bad0;letter-spacing:2px}.flow-event-info{padding:40px 36px;display:flex;flex-direction:column;gap:16px}.flow-tag{display:inline-block;align-self:flex-start;color:#ff90c6;background:#ff299818;border:1px solid #ff469c40;border-radius:5px;padding:5px 9px;font-size:10px;letter-spacing:1px}.flow-event-info h1{font-size:clamp(24px,2.5vw,34px);line-height:1.5;margin:0}.flow-event-info label{margin:0;font-size:12px;color:var(--muted)}.flow-event-info select{width:100%;font-size:13px}.flow-event-info p{margin:0}.flow-label{font-size:13px;font-weight:600}.flow-price-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-price-preview>div{padding:12px 14px;background:#201b2a;border:1px solid #33293e;border-radius:6px;text-align:center}.flow-price-preview>div:last-child{background:#412036;border-color:#863052}.flow-price-preview span{display:block;font-size:11px;color:#d6c8dc}.flow-price-preview strong{font-size:20px}.flow-event-info>.primary{justify-content:space-between}.flow-event-info>.secondary{font-size:12px}.flow-hint{padding:14px;background:#191722;border-left:2px solid #ef178e;font-size:12px;color:#bab0c4;line-height:1.8}.flow-heading{text-align:center;max-width:750px;margin:0 auto 30px}.flow-heading h1,.flow-heading-row h1{font-size:clamp(25px,3vw,36px);margin:0 0 10px}.flow-heading .eyebrow,.flow-heading-row .eyebrow{color:#fc62b1;font-size:10px}.flow-search{max-width:540px;margin:auto;border:1px solid #37303f;background:#111018;border-radius:16px;padding:30px}.flow-face{height:210px;display:grid;place-items:center;background:radial-gradient(ellipse,#f7189220,transparent 65%);margin-bottom:18px}.flow-face>span{width:120px;height:166px;border:2px dashed #fb519e;border-radius:50%;position:relative}.flow-face>span:before,.flow-face>span:after{content:'';position:absolute;top:65px;width:7px;height:7px;border-radius:50%;background:#f779b8}.flow-face>span:before{left:34px}.flow-face>span:after{right:34px}.flow-search .selfie-box{display:flex;flex-direction:column;align-items:stretch;background:none;border:0;padding:0;margin:20px 0 14px}.flow-search .selfie-box>div{min-width:0}.flow-search .selfie-box input[type=file]{max-width:100%;width:100%;font-size:13px}.flow-search .selfie-box .consent{flex-basis:auto;font-size:11px;line-height:1.8}.flow-search .selfie-box .consent input{margin-top:4px}.flow-search>.secondary{width:100%;margin-top:12px}.flow-link{display:block;text-align:center;background:transparent;border:0;color:#ef90bc;font-size:12px;padding:14px;min-height:44px}.flow-search>.flow-link{width:100%}.flow-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.flow-photo{position:relative;border:1px solid #302a3a;border-radius:10px;overflow:hidden;background:#121019;min-width:0}.flow-photo label{position:relative;display:block;margin:0;cursor:pointer}.flow-photo input{position:absolute;top:12px;left:12px;z-index:1;width:23px;height:23px;accent-color:#fc188f;cursor:pointer}.flow-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.flow-photo-caption{display:block;font-size:12px;padding:13px 12px;overflow-wrap:anywhere}.flow-photo>a{display:block;padding:12px;border-top:1px solid #302a3a;font-size:11px;color:#bdb0c8;text-align:center;min-height:44px}.flow-photo.selected{border-color:#ff459e;box-shadow:0 0 0 2px #ff299944}.flow-demo-badge{position:absolute;top:12px;right:10px;background:#08070dd9;color:#e0cce8;font-size:9px;padding:3px 7px;border-radius:4px;pointer-events:none}.flow-selection{position:sticky;bottom:16px;z-index:4;background:#1c1626f5;border:1px solid #654056;box-shadow:0 8px 40px #0009;backdrop-filter:blur(12px);border-radius:12px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 0}.flow-selection strong{font-size:17px}.flow-selection small{display:block;color:#b8a7c6;font-size:11px;margin-top:2px}.flow-checkout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:auto;align-items:start}.flow-surface{padding:28px;border:1px solid #37303f;background:#111018;border-radius:14px}.flow-surface h2{font-size:20px;margin-bottom:22px}.flow-surface>p{line-height:1.8}.flow-surface>.primary,.flow-surface>.secondary{width:100%}#flow-plans{margin:0 0 18px;padding:0;border:0}.flow-plan{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #39313f;border-radius:8px;margin-bottom:10px;cursor:pointer;font-weight:400}.flow-plan:has(input:checked){border-color:#f33099;background:#ff279918}.flow-plan input{accent-color:#f82c98;width:18px;height:18px;min-height:18px}.flow-plan>span{flex:1;min-width:0}.flow-plan strong{display:block;font-size:14px}.flow-plan small{display:block;font-size:11px;color:#b2a4bf;margin-top:4px}.flow-plan>b{font-size:18px;white-space:nowrap}.flow-plan.unavailable{opacity:.4;cursor:not-allowed}.flow-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #302739}.flow-total strong{font-size:30px;color:#ff78b9}.flow-qr-placeholder{display:flex;gap:14px;align-items:center;padding:18px;background:#1e1928;border-radius:8px;margin-bottom:24px}.flow-qr-placeholder>span{display:grid;place-items:center;width:64px;height:64px;border:1px dashed #76677d;border-radius:6px;font-size:20px;color:#aa97b6;flex-shrink:0}.flow-qr-placeholder strong{font-size:13px}.flow-qr-placeholder p{margin:6px 0 0;font-size:11px;color:#dbabc5}#flow-pay-area label{font-size:13px}#flow-slip{width:100%;font-size:12px}#flow-slip-preview{display:block;max-width:100%;max-height:180px;margin:12px auto;object-fit:contain}.flow-pending{border:1px solid #78613d;background:#31271966;border-radius:8px;padding:20px;margin-top:18px}.flow-pending .flow-tag{color:#f7d58e;border-color:#99753e;background:#80602322}.flow-pending h3{font-size:18px;margin:16px 0 8px}.flow-pending p{font-size:12px;color:#d8c6ab}.flow-pending button{width:100%}.flow-success{display:grid;place-items:center;width:64px;height:64px;background:#124834;border:1px solid #277e59;color:#68efb3;border-radius:50%;font-size:32px;margin:0 auto 22px}.flow-download-box{max-width:750px;margin:auto;padding:28px;border:1px solid #37303f;border-radius:14px;background:#111018}.flow-download-box>.primary,.flow-download-box>.secondary{width:100%;margin-top:14px}.flow-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.flow-download-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.flow-download-grid a{display:flex;margin-top:8px;font-size:11px;padding:8px;gap:4px}.flow-order{margin-bottom:24px}.flow-order h2{font-size:19px;margin:12px 0 6px}.flow-order .flow-download-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-order .flow-heading-row{align-items:center}.flow-steps button:focus-visible,.flow-link:focus-visible{outline-offset:3px}
@media(max-width:900px){.flow-cover{padding:32px 26px;min-height:580px}.flow-event-info{padding:30px 24px}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-order .flow-download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#photos{padding-top:26px}.flow-top{font-size:10px;margin-bottom:24px}.flow-steps{margin-bottom:28px}.flow-steps button{flex-direction:column;gap:8px;font-size:10px}.flow-steps li{padding-bottom:12px}.flow-event{grid-template-columns:1fr;border-radius:12px}.flow-cover{min-height:235px;padding:24px;gap:20px}.flow-cover>strong{font-size:34px;line-height:1}.flow-cover>small{font-size:10px}.flow-cover>span{font-size:11px}.flow-cover:after{font-size:260px;top:0;right:0}.flow-event-info{padding:26px 22px;gap:14px}.flow-event-info h1{font-size:25px}.flow-event-info .muted{font-size:11px}.flow-checkout{grid-template-columns:1fr;gap:18px}.flow-surface,.flow-search,.flow-download-box{padding:22px 18px}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-heading-row{gap:12px;align-items:flex-start}.flow-heading-row>.secondary{font-size:11px;padding:10px;white-space:nowrap}.flow-photo-caption{font-size:11px;padding:10px}.flow-photo>a{font-size:10px;padding:10px 4px}.flow-photo input{top:9px;left:9px}.flow-selection{bottom:10px;padding:12px;gap:8px}.flow-selection strong{font-size:15px}.flow-selection small{font-size:10px}.flow-selection .primary{font-size:12px;padding:12px}.flow-download-grid,.flow-order .flow-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-order .flow-heading-row{flex-direction:column;align-items:stretch}.flow-face{height:185px}.flow-search .selfie-box{gap:16px}.flow-plan{padding:14px 10px}.flow-plan>b{font-size:17px}.flow-pending{padding:16px}}
.flow-checkout.flow-resuming{grid-template-columns:1fr;max-width:540px}.flow-checkout.flow-resuming>.flow-surface:first-child{display:none}

.flow-event-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.flow-cover.has-banner>span,.flow-cover.has-banner>strong,.flow-cover.has-banner>small{visibility:hidden}.flow-cover.has-banner:after{display:none}.flow-qr-placeholder img{object-fit:contain;max-height:140px}