:root{--ink:#252b24;--muted:#6e746c;--paper:#f5f3ed;--white:#fffefa;--line:#e1dfd5;--accent:#b8a078;--green:#64745f;--red:#a44437}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.5}
.hero{background:linear-gradient(135deg,#252b24,#343b30);color:#fff;padding:34px 20px 38px;text-align:center}.hero-inner{max-width:720px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#cdbb96}.brand{font-family:"Playfair Display",serif;font-size:clamp(38px,8vw,56px);letter-spacing:.08em;line-height:1.2;margin:5px 0}.hero p{margin:7px 0 0;color:#e5e2d8;font-size:14px}
.wrap{width:min(100% - 28px,650px);margin:-17px auto 30px;position:relative}.panel{background:var(--white);border:1px solid #e8e5db;border-radius:18px;padding:clamp(20px,5vw,34px);box-shadow:0 12px 38px #1c241412}.panel-heading{margin-bottom:25px}.dark{color:#8d7954}h1{font-family:"Playfair Display",serif;font-size:clamp(27px,5vw,34px);font-weight:600;line-height:1.2;margin:7px 0 8px}p{margin-top:0}.panel-heading p{color:var(--muted);margin:0}.field{margin:0 0 19px}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}.optional,small,.fineprint{color:var(--muted);font-size:12px}.field small{display:block;margin-top:6px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d8d8ce;border-radius:10px;padding:12px 13px;outline:none;min-height:46px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #64745f20}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slot{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 4px;text-align:center;font:600 13px "DM Sans",sans-serif;cursor:pointer}.slot:hover{border-color:var(--green)}.slot.selected{background:var(--ink);border-color:var(--ink);color:white}.slot:disabled{opacity:.38;cursor:not-allowed;text-decoration:line-through}.slot small{display:block;font-size:10px;margin-top:2px}.primary,.secondary{border:0;border-radius:10px;min-height:48px;padding:12px 16px;font:700 14px "DM Sans",sans-serif;cursor:pointer}.primary{background:var(--ink);color:white;width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.primary:hover{background:#394336}.primary:disabled{opacity:.55;cursor:wait}.secondary{background:#eeede6;color:var(--ink)}.fineprint{line-height:1.5;margin:12px 0 0}.message{margin-top:12px;font-size:13px}.message.error{color:var(--red)}.message.success{color:#3e6c45}.hidden{display:none!important}.success-mark{width:48px;height:48px;border-radius:50%;background:#e4eadf;color:#456343;display:grid;place-items:center;font-size:26px;margin-bottom:20px}.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.toolbar .field{flex:1;min-width:180px;margin:0}.summary{background:#f2f0e8;border-radius:10px;padding:13px;margin:18px 0;font-size:13px}.booking-list{display:grid;gap:10px}.booking-card{border:1px solid var(--line);border-radius:12px;padding:14px}.booking-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.booking-time{font-weight:700;font-size:17px}.booking-meta{color:var(--muted);font-size:12px}.booking-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.booking-actions select{width:auto;min-height:36px;padding:6px 8px;font-size:12px}.booking-actions button{border:0;background:#eeede6;border-radius:8px;padding:8px 10px;font-size:12px;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;padding:20px 5px;color:var(--muted);font-size:10px;letter-spacing:.13em}footer a{color:var(--muted);letter-spacing:0;font-size:11px}.empty{padding:25px 10px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}@media(max-width:480px){.two-col{grid-template-columns:1fr;gap:0}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.slot{font-size:12px;padding:10px 2px}.toolbar .field{flex-basis:100%}.toolbar button{flex:1}}