/* The order desk extends the homepage's blue, ink and stitched ribbons. */
.order-page{background:#f4f6ff;padding-top:96px;color:#101425}
.order-page .header{background:#0c1430;border-bottom-color:#cad4ff26}
.order-page .header nav a[aria-current]{color:#c9d4ff}
.order-page .header nav a:hover{color:#c9d4ff}
.order-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;max-width:1600px;margin:auto;padding:64px 5% 85px}
.order-layout:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../assets/ribbon-thread.svg') 25% 0 / 1500px 1600px repeat-y;opacity:.7;pointer-events:none}
.order-intro{padding-top:20px;min-width:0}
.order-intro .eyebrow{font-size:12px;letter-spacing:1.7px;margin:0 0 35px;gap:12px}
.order-intro h1{font-size:clamp(58px,6.3vw,99px);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin:0 0 25px}
.order-intro h1 span{color:#163ce8}
.intro-copy{font-size:19px;line-height:1.65;max-width:360px;margin:0 0 30px;color:#4a5369}
.minimum{display:flex;align-items:center;gap:15px;font-size:15px;color:#4a5369;margin:0 0 42px}
.minimum>span{display:inline-flex;border:1px solid #899cc061;border-radius:99px;padding:8px 17px;font-weight:600;font-size:22px;letter-spacing:-1px;color:#0c1430}
.small-label{font-size:12px;font-weight:550;letter-spacing:1.3px}
.rep-note{border-top:1px solid #b0bcd166;padding-top:26px;max-width:390px}
.rep-note>a{font-size:clamp(25px,2.6vw,38px);letter-spacing:-1.2px;display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.rep-note>a span{font-size:23px;color:#163ce8}
.rep-note p{font-size:16px;color:#4a5369;line-height:1.6;max-width:315px;margin:12px 0 0}
.inline-button{background:transparent;padding:0;text-decoration:underline;text-underline-offset:4px;color:#163ce8}
.intro-merch{display:flex;align-items:center;gap:25px;margin-top:70px;max-width:420px}
.intro-merch img{width:42%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50% 48% 44% 47%}
.intro-merch p{font-size:20px;line-height:1.4;letter-spacing:-.5px;color:#536384}
.order-workspace{min-width:0;background:#ffffffed;border:1px solid #dbe1f0;border-radius:24px;padding:30px 38px 34px;box-shadow:0 20px 60px #17295e08}
.form-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:22px}
.form-topline .small-label{font-size:11px;letter-spacing:1px}.request-number{color:#6b758a;font-size:11px;white-space:nowrap}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d5dcea;padding:4px;border-radius:99px;background:#f4f6fb;gap:5px;margin-bottom:27px}
.mode-switch button{background:transparent;padding:13px 8px;border-radius:99px;font-size:14px;color:#52607a}
.mode-switch button[aria-pressed=true]{background:#0c1430;color:#fff;box-shadow:0 2px 6px #0c143019}
.form-progress{list-style:none;display:flex;padding:0;margin:0 0 32px;gap:20px;justify-content:space-between}
.form-progress li{font-size:13px;color:#768197;display:flex;align-items:center;gap:8px;white-space:nowrap}
.form-progress li span{font-size:11px;border:1px solid #d9dfeb;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}
.form-progress li[aria-current]{color:#163ce8}.form-progress li[aria-current] span{background:#eaf0ff;border-color:#163ce85c}
.form-step h2{font-size:35px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin:0 0 9px}
.form-step h2:focus{outline:none}.step-intro{font-size:16px;color:#667086;line-height:1.5;margin:0 0 27px}
.field-grid,.item-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.field{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.4;color:#344058;font-weight:500;min-width:0}
.full{grid-column:1/-1}
.field input,.field textarea,.field select{min-width:0;width:100%;border:1px solid #d3daE8;background:#fbfcff;border-radius:9px;padding:14px;font:400 16px/1.45 'DM Sans',Arial,sans-serif;color:#121b31;transition:border-color .15s}
.field input{min-height:53px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7f899d}
.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #163ce838;outline-offset:2px;border-color:#163ce8}
.field [aria-invalid=true]{border-color:#ad2e39;background:#fff9f9}.field-error{font-weight:400;color:#a22634;font-size:13px}
.field-note{font-size:13px;line-height:1.55;color:#6d768a;font-weight:400;margin:12px 0 0}
.optional{font-size:12px;color:#727e93;font-weight:400}.field .optional{display:inline}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid #e0e5ef}
.order-primary{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:16px 22px;background:#163ce8;color:white;border-radius:99px;font-size:15px;min-height:54px}
.order-primary:hover{background:#0e2ec4}.order-primary span{font-size:20px}.order-back{background:none;padding:12px 0;font-size:14px}.step-count{font-size:11px;letter-spacing:1px;color:#737f94}
.what-next{margin-top:34px;padding-top:28px;border-top:1px solid #dfe5f0}.what-next>.small-label{color:#69758c}.what-next>p{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:12px 0 20px}.what-next ol{list-style:none;padding:0;margin:0;display:grid;gap:22px}.what-next li{display:flex;gap:14px}.what-next li>span{font-size:12px;color:#b28a3d;line-height:22px}.what-next strong{font-size:14px;font-weight:550}.what-next li p{font-size:14px;color:#6d768a;line-height:1.6;margin:5px 0 0}
.order-page footer{color:white}.order-page footer>a:nth-of-type(2){font-size:15px}
.quantity-tiers{border:0;padding:0;margin:0 0 28px}.quantity-tiers legend{font-size:14px;font-weight:500;margin-bottom:12px}.tier-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tier-options label{position:relative}.tier-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.tier-options span{display:block;text-align:center;border:1px solid #dae0ee;border-radius:7px;padding:10px 4px;font-size:14px;background:#f7f9ff}.tier-options input:checked+span{border-color:#163ce8;color:#163ce8;background:#eef2ff}.tier-options input:focus-visible+span{outline:2px solid #163ce8;outline-offset:3px}
.items-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.items-heading h3{font-size:15px;margin:0;font-weight:550}.items-heading>span{font-size:13px;color:#163ce8;white-space:nowrap}.order-item{margin:0 0 17px;padding:18px;border:1px solid #dbe1ec;border-radius:10px;background:#f8faff}.order-item legend{padding:0 7px;font-size:12px;color:#6c7890}.item-grid{grid-template-columns:minmax(0,1fr) 95px;gap:15px}.order-item input,.order-item textarea{background:#fff}.remove-item{background:none;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:#67748c;padding:12px 0 0}.add-item{background:none;color:#163ce8;border:1px dashed #a2b5ef;width:100%;padding:13px;border-radius:9px;font-size:14px}.add-item:hover{background:#eef2ff}.form-step>.field{margin-top:25px}
.optional-details{margin-top:27px;border-top:1px solid #dce3ef;border-bottom:1px solid #dce3ef}.optional-details summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px}.optional-details summary::-webkit-details-marker{display:none}.optional-details summary>span{font-size:12px;color:#728098}.optional-content{padding:0 0 22px;display:grid;gap:20px}.optional-content .field-note{margin:0}.field input[type=file]{padding:12px;font-size:13px}.field input::file-selector-button{border:0;background:#e6ecfa;color:#213d8e;border-radius:5px;padding:8px 12px;margin-right:10px;cursor:pointer}
#callback-fields{margin-top:20px;display:grid;gap:20px}.form-errors{padding:14px 16px;background:#fff1f1;border-left:3px solid #b93744;color:#942633;font-size:14px;line-height:1.5;margin-bottom:22px}.request-review{display:grid;gap:22px}.review-group{padding-bottom:20px;border-bottom:1px solid #e1e6ef}.review-group h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#77849b;font-weight:500;margin:0 0 12px}.review-group p{font-size:15px;line-height:1.6;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.review-group strong{font-weight:550}.delivery-note{background:#eef2ff;border-left:3px solid #163ce8;padding:17px 19px;margin-top:24px;font-size:14px;line-height:1.6}.delivery-note p{margin:5px 0 0}.delivery-note strong{font-weight:600}
@media(min-width:1100px){.order-intro{position:sticky;top:125px;align-self:start}}
@media(max-width:1100px){.order-layout{gap:5%;padding:42px 4% 60px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.order-workspace{padding:25px}.order-intro h1{font-size:62px}.form-topline .request-number{display:none}.form-progress{gap:10px}.form-progress li{font-size:12px;gap:5px}.intro-merch{display:none}}
@media(max-width:800px){.order-layout{display:block;max-width:650px;padding:35px 5% 55px}.order-intro{padding:0 0 30px}.order-intro .eyebrow{margin-bottom:17px;font-size:11px}.order-intro h1{font-size:clamp(45px,8vw,62px);margin-bottom:16px}.order-intro h1 br{display:none}.order-intro h1 span{display:block}.intro-copy{font-size:16px;max-width:430px;margin-bottom:18px;line-height:1.5}.minimum{margin:0;font-size:14px;gap:10px}.minimum>span{font-size:17px;padding:5px 13px}.rep-note{display:none}.order-workspace{padding:24px;border-radius:18px}.form-topline{padding-bottom:19px}.form-progress{gap:8px;margin-bottom:25px}.form-step h2{font-size:30px}.step-intro{margin-bottom:22px}.order-page{padding-top:86px}}
@media(max-width:480px){.order-layout{padding-top:27px}.order-intro h1{font-size:46px}.order-workspace{padding:22px 18px}.form-topline .small-label{font-size:10px;letter-spacing:.65px}.mode-switch button{font-size:13px;padding:12px 4px}.form-progress li{font-size:11px;gap:5px}.form-progress li span{width:22px;height:22px;font-size:10px}.field-grid{grid-template-columns:1fr;gap:17px}.field input,.field textarea,.field select{padding:13px 12px}.step-count{display:none}.form-actions .order-primary{flex:1;font-size:14px;padding:14px 18px}.form-actions{gap:20px}.form-step h2{font-size:29px}.items-heading{align-items:flex-start}.items-heading h3{max-width:180px}.item-grid{grid-template-columns:minmax(0,1fr) 79px}.order-item{padding:12px}.order-item .field{font-size:13px}.what-next{margin-top:28px;padding-top:24px}.order-page footer{gap:24px 12px}.order-page footer>a:nth-of-type(2){font-size:13px}}
@media(prefers-reduced-motion:reduce){.order-page *{scroll-behavior:auto;transition:none}}

.preview-note{font-size:12px;color:#687691;padding:0 0 20px;margin:-10px 0 8px;border-bottom:1px solid #e0e5ef}#order-form{scroll-margin-top:0}


.mobile-call{display:none}.copy-request{background:none;font-size:13px;color:#163ce8;padding:12px 0;text-decoration:underline;text-underline-offset:3px}.copy-fallback{margin-top:15px}
@media(max-width:800px){.mobile-call{display:inline;margin-left:auto;font-size:13px;color:#163ce8;white-space:nowrap}.order-intro .eyebrow{display:none}.order-intro h1{font-size:42px}.order-intro{padding-bottom:25px}}
@media(max-width:480px){.form-topline{display:none}.order-intro h1{font-size:40px}.intro-copy{font-size:15px;margin-bottom:14px}.mode-switch{margin-bottom:22px}}

/* Approved variant controls reuse the existing form palette and input styles. */
.field select{min-height:53px;min-width:0;width:100%;background:#fff}
.variant-rows{display:grid;gap:15px;margin:18px 0}
.variant-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:12px}
.variant-grid .field{min-width:0}.variant-row+.variant-row{border-top:1px solid #dbe1ec;padding-top:15px}
.sample-note{margin:0 0 18px}.add-variant:disabled{opacity:.5;cursor:default}.field :disabled{opacity:.6}
.product-subtotal{font-variant-numeric:tabular-nums}.remove-variant{min-height:44px}
@media(max-width:600px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-grid .field:first-child{grid-column:1/-1}}