@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--blue:#173c68;--blue-deep:#102c50;--pink:#f29ac2;--pink-pale:#fde5ef;--ice:#e8f3fa;--paper:#f7f8fb;--ink:#1f2b3b;--muted:#6d7785;--line:#e3e8ee;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 7.5%;display:flex;align-items:center;gap:30px;justify-content:space-between;background:var(--blue);color:#fff}.brand{font:700 17px 'Space Grotesk',sans-serif;letter-spacing:-.4px;white-space:nowrap}.brand span{color:#c5def3}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:10px;color:#d6e2ee;font-size:12px}.site-header nav a:hover{color:var(--pink)}.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:5px;background:var(--pink);color:var(--blue-deep);font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-2px);background:#f5afd0}.button span{font-size:16px}.button-small{min-height:40px;padding:0 14px;font-size:11px}.hero{min-height:535px;padding:70px 10% 62px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;background:var(--blue);color:#fff;overflow:hidden}.hero-copy{max-width:480px}.eyebrow{margin:0 0 18px;color:#f6bad5;font-size:10px;font-weight:800;letter-spacing:1.65px}.eyebrow-dark{color:#4f78a1}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-3px}h1{margin-bottom:18px;font-size:clamp(58px,7vw,82px);line-height:.98}h1 span,h2 span{color:var(--pink)}.hero-copy>p:not(.eyebrow){max-width:390px;margin-bottom:25px;color:#d3dfeb;font-size:14px;line-height:1.8}.text-link{display:block;margin-top:19px;color:#efb0cb;font-size:12px;font-weight:700}.hero-art{position:relative;height:340px;display:flex;align-items:center;justify-content:center}.art-card{position:relative;width:min(430px,100%);height:270px;padding:18px;border:1px solid #ffffff44;border-radius:12px;background:#9dc9df;box-shadow:0 23px 52px #091c3266;transform:rotate(-4deg)}.art-top{display:flex;justify-content:space-between;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:1px}.court-drawing{position:absolute;inset:54px 25px 29px;border:3px solid #fff}.court-drawing:before{content:'';position:absolute;inset:0 25%;border-left:3px solid white;border-right:3px solid white}.court-drawing:after{content:'';position:absolute;inset:0 0 50%;border-bottom:3px solid white}.court-drawing i{position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed #ffffff99}.court-drawing i:nth-child(2){left:0;right:0;top:50%;bottom:auto;border:0;border-top:2px dashed #ffffff99}.court-drawing b{position:absolute;top:50%;left:0;right:0;border-top:4px solid #eaf1f7}.ball-shape{position:absolute;top:128px;left:48%;width:27px;height:27px;border:4px solid #fff;border-radius:50%;background:var(--pink)}.art-badge{position:absolute;right:-20px;top:25px;width:82px;height:82px;display:grid;place-content:center;border-radius:50%;background:var(--pink);color:var(--blue);font:700 12px/1.1 'Space Grotesk',sans-serif;text-align:center;transform:rotate(8deg)}.art-caption{position:absolute;bottom:8px;left:9%;color:#fff;font-size:8px;font-weight:800;letter-spacing:1.6px}.perks{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 11%;background:#fff;border-bottom:1px solid var(--line)}.perks>div{display:flex;justify-content:center;align-items:center;gap:12px;border-right:1px solid var(--line)}.perks>div:last-child{border:0}.perk-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--pink-pale);color:#a94f77;font-weight:800;font-size:12px}.perk-icon.blue{background:var(--ice);color:#376994}.perks strong,.perks small{display:block}.perks strong{font-size:12px}.perks small{margin-top:4px;color:var(--muted);font-size:10px}.how-preview{padding:84px 12%;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.how-preview h2,.location h2{margin-bottom:14px;color:var(--blue);font-size:clamp(45px,5vw,60px);line-height:1.02}.how-preview h2 span,.location h2 span{color:#d573a1}.how-preview>div>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:13px;line-height:1.8}.steps article{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.steps article>b,.guide-steps article>b{flex:none;color:#d573a1;font:700 15px 'Space Grotesk',sans-serif}.steps h3{margin:0 0 6px;color:var(--blue);font:600 15px 'Space Grotesk',sans-serif}.steps p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.location{padding:72px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;background:#edf4fa}.location-copy>p:not(.eyebrow){color:var(--muted);font-size:13px}.location-copy .button{margin-top:8px}.map-wrap{height:300px;border:8px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #173c6815}.map-wrap iframe{width:100%;height:100%;border:0}footer{min-height:140px;padding:28px 9%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--blue-deep);color:#d6e2ee}.footer-brand{color:#fff;font:700 15px 'Space Grotesk',sans-serif}.footer-contact{display:grid;gap:6px;font-size:11px}.footer-contact a:hover,.staff-link:hover{color:var(--pink)}footer p{margin:7px 0 0;color:#aebfd1;font-size:10px}.staff-link{font-size:10px;color:#edb4cd}.booking-page{min-height:calc(100vh - 78px);padding:65px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.booking-side{position:sticky;top:35px;padding-top:28px}.booking-side h1,.staff-heading h1{color:var(--blue);font-size:clamp(45px,5vw,63px);line-height:1.02}.booking-side h1 span,.staff-heading h1 span{color:#d573a1}.booking-side>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:13px;line-height:1.8}.venue-card{margin-top:29px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.venue-pin{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ice);color:var(--blue);font-size:21px}.venue-card strong,.venue-card small{display:block}.venue-card strong{font-size:11px}.venue-card small{margin-top:4px;color:var(--muted);font-size:10px}.rate-note{margin-top:15px!important;font-size:10px!important}.rate-note span{margin:0 5px;color:#d573a1}.booking-card{padding:28px 30px 23px;border:1px solid #e5e8ee;border-radius:10px;background:#fff;box-shadow:0 14px 45px #173c6810}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.step-label{margin-bottom:5px;color:#8796a6;font-size:9px;font-weight:800;letter-spacing:1.4px}.form-heading h2{margin:0;color:var(--blue);font:600 23px 'Space Grotesk',sans-serif;letter-spacing:-.6px}.step-count{color:#7e8c9b;font:600 12px 'Space Grotesk',sans-serif}.step-count i{color:#b9c0c9;font-style:normal}.booking-card label{display:block;margin:14px 0 7px;color:#29384a;font-size:11px;font-weight:700}.booking-card input,.booking-card select,.staff-page select{width:100%;height:42px;padding:0 11px;border:1px solid #dfe5eb;border-radius:5px;outline:none;background:#fff;color:var(--ink);font:12px 'DM Sans',sans-serif}.booking-card input:focus,.booking-card select:focus{border-color:#6e9ac0;box-shadow:0 0 0 3px #dcebf7}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.label-row label{margin-bottom:7px}.label-row span{margin-bottom:7px;color:#929eaa;font-size:9px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.time-slot{min-height:35px;padding:4px 2px;border:1px solid #dfe5eb;border-radius:5px;background:#fff;color:#425369;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.time-slot:hover:not(:disabled){border-color:#d573a1;color:var(--blue)}.time-slot.selected{border-color:var(--blue);background:var(--blue);color:#fff}.time-slot.occupied{background:#f0f2f5;color:#9da5af;text-decoration:line-through;cursor:not-allowed}.availability-note,.payment-hint{margin:7px 0;color:#87919e;font-size:9px;line-height:1.6}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:3px}.field-wide{grid-column:1/-1}.form-message{min-height:16px;margin:9px 0 0;color:#a43c57;font-size:11px}.form-message.success{color:#287b58}.submit-button{width:100%;min-height:46px;margin-top:2px;background:var(--blue);color:white}.submit-button:hover{background:#245383}.form-footnote{margin:10px 0 0;color:#929aa5;font-size:9px;text-align:center}.guide-hero{padding:70px 12% 46px;background:#edf4fa}.guide-hero h1{color:var(--blue);font-size:clamp(47px,6vw,70px)}.guide-hero>p:last-child{max-width:480px;color:var(--muted);font-size:13px;line-height:1.8}.guide-steps{max-width:850px;margin:0 auto;padding:22px 7% 55px}.guide-steps article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.guide-steps h2{margin:0 0 8px;color:var(--blue);font-size:20px;letter-spacing:-.5px}.guide-steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.guide-cta{padding:26px 10%;display:flex;align-items:center;justify-content:space-between;background:var(--pink-pale)}.guide-cta h2{margin:0 0 5px;color:var(--blue);font:600 23px 'Space Grotesk',sans-serif;letter-spacing:-.5px}.guide-cta p{margin:0;color:#6f6370;font-size:11px}.admin-pill{padding:8px 11px;border:1px solid #ffffff55;border-radius:20px;color:#f5c0d8;font-size:9px;font-weight:800;letter-spacing:1px}.staff-page{padding:58px 7% 75px;min-height:calc(100vh - 78px)}.staff-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.staff-heading h1{margin-bottom:9px}.staff-heading p:not(.eyebrow){color:var(--muted);font-size:12px}.local-notice{margin:18px 0 24px;padding:13px 15px;display:flex;gap:9px;border:1px solid #f0c5d9;border-radius:6px;background:#fff4f8;color:#79566a;font-size:10px}.local-notice b{white-space:nowrap;color:#854368}.staff-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.staff-summary>div{padding:14px 17px;border:1px solid var(--line);border-radius:7px;background:white}.staff-summary b,.staff-summary span{display:block}.staff-summary b{color:var(--blue);font:700 22px 'Space Grotesk',sans-serif}.staff-summary span{margin-top:3px;color:var(--muted);font-size:10px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:white}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}th{padding:12px;background:#edf4fa;color:#52677e;font-size:9px;letter-spacing:.4px;text-transform:uppercase}td{padding:12px;border-top:1px solid #edf0f4;color:#405166;vertical-align:middle}td strong,td small{display:block}td strong{color:var(--blue);font-size:10px}td small{margin-top:4px;color:#8a95a2;font-size:9px}td a:hover{color:#bd5986}.staff-page select{min-width:130px;height:34px;font-size:10px}.status{padding:5px 8px;border-radius:14px;background:#fff0d8;color:#966016;font-size:9px;white-space:nowrap}.status-paid-·-review{background:#e6f1ff;color:#356595}.status-confirmed{background:#e2f4e9;color:#34764d}.status-cancelled{background:#fce8e8;color:#9d5050}.empty-state{padding:32px;text-align:center;color:var(--muted);font-size:12px}.empty-state[hidden]{display:none}
@media(max-width:800px){.site-header{padding:0 5%;gap:14px}.site-header nav{gap:15px}.hero{padding:55px 8%;grid-template-columns:1fr;gap:5px}.hero-art{height:300px}.perks{padding:20px 5%}.how-preview{padding:65px 8%;gap:6%}.booking-page{padding:46px 7%;grid-template-columns:1fr;gap:25px}.booking-side{position:static;padding-top:0}.booking-side h1 br{display:none}.booking-side>p:not(.eyebrow){max-width:580px}.venue-card{max-width:400px}.rate-note{margin-top:10px!important}.staff-page{padding:44px 5%}}
@media(max-width:560px){.site-header{height:68px}.brand{font-size:13px}.site-header nav{display:none}.button-small{min-height:36px;padding:0 10px}.hero{padding:48px 7% 34px}.hero-art{height:260px}.art-card{height:225px}.art-badge{right:-8px;width:70px;height:70px;font-size:10px}.perks{grid-template-columns:1fr;gap:13px;padding:19px 9%}.perks>div{justify-content:flex-start;border:0}.how-preview{padding:55px 8%;grid-template-columns:1fr;gap:24px}.how-preview h2 br{display:none}.location{padding:52px 7%;grid-template-columns:1fr;gap:25px}.location h2 br{display:none}.map-wrap{height:250px}.booking-page{padding:34px 5% 45px}.booking-card{padding:22px 17px}.time-grid{grid-template-columns:repeat(3,1fr)}footer{align-items:flex-start;flex-wrap:wrap;padding:25px 7%}.footer-contact{width:100%;order:3}.staff-link{margin-left:auto}.guide-hero{padding:50px 7% 32px}.guide-steps{padding:8px 7% 40px}.guide-steps article{gap:15px;padding:20px 0}.guide-cta{padding:22px 7%;gap:18px;align-items:flex-start;flex-direction:column}.staff-page{padding:36px 4%}.staff-heading{align-items:flex-start;flex-direction:column}.staff-heading .button{align-self:stretch}.staff-heading h1{font-size:42px}.local-notice{flex-direction:column;gap:4px}.staff-summary{gap:6px}.staff-summary>div{padding:11px 8px}.staff-summary b{font-size:19px}.staff-summary span{font-size:9px}table{min-width:760px}}

.court-gallery{padding:62px 10%;display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;align-items:center;background:#fff}.court-gallery h2{margin:0;color:var(--blue);font-size:clamp(42px,4.5vw,56px);line-height:1.02}.court-gallery h2 span{color:#d573a1}.court-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.court-tiles article{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.empty-photo{height:160px;display:grid;place-items:center;background:linear-gradient(145deg,#eff6fa,#e7eef5);color:#8fa5b9}.empty-photo span{padding:8px 11px;border:1px dashed #b7c8d7;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:1.4px}.billiards-photo{background:linear-gradient(145deg,#fdf1f6,#f8e6ee)}.billiards-photo span{border-color:#dfb6ca;color:#b9829b}.tile-meta{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.tile-meta h3{margin:0 0 3px;color:var(--blue);font:600 14px 'Space Grotesk',sans-serif}.tile-meta p{margin:0;color:var(--muted);font-size:10px}.tile-meta>a{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--pink-pale);color:#a94f77;font-weight:800}@media(max-width:800px){.court-gallery{padding:52px 8%;grid-template-columns:1fr;gap:22px}}@media(max-width:560px){.court-gallery{padding:43px 7%}.court-gallery h2 br{display:none}.court-tiles{gap:9px}.empty-photo{height:115px}.tile-meta{padding:10px}.tile-meta h3{font-size:12px}.tile-meta p{font-size:9px}}
.mark-paid-button{padding:7px 9px;border:0;border-radius:4px;background:var(--blue);color:#fff;font:700 10px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.mark-paid-button:hover{background:#245383}.status-pending-payment{background:#fff0d8;color:#966016}
.login-page{min-height:calc(100vh - 218px);display:grid;place-items:center}.login-card{width:min(100%,400px);padding:30px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 45px #173c6810}.login-card h1{margin:0 0 9px;color:var(--blue);font-size:42px;line-height:1}.login-card h1 span{color:#d573a1}.login-card>p:not(.eyebrow){color:var(--muted);font-size:12px}.login-card label{display:block;margin:14px 0 7px;color:#29384a;font-size:11px;font-weight:700}.login-card input{width:100%;height:42px;padding:0 11px;border:1px solid #dfe5eb;border-radius:5px;font:12px 'DM Sans',sans-serif}.login-warning{margin:14px 0 0!important;color:#986328!important;font-size:9px!important;line-height:1.6}.staff-actions{display:flex;align-items:center;gap:10px}.logout-button,.remove-booking-button{padding:8px 10px;border:1px solid #dfe5eb;border-radius:4px;background:#fff;color:#53667a;font:700 10px 'DM Sans',sans-serif;cursor:pointer}.remove-booking-button{margin-left:6px;border-color:#edc8d0;color:#a14e60}.logout-button:hover{background:#edf4fa}.remove-booking-button:hover{background:#fff0f2}.staff-page[hidden],.login-page[hidden]{display:none}@media(max-width:560px){.staff-actions{width:100%;justify-content:space-between}.login-card{padding:24px 19px}}

/* Booking calendar and hourly availability inspired by the supplied reference */
.booking-page{min-height:calc(100vh - 78px);padding:38px 5% 65px;display:block;background:#f5f0e5}.booking-side{position:static;padding:0 0 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.booking-side h1{font-size:clamp(35px,4vw,48px);letter-spacing:-2px;margin-bottom:8px}.booking-side>div>p:not(.eyebrow){max-width:640px;margin:0;color:#6d7167;font-size:12px}.booking-side .venue-card{margin:0;min-width:230px;background:#fbf8ef;border-color:#d9d3c5}.booking-side .rate-note{display:none}.schedule-booking-card{padding:21px 24px 24px;border-color:#d9d3c5;border-radius:10px;background:#f8f3e8;box-shadow:none}.schedule-booking-card .form-heading{margin-bottom:14px}.schedule-booking-card .form-heading h2{font-size:20px}.schedule-booking-card>label{margin-top:0}.schedule-booking-card>select{max-width:360px;background:#fffdf7}.schedule-picker{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:16px}.calendar-card{min-height:480px;padding:15px 14px;border:1px solid #c8c7b8;border-radius:10px;background:#f8f3e8}.calendar-heading{height:34px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between}.calendar-heading strong{font:600 12px 'DM Sans',sans-serif;color:#29342a}.calendar-heading button{width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#596d55;font-size:23px;cursor:pointer}.calendar-heading button:disabled{opacity:.28;cursor:default}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{margin-bottom:5px;text-align:center;color:#697466;font-size:10px}.calendar-weekdays span{padding:4px 0}.calendar-day{height:37px;border:1px solid transparent;border-radius:9px;background:transparent;color:#273429;font:11px 'DM Sans',sans-serif;cursor:pointer}.calendar-day:hover:not(:disabled){border-color:#6f845b}.calendar-day:disabled{color:#b9b8aa;cursor:default}.calendar-day.other-month{color:#9d9f91}.calendar-day.selected{border-color:#64794f;background:#e9eddc;color:#243221;font-weight:700}.calendar-day.today:not(.selected){position:relative;font-weight:700}.calendar-day.today:not(.selected):after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#60774e}.schedule-main{min-width:0}.court-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.court-heading h3{margin:0;color:#202c22;font:700 18px 'Space Grotesk',sans-serif}.court-heading>span{font:11px 'DM Sans',sans-serif;color:#657063}.slot-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:14px;color:#626b5f;font-size:10px}.slot-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{width:14px;height:14px;border:1px solid #d9d7ca;border-radius:4px;background:#fffdf7}.booked-dot{border-color:#d6ad7d;background:#e4c99e}.closed-dot{border-color:#c6c7bf;background:#d8d9d1}.past-dot{border-color:#e1ded3;background:#eeeae0}.schedule-timeline{height:24px;margin-bottom:7px;padding:0 4px;display:flex;justify-content:space-between;border:1px solid #d4cfbf;border-radius:6px 6px 0 0;color:#63705f;font-size:9px}.schedule-note{margin:0 0 14px;padding:12px 13px;border:1px solid #ccc9bc;border-radius:9px;background:#fffdf8;color:#4d574c;font-size:10px}.time-grid.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.schedule-slot{min-height:64px;padding:9px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;border:1px solid #b8c4a4;border-radius:11px;background:#fffdf7;color:#263227;text-align:left;cursor:pointer}.schedule-slot:hover:not(:disabled){border-color:#72845b;background:#f6f7ed}.schedule-slot .slot-range{width:100%;display:flex;align-items:baseline;gap:6px;font-size:11px;white-space:nowrap}.schedule-slot .slot-range>span{color:#85877b}.schedule-slot .slot-range em{margin-left:auto;color:#73776d;font-size:10px;font-style:normal}.schedule-slot .slot-status{font-size:10px;color:#53634e}.schedule-slot.booked{border-color:#d1ad7f;background:#e5cca5;cursor:not-allowed}.schedule-slot.booked .slot-status{color:#604b32}.schedule-slot.closed{border-color:#c7c8c1;background:#d9dad3;color:#62665d;cursor:not-allowed}.schedule-slot.closed .slot-status,.schedule-slot.past .slot-status{color:#666b5d}.schedule-slot.past{border-color:#ddd9cf;background:#eeeae0;color:#9b9b8d;cursor:not-allowed}.schedule-slot.selected{border:2px solid #60784c;background:#e9eddc}.schedule-booking-card .form-fields{margin-top:21px}.schedule-booking-card .form-fields label{margin-top:0}.schedule-booking-card .payment-hint{max-width:650px}.schedule-booking-card .submit-button{max-width:400px}.schedule-booking-card .form-footnote{text-align:left}.schedule-booking-card .form-message{margin-top:14px}@media(max-width:1050px){.schedule-picker{grid-template-columns:245px minmax(0,1fr);gap:16px}.time-grid.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-card{min-height:440px}.schedule-slot .slot-range{gap:4px}}@media(max-width:700px){.booking-page{padding:25px 4% 45px}.booking-side{align-items:flex-start;flex-direction:column;gap:12px}.booking-side .venue-card{min-width:0}.schedule-booking-card{padding:18px 14px}.schedule-picker{grid-template-columns:1fr}.calendar-card{min-height:0;padding:13px}.calendar-day{height:35px}.court-heading{margin-top:3px}.time-grid.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-slot{min-height:61px;padding:8px}.schedule-slot .slot-range{font-size:10px}}@media(max-width:420px){.time-grid.schedule-grid{grid-template-columns:1fr}.schedule-slot{min-height:57px}.schedule-slot .slot-range{font-size:11px}.slot-legend{gap:9px}.slot-legend>span{font-size:9px}}


.schedule-slot.unavailable{border-color:#d7d3c8;background:#ebe7dc;color:#888679;cursor:not-allowed}.schedule-slot.unavailable .slot-status{color:#888679}