:root{--navy:#0b3554;--gold:#d4a33d;--cream:#f6f1e7;--green:#177a58}*{box-sizing:border-box}body{color:#17364a;background:#eef3f4;margin:0;font-family:Arial,Helvetica,sans-serif}.reservation-page{background:linear-gradient(#fff 0,#eef4f5 100%);min-height:100vh}.reservation-page>header{background:#fff;border-bottom:1px solid #eadfc9;justify-content:space-between;align-items:center;padding:18px clamp(20px,6vw,90px);display:flex}.reservation-page header>a:first-child{color:var(--navy);align-items:center;gap:14px;text-decoration:none;display:flex}.reservation-page header img{object-fit:cover;border-radius:50%;width:66px;height:66px}.reservation-page header span{display:grid}.reservation-page header b{color:var(--gold);letter-spacing:.14em;font-size:27px}.reservation-page header small{letter-spacing:.16em}.back{color:var(--navy);border:1px solid #cad6dc;border-radius:999px;padding:11px 15px;font-weight:800;text-decoration:none}.reservation-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#052742f5,#0f4a62db),url(/restaurant/hero.jpeg) 50%/cover;padding:70px 20px 110px}.reservation-hero>span,.reservation-success>span{color:#f4c65c;letter-spacing:.22em;font-size:12px;font-weight:900}.reservation-hero h1{margin:13px 0;font:700 clamp(38px,6vw,70px)/1.05 Georgia,serif}.reservation-hero em{color:#f4c65c}.reservation-hero p{color:#e4edf0;max-width:680px;margin:auto;line-height:1.7}.reservation-page form,.reservation-success{background:#fff;border-radius:22px;width:min(860px,100% - 28px);margin:-65px auto 60px;padding:32px;box-shadow:0 18px 55px #0a324b29}.step{align-items:center;gap:13px;margin:8px 0 20px;display:flex}.step>b{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.step span{gap:3px;display:grid}.step small{color:#70828c}.main-fields,.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reservation-page label{gap:8px;font-weight:900;display:grid}.reservation-page input,.reservation-page select,.reservation-page textarea{color:#17364a;width:100%;font:inherit;background:#fff;border:1px solid #bacbd4;border-radius:10px;padding:14px}.reservation-page textarea{resize:vertical;min-height:105px}.reservation-page fieldset{border:1px solid #d8e3e7;border-radius:13px;margin:22px 0 30px;padding:18px}.reservation-page legend{padding:0 8px;font-weight:900}.time-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.time-grid button{color:#145e89;cursor:pointer;background:#f7fafb;border:1px solid #c3d0d6;border-radius:8px;padding:12px;font-weight:900}.time-grid button.active{border-color:var(--gold);background:var(--gold);color:#fff}.submit{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:22px;padding:17px;font-size:17px;font-weight:900}.submit:disabled{opacity:.55}.legal{color:#70828c;text-align:center;margin-top:12px;line-height:1.5;display:block}.trap{left:-9999px;position:absolute!important}.form-error{color:#a52d24;background:#fff0ef;border-radius:9px;padding:13px;font-weight:900}.reservation-success{text-align:center}.reservation-success>div{width:68px;height:68px;color:var(--green);background:#e7f7ee;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:34px;display:grid}.reservation-success h2{font:700 34px Georgia,serif}.reservation-success p{color:#617782;line-height:1.6}.reservation-success>strong{color:var(--navy);letter-spacing:.06em;margin:10px 0 22px;font-size:27px;display:block}.reservation-success a{background:var(--green);color:#fff;border-radius:9px;margin:6px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-block}.reservation-success .home{background:var(--navy)}.reservation-page>footer{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:center;gap:10px 25px;padding:28px;display:flex}.reservation-page>footer a{color:#f4c65c}@media (width<=650px){.reservation-page>header{padding:12px}.reservation-page header img{width:48px;height:48px}.reservation-page header b{font-size:20px}.reservation-page header small{font-size:9px}.back{font-size:12px}.reservation-hero{padding:48px 18px 90px}.reservation-page form,.reservation-success{padding:20px}.main-fields,.contact-fields{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(3,1fr)}}.reservation-page{background-color:#edf5f7;background-image:linear-gradient(#082c4333,#082c4333),url(/restaurant/about-greek-terrace.webp);background-position:top;background-size:cover;background-attachment:fixed}.reservation-page .reservation-hero{background:linear-gradient(90deg,#041f30de,#041f30a6 55%,#041f304d),url(/restaurant/about-greek-terrace.webp) 50% 40%/cover}.reservation-page .reservation-hero h1{color:#fff}.reservation-page form,.reservation-page .reservation-success{background:#fff;border:1px solid #dbe5e9;position:relative;box-shadow:0 18px 50px #082b4538}@media (width<=650px){.reservation-page{background-repeat:no-repeat;background-size:100% 1100px,auto 1100px;background-attachment:scroll}.reservation-page .reservation-hero{background-position:50%,77%}}.reservation-page .reservation-hero{background-image:linear-gradient(90deg,#041f30d6,#041f30a3 55%,#041f3047)}@media (width<=650px){.reservation-page{background-position:top,78% 0}}