.order-page{max-width:1240px;margin:auto;padding:54px 32px 100px}.order-hero{max-width:830px;margin-bottom:40px}.order-hero h1{margin:8px 0 18px;font:clamp(42px,6vw,70px)/1.02 Georgia,serif;letter-spacing:-.035em;color:#173e39}.order-hero>p:last-child{max-width:760px;color:#596863;font-size:18px;line-height:1.7}.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 42px;padding:0;list-style:none;border-block:1px solid #ddd4c8}.order-steps li{display:flex;align-items:center;gap:12px;padding:18px 12px;color:#77817c}.order-steps li+li{border-left:1px solid #ddd4c8}.order-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2ef}.order-steps .active{color:#173e39;font-weight:800}.order-steps .active b{background:#0f7771;color:#fff}.order-stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.pattern-browser,.order-tray,.order-form-card{border:1px solid #ddd4c8;background:#fff}.pattern-browser{padding:28px}.browser-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.browser-heading h2,.order-tray h2,.order-form-card h2,.order-success h2{margin:4px 0;font:clamp(30px,4vw,44px)/1.08 Georgia,serif;color:#173e39}.browser-heading label{font-size:12px;font-weight:800;color:#294a44}.browser-heading input{display:block;width:220px;margin-top:7px;padding:12px;border:1px solid #bfc9c4}.selection-help{color:#69756f}.order-pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.order-pattern-card{position:relative;padding:0;border:2px solid transparent;background:#f3f6f4;cursor:pointer;text-align:left}.order-pattern-card:hover,.order-pattern-card:focus-visible{border-color:#0f7771}.order-pattern-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.order-pattern-card span{display:block;padding:10px 11px;font-weight:800;color:#173e39}.order-pattern-card.selected{border-color:#0f7771;box-shadow:0 0 0 2px #b7ded9}.order-secondary,.order-primary{border:0;cursor:pointer;font-weight:900}.order-secondary{display:block;margin:24px auto 0;padding:12px 20px;background:#edf2ef;color:#173e39}.order-primary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:14px 20px;background:#0f7771;color:#fff}.order-primary:disabled{background:#9aaba7;cursor:not-allowed}.order-tray{position:sticky;top:18px}.tray-top{position:relative;padding:24px;border-bottom:1px solid #ddd4c8}.tray-top .eyebrow{margin-bottom:4px}.tray-top span{position:absolute;right:24px;bottom:29px;font-size:12px;color:#68716a}.tray-empty{padding:46px 26px;text-align:center;color:#6d7872}.tray-empty span{display:block;font-size:42px;color:#d3a83e}.tray-item{display:grid;grid-template-columns:74px 1fr auto;gap:12px;padding:16px;border-bottom:1px solid #e8e2d8}.tray-item img{width:74px;height:74px;object-fit:contain}.tray-item strong,.tray-item small{display:block}.tray-item small{margin-top:5px;color:#68716a}.tray-item button{align-self:start;border:0;background:none;color:#8d463c;text-decoration:underline;cursor:pointer}.tray-actions{padding:22px}.tray-actions p{font-size:12px;color:#68716a;line-height:1.5}.tray-actions .order-primary{width:100%}.choice-dialog{padding:22px;border:0;box-shadow:0 24px 80px #173e3950;max-width:480px;width:calc(100% - 32px)}.choice-dialog::backdrop{background:#173e3966}.choice-head{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}.choice-head img{width:120px;height:120px}.choice-head h2{font:30px Georgia,serif;margin:0}.choice-dialog fieldset{border:0;padding:0;margin:24px 0}.choice-dialog legend{font-weight:900;margin-bottom:10px}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-options label{display:grid;place-items:center;min-height:54px;border:1px solid #bfc9c4;cursor:pointer;font-weight:800}.size-options input{position:absolute;opacity:0}.size-options label:has(input:checked){background:#173e39;color:#fff;border-color:#173e39}.quantity-row{display:flex;align-items:center;gap:12px}.quantity-row input{width:90px;padding:11px;border:1px solid #bfc9c4}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-cancel{border:1px solid #bfc9c4;background:#fff;padding:12px 18px;cursor:pointer}.order-form-card{max-width:820px;margin:auto;padding:clamp(26px,5vw,54px)}.order-back{border:0;background:none;padding:0;margin-bottom:28px;color:#0d665f;font-weight:800;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.order-form-card label:not(.approval){display:block;margin:18px 0;font-weight:800}.order-form-card input:not([type=checkbox]),.order-form-card textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bfc9c4}.honeypot{position:absolute!important;left:-10000px!important}.review-customer{margin:24px 0;padding:18px;background:#f3f6f4}.review-customer p{margin:5px 0}.review-line{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e2ddd5}.review-line img{width:80px;height:80px;object-fit:contain}.review-line strong,.review-line span{display:block}.review-line span{color:#68716a}.review-notice{margin:28px 0;padding:18px;border-left:4px solid #e3ad3a;background:#fff8e9}.review-notice p{margin:6px 0 0}.approval{display:flex;gap:12px;align-items:flex-start;margin:22px 0;font-weight:800}.approval input{margin-top:4px;width:20px;height:20px}.submit-status{min-height:24px;margin:12px 0;color:#8b302c}.order-success{max-width:760px;margin:auto;padding:70px 40px;text-align:center;border:1px solid #c9d9d4;background:#f5faf8}.order-success>span{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:#0f7771;color:#fff;font-size:34px}.order-success .eyebrow{justify-content:center;margin-top:24px}.order-success p{line-height:1.7}.order-success .order-primary{margin-top:18px}.order-stage[hidden],.order-form-card[hidden],.order-success[hidden]{display:none!important}@media(max-width:980px){.order-stage{grid-template-columns:1fr}.order-tray{position:static}.order-pattern-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.order-page{padding:36px 14px 70px}.order-steps li{padding:12px 7px;justify-content:center}.order-steps span{display:none}.browser-heading{display:block}.browser-heading input{width:100%}.order-pattern-grid{grid-template-columns:repeat(2,1fr)}.pattern-browser{padding:16px}.field-row{grid-template-columns:1fr}.review-line{grid-template-columns:64px 1fr}.review-line>strong:last-child{grid-column:2}.choice-head{grid-template-columns:90px 1fr}.choice-head img{width:90px;height:90px}}
