@font-face{font-family:CommerceHeading;src:url('/static/fonts/fredoka-v17-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
.commerce-page{--cc-ink:#293f39;--cc-muted:#53665f;--cc-paper:#fffdf6;--cc-line:#d6ddd2;--cc-accent:#315f4c;--cc-wash:#edf1e6;margin:0;background:var(--cc-paper);color:var(--cc-ink);font:16px/1.65 system-ui,sans-serif}
.commerce-nav,.commerce-footer{max-width:1080px;width:100%;box-sizing:border-box;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.commerce-nav{border-bottom:1px solid var(--cc-line)}.commerce-nav a:first-child{font-weight:750;text-decoration:none}.commerce-footer{justify-content:flex-start;flex-wrap:wrap;font-size:.9rem}.commerce-page a{color:var(--cc-accent);text-underline-offset:4px}.commerce-main{max-width:1080px;width:100%;box-sizing:border-box;margin:0 auto;padding:38px 24px 56px}.commerce-main h1{font-family:CommerceHeading,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin:0 0 16px;text-wrap:balance}.commerce-main h2{font-size:1.35rem;line-height:1.3;margin:0 0 14px;font-weight:700}.commerce-lead{font-size:1.15rem;line-height:1.55;margin:0 0 28px}.commerce-main p{margin-top:0;margin-bottom:18px}.commerce-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.commerce-main section{min-width:0}.commerce-main form{margin:0 0 24px}.commerce-main label{display:block;font-weight:650;margin:18px 0 6px}.commerce-main label span{font-weight:400}.commerce-main input:not([type=checkbox]),.commerce-main textarea,.commerce-main select{display:block;width:100%;max-width:100%;min-height:46px;box-sizing:border-box;border:1px solid #879b8e;border-radius:8px;padding:10px 12px;background:white;color:var(--cc-ink);font:inherit}.commerce-main input[type=checkbox]{width:22px;height:22px;flex-shrink:0;margin-top:2px}.commerce-main .commerce-checkbox{display:flex;gap:12px;align-items:flex-start;font-weight:400;line-height:1.5}.commerce-main button,.commerce-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid var(--cc-accent);border-radius:8px;color:white;background:var(--cc-accent);font:600 1rem/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer;text-align:center}.commerce-main .secondary{background:transparent;color:var(--cc-accent)}.commerce-main button:hover,.commerce-button:hover{filter:brightness(.94)}.commerce-main button:disabled{opacity:.55;cursor:wait}.commerce-main :focus-visible{outline:3px solid #a45d11;outline-offset:4px}.commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 24px}.commerce-help{font-size:.9rem;color:var(--cc-muted);line-height:1.5}.commerce-main input+.commerce-help{margin-top:8px}.commerce-contents,.commerce-requests{list-style:none;padding:0;margin:0 0 20px}.commerce-contents li{padding:10px 0;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--cc-line);line-height:1.5}.commerce-contents strong{font-size:.9rem;white-space:nowrap;font-weight:650}.commerce-requests li{padding:16px 0;border-bottom:1px solid var(--cc-line);overflow-wrap:anywhere}.commerce-requests li>span{display:block;font-size:.9rem;color:var(--cc-muted)}.commerce-main details{border-top:1px solid var(--cc-line);padding:16px 0;margin-top:22px}.commerce-main summary{cursor:pointer;min-height:44px;font-weight:650}.commerce-state{background:var(--cc-wash);padding:16px;border-radius:8px}.commerce-feedback:empty{display:none}.commerce-feedback{margin-top:20px;padding:16px;background:var(--cc-wash);border-left:3px solid var(--cc-accent)}.commerce-feedback[data-error=true]{background:#fff0e6;border-color:#9e441c}.gift-certificate{max-width:700px;margin:20px auto;border:2px solid #a3af92;padding:clamp(22px,5vw,54px);text-align:center;background:#fffdf6}.certificate-brand{letter-spacing:.04em;font-weight:700}.certificate-message{white-space:pre-line;font-size:1.15rem;margin:24px 0}.certificate-qr{width:190px;max-width:100%;margin:20px auto}.certificate-qr svg{width:100%;height:auto}.certificate-link{font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.certificate-christmas{border-color:#7b3830}.certificate-birthday{border-color:#b18b45}.commerce-main [hidden]{display:none!important}
@media(max-width:700px){.commerce-main{padding:26px 18px 40px}.commerce-nav,.commerce-footer{padding:18px}.commerce-grid{grid-template-columns:1fr;gap:30px}.commerce-actions>*{flex:1 1 180px}.commerce-contents li{gap:12px}.commerce-contents li span{max-width:75%}.gift-certificate{padding:26px 18px}}
@media print{.commerce-nav,.commerce-footer,.no-print,.commerce-feedback,body>div,body>script,body>footer{display:none!important}.commerce-main{max-width:none;padding:0}.gift-certificate{margin:0 auto;break-inside:avoid;max-width:170mm;padding:12mm;border-width:1pt}.gift-certificate h1{font-size:28pt}.certificate-qr{width:38mm}.certificate-link{font-size:9pt}@page{margin:12mm}}

.commerce-main select+p{margin-top:12px}

/* Purchase presentation only; shared claim, payment and certificate UI retain their contracts. */
.commerce-purchase{--cc-ink:#26221d;--cc-muted:#62594f;--cc-line:#d8cdbd;--cc-accent:#b8320c}
.commerce-page:has(.commerce-purchase){background:#fbf4e6}
.commerce-main:has(.commerce-purchase){max-width:1240px}
.commerce-purchase .commerce-lead{margin-bottom:12px;font-size:17px}
.commerce-gift-benefit{font-size:18px;color:var(--cc-muted);margin-bottom:30px!important}
.commerce-purchase-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.commerce-purchase-form{background:#fffdf7;border:1px solid var(--cc-line);border-radius:12px;padding:28px}
.commerce-purchase-form form{margin:0}
.commerce-purchase-form form>label:first-child{margin-top:0}
.commerce-purchase-form input,.commerce-purchase-form textarea,.commerce-purchase-form select{font-size:16px!important}
.commerce-purchase-form button[type=submit]{width:100%;margin-top:4px}
.commerce-purchase-form form>p:last-child{margin-bottom:0;margin-top:12px}
.commerce-purchase-art{min-width:0}
.commerce-purchase-art .gift-print-scene{max-width:480px;margin:0 auto}
.commerce-purchase .commerce-inspiration{margin-top:28px}
.commerce-inspiration-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background:#eee4d3;padding:8px;border-radius:8px}
.commerce-inspiration-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border-radius:4px;padding:4px;box-sizing:border-box}
.commerce-inspiration>p{font-size:12px;line-height:1.5;margin:10px 0 0}
.commerce-inspiration>p>span{display:block;margin-top:5px;color:var(--cc-muted);font-size:11px}
.commerce-purchase-contents{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-top:1px solid var(--cc-line);margin-top:42px;padding-top:32px}
.commerce-purchase-contents h2{font-family:CommerceHeading,system-ui,sans-serif;font-size:34px;letter-spacing:-.03em}
.commerce-purchase-contents>div>p{max-width:42ch}
.commerce-purchase-contents .commerce-help{font-size:12px}
.commerce-purchase-contents .commerce-contents{font-size:14px}
.commerce-purchase-contents .commerce-contents li:first-child{padding-top:0}
@media(min-width:701px) and (max-width:950px){.commerce-purchase-grid,.commerce-purchase-contents{gap:28px}.commerce-purchase-form{padding:22px}.commerce-purchase-art .gift-print-scene__certificate strong{font-size:18px}.commerce-purchase-art .gift-print-scene__certificate{font-size:8px}.commerce-purchase-art .gift-print-scene__certificate i{margin-top:7px}}
@media(max-width:700px){.commerce-purchase .commerce-lead{font-size:15px}.commerce-gift-benefit{font-size:16px;margin-bottom:24px!important}.commerce-purchase-grid{display:flex;flex-direction:column;gap:26px}.commerce-purchase-form{width:100%;padding:22px 18px}.commerce-purchase-art{width:100%}.commerce-purchase-art .gift-print-scene{max-width:380px}.commerce-purchase-contents{grid-template-columns:1fr;gap:14px;margin-top:30px;padding-top:26px}.commerce-purchase-contents h2{font-size:30px}.commerce-purchase-contents .commerce-contents{font-size:13px}.commerce-purchase-contents .commerce-contents strong{font-size:12px}.commerce-inspiration-grid{gap:5px;padding:6px}.commerce-purchase .commerce-inspiration{margin-top:24px}}