/* Стили, специфичные для страницы предзаказа (используют переменные тем из style.css) */

.preorder-head{ display:flex; align-items:center; gap:14px; padding:18px 20px; border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--blur-bg); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px); z-index:20; }
.preorder-head .back{ color:var(--text); font-size:24px; text-decoration:none; }
.preorder-head h1{ font-size:19px; font-weight:600; letter-spacing:-0.01em; color:var(--accent); }
.preorder-head ~ .section-tabs{ top:61px; }
.preorder-head ~ .tabs{ top:114px; }

.item-controls{ margin-top:12px; }

/* форма */
.form label{ display:block; font-size:14px; color:var(--muted); margin-bottom:14px; font-weight:500; }
.form input, .form select, .form textarea{ width:100%; margin-top:7px; background:var(--surface-2); border:1px solid transparent; color:var(--text); border-radius:12px; padding:13px; font-size:16px; font-family:inherit; }
.form input:focus, .form select:focus, .form textarea:focus{ outline:none; border-color:var(--accent); background:var(--surface); }
.form textarea{ min-height:72px; resize:vertical; }

.phone-wrap{ display:flex; align-items:center; gap:8px; margin-top:7px; background:var(--surface-2); border:1px solid transparent; border-radius:12px; padding:0 13px; }
.phone-wrap:focus-within{ border-color:var(--accent); background:var(--surface); }
.phone-prefix{ color:var(--text); font-size:16px; font-weight:600; flex-shrink:0; }
.phone-wrap input{ border:none !important; background:transparent !important; padding:13px 0 !important; margin:0 !important; flex:1; }

.cart-time{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.cart-time label{ font-size:13px; color:var(--muted); }
.cart-time .req{ color:var(--danger); }
.cart-time input[type=time]{ background:var(--surface); border:1px solid var(--line); color:var(--text); border-radius:10px; padding:8px 10px; font-size:15px; }

#dishes-title{ margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.send-btn{ width:100%; padding:16px; font-size:17px; margin-top:10px; border-radius:14px; }
.hint{ font-size:13px; color:var(--muted); margin-top:12px; text-align:center; }