:root{font-family:Arial,sans-serif;color:#342b22;background:#f5f2ec}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{background:#fff;border-bottom:1px solid #e8e0d3}.header-inner{max-width:1200px;margin:auto;min-height:84px;padding:12px 25px;display:flex;align-items:center;gap:32px}.logo{text-decoration:none;color:#4b3927;font-family:Georgia,serif;font-size:24px;letter-spacing:.12em;white-space:nowrap}.logo span{color:#9f8054}.site-header nav{margin-left:auto;display:flex;gap:28px}.site-header nav a,footer a{text-decoration:none;color:#51483c}.site-header nav a:hover,footer a:hover{color:#8c6e4b}.languages{display:flex;gap:7px;align-items:center;border-left:1px solid #ddd;padding-left:20px}.languages button{background:none;border:0;color:#8b8174;padding:7px}.languages button[aria-pressed=true]{color:#654a2e;font-weight:700;text-decoration:underline;text-underline-offset:6px}main{max-width:1200px;margin:auto;padding:58px 25px 90px}.hero{text-align:center;margin-bottom:42px}.eyebrow{color:#9f8054;letter-spacing:.25em;font-size:12px;font-weight:700}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(34px,5vw,58px);margin:12px 0 14px}.hero>p:last-child{color:#766c60}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.card{background:#fff;border:1px solid #e7dfd3;padding:32px;box-shadow:0 12px 35px #3e2b1209}.card-header{border-bottom:1px solid #e9e2d7;margin-bottom:25px;padding-bottom:16px}.card-header h2{font-size:27px;margin:9px 0 0}.step{color:#a0835f;font-weight:700;font-size:12px;letter-spacing:.12em}label{display:block;margin:0 0 8px;font-size:14px;font-weight:600}input,select,textarea{width:100%;background:#fff;border:1px solid #d7cebf;border-radius:2px;color:#332c24;padding:12px 13px;min-height:45px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #9f8054;outline-offset:2px}.hint,.notice{line-height:1.55;color:#756c5f;font-size:13px}.month-nav{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px;text-transform:capitalize}.month-nav button{background:#f6f2ec;border:0;color:#705637;width:40px;height:40px;font-size:26px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{text-align:center;font-size:11px;color:#817568;font-weight:700;padding:8px 0}.day{border:1px solid #e9e3d9;background:#fff;color:#3e3427;min-height:51px;border-radius:3px}.day:not(:disabled):hover{border-color:#8c6e4b;background:#f4eadb}.day:disabled{cursor:default}.day.occupied{background:#eceae6;color:#9c9892;border-color:#eceae6;text-decoration:line-through}.day.selected{background:#9f8054;color:#fff;border-color:#9f8054}.day.empty{border:0}.legend{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 27px;font-size:12px;color:#675d52}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:13px;height:13px;border:1px solid #ddd;display:inline-block}.legend .taken{background:#eceae6}.legend .chosen{background:#9f8054}.dates,.two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{margin-bottom:18px}.ages{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ages .field{margin-bottom:10px}textarea{resize:vertical}.trap{position:absolute;left:-9999px;width:1px;overflow:hidden}#submit{background:#8c6e4b;color:white;border:1px solid #8c6e4b;width:100%;padding:15px;margin-top:12px;font-weight:700;letter-spacing:.04em}#submit:hover{background:#6e5234}#submit:disabled{opacity:.6;cursor:wait}#message{min-height:24px;font-size:14px;line-height:1.5}#message.error{color:#b12323}#message.success{color:#26714b}footer{background:#30291f;color:#e4d8c7;display:flex;justify-content:space-between;padding:25px max(25px,calc((0vw - 1150px)/2));gap:20px}footer a{color:#e4d8c7}@media(max-width:820px){.layout{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;gap:12px;min-height:75px}.site-header nav{order:3;width:100%;margin-left:0;justify-content:center;padding:9px 0}.languages{margin-left:auto}.card{padding:22px}main{padding:42px 16px 60px}}@media(max-width:480px){.two,.dates{grid-template-columns:1fr}.day{min-height:43px}.logo{font-size:19px}.card-header h2{font-size:24px}}
.calendar-card>.dates{margin-top:20px}.calendar-card>.hint{margin-top:18px}.calendar-card>.legend{margin-bottom:0}