@keyframes orderStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes previewSpin{to{transform:rotate(360deg)}}@layer components{.order-body .order-layout{max-width:900px;margin:0 auto;display:block}.order-body .order-layout .order-panel{max-width:none;margin:0}.order-body .form-step.active{animation:.32s cubic-bezier(.2,.7,.2,1) both orderStepIn}.order-body .form-title:focus{outline:none}.order-body .steps-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:720px;margin:28px auto 34px;padding:0;list-style:none;display:grid}.order-body .steps-progress .progress-item{text-align:center;color:#9d948c;flex-direction:column;align-items:center;min-width:0;line-height:1.5;display:flex;position:relative;gap:8px!important;font-size:12px!important}.order-body .steps-progress .progress-item b{background:#fffdfa;width:30px;height:30px;font-size:12px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.order-body .steps-progress .progress-item.active b,.order-body .steps-progress .progress-item.done b{background:var(--wine);border-color:var(--wine);color:#fff}.order-body .steps-progress .progress-item:not(:last-child):after{content:"";top:14px;background:var(--line);border-radius:2px;height:2px;transition:background .25s;position:absolute;inset-inline:calc(50% + 24px) calc(24px - 50%)}.order-body .steps-progress .progress-item.done:not(:last-child):after{background:var(--wine)}.order-body .steps-progress .progress-item.done{color:var(--wine)}.order-body .steps-progress .progress-item.active{color:var(--ink);font-weight:700}.order-body .steps-progress .progress-item.active b{box-shadow:0 0 0 4px #8b663c26}.order-body .progress-link{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0 6px;display:flex}.order-body .progress-link:hover span:not(.sr-only){text-decoration:underline}.order-body .pick-tile{transition:transform .2s,border-color .2s,box-shadow .25s,background .2s;position:relative}.order-body .pick-tile:active{transform:scale(.98)}.order-body .pick-tile.selected{box-shadow:0 12px 30px #8b663c2e}.order-body .pick-tile:after{content:"✓";top:14px;z-index:2;background:var(--wine);color:#fff;opacity:0;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;transition:opacity .2s,transform .25s cubic-bezier(.2,1.4,.4,1);display:grid;position:absolute;inset-inline-start:14px;transform:scale(.5)}.order-body .pick-tile.selected:after{opacity:1;transform:none}.order-body .button{min-height:48px}.order-body .button:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.98)}.order-body .button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.order-body .button-back{min-height:44px;padding:0 8px;transition:color .2s}.order-body .button-back:hover{color:var(--wine)}.order-body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--wine);outline-offset:2px}.order-body .order-actions-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.order-body .button-whatsapp span{margin-right:0}.order-body .inline-link{min-height:32px;color:var(--wine);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.order-body .field input,.order-body .field select,.order-body .field textarea{scroll-margin-top:110px}.order-body .field.has-error input,.order-body .field.has-error select,.order-body .field.has-error textarea{border-color:#b3374f;box-shadow:0 0 0 3px #b3374f14}.order-body .field-error{font-weight:700;color:#a1243e!important}.order-body .order-notice-warn{background:#fbeceb;border-right-color:#b3374f}.order-body .order-notice-warn a{color:var(--wine);text-decoration:underline}.order-body .summary-edit{flex-wrap:wrap;gap:6px 22px;margin:0 0 4px;font-size:12px;display:flex}.order-body .summary-list a{color:var(--wine);text-decoration:underline}.order-body .manual-steps ol{margin:8px 0;padding-right:20px}.order-body .manual-steps p{margin:8px 0 0}.order-body .complete-box{flex-direction:column;gap:10px;max-width:440px;margin-top:24px;display:flex}.order-body .button-lg{width:100%;min-height:58px;font-size:14px}.order-body .complete-caption{color:var(--muted);margin:0 0 6px;font-size:11px;line-height:1.9}.order-body .message-preview{margin-top:18px;font-size:12px}.order-body .message-preview summary{cursor:pointer;color:var(--wine);min-height:32px;font-weight:700}.order-body .message-preview pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);background:#f7f2ec;border-radius:5px;margin:10px 0 0;padding:14px;font:12px/2 Noto Kufi Arabic,Segoe UI,Tahoma,sans-serif}.order-body .phone-preview{aspect-ratio:9/18.5;background:#1b1515;border:8px solid #29211e;border-radius:34px;width:100%;max-width:300px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 44px #28151c33}.order-body .phone-preview-frame{background:var(--ivory);border:0;width:100%;height:100%;display:block}.order-body .phone-preview.is-bleed{aspect-ratio:auto;max-width:none;height:100%;box-shadow:none;background:var(--ivory);border:0;border-radius:0}.order-body .preview-veil{z-index:2;text-align:center;color:var(--wine);background:linear-gradient(#faf6f0,#f1e6dc);place-content:center;justify-items:center;gap:14px;padding:24px;transition:opacity .3s,visibility 0s linear .3s;display:grid;position:absolute;inset:0}.order-body .preview-veil[data-state=ready]{opacity:0;visibility:hidden;pointer-events:none}.order-body .preview-veil p{align-items:center;gap:10px;margin:0;font-size:12px;font-weight:700;display:flex}.order-body .preview-spinner{border:2px solid #d8c3bb;border-top-color:var(--wine);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite previewSpin}.order-body .order-aside{text-align:center;align-self:start;position:sticky;top:20px}.order-body .order-aside h2{margin-bottom:4px;font:26px Amiri,serif}.order-body .order-aside p{color:var(--muted);margin-bottom:14px;font-size:11px;line-height:1.9}.order-body .aside-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;margin-top:14px;font-size:12px;display:flex}.order-body .aside-links .text-link{padding-bottom:4px}.order-body .preview-sheet{overscroll-behavior:contain;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);opacity:0;transition:opacity .26s ease, transform .28s cubic-bezier(.2, .8, .2, 1), overlay .28s allow-discrete, display .28s allow-discrete;background:#f9f5f0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;transform:translateY(28px)}.order-body .preview-sheet:focus{outline:none}.order-body .preview-sheet[open]{opacity:1;grid-template-rows:auto minmax(0,1fr) auto;display:grid;transform:none}@starting-style{.order-body .preview-sheet[open]{opacity:0;transform:translateY(28px)}}.order-body .preview-sheet::backdrop{opacity:0;transition:opacity .28s ease, overlay .28s allow-discrete, display .28s allow-discrete;background:#1b1515}.order-body .preview-sheet[open]::backdrop{opacity:.55}@starting-style{.order-body .preview-sheet[open]::backdrop{opacity:0}}.order-body .preview-sheet-bar{padding:calc(6px + env(safe-area-inset-top)) 10px 6px;border-bottom:1px solid var(--line);background:#fffdfa;justify-content:space-between;align-items:center;gap:12px;display:flex}.order-body .preview-sheet-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.order-body .sheet-icon{width:44px;height:44px;color:var(--ink);background:#f3ece4;border:0;border-radius:50%;flex:none;place-items:center;font-size:18px;line-height:1;transition:background .2s,transform .15s;display:grid}.order-body .sheet-icon:hover{background:#eadfd0}.order-body .sheet-icon:active{transform:scale(.92)}.order-body .preview-sheet-body{min-height:0;position:relative}.order-body .preview-sheet-note{padding:6px 14px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;color:var(--muted);background:#fffdfa;margin:0;font-size:10px;line-height:1.8}html:has(.preview-sheet[open]){overflow:hidden}html:has(.preview-sheet[open]) body{overflow:hidden}@media (min-width:1024px){.order-body .order-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;max-width:1220px;display:grid}}@media (max-width:760px){.order-body .order-main{padding:18px 14px 64px}.order-body .steps-progress{margin:20px auto 22px}.order-body .steps-progress .progress-item{font-size:11px!important}.order-body .steps-progress .progress-item:not(:last-child):after{inset-inline:calc(50% + 21px) calc(21px - 50%)}.order-body .form-grid,.order-body .option-list,.order-body .summary-list{grid-template-columns:1fr}.order-body .order-actions{flex-direction:column-reverse;align-items:stretch;gap:6px}.order-body .order-actions-end{flex-direction:column-reverse;align-items:stretch;width:100%}.order-body .order-actions-end .button{width:100%}.order-body .button-back{align-self:center}.order-body .complete-box{max-width:none}.order-body .field input,.order-body .field select,.order-body .field textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.order-body *,.order-body :before,.order-body :after,.order-body .preview-sheet,.order-body .preview-sheet::backdrop{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}