Reserve a Table
.res-page{background:#0d1a0d;padding:3rem 1.5rem;min-height:100vh}
.res-hero{text-align:center;padding:3rem 1rem 2.5rem;border-bottom:1px solid rgba(201,168,76,0.2);margin-bottom:3rem}
.res-hero h1{font-family:’Playfair Display’,serif;font-style:italic;color:#c9a84c;font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:0.5rem}
.res-hero p{font-family:’Cormorant Garamond’,serif;color:rgba(245,240,232,0.6);font-size:1.1rem}
.res-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto}
.res-form-wrap{background:#1a2e1a;border:1px solid rgba(201,168,76,0.15);padding:2.5rem}
.res-form-wrap h2{font-family:’Playfair Display’,serif;color:#f5f0e8;font-size:1.5rem;margin-bottom:0.3rem}
.res-form-wrap .sub{font-family:’Cormorant Garamond’,serif;color:rgba(245,240,232,0.5);font-style:italic;margin-bottom:2rem;font-size:0.95rem}
.form-group{margin-bottom:1.2rem}
.form-group label{display:block;font-family:’Jost’,sans-serif;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,240,232,0.6);margin-bottom:0.4rem}
.form-group input,.form-group select,.form-group textarea{width:100%;background:#0d1a0d;border:1px solid rgba(201,168,76,0.2);color:#f5f0e8;padding:0.75rem 1rem;font-family:’Jost’,sans-serif;font-size:0.9rem;transition:border-color 0.3s;outline:none;border-radius:2px}
.form-group input:focus,.form-group select,.form-group textarea:focus{border-color:#c9a84c}
.form-group select option{background:#1a2e1a}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.submit-btn{width:100%;background:#c9a84c;color:#0d1a0d;border:none;padding:1rem;font-family:’Jost’,sans-serif;font-size:0.8rem;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;font-weight:500;transition:background 0.3s;margin-top:0.5rem}
.submit-btn:hover{background:#e8c878}
.res-info{display:flex;flex-direction:column;gap:1.5rem}
.info-card{background:#1a2e1a;border:1px solid rgba(201,168,76,0.15);padding:1.8rem}
.info-card h3{font-family:’Playfair Display’,serif;color:#c9a84c;font-size:1.1rem;margin-bottom:1rem;font-style:italic}
.info-card p,.info-card li{font-family:’Cormorant Garamond’,serif;color:rgba(245,240,232,0.7);font-size:1rem;line-height:1.8}
.info-card ul{list-style:none;padding:0}
.info-card li::before{content:’✦ ‘;color:#c9a84c;font-size:0.7rem}
.wa-reserve{display:block;background:#25D366;color:white;text-decoration:none;text-align:center;padding:1rem;font-family:’Jost’,sans-serif;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;transition:background 0.3s;margin-top:0.5rem}
.wa-reserve:hover{background:#1da851;color:white}
.success-msg{display:none;background:rgba(74,124,89,0.2);border:1px solid rgba(74,124,89,0.4);padding:1.5rem;text-align:center;margin-top:1rem}
.success-msg p{font-family:’Cormorant Garamond’,serif;color:#6aaa7a;font-style:italic;font-size:1.1rem}
@media(max-width:700px){.res-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
