*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{line-height:1.6;color:#333;background-color:#f9f9f9}.container{width:100%;padding:15px}.reservation-page h1{text-align:center;font-size:1.8rem;margin-bottom:25px;color:#2c3e50}.alert{padding:12px;margin-bottom:20px;border-radius:4px;text-align:center;font-size:.95rem}.alert.error{background-color:#ffebee;border:1px solid #f44336;color:#d32f2f}.alert.success{background-color:#e8f5e9;border:1px solid #388e3c;color:#2e7d32}.reservation-container{display:flex;flex-direction:column;gap:50px}@media (min-width:1300px){.reservation-container{flex-direction:row}.services-list{flex:0 0 25%}.reservation-form{flex:1}}.services-list{display:grid;grid-template-columns:1fr;gap:25px}.service-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 2px 6px rgb(0 0 0 / .08)}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .12)}.service-card.active{border-color:orange;background-color:#f1f8f1}.service-card a{text-decoration:none;color:inherit}.service-card i{font-size:1.8rem;color:#4CAF50;margin-bottom:8px}.service-card h3{font-size:1.1rem;margin-bottom:6px;color:#2c3e50}.service-card p{font-size:.9rem;color:#666;line-height:1.4}.reservation-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 6px rgb(0 0 0 / .08)}.reservation-form h2{font-size:1.4rem;margin-bottom:20px;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:10px}.form-section{margin-bottom:20px}.form-section h3{font-size:1.1rem;margin-bottom:12px;color:#555}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.95rem;font-weight:600}.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="tel"],.form-group input[type="number"],.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color 0.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4CAF50;outline:none}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{margin-bottom:8px;display:block}.checkbox-group input[type="checkbox"]{margin-right:8px}.checkbox-group label{display:inline;font-weight:400;cursor:pointer}.required{color:#f44336;font-size:.9rem}.btn-submit{width:100%;padding:12px;background-color:orange;color:#000;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.2s}.btn-submit:hover{background-color:#45a049}@media (min-width:768px) and (max-width:1299px){.reservation-container{flex-direction:column}.service-card{padding:12px}.reservation-form{padding:18px}}@media (max-width:767px){.reservation-page h1{font-size:1.4rem}.service-card h3{font-size:1rem}.service-card p{font-size:.85rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:8px;font-size:.9rem}.btn-submit{padding:10px}}@media (max-width:300px){.container{padding:10px}.reservation-page h1{font-size:1.2rem}.service-card h3{font-size:.9rem}.service-card p{font-size:.8rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{padding:6px;font-size:.85rem}.btn-submit{padding:8px;font-size:.9rem}}