/* Red Terrace Studio — two-step Order UI */
.order-intro .page-title{font-size:clamp(48px,6.8vw,96px)}
.order-section{padding-top:55px}
.order-steps{display:flex;gap:18px;align-items:center;margin-bottom:30px;max-width:710px}
.order-step-indicator{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:650;color:#9cacc0;white-space:nowrap}
.order-step-indicator .step-index{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #45566e;border-radius:9px;font:600 11px var(--mono)}
.order-step-indicator.is-current,.order-step-indicator.is-complete{color:#f5f8ff}
.order-step-indicator.is-current .step-index{background:#FF3B4D;border-color:#FF3B4D;color:#131923}
.order-step-indicator.is-complete .step-index{color:#8ee3d5;border-color:#77cfc5}
.order-step-line{width:75px;height:1px;background:#40516a}
.order-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:27px;align-items:start}
.order-form-column{min-width:0}
.order-stage[hidden],.order-result[hidden],.order-wa-link[hidden]{display:none!important}
.order-panel,.order-summary-panel{background:#111b2b;border:1px solid #35475e;border-radius:16px}
.order-panel{padding:clamp(22px,3.5vw,42px)}
.order-panel-top{border-bottom:1px solid #2d3f54;padding-bottom:24px;margin-bottom:27px}
.order-panel-top h2{font-size:clamp(27px,3.2vw,43px);line-height:1.1;font-weight:700;letter-spacing:-.06em;margin:12px 0}
.order-panel-top p,.order-hint{font-size:13px;color:#b5c5d7;line-height:1.75}
.order-fieldset{border:0;min-width:0;padding:0;margin:0 0 28px}
.order-fieldset legend{font-size:14px;font-weight:700;margin-bottom:13px;padding:0;color:#f1f5ff}
.order-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.order-kind{cursor:pointer;position:relative;min-width:0}
.order-kind input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.order-kind-inner{display:flex;flex-direction:column;gap:8px;min-height:125px;padding:18px 15px;border:1px solid #3b4d64;border-radius:10px;background:#0b1523;transition:border-color .2s,background .2s}
.order-kind-inner strong{color:#f1f4fc;font:600 15px var(--display)}
.order-kind-inner small{color:#acbed3;font-size:12px;line-height:1.5}
.order-kind input:checked+.order-kind-inner{border-color:#FF6474;background:#251b2c;box-shadow:inset 0 0 0 1px #FF3B4D4a}
.order-kind input:focus-visible+.order-kind-inner{outline:2px solid #81ebdc;outline-offset:3px}
.order-kind input:checked+.order-kind-inner strong{color:#ffabb3}
.order-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.order-panel .field-group{min-width:0;margin-bottom:23px}
.order-panel .field-group label,.order-result>label{display:block;font-size:13px;font-weight:650;color:#e7f0fd;margin-bottom:9px}
.order-panel .field-group input,.order-panel .field-group select,.order-panel .field-group textarea{display:block;width:100%;min-width:0;color:#f3f7ff;background:#0b1522;border:1px solid #455974;border-radius:9px;padding:12px 14px;outline:0}
.order-panel .field-group input,.order-panel .field-group select{height:51px}
.order-panel .field-group textarea{min-height:140px;resize:vertical;line-height:1.6}
.order-panel .field-group input:focus,.order-panel .field-group select:focus,.order-panel .field-group textarea:focus{border-color:#FF7583;box-shadow:0 0 0 3px #FF3B4D28}
.order-panel .field-group small{display:block;color:#a7b9ce;font-size:11px;line-height:1.5;margin-top:8px}
.order-panel .stepper{background:#0b1522}
.order-panel .stepper input{border:0;text-align:center;height:49px;padding:4px;flex:1}
.order-panel .stepper button{height:49px}
.order-feature-list{display:grid;gap:10px;margin-top:14px}
.order-feature{display:flex;align-items:center;gap:13px;padding:16px;background:#0b1522;border:1px solid #364960;border-radius:10px;cursor:pointer;min-width:0}
.order-feature:has(input:checked){background:#211b2a;border-color:#FF6474}
.order-feature input{width:20px;height:20px;flex:none;accent-color:#FF3B4D}
.order-feature-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.order-feature-text strong{color:#eef4ff;font-size:13px;font-weight:650}
.order-feature-text small{font-size:11px;color:#aec0d3;line-height:1.55}
.order-feature-price{color:#ffabb3;font-size:12px;font-weight:650;white-space:nowrap}
.order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.order-actions .btn{justify-content:center}
.order-summary-panel{position:sticky;top:99px;padding:29px;min-width:0}
.order-summary-panel h2{font-size:28px;margin:15px 0 10px;font-weight:700}
.order-summary-panel>p{color:#b2c3d6;font-size:12px;line-height:1.7}
.order-breakdown{border-block:1px solid #34455c;padding:17px 0;margin:22px 0}
.order-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:#b2c4d7;margin:11px 0}
.order-breakdown strong{color:#f5f8ff;font-weight:650;white-space:nowrap}
.order-estimate{display:flex;flex-direction:column;gap:10px}
.order-estimate>span{color:#91e8d9;font:600 10px var(--mono);letter-spacing:.05em}
.order-estimate output{font:700 clamp(31px,3.3vw,46px)/1.1 var(--display);letter-spacing:-.045em;color:#fff}
.order-summary-panel .order-fineprint,.order-summary-panel [data-fx-note]{margin-top:18px;font-size:11px;color:#adc0d5;line-height:1.7}
.order-summary-panel .order-pricing-link{display:inline-block;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #8294aa;color:#f0f5ff;font-size:12px}
.order-result{border-top:1px solid #3a4d65;margin-top:27px;padding-top:27px}
.order-result h3{font-size:24px;margin-bottom:10px}
.order-result>p{color:#b5c7d9;font-size:12px;line-height:1.7;margin-bottom:15px}
.order-result textarea{width:100%;min-height:230px;padding:14px;border:1px solid #526783;border-radius:9px;resize:vertical;background:#08111e;color:#eff5ff;font:12px/1.65 var(--mono)}
.order-feedback{color:#9df0e0;font-size:12px;line-height:1.65;margin-top:12px}
.order-privacy{font-size:12px;color:#b0c0d3;line-height:1.7;margin-top:18px}
@media(max-width:980px){.order-layout{grid-template-columns:1fr}.order-steps{grid-row:1}.order-summary-panel{position:static;grid-row:2}.order-form-column{grid-row:3}.order-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}}
@media(max-width:640px){.order-intro .page-title{font-size:clamp(42px,10vw,62px)}.order-section{padding-top:32px}.order-panel,.order-summary-panel{padding:19px}.order-steps{gap:10px}.order-step-indicator{font-size:11px;gap:7px;white-space:normal}.order-step-indicator .step-index{width:31px;height:31px}.order-step-line{flex:1;width:auto}.order-kind-grid,.order-input-grid{grid-template-columns:1fr}.order-kind-inner{min-height:auto}.order-breakdown{display:block}.order-actions .btn{width:100%}.order-feature{align-items:flex-start}.order-feature-price{font-size:11px}}
@media(prefers-reduced-motion:reduce){.order-kind-inner{transition:none}}


/* Delivery choices after completing the full order form. */
.order-send-actions{gap:10px}
.order-send-actions .btn{display:inline-flex;align-items:center;gap:10px;text-align:center}
.order-send-actions .rt-icon{width:17px;height:17px;flex:none}
.order-send-hint{margin:13px 0 0;color:#b9cadf;font-size:12px;line-height:1.7}
.order-result-heading:focus,.order-result h3:focus{outline:none}
@media(max-width:640px){.order-send-actions{display:grid;grid-template-columns:1fr}.order-send-actions .btn{width:100%}}