:root{--ink:#111827;--blue:#0646a4;--blue2:#06357c;--paper:#f7f4ea;--white:#fff;--red:#ef4a22;--yellow:#f9bd28;--line:#d8d9dc;--muted:#667085;--green:#177245;--shadow:0 18px 45px rgba(16,24,40,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}.nav-button{background:transparent;font-weight:600;font-size:14px}.connection-banner{position:sticky;top:78px;z-index:9;padding:10px clamp(20px,5vw,72px);background:#fff0cc;color:#684c00;font-weight:600;font-size:14px;border-bottom:1px solid #e0c36e}.admin-actions{display:flex;align-items:center;gap:12px}.dispatch-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.dispatch-fields label,.login-card label{font-size:13px;font-weight:700}.dispatch-fields input,.login-card input{display:block;width:100%;border:1px solid #c5c9d0;background:white;padding:12px 13px;margin-top:6px}.login-card{max-width:450px;margin:auto}.login-card label{display:block;margin:14px 0}.form-error{min-height:24px;color:#b42318;font-weight:600;font-size:14px}.qr-box img{display:block;width:145px;height:145px;object-fit:contain;margin:0 auto 8px}.status.payment-submitted{background:#dff1ff;color:#075985}.status.cancelled{background:#fee4e2;color:#b42318}.button-busy{opacity:.68;pointer-events:none}.site-header{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,24,39,.14);background:rgba(247,244,234,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;gap:12px;align-items:center;font:600 18px "Space Grotesk",sans-serif;text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;font-weight:700}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-weight:600;font-size:14px}.site-header nav a:hover{text-decoration:underline}.admin-link{border:1px solid var(--ink);padding:10px 14px;border-radius:999px}.screen{max-width:1320px;margin:0 auto;min-height:calc(100vh - 78px);padding:clamp(34px,5vw,78px) clamp(20px,5vw,72px)}.edition-tag{font:600 12px "Space Grotesk";letter-spacing:.17em;margin-bottom:22px}.shop-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:clamp(40px,7vw,110px);align-items:center}.cover-wrap{position:relative;max-width:520px;aspect-ratio:2/3;overflow:hidden;border-radius:4px;box-shadow:-13px 16px 0 var(--yellow),var(--shadow);background:var(--blue)}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}.cover-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,53,124,.76),transparent 34%,rgba(6,53,124,.08))}.cover-title{position:absolute;z-index:1;top:5%;left:7%;right:7%;color:white;display:flex;justify-content:space-between;align-items:flex-start}.cover-title span{font:700 clamp(24px,4vw,50px)/.9 "Space Grotesk";max-width:60%}.cover-title strong{background:var(--yellow);color:var(--ink);padding:6px 9px;font-size:12px;letter-spacing:.09em}.eyebrow{font:700 12px "Space Grotesk";letter-spacing:.16em;color:var(--blue);margin:0 0 14px}.product-copy h1,.form-panel h2,.payment-main h2,.confirmation-screen h2,.admin-top h2{font:600 clamp(38px,5.4vw,76px)/.98 "Space Grotesk";letter-spacing:-.055em;margin:0 0 24px}.product-copy h1 em{font-style:normal;color:var(--blue)}.lede{font-size:18px;color:#424b5a;max-width:620px}.details-row{display:flex;flex-wrap:wrap;gap:0;margin:28px 0;border-block:1px solid var(--line)}.details-row span{padding:14px 22px 14px 0;margin-right:22px;font-weight:600;font-size:14px}.details-row span+span{border-left:1px solid var(--line);padding-left:22px}.order-card{margin-top:28px;background:white;padding:24px;display:grid;grid-template-columns:auto 1fr;gap:20px 34px;align-items:end;box-shadow:var(--shadow)}.field-label{font-weight:700;margin:0 0 7px}.stepper{display:flex;height:50px;border:1px solid #b8bec7}.stepper button{width:44px;border:0;background:#f3f4f6;font-size:23px}.stepper input{width:68px;border:0;text-align:center;font-weight:700;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{display:none}.price-block{text-align:right}.price-block span,.price-block small{display:block;color:var(--muted);font-size:13px}.price-block strong{display:block;font:700 28px "Space Grotesk"}.primary,.secondary{border:0;border-radius:3px;padding:15px 20px;font-weight:700}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue2)}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.full{grid-column:1/-1;width:100%}.text-button,.back-button{background:none;border:0;padding:12px 0;text-decoration:underline;font-weight:600}.flow-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.steps{display:flex;gap:26px;list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{color:#8a9099;font-weight:600;font-size:14px}.steps li:before{counter-increment:steps;content:counter(steps);display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #b8bec7;border-radius:50%;margin-right:7px}.steps li.active{color:var(--blue)}.steps li.active:before{background:var(--blue);border-color:var(--blue);color:white}.form-layout,.payment-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:50px;align-items:start}.form-panel,.payment-main{background:white;padding:clamp(24px,4vw,48px);box-shadow:var(--shadow)}.form-panel h2,.payment-main h2,.confirmation-screen h2,.admin-top h2{font-size:clamp(34px,4vw,56px)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}.field-grid label,fieldset{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}.field-grid .wide{grid-column:1/-1}.field-grid input,.field-grid select,.field-grid textarea,.table-tools input,.table-tools select,.settings-grid input{width:100%;border:1px solid #c5c9d0;background:white;padding:13px 14px;border-radius:3px;color:var(--ink)}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{outline:3px solid rgba(6,70,164,.15);border-color:var(--blue)}fieldset{border:0;padding:0;margin:0}.radio{display:flex!important;flex-direction:row!important;align-items:center;font-weight:500!important}.radio input{width:auto!important}.optional{color:var(--muted);font-weight:400}.summary-card,.amount-card{background:var(--ink);color:white;padding:24px;position:sticky;top:110px}.summary-card img{width:82px;height:114px;object-fit:cover;float:left;margin:0 16px 20px 0}.summary-card>div span{display:block;color:#c2c8d0;margin-top:7px}.summary-card dl{clear:both;border-top:1px solid #3a414e;margin:0;padding-top:12px}.summary-card dl div,.bank-details dl div{display:flex;justify-content:space-between;padding:8px 0}.summary-card .total{border-top:1px solid #3a414e;margin-top:8px;padding-top:16px;font-size:20px;font-weight:700}.summary-card dt,.summary-card dd,.bank-details dt,.bank-details dd{margin:0}.payment-options{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:stretch;margin:26px 0}.test-note{display:flex;justify-content:space-between;gap:20px;background:#fff4d6;border-left:4px solid var(--yellow);padding:13px 16px}.qr-box{background:white;border:1px solid var(--line);padding:14px;text-align:center}.qr-box small{font-weight:700;letter-spacing:.15em}.qr-box #fake-qr{display:grid;grid-template-columns:repeat(13,1fr);width:145px;aspect-ratio:1;gap:1px;margin:0 auto 8px;background:#fff}.qr-pixel{background:#111}.bank-details{background:#f3f5f8;padding:20px}.bank-details>p{font-weight:700;margin-top:0}.bank-details dl{margin:0}.bank-details dt{color:var(--muted)}.bank-details dd{font-weight:700;text-align:right}.compact{margin:24px 0}.receipt-field{position:relative;border:1px dashed #aab0b9;padding:18px}.receipt-field input{position:absolute;inset:0;opacity:0;cursor:pointer}.receipt-field #file-name{font-weight:500;color:var(--muted)}.confirm-check{display:flex;gap:9px;align-items:flex-start;margin:0 0 20px}.amount-card strong{display:block;font:700 38px "Space Grotesk";margin:8px 0}.amount-card small{color:#c3c8d1}.confirmation-screen{text-align:center;max-width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center}.success-mark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:34px;margin-bottom:24px}.receipt-card{width:100%;background:white;margin:28px 0;padding:10px 28px;box-shadow:var(--shadow);text-align:left}.receipt-card>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.receipt-card>div:last-child{border:0}.receipt-card span{color:var(--muted)}.status{font-size:14px;padding:5px 9px;border-radius:999px}.status.pending{background:#fff0cc;color:#805c00}.status.verified{background:#dff5e8;color:#17633c}.status.preparing{background:#e3edfc;color:#144c9e}.status.dispatched{background:#e8e3fa;color:#5631a8}.admin-screen{max-width:1500px}.admin-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.admin-top h2{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats-grid article{background:var(--blue);color:white;padding:22px}.stats-grid article:nth-child(2){background:var(--red)}.stats-grid article:nth-child(3){background:var(--yellow);color:var(--ink)}.stats-grid article:nth-child(4){background:var(--ink)}.stats-grid span{display:block;font-size:14px}.stats-grid strong{display:block;font:700 36px "Space Grotesk";margin-top:6px}.orders-panel{background:white;box-shadow:var(--shadow)}.table-tools{padding:18px 20px;display:flex;gap:16px;border-bottom:1px solid var(--line)}.table-tools label{font-size:13px;font-weight:700}.table-tools input,.table-tools select{display:block;margin-top:5px;padding:9px 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;letter-spacing:.06em;color:var(--muted)}td{font-size:14px}td button{border:0;background:none;color:var(--blue);font-weight:700;text-decoration:underline}dialog{border:0;padding:0;background:transparent;max-width:min(94vw,680px);width:100%}dialog::backdrop{background:rgba(9,16,28,.66);backdrop-filter:blur(3px)}.dialog-card{background:var(--paper);padding:28px;box-shadow:var(--shadow)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-head h3{font:700 30px "Space Grotesk";margin:0 0 22px}.icon-button{border:0;background:white;width:36px;height:36px;border-radius:50%;font-size:22px}.tier-list>div{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.tier-list strong{font-size:22px}.tier-list span{color:var(--blue);font-weight:700}.section-label{font-weight:700;border-top:1px solid var(--line);padding-top:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.settings-grid label{font-size:13px;font-weight:700}.settings-grid input{margin-top:6px}.settings-grid .wide{grid-column:1/-1}.order-detail{min-width:min(94vw,600px)}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.order-detail-grid section{border-top:1px solid var(--line);padding-top:15px}.order-detail-grid h4{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.order-detail-grid p{margin:4px 0}.action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:11px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}footer{padding:28px clamp(20px,5vw,72px);background:var(--ink);color:white;display:flex;justify-content:space-between;font-size:14px}footer a{font-weight:700}
@media(max-width:900px){.shop-grid,.form-layout,.payment-layout{grid-template-columns:1fr}.cover-wrap{max-width:410px;margin:auto}.summary-card,.amount-card{position:static}.stats-grid{grid-template-columns:1fr 1fr}.admin-top{align-items:start;gap:20px}.site-header nav a:first-child{display:none}}
@media(max-width:620px){.site-header{height:auto;min-height:70px;padding-block:13px}.brand span:last-child{display:none}.site-header nav{gap:12px}.site-header nav a{font-size:13px}.admin-link{padding:8px 10px}.connection-banner{top:70px}.screen{min-height:calc(100vh - 70px);padding-top:30px}.shop-grid{gap:40px}.cover-wrap{width:88%}.product-copy h1{font-size:45px}.order-card{grid-template-columns:1fr}.price-block{text-align:left}.flow-top{align-items:start}.steps{gap:8px}.steps li{font-size:0}.steps li:before{font-size:13px;margin:0}.field-grid,.payment-options,.settings-grid,.order-detail-grid,.dispatch-fields{grid-template-columns:1fr}.field-grid .wide,.settings-grid .wide{grid-column:auto}.form-panel,.payment-main{padding:22px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:16px}.stats-grid strong{font-size:28px}.admin-top{flex-direction:column}.admin-actions{width:100%;justify-content:space-between}.table-tools{flex-direction:column}.test-note{flex-direction:column;gap:2px}.qr-box #fake-qr{width:175px}.receipt-card>div{flex-direction:column;gap:4px}footer{flex-direction:column;gap:10px}}
.admin-actions{flex-wrap:wrap;justify-content:flex-end}.admin-actions button:disabled{cursor:default;opacity:.72}
.manual-notification-actions{margin-top:18px;padding:16px;background:#eef5ff;border-left:4px solid var(--blue)}.manual-notification-actions p{margin:0 0 12px}.manual-notification-actions button+button{margin-left:8px}.action-row button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:620px){.admin-actions{justify-content:flex-start}}

/* Match the original ChatGPT prototype. */
[hidden]{display:none!important}
:root{--ink:#10162f;--blue:#4169e8;--blue2:#2d4fc2;--paper:#fff;--red:#ff6b63;--yellow:#c7f36b;--cyan:#52c9e8;--purple:#6c5ce7;--line:#e2e6ef;--muted:#687086;--green:#34a66f;--shadow:0 18px 44px rgba(25,38,78,.1)}
body{background:#fff}
.site-header{border-color:var(--line);background:rgba(255,255,255,.96)}
.brand-mark{background:var(--ink);color:#a9ef3f}
.edition-tag{display:inline-flex;padding:8px 13px;border-radius:999px;background:#edffd0;color:var(--ink);border:1px solid #cbea9c}
.product-copy h1 em{color:var(--purple);background:linear-gradient(90deg,#7557ef,#4169e8,#3494c8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.details-row{border:0;gap:10px}
.details-row span{padding:10px 15px;margin:0;border:0!important;border-radius:999px;background:#f0f6ff;color:#3156b4}
.details-row span:nth-child(2){background:#f3ffdf;color:#52751f}.details-row span:nth-child(3){background:#f2efff;color:#5845b8}
.order-card{border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden}
.order-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#a9ef3f,#52c9e8,#6c5ce7)}
.primary{background:var(--ink);box-shadow:0 9px 22px rgba(16,22,47,.18)}.primary:hover{background:#24305b;transform:translateY(-1px)}
.form-panel,.payment-main{border-radius:18px;border-top:5px solid var(--purple)}
.summary-card,.amount-card{background:linear-gradient(145deg,#14213d,#243e78)}
.cover-column{text-align:center}.cover-wrap{max-width:620px;aspect-ratio:1.414/1;box-shadow:-10px 12px 0 #c7f36b,var(--shadow)}.cover-wrap:after{display:none}
.front-cover{overflow:hidden}.front-cover img{width:200%;max-width:none;height:100%;object-fit:fill;display:block;transform:translateX(-50%)}
.cover-button{margin-top:25px}.book-summary{color:#424b5a;max-width:680px}
.summary-card .summary-cover{width:116px;aspect-ratio:1.414/1;float:left;margin:0 16px 20px 0}.summary-card .summary-cover img{width:200%;height:100%;margin:0;float:none}
.test-note{background:#f3ffdf;border-left-color:#92d82d}
.payment-methods,.proof-methods{margin:28px 0 0}.payment-methods legend,.proof-methods legend{font:700 16px "Space Grotesk",sans-serif;margin-bottom:12px}.proof-help{margin:-5px 0 12px;color:var(--muted)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-option,.proof-option{display:flex;flex-direction:row;align-items:flex-start;gap:11px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:.18s}.method-option:hover,.proof-option:hover{border-color:#aab6d6}.method-option.active,.proof-option.active{border:2px solid var(--ink);padding:15px;background:#f6f8fc;box-shadow:0 8px 22px rgba(25,38,78,.08)}.method-option input,.proof-option input{width:auto;margin-top:3px;accent-color:var(--blue)}.method-option span,.method-option small,.proof-option span,.proof-option small{display:block}.method-option small,.proof-option small{margin-top:4px;color:var(--muted);font-weight:500;line-height:1.35}
.payment-method-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:start;gap:28px;margin:18px 0 26px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fbfcff}.panel-title{margin:0 0 8px;font:700 22px "Space Grotesk",sans-serif}.panel-copy{margin:0;color:var(--muted)}.order-reference{margin-top:20px;padding:12px 14px;border-radius:9px;background:#eef3ff;color:#2d4fc2}.bank-panel{display:block}
.qr-box{display:block;background:#fff;border:1px solid var(--line);padding:18px;text-align:center;border-radius:14px;max-width:420px;width:100%;margin:0 auto;box-shadow:0 12px 30px rgba(25,38,78,.08)}.qr-box .qr-asset{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto}.qr-expand-label{display:block;margin-top:10px;color:var(--blue);font-weight:700}
.bank-details{background:#f6f8fc;border-radius:12px}.field-help{color:var(--muted);font-size:13px;font-weight:500;line-height:1.4}
.receipt-card{border-radius:18px;border-top:8px solid var(--yellow)}.contact-note{color:var(--muted);max-width:640px;margin-top:-6px}.contact-note a{color:var(--blue);font-weight:700}
.cover-dialog{max-width:min(96vw,1200px)}.cover-dialog img{display:block;width:100%;height:auto}.cover-dialog .dialog-card{padding:22px}
.image-dialog{max-width:100vw;width:100vw;height:100vh;max-height:100vh;margin:0;background:rgba(9,16,28,.96)}.image-dialog::backdrop{background:rgba(9,16,28,.96)}.image-dialog-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 28px 24px}.image-dialog-card img{max-width:94vw;max-height:calc(100vh - 120px);object-fit:contain;background:#fff}.image-dialog-card p{color:#fff}.image-dialog-close{position:fixed;top:20px;right:24px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;font-size:30px}
@media(max-width:900px){.cover-wrap{max-width:410px;margin:auto}}
@media(max-width:620px){.method-grid,.payment-method-panel{grid-template-columns:1fr}.image-dialog-card{padding:70px 10px 20px}.image-dialog-close{top:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}

/* Multi-book storefront */
.book-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:940px;margin:0 auto 34px}
.book-choice{display:flex;align-items:center;gap:16px;padding:14px;text-align:left;border:2px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;transition:.18s;box-shadow:0 8px 24px rgba(25,38,78,.06)}
.book-choice:hover{transform:translateY(-2px);border-color:#aab6d6}.book-choice.active{border-color:var(--purple);background:#f7f5ff;box-shadow:0 10px 28px rgba(108,92,231,.14)}
.book-choice img{width:82px;height:82px;border-radius:9px;object-fit:contain;background:#eef2f8}.book-choice span,.book-choice small,.book-choice strong{display:block}.book-choice small{margin-bottom:5px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.book-choice strong{font:700 17px "Space Grotesk",sans-serif;line-height:1.25}
.cart-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700}.cart-button:hover{border-color:var(--purple);background:#f7f5ff}.cart-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-button strong{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--purple);color:#fff;font-size:12px}.empty-cart{margin:4px 0 12px;color:#c2c8d0}
.summary-card h3{margin:0 0 14px;font:700 22px "Space Grotesk",sans-serif}.summary-items{display:grid;gap:10px}.summary-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #3a414e}.summary-item span{min-width:0}.summary-item span strong,.summary-item small{display:block}.summary-item small{margin-top:4px;color:#c2c8d0}.summary-item>strong{white-space:nowrap}.summary-count{display:flex;justify-content:space-between;padding:13px 0;color:#c2c8d0}.summary-count strong{color:#fff}.primary:disabled{cursor:not-allowed;opacity:.45}
.cover-wrap.square{aspect-ratio:1/1;max-width:560px}.front-cover.square img{width:100%;max-width:100%;height:100%;object-fit:contain;transform:none;background:#eef2f8}
.summary-card .summary-cover.square{aspect-ratio:1/1}.summary-card .summary-cover.square img{width:100%;height:100%;object-fit:contain;transform:none}
.bulk-delivery-note{margin:14px 0 0;padding:12px 14px;border-left:4px solid var(--yellow);border-radius:8px;background:#fff7dc;color:#624d00;font-size:14px;line-height:1.45}
.order-type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-type-option{align-items:flex-start!important;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.order-type-option.active{border-color:var(--blue);background:#eef4ff;box-shadow:0 0 0 2px rgba(6,70,164,.1)}.order-type-option span{display:flex;flex-direction:column;gap:4px}.order-type-option small{color:var(--muted);font-weight:500}.company-fields{padding:18px;border:1px solid #cbd8f2;border-radius:14px;background:#f5f8ff}.company-fields-title{margin:0;font:700 18px "Space Grotesk",sans-serif;color:var(--blue)}.company-fields .field-grid{margin:14px 0 0}.invoice-actions{margin-top:20px;padding:16px;border:1px solid #cad8f4;border-left:5px solid var(--blue);border-radius:10px;background:#f4f7ff}.invoice-actions p{margin:0 0 12px}.invoice-actions small{display:block;margin-top:10px;color:var(--muted)}.invoice-button-row{display:flex;flex-wrap:wrap;gap:10px}.invoice-button-row button:disabled{opacity:.5;cursor:not-allowed}.status.invoice-requested{background:#fff0cc;color:#805c00}.status.invoiced{background:#e3edfc;color:#144c9e}.status.dispatched-awaiting-payment{background:#f1e8ff;color:#6332a8}
@media(max-width:620px){.order-type-options{grid-template-columns:1fr}}
.cover-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.cover-images figure{margin:0;text-align:center}.cover-images figure.combined{grid-column:1/-1}.cover-images img{width:100%;max-height:74vh;object-fit:contain;background:#eef2f8}.cover-images figcaption{margin-top:10px;font-weight:700;color:var(--muted)}
@media(max-width:720px){.book-picker{grid-template-columns:1fr}.book-choice img{width:68px;height:68px}.cover-images{grid-template-columns:1fr}.cover-dialog .dialog-card{padding:14px}.cart-button span{display:none}}
.field-title{display:flex;align-items:baseline;gap:8px;min-height:21px}.field-title .optional{display:inline}
.book-description{max-width:680px;color:#424b5a}.book-description p{margin:0 0 16px}.book-description .lead{font-size:18px;line-height:1.55;color:var(--ink)}.book-description strong{font-weight:700}.book-description em{font-style:italic}
.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.google-login{display:flex;align-items:center;justify-content:center;gap:10px}.google-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#4285f4;color:white;font-weight:700;font-family:Arial,sans-serif}
.danger-button{border:1px solid #d92d20;background:#fff;color:#b42318;border-radius:3px;padding:14px 18px;font-weight:700}.danger-button:hover{background:#fff1f0}.action-spacer{flex:1}@media(max-width:640px){.action-row{flex-wrap:wrap}.action-spacer{display:none}.action-row button{flex:1 1 100%}}