:root{--res-dark-orange:#d35400;--res-mid-orange:#e67e22;--res-light-orange:#f39c12;--res-cream:#fef5e7;--res-dark-text:#34495e}.res-container{background:#fffffff2;border-radius:20px;flex-direction:column;width:100%;max-width:1000px;margin:20px auto;display:flex;overflow:hidden;box-shadow:0 15px 30px #0000004d}.res-header{background:linear-gradient(to right, var(--res-dark-orange), var(--res-mid-orange));background:-webkit-linear-gradient(left, var(--res-dark-orange), var(--res-mid-orange));text-align:center;color:#fff;padding:30px}.res-header h1{text-shadow:2px 2px 4px #0000004d;-webkit-text-shadow:2px 2px 4px #0000004d;margin-bottom:10px;font-size:2.5rem}.res-header p{opacity:.9;font-size:1.2rem}.res-info{background-color:var(--res-cream);flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding:20px;display:flex}.res-info-item{align-items:center;gap:10px;display:flex}.res-info-item svg{color:var(--res-dark-orange);font-size:1.5rem}.res-form-container{grid-template-columns:1fr 1fr;gap:25px;padding:30px;display:grid}.res-form-group{margin-bottom:20px}.res-form-group label{color:var(--res-dark-text);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.res-form-group label svg{color:var(--res-dark-orange)}.res-form-group input,.res-form-group select,.res-form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s}.res-form-group input:focus,.res-form-group select:focus,.res-form-group textarea:focus{border-color:var(--res-mid-orange);outline:none;box-shadow:0 0 0 3px #e67e2240}.res-full-width{grid-column:1/-1}.res-menu-preview{background-color:var(--res-cream);border-radius:8px;margin-bottom:20px;padding:20px}.res-menu-preview h3{color:var(--res-dark-orange);align-items:center;gap:10px;margin-bottom:15px;display:flex}.res-menu-categories{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}.res-menu-category{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:20px;padding:8px 15px;font-size:.9rem;transition:all .3s;box-shadow:0 2px 5px #0000001a}.res-menu-category:hover,.res-menu-category.res-active{background:var(--res-light-orange);color:#fff;border-color:var(--res-dark-orange)}.res-special-requests{grid-column:1/-1}.res-special-requests textarea{resize:vertical;height:100px}.res-btn-submit{background:linear-gradient(to right, var(--res-dark-orange), var(--res-mid-orange));background:-webkit-linear-gradient(left, var(--res-dark-orange), var(--res-mid-orange));color:#fff;cursor:pointer;border:none;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000001a}.res-btn-submit:hover{background:linear-gradient(to right, var(--res-mid-orange), var(--res-dark-orange));transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.res-confirmation{text-align:center;padding:30px;position:relative}.res-confirmation h2{color:var(--res-dark-orange);margin-bottom:20px}.res-confirmation p{margin-bottom:15px;font-size:1.1rem}.res-success-icon{color:#27ae60;margin-bottom:20px;font-size:5rem;animation:1s infinite res-bounce;position:absolute;top:0;left:50%;transform:translate(-46%)}@keyframes res-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.res-footer{background-color:var(--res-dark-orange);color:#fff;text-align:center;margin-top:auto;padding:15px}@media (width<=768px){body{background:#fff;padding:0}.res-main{margin-top:30%;padding-left:4px;padding-right:4px}.res-form-container{grid-template-columns:1fr;padding:20px}.res-header{padding:10px 5px 10px 0}.res-header h1{font-size:1.5rem}.res-header p{font-size:13px}.res-info{text-align:center;flex-direction:column;gap:10px;padding:10px}.res-form-container{gap:0}.res-menu-categories{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;margin-bottom:15px;display:flex}.res-menu-preview{margin-bottom:20px;padding:4px}.res-confirmation{text-align:center;flex-flow:column;justify-content:center;align-items:center;padding:30px;display:flex}.res-info-item span{font-size:13px}.res-info-item svg{width:.9rem;height:.9rem}.res-guest-text{font-size:13px}}