@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#192820;--green:#426f54;--muted:#758178;--line:#e3e9e3;--bg:#f5f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}header{height:72px;background:white;border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.nav a,.link{color:var(--green);font-weight:700;text-decoration:none;margin-left:14px}.logo{font:800 16px Manrope;letter-spacing:.1em;color:var(--ink)!important;margin:0!important}.logo b{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:32px;height:32px}.logo small{font:600 9px 'DM Sans';color:var(--muted);letter-spacing:.17em}.inline{display:inline}.link{border:0;background:none;cursor:pointer}.hero{padding:66px 0 38px}.hero>small,.panel small,.heading small{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--green)}h1,h2{font-family:Manrope;letter-spacing:-.04em}h1{font-size:clamp(36px,5vw,58px);line-height:1.08;margin:12px 0}.hero em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);max-width:530px;line-height:1.7}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 35px #1b36270a}.auth{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:65px}.auth h2,.booking h2{margin:9px 0 22px}.pale{background:#eef2e9}.panel form:not(.inline){display:grid;gap:13px}.panel label,.filters label{display:grid;gap:7px;color:#506055;font-size:12px;font-weight:700}input,select{font:14px 'DM Sans';color:var(--ink);border:1px solid #dbe3dc;border-radius:8px;background:white;padding:11px 12px;min-height:43px;outline:none}input:focus,select:focus{border-color:#739579;box-shadow:0 0 0 3px #416e5418}.primary{background:var(--green);color:white;border:0;border-radius:8px;padding:13px 17px;font:700 13px 'DM Sans';cursor:pointer}.primary:hover{background:#31583f}.booking{margin-bottom:65px;padding:30px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.heading h1,.heading h2{margin:6px 0 0}.filters{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:end}.filters button{height:43px;white-space:nowrap}.service{border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.service strong{font:750 17px Manrope}.service span,.slot-heading span{color:var(--muted);font-size:12px}.service p{color:var(--muted);font-size:13px}.qty{display:inline-grid;gap:6px;font-size:12px;font-weight:700;margin-top:12px}.slot-heading{display:flex;justify-content:space-between;margin:23px 0 12px;font-size:14px}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slots input{position:absolute;opacity:0}.slots span{height:42px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:white;cursor:pointer;font-weight:600;font-size:13px}.slots input:checked+span{background:var(--green);color:white;border-color:var(--green)}.confirm{width:100%;display:flex;justify-content:space-between;margin-top:20px}.empty,.warning{background:#f4f6f1;padding:13px;border-radius:8px;color:var(--muted);font-size:13px}.warning{background:#fff3df;color:#876235}.notice{border:1px solid #c7dbc5;background:#edf5e9;color:#33553a;padding:13px 16px;border-radius:9px;margin-top:18px;font-size:13px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.1em;padding:12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #edf0ed}td button,td form button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 10px;cursor:pointer;color:var(--green)}td button.danger{color:#8d463e}nav a{color:var(--green);text-decoration:none;margin-left:12px;font-size:12px}footer{background:white;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:10px;letter-spacing:.12em}footer span{color:#9ab17b}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.hero{padding:45px 0 30px}.auth{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters label:first-child,.filters button{grid-column:1/-1}.slots{grid-template-columns:repeat(4,1fr)}.booking{padding:21px}.logo small{display:none}}@media(max-width:430px){.filters{grid-template-columns:1fr}.filters label:first-child,.filters button{grid-column:auto}.slots{grid-template-columns:repeat(3,1fr)}header .nav{font-size:12px}.logo{font-size:14px}}