.checkout-layout{max-width:1280px;margin:28px auto 60px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.checkout-form,.checkout-summary,.checkout-record,.checkout-admin{background:#fff;border:1px solid #e8e4dc;border-radius:22px;padding:26px;color:#20252b;min-width:0}.checkout-form h2,.checkout-summary h2,.checkout-record h2{font-weight:900;font-size:19px;margin:0 0 16px}.checkout-form p{line-height:2;font-size:12px}.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #e8e4dc}.checkout-steps button{border-radius:10px;padding:12px 7px;font-size:11px;font-weight:800;background:#f8f6f1;color:#3b5b5a}.checkout-steps button[aria-current=step]{background:#20252b;color:#fff}.checkout-item,.checkout-guide{border:1px solid #dbe6e3;border-radius:14px;margin:14px 0;overflow:hidden}.checkout-item>summary,.checkout-guide>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;background:#f8f6f1;padding:16px;font-size:13px;font-weight:800;line-height:1.9}.checkout-item>summary:after,.checkout-guide>summary:after{content:'+';flex:none}.checkout-item[open]>summary:after,.checkout-guide[open]>summary:after{content:'−'}.checkout-item>summary small{font-size:10px;flex:none}.checkout-item-body{padding:18px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.checkout-span{grid-column:1/-1}.checkout-muted{color:#59637a;margin:8px 0 18px}.checkout-hint,.checkout-review{padding:13px 16px;background:#f2f8f6;border-radius:12px;line-height:2;font-size:12px;margin:16px 0}.checkout-review{background:#fff7d9;color:#665522;border:1px solid #eee1ad}.checkout-review p{margin:5px 0 0}.checkout-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.checkout-upload{background:#f8f6f1;border:1px dashed #89aca4;border-radius:14px;padding:15px;min-width:0}.checkout-upload h3{font-size:13px;font-weight:900;margin-bottom:12px}.checkout-upload input[type=file]{width:100%;max-width:100%;font-size:11px}.checkout-upload input::file-selector-button{border:0;border-radius:8px;background:#e0ece8;color:#694617;padding:10px;margin:0 0 8px 8px;cursor:pointer}.checkout-upload-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.checkout-upload-actions button{font-size:11px}.checkout-upload [role=status]{font-size:11px;line-height:2;margin-top:10px}.checkout-upload [data-artwork-display] img{width:100%;height:150px;object-fit:contain;margin-top:12px}.checkout-upload [data-artwork-display] button{display:block;margin:10px auto;color:#694617;text-decoration:underline;font-size:12px}.checkout-file-facts{font-size:11px;line-height:2;padding:8px 0;color:#48516a}.checkout-error,.checkout-form .errorlist,.checkout-admin .errorlist{color:#9c2743;font-size:12px;line-height:2;background:#fff1f3;border-radius:10px;padding:10px;margin:8px 0}.checkout-checkbox{width:19px!important;height:19px!important;accent-color:#80571d;vertical-align:middle;margin-left:8px}.checkout-consents{display:grid;gap:16px;margin:22px 0}.checkout-guide p{padding:18px;margin:0}.checkout-navigation{display:flex;gap:12px;align-items:center;border-top:1px solid #e8e4dc;padding-top:22px;margin-top:24px;font-size:12px}.checkout-navigation a{margin-left:auto;color:#59637a}.checkout-final{display:grid;gap:10px;margin:16px 0;font-size:13px;line-height:2}.checkout-final div{padding:12px;border-radius:10px;background:#f8f6f1}.checkout-submit{width:100%;margin-top:22px}.checkout-summary{position:sticky;top:100px}.checkout-summary>div{display:grid;gap:8px;border-bottom:1px solid #e8e4dc;padding:16px 0;font-size:12px;line-height:1.9}.checkout-summary small{font-size:11px;color:#667085}.checkout-summary strong{color:#694617}.checkout-summary .checkout-summary-total{background:#20252b;color:#fff;padding:18px;border-radius:13px;margin-top:18px;border:0}.checkout-summary-total small{color:#e0e6f0}.checkout-summary-total b{font-size:22px}.checkout-summary>p{font-size:11px;line-height:2;margin:15px 0;color:#6a6038}.checkout-summary>a{font-size:12px;color:#694617;text-decoration:underline}.checkout-preview-dialog{padding:24px;border:1px solid #cadbd6;border-radius:20px;width:min(850px,95vw);max-height:92vh;background:#fff;color:#20252b;overflow:auto}.checkout-preview-dialog::backdrop{background:#131b34b3;backdrop-filter:blur(4px)}.checkout-preview-dialog header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}.checkout-preview-dialog header h2{font-weight:900}.checkout-preview-dialog header button{width:40px;height:40px;font-size:26px;border-radius:10px;background:#f8f6f1;cursor:pointer}.checkout-preview-dialog svg{display:block;max-width:100%;max-height:65vh;margin:auto;background:#ecf0ed}.checkout-preview-dialog p{font-size:11px;line-height:2;margin-top:15px}.checkout-record{max-width:1050px;margin:28px auto;padding:28px}.checkout-record h1{font-size:24px;font-weight:900;margin-bottom:20px}.checkout-record p{font-size:13px;line-height:2}.checkout-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-record-item{border:1px solid #e8e4dc;padding:18px;border-radius:14px;margin:16px 0}.checkout-record-item h3{font-weight:900;line-height:1.9}.checkout-record-item img{width:160px;height:150px;object-fit:contain}.checkout-record a{color:#694617;text-decoration:underline}.checkout-record-actions{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.checkout-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.checkout-table th,.checkout-table td{padding:12px;border-bottom:1px solid #e8e4dc;text-align:right;vertical-align:top}.checkout-table th{background:#f8f6f1}.checkout-admin{margin:20px 0}.checkout-admin .checkout-fields{grid-template-columns:repeat(3,1fr)}[data-checkout] [hidden],.checkout-upload [hidden]{display:none!important}
@media(max-width:1000px){.checkout-layout{grid-template-columns:1fr 260px;padding:0 16px;gap:16px}.checkout-form{padding:18px}.checkout-admin .checkout-fields{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr;margin-top:18px;padding:0 12px}.checkout-summary{position:static}.checkout-steps{gap:5px}.checkout-steps button{padding:10px 4px;font-size:10px}.checkout-fields,.checkout-admin .checkout-fields,.checkout-record-grid{grid-template-columns:1fr}.checkout-item-body{padding:13px}.checkout-upload-grid{grid-template-columns:1fr}.checkout-record{margin:18px 12px;padding:18px}.checkout-navigation{gap:8px}.checkout-navigation a{font-size:10px}.checkout-navigation button{font-size:11px}.checkout-table{font-size:11px}.checkout-table th,.checkout-table td{padding:8px}}
/* Natural-height continuation workspace; no floating form or nested scrolling. */
.checkout-discard{margin-top:14px;text-align:center}.shahbaz-site main form.checkout-discard:hover{transform:none;box-shadow:none}
.checkout-precart-label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #e8e4dc;color:#607975;font-size:11px;line-height:2}.checkout-precart-label b{color:#80571d}.checkout-precart-label span{margin-inline-start:auto;border-radius:8px;padding:4px 9px;background:#fff7d9;color:#665522}.checkout-precart-note{font-size:10px!important;margin:14px 0 0}.checkout-design-pricing{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.checkout-design-pricing>div{border:1px solid #e8e4dc;border-radius:14px;padding:18px;background:#f8f6f1}.checkout-design-pricing small,.checkout-design-pricing b{display:block;font-size:11px;line-height:2}.checkout-design-pricing small{color:#627c70;margin-bottom:6px}.checkout-design-pricing p{font-size:10px;line-height:2;color:#667085;margin-top:10px}.checkout-design-pricing button{margin-top:14px}.checkout-preview-dialog [data-preview-content]{border:1px solid #cadbd6;border-radius:12px;padding:12px;background:#f8f6f1}
@media(max-width:760px){.checkout-design-pricing{grid-template-columns:1fr}}
.shahbaz-site main form.checkout-form,.shahbaz-site main form.checkout-form:hover,.shahbaz-site main form.checkout-cart-form,.shahbaz-site main form.checkout-cart-form:hover,.shahbaz-site main aside.checkout-summary:hover,.shahbaz-site main article.checkout-cart-item:hover{transform:none;transition:none;box-shadow:none}
.checkout-layout{max-width:1360px;grid-template-columns:minmax(0,1fr) 340px;gap:24px}
.checkout-form{padding:24px;border-color:#e0e7e4}
.checkout-steps button{cursor:pointer;min-height:44px;transition:background .18s,color .18s}
.checkout-steps button:hover{background:#dcece7}
.checkout-steps button[aria-current=step]{background:#80571d;color:white;box-shadow:0 3px 10px #80571d1a}
.checkout-item>summary span{flex:1;min-width:0;overflow-wrap:anywhere}
.checkout-item-body>.checkout-specs{margin:0 0 18px}
.checkout-specs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.checkout-specs li{background:#f2f6f5;border:1px solid #e2eae7;color:#546779;border-radius:7px;padding:3px 8px;font-size:10px;line-height:1.9;overflow-wrap:anywhere}
.checkout-design-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 20px}
.checkout-design-choices button{display:flex;align-items:flex-start;gap:12px;border:1px solid #d6e3df;border-radius:14px;padding:20px 16px;text-align:right;background:#fff;color:#20252b;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;min-width:0}
.checkout-design-choices button:hover{background:#f6faf8;border-color:#72a69a}
.checkout-design-choices button:focus-visible,.checkout-steps button:focus-visible{outline:3px solid #80571d;outline-offset:3px}
.checkout-design-choices button[aria-pressed=true]{background:#edf7f3;border-color:#80571d;box-shadow:inset 0 0 0 1px #80571d}
.checkout-design-choices svg{width:28px;height:28px;flex:none;color:#80571d}
.checkout-design-choices span{min-width:0;flex:1}
.checkout-design-choices b{display:block;font-size:13px;line-height:1.9}
.checkout-design-choices small{display:block;color:#62716d;font-size:11px;line-height:2;margin-top:5px}
.checkout-design-choices i{width:16px;height:16px;flex:none;border-radius:50%;border:1px solid #aec5bd;margin-top:4px}
.checkout-design-choices [aria-pressed=true] i{background:#80571d;border:4px solid #fff;box-shadow:0 0 0 1px #80571d}
.checkout-summary{position:static;height:auto;max-height:none;overflow:visible;padding:22px;background:linear-gradient(150deg,#fff,#f5faf7)}
.checkout-summary-heading>span{font-size:10px;color:#627c70}.checkout-summary-heading h2{margin:5px 0 6px;font-size:17px}
.checkout-summary .checkout-summary-identity{display:flex;align-items:center;gap:12px}
.checkout-summary-identity img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff;flex:none}
.checkout-summary-identity b{display:block;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.checkout-summary-identity small{display:block;margin-top:4px}
.checkout-summary .checkout-summary-total b{font-size:23px;line-height:1.9}
.checkout-summary .checkout-summary-total b small{font-size:11px;color:#e9d7b5}
.checkout-summary .checkout-cart-continue{display:flex;margin-top:18px;text-decoration:none}
.checkout-cart-form{min-width:0;display:grid;gap:16px}
.checkout-cart-item{min-width:0;background:#fff;padding:22px;border:1px solid #e0e7e4;border-radius:20px}
.checkout-cart-product{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center}
.checkout-cart-image{aspect-ratio:1;background:#f6f5f1;border-radius:14px;overflow:hidden}
.checkout-cart-image img{width:100%;height:100%;object-fit:contain}
.checkout-cart-product small{font-size:10px;color:#627c70}.checkout-cart-product h2{font-size:17px;font-weight:900;line-height:1.9;margin:4px 0 10px;overflow-wrap:anywhere}
.checkout-cart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #e5ece8;font-size:12px}
.checkout-cart-controls label{display:flex;align-items:center;gap:12px;font-size:11px}
.checkout-cart-controls input{width:84px;border:1px solid #d5e2dd;border-radius:10px;min-height:40px;text-align:center;outline-color:#80571d}
.checkout-cart-controls strong{margin-inline-start:auto;color:#80571d}
.checkout-cart-controls button.sh-action-button{min-height:38px;padding:8px 16px;font-size:11px}
.checkout-cart-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.checkout-cart-empty{grid-column:1/-1;text-align:center;padding:45px 20px}.checkout-cart-empty a{display:inline-block;margin-top:20px;color:#80571d}
@media(max-width:1050px){.checkout-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.checkout-form{padding:18px}.checkout-design-choices{grid-template-columns:1fr}.checkout-design-choices button{padding:16px}.checkout-summary{padding:18px}}
@media(max-width:760px){.checkout-layout{grid-template-columns:minmax(0,1fr)}.checkout-cart-product{grid-template-columns:74px minmax(0,1fr);gap:12px}.checkout-cart-item{padding:16px}.checkout-cart-product h2{font-size:15px}.checkout-navigation{flex-wrap:wrap}.checkout-navigation [data-step-next]{margin-inline-start:auto}.checkout-steps button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.checkout-design-choices button,.checkout-steps button{transition:none}}
@media print{header,footer,.checkout-record-actions{display:none!important}.checkout-record{max-width:none;border:0;margin:0;padding:10mm}.checkout-table{font-size:11px}.checkout-record-item{break-inside:avoid}}
/* Separate compact delivery stage and expandable legal text. */
.checkout-delivery [hidden]{display:none!important}
.checkout-legal-box{margin-top:24px;border-top:1px solid #e8e4dc;padding-top:22px}
.checkout-legal-row{margin:12px 0;padding:14px;border:1px solid #e0e8e4;border-radius:12px;background:#fafcfb}
.checkout-legal-row .checkout-guide{margin:8px 0 0;border:0;border-radius:8px}
.checkout-legal-row .checkout-guide>summary{padding:9px 12px;font-size:11px;color:#80571d;background:#edf5f1}
.checkout-guide-body{padding:12px;background:#fff}
.checkout-guide .checkout-guide-body p{padding:0;margin:0 0 14px;line-height:2.2}
.checkout-guide-body a{color:#694617;font-size:11px;text-decoration:underline}
.checkout-delivery .checkout-fields{margin:14px 0;gap:14px}
.checkout-delivery .checkout-legal-row label{line-height:2;font-size:12px}
.checkout-navigation button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
