/* Clear controls and a distinct contact step for the restaurant order builder. */
.cs-page .order-section{--order-paper:#F2F5F7;--order-line:#bdcad2;--order-panel-pad:clamp(24px,2.5vw,36px)}
.cs-page .order-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}
.cs-page .order-options,.cs-page .order-summary{min-width:0;padding:var(--order-panel-pad);background:#fff;border:1px solid #bdcad2;border-radius:16px;box-shadow:none}
.cs-page .order-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;margin-bottom:28px}
.cs-page .order-switch legend{position:static;font-size:22px;font-weight:600;line-height:1.3;color:#08283F;padding:0;margin-bottom:16px}
.cs-page .order-switch label{min-width:0}
.cs-page .order-switch span{justify-content:center;min-height:56px;padding:12px 14px;margin:0;border:1px solid #536675;border-radius:12px;background:#fff;color:#08283F;font-size:16px;font-weight:600;line-height:1.35;text-align:center}
.cs-page .order-switch input:checked+span{background:#08283F;color:#fff;border-color:#08283F}
.cs-page .order-switch label:hover span{border-color:#08283F}
.cs-page .purpose-switch{gap:8px}
.cs-page .purpose-switch span{min-height:48px;border-color:#536675;font-weight:600}
.cs-page .quantity-row{align-items:flex-start;flex-wrap:wrap;gap:16px}
.cs-page .stepper{border:1px solid #536675;border-radius:10px;background:#F2F5F7}
.cs-page .stepper button{height:48px;border:0;border-radius:0;background:transparent}
.cs-page .stepper button:first-child{border-radius:9px 0 0 9px}
.cs-page .stepper button:last-child{border-radius:0 9px 9px 0}
.cs-page .stepper input{width:56px;height:48px;border:0;border-inline:1px solid #536675;border-radius:0;background:#fff;font-size:22px}
.cs-page .stepper button:hover:not(:disabled){background:#dce5eb}
.cs-page .order-summary>h3{font-size:24px;font-weight:600;margin-bottom:20px}
.cs-page .order-summary .btn{min-height:56px;font-size:16px}
.cs-page .order-summary .btn:disabled{opacity:1;background:#d4dde2;color:#435665;cursor:default}
.cs-page .order-contact{margin:28px calc(-1 * var(--order-panel-pad)) calc(-1 * var(--order-panel-pad));padding:28px var(--order-panel-pad) var(--order-panel-pad);border:0;border-radius:0 0 15px 15px;background:#08283F;color:#fff}
.cs-page .order-contact h4{margin:0;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.025em;color:#fff}
.cs-page .contact-intro{margin:12px 0 0;color:#d7e1e8;font-size:16px;line-height:1.55}
.cs-page .contact-required{margin:10px 0 24px;color:#d7e1e8;font-size:13px;line-height:1.55}
.cs-page .contact-grid{gap:20px 16px}
.cs-page .contact-grid label{color:#fff;font-size:15px;font-weight:600;line-height:1.45}
.cs-page .contact-grid label span{color:#d7e1e8;font-size:12px;font-weight:400}
.cs-page .contact-grid input{min-height:52px;margin-top:9px;padding:12px;border:1px solid #536675;border-radius:10px;background:#fff;color:#08283F;font-size:16px;color-scheme:light}
.cs-page .contact-grid input::placeholder{color:#536675;opacity:1}
.cs-page .order-contact :focus-visible{outline:3px solid #fff;outline-offset:4px}
.cs-page .order-contact .order-fine{margin-top:16px;color:#d7e1e8;font-size:14px;line-height:1.65}
.cs-page .order-contact .order-fine a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cs-page .order-contact .quantity-error{color:#ffb7b4;font-size:15px;font-weight:500}
@media(max-width:850px){.cs-page .order-layout{grid-template-columns:1fr;gap:24px}.cs-page .order-summary{position:static}}
@media(max-width:460px){.cs-page .order-section{--order-panel-pad:22px}.cs-page .order-switch span{padding:12px 8px;font-size:15px}.cs-page .order-switch legend{font-size:21px}.cs-page .order-contact h4{font-size:26px}.cs-page .contact-grid{grid-template-columns:1fr}}
.cs-page .order-switch span{height:100%}
.cs-page .order-summary .btn{white-space:normal;padding:14px 20px}
.cs-page .order-summary .btn>span{min-width:0;white-space:normal}