@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800;900&display=swap";
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-3{right:.75rem}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mt-9{margin-top:-2.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.ms-auto{margin-inline-start:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.\!h-8{height:2rem!important}.h-12{height:3rem}.h-28{height:7rem}.h-40{height:10rem}.h-8{height:2rem}.h-\[92px\]{height:92px}.h-fit{height:fit-content}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.\!min-h-8{min-height:2rem!important}.min-h-16{min-height:4rem}.min-h-24{min-height:6rem}.min-h-\[520px\]{min-height:520px}.min-h-screen{min-height:100vh}.\!w-8{width:2rem!important}.w-1{width:.25rem}.w-12{width:3rem}.w-20{width:5rem}.w-full{width:100%}.min-w-52{min-width:13rem}.min-w-\[640px\]{min-width:640px}.min-w-\[72px\]{min-width:72px}.min-w-\[760px\]{min-width:760px}.max-w-2xl{max-width:42rem}.max-w-\[350px\]{max-width:350px}.max-w-\[520px\]{max-width:520px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.scroll-mt-24{scroll-margin-top:6rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-court{border-color:var(--court)}.border-ink{border-color:var(--ink)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-ink{background-color:var(--ink)}.bg-lime{background-color:var(--lime)}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-sand{background-color:var(--sand)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[44\%_center\]{-o-object-position:44% center;object-position:44% center}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pr-10{padding-right:2.5rem!important}.pb-2{padding-bottom:.5rem}.pt-\[120px\]{padding-top:120px}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.tracking-widest{letter-spacing:.1em}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-court{color:var(--court)}.text-ink{color:var(--ink)}.text-lime{color:var(--lime)}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.opacity-60{opacity:.6}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}:root{--ink:#071827;--navy:#0b2538;--court:#13b77d;--lime:#b9f227;--sand:#f3f2ec;--color-primary:#16c96f;--color-primary-strong:#0cac59;--color-background:#071d33;--color-surface:#fff;--color-text:#071827;--color-muted:#667586;--radius-card:1.75rem;--shadow-card:0 22px 65px #071d3324;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-ar:"Tajawal", Tahoma, sans-serif;--font-en:Inter, system-ui, sans-serif;--touch-min:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--sand);font-family:var(--font-ar);margin:0;overflow-x:hidden}:where([lang=en]) body,:where([dir=ltr]) body{font-family:var(--font-en)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.shell{width:min(100% - 32px,1180px);margin-inline:auto}.card{border-radius:var(--radius-lg);overflow-wrap:break-word;word-break:break-word;background:#fff;border:1px solid #07182714;box-shadow:0 18px 55px #07182714}.btn{min-height:var(--touch-min);border-radius:var(--radius-md);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:800;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #b9f22747}.btn-dark{background:var(--ink);color:#fff}.field{width:100%;min-height:var(--touch-min);border-radius:var(--radius-md);background:#fff;border:1px solid #d9dfdc;outline:none;padding:12px 14px}.field:focus{border-color:var(--court);box-shadow:0 0 0 3px #13b77d21}.label{margin-bottom:7px;font-size:13px;font-weight:800;display:block}.hero-grid{background-color:var(--ink);background-image:linear-gradient(#b9f22712 1px,#0000 1px),linear-gradient(90deg,#b9f22712 1px,#0000 1px);background-size:38px 38px}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}@media (max-width:640px){.shell{width:min(100% - 20px,1180px)}.card{border-radius:20px}}.customer-home{min-height:100vh;color:var(--color-text);background:#f7fafc;padding-bottom:96px;overflow:clip}.customer-container{width:min(100% - 32px,1180px);margin-inline:auto}.customer-hero-wrap{background:var(--color-background);position:relative}.customer-header{z-index:40;color:#fff;position:absolute;inset:0 0 auto}.customer-logo{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.customer-logo>span{letter-spacing:.08em;line-height:1;display:grid}.customer-logo strong{letter-spacing:.11em;font-size:1.55rem;font-weight:900}.customer-logo b{letter-spacing:.42em;margin-top:3px;font-size:.78rem;font-weight:500}.customer-logo small{letter-spacing:.12em;color:#ffffffc2;align-items:center;gap:6px;margin-top:8px;font-size:.48rem;display:flex}.customer-logo i{background:var(--color-primary);border-radius:99px;width:4px;height:4px}.header-action{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:48px;min-height:48px;padding-inline:10px;font-size:1rem;font-weight:800;display:flex}.header-action:hover{background:#ffffff1a}.header-action svg{width:24px;height:24px}.customer-menu{inset-inline:16px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041220f5;border:1px solid #ffffff21;border-radius:20px;gap:4px;padding:12px;display:grid;position:absolute;top:82px}.customer-menu a{color:#fff;border-radius:12px;align-items:center;min-height:48px;padding-inline:16px;font-size:.93rem;font-weight:700;display:flex}.customer-menu a:hover{background:#ffffff14}.customer-hero{background:var(--color-background);min-height:520px;position:relative;overflow:hidden}.customer-hero-overlay{background:linear-gradient(#03111e57 0%,#03111e40 24%,#03111ea3 62%,#03111ef5 100%),linear-gradient(90deg,#03111e26,#03111ead);position:absolute;inset:0}.hero-copy{text-align:start;width:100%;min-width:0;animation:.75s ease-out both customer-rise}.hero-kicker{color:#aef3ce;background:#071d3370;border:1px solid #16c96f6b;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-size:.68rem;font-weight:800;display:inline-flex}.hero-copy h1{text-wrap:balance;text-shadow:0 3px 24px #00000057;max-width:510px;margin-top:17px;font-size:clamp(2.3rem,9.4vw,4.7rem);font-weight:900;line-height:1.18}.hero-copy p{color:#ffffffc9;max-width:430px;margin-top:15px;font-size:1.05rem;line-height:1.9}.booking-cta{color:#fff;background:linear-gradient(135deg,var(--color-primary),#08b964);border-radius:19px;justify-content:space-between;align-items:center;width:100%;min-height:62px;padding-inline:24px;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 16px 38px #16c96f47}.booking-cta:hover{transform:translateY(-2px);box-shadow:0 20px 44px #16c96f59}.booking-cta:active{transform:scale(.98)}.booking-cta svg{width:25px;height:25px}.availability-link{color:#fff;text-underline-offset:6px;align-items:center;gap:9px;width:max-content;min-height:48px;margin-top:12px;font-size:.9rem;font-weight:700;text-decoration:underline;display:flex}.availability-link svg{width:20px}.quick-features{color:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:auto;padding-bottom:55px;display:grid}.quick-features>div{text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.quick-features span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03111e9e;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.quick-features svg{width:23px;height:23px}.quick-features strong{font-size:.68rem;line-height:1.35}.court-info-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);border:1px solid #071d330f;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 4px;display:grid}.court-info-card>div,.court-info-card>a{min-width:0;min-height:74px;color:var(--color-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding-inline:8px;display:flex}.court-info-card>*+*{border-inline-start:1px solid #dce4ea}.court-info-card svg{color:#0b2538;width:24px;height:24px}.court-info-card span{min-width:0}.court-info-card small{color:var(--color-muted);font-size:.68rem;display:block}.court-info-card strong{white-space:normal;margin-top:3px;font-size:.74rem;display:block}.facilities-section{background:linear-gradient(#f7fafc 0%,#fff 100%);padding:64px 0 55px}.facilities-section header{text-align:center}.facilities-section header>span{color:var(--color-primary-strong);font-size:.72rem;font-weight:900}.facilities-section h2{margin-top:6px;font-size:2rem;font-weight:900}.facilities-section h2:after{content:"";background:var(--color-primary);border-radius:999px;width:46px;height:4px;margin:9px auto 0;display:block}.facilities-section header p{color:var(--color-muted);margin-top:10px;font-size:.9rem}.facilities-track{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;grid-auto-columns:68%;grid-auto-flow:column;gap:12px;margin-top:26px;padding:4px 2px 18px;display:grid;overflow-x:auto}.facilities-track::-webkit-scrollbar{display:none}.facility-card{scroll-snap-align:start;background:#fff;border:1px solid #e9eef1;border-radius:22px;min-width:0;padding:8px 8px 14px;box-shadow:0 12px 34px #071d3312}.facility-card h3{text-align:center;padding:13px 6px 1px;font-size:.9rem;font-weight:900}.mobile-customer-nav{z-index:60;inset-inline:0;min-height:76px;padding:9px 8px max(9px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #071d3314;border-radius:25px 25px 0 0;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;box-shadow:0 -12px 35px #071d331c}.mobile-customer-nav>a{color:#14273b;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:50px;font-size:.58rem;font-weight:800;display:flex}.mobile-customer-nav>a:first-child{color:var(--color-primary-strong)}.mobile-customer-nav svg{width:22px;height:22px}.mobile-customer-nav .nav-book{min-height:72px;color:var(--color-primary-strong);margin-top:-35px;position:relative}.mobile-customer-nav .nav-book b{color:#fff;background:linear-gradient(145deg,var(--color-primary),var(--color-primary-strong));border:5px solid #f7fafc;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 9px 24px #16c96f4f}.mobile-customer-nav .nav-book b svg:first-child{width:12px;position:absolute;transform:translate(10px,-10px)}.mobile-customer-nav .nav-book b svg:last-child{width:27px;height:27px}@keyframes customer-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (min-width:640px){.customer-container{width:min(100% - 48px,1180px)}.facilities-track{grid-auto-columns:40%;gap:18px}.court-info-card{padding:20px}.court-info-card>div,.court-info-card>a{text-align:start;flex-direction:row;gap:12px}.court-info-card strong{font-size:.92rem}}@media (min-width:768px){.customer-home{padding-bottom:0}.customer-menu{inset-inline:auto 24px;width:260px;top:92px}[dir=ltr] .customer-menu{left:24px;right:auto}.customer-hero-overlay{background:linear-gradient(90deg,#03111ee0 0%,#03111e94 48%,#03111e2e 100%),linear-gradient(#0000 50%,#03111ef5)}[dir=rtl] .customer-hero-overlay{background:linear-gradient(270deg,#03111ee0 0%,#03111e94 48%,#03111e2e 100%),linear-gradient(#0000 50%,#03111ef5)}.hero-copy{margin-inline:0 auto}[dir=ltr] .hero-copy{margin-inline:auto 0}.quick-features{max-width:720px;margin-inline:auto;padding-bottom:72px}.quick-features strong{font-size:.82rem}.quick-features span{width:54px;height:54px}.court-info-card{max-width:950px;margin-inline:auto}.facilities-track{grid-auto-flow:initial;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.mobile-customer-nav{display:none}}@media (min-width:1024px){.customer-logo strong{font-size:1.9rem}.hero-copy p{font-size:1.16rem}.booking-cta{min-height:66px;font-size:1.28rem}.facilities-section{padding-block:82px}}@media (max-width:359px){.customer-container{width:min(100% - 20px,1180px)}.customer-logo strong{font-size:1.3rem}.customer-logo>img{width:42px;height:42px}.hero-copy h1{font-size:2.12rem}.hero-copy p{font-size:.94rem}.quick-features strong{font-size:.59rem}.court-info-card strong{font-size:.65rem}.mobile-customer-nav>a{font-size:.52rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-booking-panel{z-index:12;margin-top:-30px;margin-bottom:20px;position:relative}.home-booking-card{background:#fff;border:1px solid #e5ebef;border-radius:26px;padding:10px;box-shadow:0 22px 60px #071d3324}.home-date-tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.home-date-tabs button,.home-date-tabs a{color:#15283d;background:#f7f9fa;border:1px solid #e6ebee;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:61px;font-size:.72rem;display:flex}.home-date-tabs button small{color:#718093;margin-top:3px;font-size:.59rem}.home-date-tabs button.active{border-color:var(--color-primary);color:#fff;background:linear-gradient(145deg,var(--color-primary),var(--color-primary-strong));box-shadow:0 8px 18px #16c96f38}.home-date-tabs button.active small{color:#fff}.home-date-tabs a{text-align:center;font-weight:800}.home-slots-head{justify-content:space-between;align-items:center;margin:18px 3px 10px;display:flex}.home-slots-head h2{font-size:1rem;font-weight:900}.home-slots-head a{color:#0876df;font-size:.72rem;font-weight:800}.home-slot-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.home-slot-grid button{color:#0c2340;background:#fff;border:1px solid #dce5ea;border-radius:12px;place-items:center;min-height:74px;padding:7px 5px;display:grid}.home-slot-grid button strong{font-size:.78rem}.home-slot-grid button small{font-size:.63rem}.home-slot-grid button span{color:#07994d;background:#ddf8e9;border-radius:5px;width:100%;padding:2px 4px;font-size:.58rem;font-weight:900}.home-slot-grid button:disabled{color:#94a0ac;background:#f3f5f6}.home-slot-grid button:disabled span{color:#71808e;background:#e2e7ea}.home-slot-grid button.selected{border:2px solid var(--color-primary);background:#f0fff6}.home-continue{color:#fff;background:linear-gradient(135deg,var(--color-primary-strong),var(--color-primary));border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:11px;font-weight:900;display:flex}.home-continue:disabled{opacity:.42}.home-continue svg{width:19px}.slot-loader{min-height:170px;color:var(--color-primary-strong);place-items:center;display:grid}.empty-slots,.booking-error{text-align:center;border-radius:12px;margin:12px 0;padding:14px;font-size:.8rem}.empty-slots{color:#647386;background:#f3f6f8}.booking-error{color:#a81622;background:#fff0f1}.booking-app{background:#f4f7f9;min-height:100vh;padding-bottom:42px}.booking-page-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e3e9ed;grid-template-columns:48px 1fr 48px;align-items:center;height:72px;padding:0 max(16px,50vw - 520px);display:grid;position:sticky;top:0}.booking-page-header h1{text-align:center;font-size:1.15rem;font-weight:900}.booking-page-header a,.booking-page-header button{color:#102642;background:0 0;border:0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.booking-page-header button{justify-self:end}.booking-screen-shell,.details-shell,.simple-page-shell{width:min(100% - 24px,920px);margin-inline:auto;padding-top:18px}.court-select-label{align-items:center;gap:12px;margin-bottom:12px;font-size:.78rem;font-weight:900;display:flex}.court-select-label select{background:#fff;border:1px solid #dce4e9;border-radius:12px;flex:1;min-height:44px;padding-inline:12px}.booking-date-strip{scrollbar-width:none;scroll-snap-type:inline mandatory;grid-auto-columns:72px;grid-auto-flow:column;gap:7px;padding-bottom:10px;display:grid;overflow-x:auto}.booking-date-strip::-webkit-scrollbar{display:none}.booking-date-strip button{scroll-snap-align:start;color:#193153;background:#fff;border:1px solid #dde5ea;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:81px;display:flex}.booking-date-strip small,.booking-date-strip span{font-size:.61rem}.booking-date-strip strong{margin:3px 0;font-size:1.02rem}.booking-date-strip button.active{border-color:var(--color-primary);color:#fff;background:linear-gradient(160deg,var(--color-primary),var(--color-primary-strong));box-shadow:0 9px 23px #16c96f40}.booking-court-card{background:#fff;border:1px solid #e0e7eb;border-radius:17px;grid-template-columns:35% 1fr;gap:13px;margin-top:8px;padding:10px;display:grid;box-shadow:0 8px 28px #071d330f}.booking-court-card>img{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%;min-height:128px}.booking-court-card>div{padding-block:3px;position:relative}.booking-court-card h2{padding-top:25px;font-size:1rem;font-weight:900}.booking-court-card p{color:#65758a;align-items:center;gap:4px;margin-top:6px;font-size:.69rem;display:flex}.booking-court-card p svg{width:14px}.booking-court-card ul{color:#354c68;flex-wrap:wrap;gap:6px 11px;margin-top:11px;font-size:.58rem;display:flex}.booking-court-card li{align-items:center;gap:3px;display:flex}.booking-court-card li svg{width:13px}.available-pill{color:#078b47;background:#d9f8e7;border-radius:6px;padding:4px 9px;font-size:.61rem;font-weight:900;position:absolute;top:0}.duration-row{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.duration-row>strong{font-size:.78rem}.duration-row>div{gap:6px;display:flex}.duration-row button{background:#fff;border:1px solid #dce4e9;border-radius:10px;min-height:38px;padding-inline:11px;font-size:.67rem;font-weight:800}.duration-row button.active{border-color:var(--color-primary);color:#078b47;background:#effcf5}.slots-title{justify-content:space-between;align-items:center;margin:22px 2px 10px;display:flex}.slots-title span{color:#0ba85b;font-size:.67rem;font-weight:900}.slots-title h2{margin-top:2px;font-size:1rem;font-weight:900}.slots-title>svg{color:#718093}.booking-slot-list{gap:6px;display:grid}.booking-slot-list button{color:#0e2851;text-align:center;background:#fff;border:1px solid #dfe6ea;border-radius:10px;grid-template-columns:1.25fr .8fr .6fr .65fr;align-items:center;gap:6px;min-height:50px;padding:7px 9px;display:grid}.booking-slot-list button strong{font-size:.76rem}.booking-slot-list button span{color:#76869a;font-size:.62rem}.booking-slot-list button b{color:#08a052;font-size:.74rem}.booking-slot-list button i{color:#fff;background:#0cb861;border-radius:6px;padding:5px 6px;font-size:.61rem;font-style:normal;font-weight:900}.booking-slot-list button i svg{width:14px;height:14px;margin:auto}.booking-slot-list button:disabled{color:#8a97a5;background:#f1f4f6}.booking-slot-list button:disabled b{color:#8996a3}.booking-slot-list button:disabled i{color:#667381;background:#dbe1e5}.details-shell{gap:14px;display:grid}.details-summary{background:#fff;border:1px solid #dfe7eb;border-radius:16px;grid-template-columns:34% 1fr;gap:12px;padding:9px;display:grid}.details-summary img{-o-object-fit:cover;object-fit:cover;border-radius:11px;width:100%;height:100%;min-height:130px}.details-summary h2{font-size:.96rem;font-weight:900}.details-summary p{color:#435774;align-items:center;gap:5px;margin-top:7px;font-size:.65rem;display:flex}.details-summary p svg{width:15px}.details-summary strong{color:#06994d;margin-top:9px;font-size:1.12rem;display:block}.hold-countdown{color:#755608;background:#fff5ce;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:8px;font-size:.68rem;display:flex}.hold-countdown svg{width:15px}.details-form{background:#fff;border:1px solid #e0e7eb;border-radius:18px;padding:17px}.details-form>h2{margin-bottom:15px;font-size:1.08rem;font-weight:900}.details-form>label:not(.terms-check){margin-top:12px;display:block}.details-form>label>span{color:#304664;align-items:center;gap:6px;margin-bottom:6px;font-size:.7rem;font-weight:800;display:flex}.details-form>label>span svg{width:17px}.details-form input,.details-form textarea,.lookup-card input{background:#fff;border:1px solid #d9e2e8;border-radius:10px;outline:none;width:100%;min-height:48px;padding:10px 12px}.details-form textarea{resize:vertical;min-height:76px}.details-form input:focus,.details-form textarea:focus,.lookup-card input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16c96f1f}.phone-field{grid-template-columns:105px 1fr;display:grid}.phone-field b{border:1px solid #d9e2e8;color:#17335d;border-inline-end:0;border-radius:10px 0 0 10px;justify-content:center;align-items:center;min-height:48px;font-size:.73rem;display:flex}[dir=rtl] .phone-field b{border-radius:0 10px 10px 0}.phone-field input{border-radius:0 10px 10px 0!important}[dir=rtl] .phone-field input{border-radius:10px 0 0 10px!important}.payment-options{gap:7px;margin-top:20px;display:grid}.payment-options legend{margin-bottom:9px;font-size:1rem;font-weight:900}.payment-options label{border:1px solid #dbe4e9;border-radius:11px;grid-template-columns:20px 24px 1fr;align-items:center;gap:7px;min-height:57px;padding:8px 11px;display:grid}.payment-options label.selected{background:#f5fff9;border:2px solid #11af61}.payment-options label>input{accent-color:#0cac59;width:17px;min-height:17px}.payment-options label>svg{color:#0cac59;width:20px}.payment-options label span{display:grid}.payment-options label b{font-size:.75rem}.payment-options label small{color:#68788d;margin-top:2px;font-size:.61rem}.payment-options label.disabled{opacity:.6;background:#f3f5f6}.terms-check{align-items:center;gap:8px;margin:14px 0!important;display:flex!important}.terms-check input{accent-color:#0cac59;width:19px;min-height:19px}.terms-check span{margin:0!important}.terms-check a{color:#076bd6;text-decoration:underline}.details-submit{color:#fff;background:linear-gradient(135deg,var(--color-primary-strong),var(--color-primary));border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:51px;font-weight:900;display:flex}.details-submit:disabled{opacity:.5}.details-submit svg{width:19px}.secure-note{color:#53657b;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:.63rem;display:flex}.secure-note svg{width:13px}.booking-empty-state{text-align:center;background:#fff;border-radius:20px;place-items:center;gap:14px;width:min(100% - 30px,520px);margin:80px auto;padding:35px 20px;display:grid}.booking-empty-state>svg{color:#0cac59;width:50px;height:50px}.booking-empty-state .details-submit{max-width:280px}.simple-page-shell{max-width:900px}.lookup-card,.lookup-result,.legal-card{background:#fff;border:1px solid #e0e7eb;border-radius:20px;max-width:520px;margin-inline:auto;padding:22px;box-shadow:0 12px 38px #071d3312}.lookup-card>svg{color:#0cac59;width:42px;height:42px;margin:auto;display:block}.lookup-card h2,.lookup-card>p{text-align:center}.lookup-card h2{margin-top:9px;font-size:1.3rem;font-weight:900}.lookup-card>p{color:#6a7a8d;margin:6px 0 18px;font-size:.75rem}.lookup-card>label{margin-top:12px;font-size:.7rem;font-weight:800;display:block}.lookup-card>label>input,.lookup-card .phone-field{margin-top:6px}.lookup-result{margin-top:14px}.lookup-result>span{color:#07994d;font-size:.68rem;font-weight:900}.lookup-result h2{margin-top:5px;font-size:1.1rem;font-weight:900}.lookup-result>strong{color:#0c5eaf;margin-top:5px;display:block}.lookup-result dl{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.lookup-result dl div{background:#f3f6f8;border-radius:10px;padding:10px}.lookup-result dt{color:#748396;font-size:.6rem}.lookup-result dd{margin-top:3px;font-size:.75rem;font-weight:900}.public-page-intro{text-align:center;max-width:600px;margin:18px auto 28px}.public-page-intro span{color:#0cac59;letter-spacing:.12em;font-size:.68rem;font-weight:900}.public-page-intro h2{margin-top:6px;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900}.public-page-intro p{color:#68798c;margin-top:8px;font-size:.85rem}.gallery-grid{gap:12px;display:grid}.gallery-grid figure{border-radius:18px;min-height:240px;position:relative;overflow:hidden}.gallery-grid img{-o-object-fit:cover;object-fit:cover}.contact-grid{gap:10px;max-width:660px;margin-inline:auto;display:grid}.contact-grid>a,.contact-grid>div{color:#102943;background:#fff;border:1px solid #dfe7eb;border-radius:16px;align-items:center;gap:14px;min-height:82px;padding:15px;display:flex}.contact-grid>a>svg,.contact-grid>div>svg{color:#0cac59;width:26px;height:26px}.contact-grid span{display:grid}.contact-grid small{color:#718093;font-size:.64rem}.contact-grid b{margin-top:3px;font-size:.86rem}.legal-card h2{font-size:1.3rem;font-weight:900}.legal-card p{color:#53657a;margin-top:14px;font-size:.85rem;line-height:1.9}@media (min-width:700px){.home-booking-panel{margin-top:-55px}.home-booking-card{max-width:920px;margin-inline:auto;padding:18px}.home-slot-grid{grid-template-columns:repeat(6,1fr)}.booking-screen-shell{grid-template-columns:1fr 1.1fr;gap:14px 22px;display:grid}.booking-date-strip,.court-select-label{grid-column:1/-1}.booking-court-card,.duration-row{grid-column:1}.slots-title,.booking-slot-list,.booking-screen-shell>.slot-loader,.booking-screen-shell>.empty-slots,.booking-screen-shell>.booking-error{grid-column:2}.booking-court-card{grid-row:3;align-self:start}.duration-row{grid-row:4;align-self:start}.slots-title{grid-row:3;margin-top:8px}.booking-slot-list,.booking-screen-shell>.slot-loader{grid-row:4/8}.details-shell{grid-template-columns:.8fr 1.2fr;align-items:start}.details-shell>section{position:sticky;top:90px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid figure:nth-child(3n+1){grid-row:span 2;min-height:492px}.contact-grid{grid-template-columns:1fr 1fr}}.hover\:border-court:hover{border-color:var(--court)}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-3{gap:.75rem}}@media (min-width:768px){.md\:-mt-14{margin-top:-3.5rem}.md\:ms-0{margin-inline-start:0}.md\:h-14{height:3.5rem}.md\:h-\[108px\]{height:108px}.md\:min-h-\[560px\]{min-height:560px}.md\:w-14{width:3.5rem}.md\:max-w-\[600px\]{max-width:600px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:justify-center{justify-content:center}.md\:object-center{-o-object-position:center;object-position:center}.md\:p-7{padding:1.75rem}.md\:pt-20{padding-top:5rem}}@media (min-width:1024px){.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}}@media (min-width:1280px){.xl\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}}
