body.order-modal-open{overflow:hidden}
.order-modal[hidden]{display:none}
.order-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(19,15,11,.7);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.order-dialog{width:min(900px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#fbf5e9;color:#2c2620;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 30px 90px rgba(26,18,9,.42);position:relative}
.order-dialog__head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;padding:28px 30px 22px;background:rgba(251,245,233,.96);border-bottom:1px solid rgba(26,22,18,.14);backdrop-filter:blur(12px)}
.order-dialog__eyebrow{margin:0 0 7px;font:600 10px/1.2 "Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7a5722}
.order-dialog h2{margin:0;font:500 clamp(30px,5vw,43px)/1 "Cormorant Garamond",Georgia,serif;color:#1a1612}
.order-dialog__close{width:42px;height:42px;border:1px solid rgba(26,22,18,.24);border-radius:50%;background:transparent;color:#1a1612;font:300 28px/1 Arial,sans-serif;cursor:pointer;transition:background .15s ease,transform .15s ease}
.order-dialog__close:hover{background:#efe3ce}.order-dialog__close:active{transform:scale(.96)}
.order-form{padding:26px 30px 30px}
.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.order-field{display:grid;gap:8px;min-width:0}.order-field--full{grid-column:1/-1}
.order-field label,.order-group legend{font:600 13px/1.35 "Inter",sans-serif;color:#2c2620}
.order-required{color:#8b3024}
.order-field input,.order-field textarea{width:100%;min-height:48px;border:1px solid rgba(26,22,18,.25);border-radius:8px;background:#fffdf8;color:#1a1612;padding:12px 13px;font:400 16px/1.4 "Inter",sans-serif;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.order-field textarea{min-height:104px;resize:vertical}
.order-field input:focus,.order-field textarea:focus{border-color:#7a5722;box-shadow:0 0 0 3px rgba(184,133,58,.16)}
.order-field input[readonly]{background:#efe7d9;color:#51483f}
.order-field-error{min-height:17px;margin:0;color:#8b3024;font:500 12px/1.4 "Inter",sans-serif}
.order-group{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}.order-group legend{padding:0 0 10px}
.order-methods{display:flex;flex-wrap:wrap;gap:8px}
.order-choice{position:relative}.order-choice input{position:absolute;opacity:0;pointer-events:none}
.order-choice span{display:block;padding:9px 13px;border:1px solid rgba(26,22,18,.25);border-radius:999px;background:#fffdf8;color:#51483f;font:600 13px/1.2 "Inter",sans-serif;cursor:pointer;transition:.15s ease}
.order-choice input:checked+span{background:#1a1612;border-color:#1a1612;color:#fbf5e9}
.order-choice input:focus-visible+span{outline:3px solid rgba(184,133,58,.35);outline-offset:2px}
.order-consent{grid-column:1/-1;display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;padding-top:4px;font:400 13px/1.5 "Inter",sans-serif;color:#51483f}
.order-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:#7a5722}.order-consent a{color:#6f2a1d;text-underline-offset:3px}
.order-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.order-submit-row{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding-top:4px}
.order-submit{min-height:50px;padding:0 25px;border:0;border-radius:999px;background:#b8853a;color:#fff;font:700 14px/1 "Inter",sans-serif;cursor:pointer;transition:background .15s ease,transform .15s ease}
.order-submit:hover{background:#7a5722}.order-submit:active{transform:translateY(1px)}.order-submit:disabled{opacity:.55;cursor:wait}
.order-form__status{margin:0;font:500 13px/1.45 "Inter",sans-serif;color:#8b3024}
.order-success{padding:56px 30px 62px;text-align:center}.order-success[hidden]{display:none}
.order-success__mark{width:54px;height:54px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:#b8853a;color:#fff;font:700 25px/1 Arial,sans-serif}
.order-success h3{margin:0 0 10px;font:500 36px/1 "Cormorant Garamond",Georgia,serif;color:#1a1612}.order-success p{max-width:470px;margin:0 auto 24px;color:#6e6358}
.order-success button{min-height:44px;padding:0 22px;border:1px solid rgba(26,22,18,.25);border-radius:999px;background:transparent;color:#1a1612;font-weight:650;cursor:pointer}
@media(max-width:680px){.order-modal{padding:0;place-items:end center}.order-dialog{max-height:96dvh;border-radius:18px 18px 0 0}.order-dialog__head{padding:21px 20px 17px}.order-form{padding:21px 20px 28px}.order-grid{grid-template-columns:1fr;gap:15px}.order-field--full,.order-group,.order-consent,.order-submit-row{grid-column:auto}.order-submit-row{display:grid}.order-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.order-modal *{scroll-behavior:auto!important;transition:none!important}}
