:root{--bg:#0b0a09;--panel:#1d1510;--gold:#d9aa54;--cream:#f5ead6;--muted:#c8b9a7;--line:rgba(217,170,84,.3)}body.order-page{background:var(--bg);color:var(--cream);background-image:radial-gradient(circle at 80% 12%,rgba(145,76,28,.18),transparent 34%)}.order-page .site-header{background:rgba(8,7,6,.96);border-color:var(--line)}.order-page .brand span,.order-page .menu{border-color:var(--gold)}
.order-hero,.order-section,.confirmation,.amazon-section{max-width:1500px;margin:auto;padding:clamp(70px,8vw,120px) clamp(24px,8vw,130px);border-bottom:1px solid var(--line)}.eyebrow,.step{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.order-hero h1,.section-intro h2,.confirmation h2,.amazon-section h2{font-family:"Libre Caslon Display",serif;font-weight:400;line-height:.95}.order-hero h1{font-size:clamp(3.4rem,7vw,7rem);margin:20px 0}.order-hero h1 em{color:var(--gold);font-weight:400}.hero-lead{max-width:820px;font:clamp(1.35rem,2.4vw,2.15rem)/1.35 "Libre Caslon Display",serif}.hero-note,.section-intro>p:last-child,.amazon-section>p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.65}.section-intro{max-width:720px;margin-bottom:45px}.section-intro h2,.confirmation h2,.amazon-section h2{font-size:clamp(2.5rem,4.7vw,4.8rem);margin:13px 0 18px}
.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.book-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer;transition:.2s}.book-card:hover,.book-card:has(input:checked){border-color:var(--gold);transform:translateY(-3px)}.book-card input{position:absolute;top:12px;left:12px;width:22px;height:22px;accent-color:var(--gold)}.book-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#090807}.book-name{font:1.35rem/1.15 "Libre Caslon Display",serif}.book-card strong{color:var(--gold);font-size:.85rem}.coming-soon{opacity:.58;cursor:not-allowed}.coming-soon:hover{transform:none;border-color:var(--line)}
.split,.summary-section{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(50px,9vw,140px)}.fields-panel,.order-summary,.payment-card,.receipt,.verification{padding:clamp(24px,4vw,44px);border:1px solid var(--line);background:linear-gradient(145deg,#17130f,var(--panel))}.fields-panel label,.fields-panel legend{display:block;font-weight:700}.fields-panel input,.fields-panel select,.fields-panel textarea{width:100%;margin-top:9px;padding:14px;border:1px solid rgba(245,234,214,.3);background:#0b0a09;color:var(--cream);font:inherit}.fields-panel input:focus,.fields-panel select:focus,.fields-panel textarea:focus{outline:2px solid var(--gold);outline-offset:2px}.fields-panel fieldset{border:0;padding:0;margin:0 0 30px}.choice{display:flex!important;gap:13px;padding:16px 0;border-bottom:1px solid rgba(217,170,84,.16);cursor:pointer}.choice input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--gold)}.choice small{display:block;color:var(--muted);font-weight:400;line-height:1.5;margin-top:5px}.fields-panel>label,#personal-fields{margin-top:26px}#message-field{margin-top:20px}.fine-print,.fields-panel small{color:var(--muted);font-size:.82rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid label{margin:0}.form-grid .full{grid-column:1/-1}.trap{position:absolute!important;left:-9999px}
.order-summary>div,.receipt>div{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid rgba(217,170,84,.18)}.order-summary span,.receipt span{color:var(--muted)}.order-summary strong,.receipt strong{text-align:right}.order-summary .total,.receipt .total{font-size:1.25rem;color:var(--gold);border-bottom:0}.submit-button,.order-button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 26px;border:1px solid var(--gold);font-weight:700;text-decoration:none}.submit-button{width:100%;margin-top:26px;background:linear-gradient(135deg,#efc36c,#a96f26);color:#160e08;font:inherit;font-weight:700}.form-status{color:#ffb59f}.confirmation>p{max-width:850px;color:var(--muted);line-height:1.65}.confirmation-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.cash-tag{display:block;color:var(--gold);font:clamp(2rem,4vw,3.6rem) "Libre Caslon Display",serif;margin:18px 0;overflow-wrap:anywhere}.verification{margin-top:28px}.verification h3{color:var(--gold);font:1.8rem "Libre Caslon Display",serif}.verification p{color:var(--muted);line-height:1.65}.confirmation-actions{display:flex;gap:15px;margin-top:30px}.order-button.gold{background:var(--gold);color:#160e08}.order-button.outline{color:var(--cream)}
.amazon-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.amazon-grid a{display:flex;flex-direction:column;gap:9px;padding:24px;border:1px solid var(--line);color:var(--cream);text-decoration:none;font:1.45rem "Libre Caslon Display",serif}.amazon-grid span{color:var(--gold);font:700 .8rem "DM Sans",sans-serif;text-transform:uppercase}.support{padding:50px clamp(24px,8vw,130px);border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:30px}.support p{color:var(--gold);font-weight:700}.support address{font-style:normal;line-height:1.6;text-align:right}
@media(max-width:1050px){.book-grid{grid-template-columns:repeat(3,1fr)}.split,.summary-section,.confirmation-grid{grid-template-columns:1fr;gap:0}.confirmation-grid{gap:28px}}@media(max-width:680px){.book-grid,.amazon-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.book-card{display:grid;grid-template-columns:110px 1fr;align-items:center}.book-card img{grid-row:1/3}.book-card input{left:auto;right:12px}.support{flex-direction:column}.support address{text-align:left}.confirmation-actions{flex-direction:column}.order-button{width:100%}}
.order-summary .payment-method{margin-top:10px;border:1px solid var(--gold);padding:18px;background:rgba(217,170,84,.08)}.order-summary .payment-method strong{color:var(--gold);overflow-wrap:anywhere}.payment-preview-note{margin:16px 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}
@media(max-width:680px){.order-summary .payment-method{flex-direction:column;align-items:flex-start;gap:8px}.order-summary .payment-method strong{max-width:100%;text-align:left;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(.88rem,4vw,1rem)}}
