.onlineBookingEntry,.onlineBookingTopButton{margin:12px 0;padding:12px 18px;border:1px solid #d6a24b;border-radius:8px;background:linear-gradient(#a56922,#5a2b0c);color:#fff4cf;font-family:Arial,"Segoe UI",sans-serif;font-size:16px;font-weight:800;box-shadow:0 4px 12px #0006;cursor:pointer}.onlineBookingEntry:hover,.onlineBookingTopButton:hover{filter:brightness(1.12)}.topbar .onlineBookingTopButton{margin:0;white-space:nowrap;background:linear-gradient(#9d6824,#5b310e)}
.onlineBookingOverlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:#120a06d9;backdrop-filter:blur(3px);overflow:auto}.onlineBookingCard,.onlineBookingCard *{font-family:Arial,"Segoe UI",sans-serif!important}.onlineBookingCard{position:relative;width:min(860px,100%);max-height:calc(100vh - 36px);overflow:auto;border:2px solid #9b6b25;border-radius:16px;background:#f4e6c6;color:#21150d;font-size:16px;line-height:1.45;box-shadow:0 24px 80px #000c}.onlineBookingCard header{padding:25px 60px 20px 28px;background:linear-gradient(135deg,#37130f,#711d18);color:#fff8df}.onlineBookingCard header small{color:#f0ce83;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.onlineBookingCard header h2{margin:5px 0;font-size:30px;line-height:1.2;color:#fff}.onlineBookingCard header p{margin:0;max-width:650px;color:#fff1d3;font-size:16px}.onlineBookingClose{position:absolute;z-index:2;right:18px;top:16px;width:40px;height:40px;border:1px solid #d5b36e;border-radius:50%;background:#1e100bcc;color:#fff;font-size:26px;cursor:pointer}.onlineBookingBody{padding:24px 28px 30px}.onlineBookingStep{display:grid;gap:20px}.onlineBookingStepTitle{display:flex;align-items:center;gap:13px}.onlineBookingStepTitle>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#721f18;color:#fff;font-size:20px;font-weight:900}.onlineBookingStepTitle h3{margin:0;color:#27170c;font-size:23px}.onlineBookingStepTitle p{margin:2px 0 0;color:#5b422b}.onlineBookingBack{margin-bottom:18px;border:0;background:transparent;color:#681c17;font-size:16px;font-weight:800;cursor:pointer}.onlineBookingCategorySlider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px}.onlineBookingCategorySlider>button{scroll-snap-align:start;display:grid;align-content:center;justify-items:start;flex:0 0 220px;min-height:145px;padding:20px;border:2px solid color-mix(in srgb,var(--category),#fff 30%);border-radius:13px;background:linear-gradient(145deg,#fffaf0,#e6cea1);color:#26170e;text-align:left;box-shadow:0 5px 13px #4a2c1426;cursor:pointer}.onlineBookingCategorySlider i{color:var(--category);font-size:25px}.onlineBookingCategorySlider b{margin-top:8px;font-size:20px}.onlineBookingCategorySlider span{margin-top:5px;color:#624b35}.onlineBookingCategorySlider>button:hover{transform:translateY(-2px);border-color:var(--category)}.onlineBookingServiceCards{display:grid;gap:10px}.onlineBookingServiceCards>button{display:grid;grid-template-columns:8px 1fr 24px;gap:14px;align-items:stretch;width:100%;padding:0;border:1px solid #b5996c;border-radius:11px;background:#fffaf0;color:#25170e;text-align:left;overflow:hidden;cursor:pointer}.onlineBookingServiceCards>button>i{display:block}.onlineBookingServiceCards>button>span{display:grid;gap:4px;padding:15px 0}.onlineBookingServiceCards b{font-size:18px}.onlineBookingServiceCards small{color:#5e4832;font-size:15px}.onlineBookingServiceCards strong{color:#692018}.onlineBookingServiceCards em{align-self:center;font-size:30px;color:#7a281e;font-style:normal}.onlineBookingSelectedService{display:grid;grid-template-columns:9px 1fr;gap:15px;border:1px solid #ad9165;border-radius:11px;background:#fffaf0;overflow:hidden}.onlineBookingSelectedService>i{display:block}.onlineBookingSelectedService>div{padding:16px 16px 16px 0}.onlineBookingSelectedService small{color:#765a3c;text-transform:uppercase;font-weight:800}.onlineBookingSelectedService h3{margin:2px 0;color:#27170d;font-size:22px}.onlineBookingSelectedService p{margin:4px 0;color:#59432e;white-space:pre-wrap}.onlineBookingSelectedService b{color:#681c17}.onlineBookingField{display:grid;gap:9px}.onlineBookingField>span,.onlineBookingContacts label>span,.onlineBookingPreferences>label>span{font-size:17px;font-weight:900;color:#2b1a0f}.onlineBookingDates{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 7px}.onlineBookingDates button{min-width:76px;padding:10px 7px;border:1px solid #9d7e50;border-radius:8px;background:#fffaf0;color:#2b1a0f;cursor:pointer}.onlineBookingDates button b,.onlineBookingDates button span{display:block}.onlineBookingDates button b{text-transform:uppercase}.onlineBookingDates button.active,.onlineBookingSlots button.active{border-color:#781e18;background:#781e18;color:#fff7dc}.onlineBookingSlots{display:flex;flex-wrap:wrap;gap:8px;min-height:42px}.onlineBookingSlots>button{padding:10px 15px;border:1px solid #967547;border-radius:7px;background:#fffaf0;color:#26170e;font-size:17px;font-weight:900;cursor:pointer}.onlineBookingHint{color:#4f3b28}.onlineBookingHint button{border:0;background:none;color:#751f18;font-weight:900;text-decoration:underline;cursor:pointer}.onlineBookingEmpty{box-sizing:border-box;width:100%;display:grid;gap:7px;padding:17px;border:1px dashed #8e642f;border-radius:8px;background:#ead5aa}.onlineBookingEmpty b{font-size:18px}.onlineBookingEmpty span{color:#503b27}.onlineBookingWaitingOpen{padding:13px 17px;border:1px solid #8a592c;border-radius:8px;background:#6f271d;color:#fff;font-weight:900;cursor:pointer}.onlineBookingRequestForm{display:grid;gap:18px;margin-top:6px;padding-top:18px;border-top:1px solid #b99d71}.onlineBookingChosen{display:grid;gap:3px;padding:14px;border-radius:8px;background:#dce9d8;border:1px solid #86a881}.onlineBookingChosen b{font-size:18px;color:#244525}.onlineBookingChosen span{color:#355a36}.onlineBookingPreferences{display:grid;gap:12px;padding:17px;border:1px solid #a28355;border-radius:10px;background:#ead4a7}.onlineBookingPreferences h3{margin:0;font-size:21px}.onlineBookingPreferences p{margin:-7px 0 0;color:#59432d}.onlineBookingPreferences fieldset{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.onlineBookingPreferences legend{width:100%;margin-bottom:6px;font-weight:900}.onlineBookingPreferences fieldset label input{position:absolute;opacity:0;pointer-events:none}.onlineBookingPreferences fieldset label span{display:block;padding:8px 11px;border:1px solid #967545;border-radius:7px;background:#fff8e8;color:#2d1b10;font-weight:800;cursor:pointer}.onlineBookingPreferences fieldset label input:checked+span{border-color:#721e18;background:#721e18;color:#fff}.onlineBookingPreferences>label{display:grid;gap:6px}.onlineBookingPreferences textarea,.onlineBookingContacts input,.onlineBookingContacts textarea{width:100%;box-sizing:border-box;border:1px solid #8f734c;border-radius:8px;background:#fffdf7;color:#21150d;padding:12px;font-size:16px}.onlineBookingPreferences textarea{min-height:75px}.onlineBookingContacts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onlineBookingContacts label{display:grid;gap:6px}.onlineBookingComment{grid-column:1/-1}.onlineBookingContacts textarea{min-height:78px;resize:vertical}.onlineBookingConsent{display:flex;align-items:flex-start;gap:9px;font-size:15px;color:#2d1d12}.onlineBookingConsent input{margin-top:3px}.onlineBookingSubmit,.onlineBookingSuccess button{padding:14px;border:1px solid #c89b4f;border-radius:8px;background:linear-gradient(#7c251e,#50110e);color:#fff7dc;font-size:17px;font-weight:900;cursor:pointer}.onlineBookingSubmit:disabled{opacity:.65}.onlineBookingSuccess{text-align:center;padding:24px}.onlineBookingSuccess>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#2d7549;color:#fff;font-size:34px}.onlineBookingSuccess p{margin-bottom:22px}.onlineBookingSuccess button{min-width:150px}
.onlineBookingServiceCards small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-width:680px;font-size:14px;line-height:1.35}.onlineBookingServiceCards>button>span{padding:11px 0}.onlineBookingContacts label small{color:#6b543b;font-size:13px}
.onlineBookingTrainerField select{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #8f734c;border-radius:8px;background:#fffdf7;color:#21150d;font-size:16px;font-weight:800}.onlineBookingSlots>button{display:grid!important;gap:2px;min-width:112px;padding:9px 14px!important}.onlineBookingSlots>button b{font-size:17px}.onlineBookingSlots>button small{max-width:150px;overflow:hidden;text-overflow:ellipsis;color:#795f40;font-size:12px;font-weight:700;white-space:nowrap}.onlineBookingSlots>button.active small{color:#f6dca8}
@media(max-width:620px){.onlineBookingOverlay{padding:0}.onlineBookingCard{max-height:100vh;border-radius:0;border-width:0}.onlineBookingBody{padding:20px 16px}.onlineBookingCard header{padding-left:18px}.onlineBookingContacts{grid-template-columns:1fr}.onlineBookingComment{grid-column:auto}.onlineBookingCategorySlider>button{flex-basis:78vw}.onlineBookingStepTitle h3{font-size:20px}.onlineBookingSlots>button{min-width:calc(50% - 4px)}}