.order-page{--paper:#f3ece0;--paper-2:#ebe1d0;--card:#fffdf9;--ink:#4a1a21;--ink-soft:#4a1a21a8;--accent:#7a2c36;--accent-deep:#5c1f28;--gold:#c9a66b;--line:#4a1a2129;--gap-field:22px;--gap-group:20px;--pad-card:clamp(22px, 5.5vw, 40px);min-height:100vh;color:var(--ink);background:linear-gradient(170deg,#c8a288,#b98f74 55%,#c8a288);padding:clamp(16px,4vw,44px) clamp(10px,3vw,24px) 64px;font-family:Jost,sans-serif;font-weight:300;line-height:1.65}.order-card{background:var(--paper);max-width:660px;padding:clamp(26px, 6vw, 44px) var(--pad-card) clamp(22px, 5vw, 34px);border-radius:26px;margin:0 auto;box-shadow:0 26px 60px #58372642}.order-top{text-align:center}.order-brand{letter-spacing:.32em;color:var(--accent);font-family:Cormorant Garamond,serif;font-size:.72rem}.order-title{color:var(--accent-deep);margin:10px 0 0;font-family:Great Vibes,cursive;font-size:clamp(2.1rem,8vw,2.9rem);font-weight:400;line-height:1.25}.order-sub{color:var(--ink-soft);margin:8px 0 0;font-size:.92rem}.order-steps{scrollbar-width:none;gap:6px;margin:26px 0 0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.order-steps::-webkit-scrollbar{display:none}.order-steps li{flex:none}.order-stepbtn{min-height:40px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-family:inherit;font-size:.8rem;display:inline-flex}.order-stepn{border:1px solid #7a2c3666;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.76rem;display:grid}.order-stepbtn.on{background:var(--card);color:var(--accent-deep);border-color:#7a2c3666}.order-stepbtn.on .order-stepn{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--paper)}.order-stepbtn.done .order-stepn{background:var(--gold);border-color:var(--gold);color:#fff}.order-progress{background:#7a2c362e;border-radius:999px;height:3px;margin-bottom:30px;overflow:hidden}.order-progress span{background:var(--accent-deep);height:100%;transition:width .35s;display:block}.order-head{margin-bottom:22px}.order-head h2{color:var(--accent-deep);margin:0;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500}.order-head p{color:var(--ink-soft);margin:4px 0 0;font-size:.92rem}.order-step{display:none}.order-step.on{display:block}.order-group{background:var(--card);border:1px solid var(--line);margin-bottom:var(--gap-group);border-radius:20px;padding:clamp(18px,4.5vw,26px)}.order-group-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.order-group-t{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:.78rem}.order-group-head .order-group-t{margin-bottom:14px}.order-count{letter-spacing:0;color:var(--ink-soft)}.order-field{margin-bottom:var(--gap-field)}.order-field:last-child{margin-bottom:0}.order-row{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}@media (max-width:560px){.order-row{grid-template-columns:1fr}}.order-row>.order-field{min-width:0}.order-field label{letter-spacing:.03em;color:var(--accent);margin-bottom:9px;font-size:.82rem;display:block}.order-field input,.order-field textarea,.order-field select,.order-faq input,.order-faq textarea{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);box-sizing:border-box;background:#fff;border-radius:14px;outline:none;padding:13px 16px;font-family:Jost,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.order-field textarea,.order-faq textarea{resize:vertical;min-height:96px;line-height:1.6}.order-field input:focus,.order-field textarea:focus,.order-faq input:focus,.order-faq textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7a2c361f}.order-field input[dir=rtl],.order-field textarea[dir=rtl],.order-faq input[dir=rtl],.order-faq textarea[dir=rtl]{font-family:Amiri,serif}.order-field input[type=date],.order-field input[type=time]{appearance:none;min-width:0;max-width:100%}.order-field input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}.order-field input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}.order-field input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;margin-inline-start:auto}.order-field input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;margin-inline-start:auto}.order-hint{color:var(--ink-soft);margin-top:8px;font-size:.8rem;line-height:1.55}.order-err{color:#a3442f;margin-top:8px;font-size:.82rem}.order-demo-link{color:var(--accent-deep);text-underline-offset:3px;text-decoration:underline}.order-checks{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}@media (max-width:480px){.order-checks{grid-template-columns:1fr}}.order-check{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:12px;min-height:46px;font-size:.92rem;display:flex}.order-check input,.order-switch input{accent-color:var(--accent-deep);flex-shrink:0;width:19px;height:19px}.order-switch{color:var(--ink-soft);cursor:pointer;align-items:center;gap:9px;margin-bottom:14px;font-size:.8rem;display:flex}.order-designs{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:12px;display:grid}.order-design .tp{aspect-ratio:3/4}.order-design .tp-names{font-size:1.1rem}.order-design .tp-kicker{font-size:.42rem}.order-design .tp-date{font-size:.46rem}.order-design{cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:16px;transition:border-color .2s,transform .2s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 14px #4a1a2124}.order-design:hover{transform:translateY(-2px)}.order-design.on{border-color:var(--accent-deep)}.order-design input{opacity:0;width:1px;height:1px;position:absolute}.order-design input:focus-visible~.tp{outline:2px solid var(--accent-deep);outline-offset:-2px}.order-design-name{background:var(--card);text-align:center;color:var(--ink);padding:8px 6px;font-size:.72rem;display:block}.order-design.on .order-design-name{background:var(--accent-deep);color:var(--paper)}.order-drop{text-align:center;color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f3ece099;border:1.5px dashed #7a2c3673;border-radius:16px;justify-content:center;align-items:center;margin:0;font-size:.86rem;transition:background .2s,border-color .2s;display:flex;position:relative}.order-drop:hover{background:var(--paper-2);border-color:var(--accent-deep)}.order-drop input{opacity:0;cursor:pointer;width:100%;padding:0;position:absolute;inset:0}.order-drop-wide{min-height:76px;padding:14px 18px}.order-cover{aspect-ratio:4/5;border-radius:18px;max-width:230px;display:grid;position:relative;overflow:hidden}.order-cover>*{grid-area:1/1}.order-cover img{object-fit:cover;width:100%;height:100%}.order-cover .order-drop{padding:22px}.order-thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;display:grid}.order-thumb{aspect-ratio:1;background:var(--paper-2);border-radius:14px;position:relative;overflow:hidden}.order-thumb img{object-fit:cover;width:100%;height:100%;display:block}.order-x{width:30px;height:30px;color:var(--accent-deep);cursor:pointer;background:#f3ece0f0;border:none;border-radius:50%;font-size:1.15rem;line-height:1;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #4a1a2140}.order-music{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:14px 16px}.order-music audio{width:100%;height:40px}.order-music-row{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.84rem;display:flex}.order-music-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-link{color:var(--accent-deep);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px 2px;font-family:inherit;font-size:.82rem;text-decoration:underline}.order-faq{background:var(--paper);border:1px solid #c9a66b66;border-radius:18px;gap:12px;margin-bottom:14px;padding:16px;display:grid}.order-faq-head{color:var(--accent);justify-content:space-between;align-items:center;font-family:Cormorant Garamond,serif;font-size:1rem;display:flex}.order-chips{flex-wrap:wrap;gap:9px;display:flex}.order-chip{background:var(--paper);color:var(--accent-deep);cursor:pointer;border:1px solid #7a2c3666;border-radius:999px;min-height:40px;padding:9px 15px;font-family:inherit;font-size:.82rem;transition:background .2s}.order-chip:hover{background:var(--paper-2)}.order-nav{margin:26px calc(var(--pad-card) * -1) calc(clamp(22px, 5vw, 34px) * -1);padding:14px var(--pad-card) calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #f3ece000, var(--paper) 38%);border-radius:0 0 26px 26px;justify-content:space-between;align-items:center;gap:14px;display:flex;position:sticky;bottom:0}.order-btn{letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 34px;font-family:inherit;font-size:1rem;text-decoration:none;transition:background .25s,opacity .25s;display:inline-flex}.order-btn.solid{background:var(--accent-deep);color:var(--paper)}.order-btn.solid:hover{background:var(--accent)}.order-btn.solid:disabled{opacity:.6;cursor:default}.order-btn.ghost{color:var(--accent-deep);background:0 0;border-color:#7a2c3673}.order-restored{color:var(--accent-deep);text-align:center;background:#c9a66b2e;border-radius:14px;margin-bottom:22px;padding:11px 16px;font-size:.84rem}.order-error{color:#a3442f;text-align:center;background:#a3442f12;border:1px solid #a3442f59;border-radius:14px;margin-top:18px;padding:13px 16px;font-size:.88rem}.order-thanks{text-align:center}.order-thanks h2{color:var(--accent-deep);margin:12px 0 0;font-family:Great Vibes,cursive;font-size:2.5rem;font-weight:400}.order-thanks p{max-width:42ch;color:var(--ink-soft);margin:14px auto 26px}.order-thanks .order-btn{box-sizing:border-box;width:100%}.order-back{color:var(--accent-deep);text-underline-offset:4px;margin-top:20px;font-size:.88rem;text-decoration:underline;display:inline-block}@media (prefers-reduced-motion:reduce){.order-design:hover{transform:none}.order-progress span{transition:none}}