*{box-sizing:border-box}html,body{background:#020908;min-height:100%;margin:0}body{color:#f5f8f6;font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0}.app-shell{background:#020908;min-height:100vh}.phone-stage{background:radial-gradient(circle at 82% 18%,#1aff3114,#0000 24%),linear-gradient(#020909 0%,#061411 60%,#07120f 100%);width:100%;max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.page-content{padding:0 16px 92px}.topbar{justify-content:space-between;align-items:center;height:72px;padding:14px 18px 8px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-mark{letter-spacing:-2px;color:#62ff24;text-shadow:0 0 15px #62ff2459;font-size:28px;font-style:italic;font-weight:900;line-height:1}.brand-divider{background:#ffffff73;width:1px;height:31px}.brand-sub{color:#d5dcda;font-size:9px;font-weight:700;line-height:1.15}.top-actions{align-items:center;gap:13px;display:flex}.icon-button,.profile-button{background:0 0;padding:0;position:relative}.icon-button svg{fill:none;stroke:#d8e2df;stroke-width:1.7px;stroke-linecap:round;width:21px;height:21px}.notification-dot{background:#63ff25;border-radius:50%;width:5px;height:5px;position:absolute;top:1px;right:1px}.avatar{background:linear-gradient(145deg,#f1d3a4,#56736b);border:2px solid #c8efbb;border-radius:50%;width:38px;height:38px;position:relative;overflow:hidden}.avatar-head{background:#d9b58d;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:11px}.avatar-body{background:#244b5a;border-radius:13px 13px 0 0;width:25px;height:18px;position:absolute;bottom:0;left:5px}.hero{background:url(/images/hero_racket.jpg) 50%/cover no-repeat;border-radius:14px;align-items:center;height:200px;padding:0 16px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:4;position:relative}.hero-kicker{color:#83f744;letter-spacing:1.5px;margin-bottom:8px;font-size:7px;font-weight:600}.hero h1{letter-spacing:-.8px;margin:0;font-size:23px;line-height:1.02}.hero h1 span{color:#68ff27}.hero p{color:#c1cac7;margin:8px 0 11px;font-size:7.5px;line-height:1.45}.primary-cta{color:#071008;background:#45bd1c;border-radius:20px;justify-content:space-between;align-items:center;min-width:145px;height:30px;padding:0 7px 0 15px;font-size:10px;font-weight:800;display:flex;box-shadow:0 4px 16px #35ff1838}.cta-arrow{background:#eef7e9;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.cta-arrow svg,.booking-chevron svg{fill:none;stroke:#0b210e;stroke-width:2.5px;width:13px;height:13px}.hero-racket{z-index:2;filter:drop-shadow(0 7px 8px #000000b3);width:105px;height:138px;position:absolute;top:18px;right:16px;transform:rotate(23deg)}.racket-head{background:radial-gradient(circle,#b3e83a 0 3px,#0000 4px),#1b2c26;border:7px solid #172c27;border-radius:50%;width:78px;height:94px;position:absolute;top:0;left:5px;box-shadow:inset 0 0 0 3px #8ac31d}.racket-string{opacity:.8;background:#b9e72f;position:absolute}.s1{width:2px;height:72px;top:6px;left:22px;transform:rotate(28deg)}.s2{width:2px;height:72px;top:7px;left:38px;transform:rotate(7deg)}.s3{width:2px;height:72px;top:8px;left:52px;transform:rotate(-12deg)}.s4{width:70px;height:2px;top:35px;left:3px;transform:rotate(7deg)}.s5{width:66px;height:2px;top:55px;left:5px;transform:rotate(-8deg)}.racket-handle{background:linear-gradient(90deg,#263b35,#0c1714);border-radius:4px;width:14px;height:65px;position:absolute;top:82px;left:38px}.hero-ball{z-index:3;background:radial-gradient(circle at 32% 26%,#ecff8c,#9fdf16 42%,#4d9a13);border-radius:50%;width:49px;height:49px;position:absolute;bottom:13px;right:49px;box-shadow:0 0 22px #78ff1973}.hero-glow{background:linear-gradient(90deg,#0000,#74ff1e29,#0000);width:160px;height:70px;position:absolute;bottom:20px;right:18px;transform:skew(-25deg)}.member-card{background:radial-gradient(circle at 75% 55%,#2c7e1638,#0000 35%),linear-gradient(135deg,#07170f,#0d2719);border:1px solid #53953f59;border-radius:14px;min-height:141px;padding:15px 16px;display:flex;position:relative;overflow:hidden}.member-copy{z-index:2}.eyebrow{color:#68e835;letter-spacing:1px;margin-bottom:5px;font-size:7px;font-weight:800}.discount{letter-spacing:-1px;font-size:26px;font-weight:900;line-height:1}.member-note{color:#d5ded9;margin-top:3px;font-size:8px}.days{color:#7d8984;gap:8px;margin-top:5px;font-size:7px;display:flex}.days b{color:#70e938}.outline-cta{color:#eef5ee;background:#00000026;border:1px solid #4d7e4b;border-radius:15px;align-items:center;gap:7px;margin-top:9px;padding:5px 9px;font-size:7px;display:flex}.outline-cta svg{fill:none;stroke:#74ef39;stroke-width:2px;width:10px;height:10px}.member-card-art{width:190px;height:130px;position:absolute;top:5px;right:-5px}.mini-ball{background:#a7dc1e;border-radius:50%;width:38px;height:38px;position:absolute;top:8px;right:5px}.member-pass{background:linear-gradient(145deg,#0a3a2a,#09241b);border:1px solid #5cad528c;border-radius:8px;width:118px;height:70px;padding:19px 12px;position:absolute;top:41px;right:24px;transform:rotate(-10deg);box-shadow:0 10px 18px #0006}.member-pass strong{color:#e9f4ed;font-size:17px;font-style:italic}.member-pass span{color:#74e83a;margin-top:2px;font-size:5px;display:block}.pass-symbol{color:#315a49;font-size:26px;position:absolute;bottom:5px;right:8px}.member-slider{margin-top:10px;position:relative}.member-swiper{width:100%;padding-bottom:18px!important}.member-swiper .swiper-pagination{justify-content:center;align-items:center;gap:4px;display:flex;bottom:0!important}.member-swiper .swiper-pagination-bullet{opacity:1;background:#52615c;width:5px;height:5px;margin:0!important}.member-swiper .swiper-pagination-bullet-active{background:#69f22f;width:7px;height:7px}.section-block{margin-top:13px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.section-title-row h2{color:#dce5e1;margin:0;font-size:10px;font-weight:700}.view-all{color:#68e936;background:0 0;padding:0;font-size:8px;font-weight:700}.sport-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.sport-card{text-align:left;background:linear-gradient(145deg,#0a201d,#081715);border:1px solid #2f4c48b3;border-radius:10px;align-items:center;gap:7px;min-width:0;height:55px;padding:5px 6px;display:flex}.sport-icon{filter:saturate(.95);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;display:flex}.sport-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sport-text b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sport-text small{color:#8d9995;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.sport-arrow{color:#08110a;background:#49c928;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;font-weight:700;line-height:1;display:flex}.pager{justify-content:center;gap:4px;margin-top:8px;display:flex}.pager span{background:#52615c;border-radius:50%;width:5px;height:5px}.pager .active{background:#69f22f;width:7px;height:7px;margin-top:-1px}.booking-section{margin-top:6px}.booking-card{text-align:left;background:#0b211e;border:1px solid #324f4ab3;border-radius:11px;align-items:center;gap:8px;width:100%;height:61px;padding:4px 6px;display:flex}.court-photo{background:linear-gradient(#6f9db2 0 38%,#193c3a 39% 52%,#1166a0 53% 100%);border-radius:8px;width:106px;height:51px;position:relative;overflow:hidden}.court-floor{background:repeating-linear-gradient(90deg,#0000 0 24px,#fffc 25px 26px),#1681ba;position:absolute;inset:24px 0 0;transform:perspective(100px)rotateX(18deg)}.court-fence{z-index:2;background:repeating-linear-gradient(90deg,#0000 0 10px,#0f282bb3 11px 12px);position:absolute;inset:0}.court-net{z-index:3;background:#f0f2e8;height:2px;position:absolute;top:28px;left:0;right:0}.booking-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.booking-info b{font-size:12px}.booking-info span{color:#a5b0ac;font-size:10px}.booking-info em{color:#6cf035;font-size:8px;font-style:normal;font-weight:700}.booking-image{border-radius:4px;flex:0 0 82px;width:52px;height:52px;overflow:hidden}.booking-image img{object-fit:cover;width:100%;height:100%;display:block}.booking-chevron{background:#162b28;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.booking-chevron svg{stroke:#e0e9e5;width:12px;height:12px}.food-promo{background:url(/images/footer-banner.jpg) 50%/cover no-repeat;border-radius:14px;justify-content:center;align-items:center;height:70px;margin-top:10px;padding:0 10px;display:flex;position:relative;overflow:hidden}.food-copy{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.food-copy strong{font-size:12px}.food-copy span{color:#55705c;font-size:6.5px;line-height:1.25}.food-copy button{color:#effbea;background:#1d7d3c;border-radius:9px;align-self:center;margin-top:2px;padding:4px 8px;font-size:8px;font-weight:700}.food-copy button b{margin-left:4px;font-size:9px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051613f5;border-top:1px solid #375c5499;justify-content:space-around;align-items:center;width:100%;max-width:430px;height:66px;padding-bottom:5px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#73817d;background:0 0;flex-direction:column;align-items:center;gap:4px;min-width:52px;font-size:6.5px;display:flex}.nav-icon{font-size:18px;line-height:18px}.nav-item.active{color:#6cf334;font-weight:700}.nav-item.active .nav-icon{filter:drop-shadow(0 0 5px #69ff3266)}@media (min-width:600px){body{background:#111}.phone-stage{box-shadow:0 0 55px #000000a6}}.booking-page{color:#f5f8f6;background:radial-gradient(circle at 85% 12%,#4aff220f,#0000 25%),linear-gradient(#020908 0%,#061411 100%);width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:100px}.booking-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 17px;display:flex}.booking-header h1{letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.back-button{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.back-button svg{fill:none;stroke:#dce6e2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.header-spacer{width:36px}.sport-selector{padding:15px 0 4px}.sport-scroll{scrollbar-width:none;gap:2px;padding:0 16px 5px;display:flex;overflow-x:auto}.sport-scroll::-webkit-scrollbar{display:none}.sport-badge{color:#8f9c98;background:#0a1c19e6;border:1px solid #4a655eb3;border-radius:18px;flex:none;height:32px;padding:0 14px;font-size:8px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s}.sport-badge:active{transform:scale(.96)}.sport-badge.active{color:#071108;background:#5ee52b;border-color:#5ee52b;box-shadow:0 5px 16px #5cef2b2e}.court-section{padding:16px}.court-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.court-eyebrow{color:#68e936;letter-spacing:1.1px;margin-bottom:3px;font-size:6px;font-weight:800;display:block}.court-section-header h2{letter-spacing:-.4px;margin:0;font-size:16px;line-height:1.1}.court-count{color:#71817b;font-size:7px}.court-list{flex-direction:column;gap:9px;display:flex}.court-card{text-align:left;background:#0a1b18;border:1px solid #334e48bf;border-radius:14px;width:100%;height:128px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.court-card:active{transform:scale(.985)}.court-card.selected{border-color:#65e936;box-shadow:0 0 0 1px #65e93626,0 8px 25px #3fde2614}.court-image{width:48%;min-width:48%;height:100%;position:relative;overflow:hidden}.court-image-background{background-color:#173c35;background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:0}.court-card:hover .court-image-background{transform:scale(1.04)}.court-content{background:linear-gradient(145deg,#0b211d,#071613);flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:14px 13px;display:flex}.court-top{flex-direction:column;display:flex}.court-label{color:#6eea38;letter-spacing:1px;font-size:10px;font-weight:800}.court-number{color:#f1f6f3;margin-top:2px;font-size:25px;font-weight:800;line-height:1}.court-bottom{justify-content:flex-end;display:flex}.court-price{color:#f0f5f2;font-size:12px;font-weight:800}.court-price small{color:#73817c;margin-left:3px;font-size:7px;font-weight:500}.court-selected{background:#62e82d;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex;position:absolute;top:9px;right:9px;box-shadow:0 4px 12px #46ee2640}.court-selected svg{fill:none;stroke:#071108;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.booking-bottom{z-index:30;background:linear-gradient(#02090800,#020908f5 25%);width:100%;max-width:430px;padding:10px 16px 15px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.continue-button{color:#65736f;opacity:.75;background:#1a2b26;border-radius:25px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 9px 0 18px;font-size:10px;font-weight:800;display:flex}.continue-button svg{fill:none;stroke:#71817c;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#263934;border-radius:50%;width:30px;height:30px;padding:8px}.continue-button.enabled{color:#071108;opacity:1;background:#5fe52c;box-shadow:0 7px 22px #51ee2733}.continue-button.enabled svg{stroke:#071108;background:#e9f6e5}.schedule-page{color:#f5f8f6;background:radial-gradient(circle at 80% 10%,#4eff250f,#0000 24%),linear-gradient(#020908 0%,#061411 100%);width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:160px}.schedule-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 17px;display:flex}.schedule-header h1{letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.schedule-back{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.schedule-back svg{fill:none;stroke:#dce6e2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.schedule-header-spacer{width:36px}.selected-court{background:linear-gradient(145deg,#0c241f,#081713);border:1px solid #36554dbf;border-radius:13px;align-items:center;height:78px;margin:14px 16px 0;display:flex;position:relative;overflow:hidden}.selected-court-image{background-position:50%;background-size:cover;flex:none;width:100px;height:100%}.selected-court-info{flex-direction:column;gap:3px;padding:10px 12px;display:flex}.selected-court-info span{color:#69e937;text-transform:uppercase;letter-spacing:1px;font-size:6px;font-weight:800}.selected-court-info strong{font-size:13px}.selected-court-info small{color:#87948f;font-size:7px}.selected-check{background:#62e82d;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:flex;position:absolute;top:10px;right:10px}.selected-check svg{fill:none;stroke:#071108;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.schedule-section{margin-top:19px}.schedule-section-title{justify-content:space-between;align-items:flex-end;padding:0 16px;display:flex}.schedule-section-title span:first-child{color:#68e936;letter-spacing:1px;margin-bottom:4px;font-size:6px;font-weight:800;display:block}.schedule-section-title h2{letter-spacing:-.3px;margin:0;font-size:14px;line-height:1}.timezone{color:#667570;font-size:6px}.date-scroll{scrollbar-width:none;gap:7px;padding:11px 16px 5px;display:flex;overflow-x:auto}.date-scroll::-webkit-scrollbar{display:none}.date-card{color:#7f8e89;background:#0a1c18;border:1px solid #314e47b3;border-radius:11px;flex-direction:column;flex:0 0 48px;justify-content:center;align-items:center;gap:2px;width:48px;height:67px;padding:0;transition:all .2s;display:flex;position:relative}.date-card span{font-size:6px;font-weight:800}.date-card strong{color:#e7eeeb;letter-spacing:-.5px;font-size:18px;line-height:1}.date-card small{font-size:6px}.date-card.active{color:#071108;background:#5fe42c;border-color:#5fe42c;box-shadow:0 6px 17px #52eb2a29}.date-card.active strong{color:#071108}.time-section{margin-top:22px}.availability-key{color:#71807b;align-items:center;gap:4px;font-size:6px;display:flex}.availability-key i{background:#62e82d;border-radius:50%;width:5px;height:5px;display:block}.time-grid{grid-template-columns:repeat(3,1fr);gap:7px;padding:11px 16px 0;display:grid}.time-slot{color:#d8e1de;background:#0a1d19;border:1px solid #324e48bf;border-radius:9px;justify-content:center;align-items:center;height:45px;font-size:9px;font-weight:700;transition:all .2s;display:flex;position:relative}.time-slot:active:not(:disabled){transform:scale(.96)}.time-check{background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:7px;display:flex;position:absolute;top:4px;right:5px}.schedule-bottom{z-index:40;background:linear-gradient(#02090800,#020908f7 25%);width:100%;max-width:430px;padding:10px 16px 15px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.schedule-summary{background:#091c18f2;border:1px solid #314e47b3;border-radius:11px;justify-content:space-between;align-items:center;min-height:46px;margin-bottom:7px;padding:8px 13px;display:flex}.schedule-summary>div{flex-direction:column;gap:3px;display:flex}.schedule-summary span{color:#8a9994;font-size:6px}.schedule-summary strong{font-size:12px}.schedule-summary strong small{color:#75847e;font-size:6px;font-weight:500}.summary-court{font-weight:700;color:#69e937!important;font-size:7px!important}.schedule-continue{color:#65736f;opacity:.75;background:#1a2b26;border-radius:25px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 9px 0 18px;font-size:10px;font-weight:800;display:flex}.schedule-continue svg{fill:none;stroke:#71817c;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#263934;border-radius:50%;width:30px;height:30px;padding:8px}.schedule-continue.enabled{color:#071108;opacity:1;background:#5fe42c;box-shadow:0 7px 22px #51ee2733}.schedule-continue.enabled svg{stroke:#071108;background:#edf8e9}.time-slot.past{color:#3d4c48;cursor:not-allowed;background:#071310;border-color:#25393580}.time-slot.past small{color:#3f504b;font-size:5px;font-weight:500;position:absolute;bottom:4px}.time-slot.booked{color:#3d4c48;cursor:not-allowed;background:#071310;border-color:#25393580}.time-slot.booked small{color:#3f504b;font-size:5px;font-weight:500;position:absolute;bottom:4px}.time-slot.active{color:#071108;background:#5fe42c;border-color:#5fe42c;box-shadow:0 5px 15px #53ee292e}.addons-page{color:#f5f8f6;background:radial-gradient(circle at 85% 10%,#4eff250f,#0000 25%),linear-gradient(#020908 0%,#061411 100%);width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:170px}.addons-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 17px;display:flex}.addons-header h1{letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.addons-back{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.addons-back svg{fill:none;stroke:#dce6e2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.addons-header-spacer{width:36px}.addon-booking-summary{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:13px;margin:14px 16px 0;padding:13px}.addon-summary-top{justify-content:space-between;align-items:flex-start;display:flex}.addon-summary-top>div{flex-direction:column;gap:4px;display:flex}.addon-summary-label{color:#69e937;letter-spacing:1px;font-size:6px;font-weight:800}.addon-summary-top strong{font-size:12px}.addon-summary-price{color:#e9f1ed;font-size:12px;font-weight:800}.addon-summary-meta{color:#84928d;border-top:1px solid #ffffff0d;gap:14px;margin-top:9px;padding-top:8px;font-size:10px;display:flex}.addon-summary-meta span{align-items:center;gap:5px;display:flex}.addon-summary-meta i{color:#68e936;font-size:7px;font-style:normal}.addons-section{margin-top:20px}.addons-section-heading{justify-content:space-between;align-items:flex-end;padding:0 16px;display:flex}.addons-section-heading>div:first-child{flex-direction:column;gap:4px;display:flex}.addons-section-heading span:first-child{color:#68e936;letter-spacing:1px;font-size:8px;font-weight:800}.addons-section-heading h2{letter-spacing:-.3px;margin:0;font-size:15px}.total-items{color:#71817c;font-size:10px}.addon-list{flex-direction:column;gap:8px;padding:11px 16px 0;display:flex}.addon-card{background:linear-gradient(145deg,#0a1d19,#071512);border:1px solid #304d46b3;border-radius:13px;align-items:center;gap:10px;min-height:82px;padding:9px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.addon-card.selected{border-color:#63e734a6;box-shadow:0 7px 20px #42e3240f}.addon-icon{background:radial-gradient(circle at 50% 40%,#69ea371f,#0000 65%),#10241f;border-radius:10px;flex:none;justify-content:center;align-items:center;width:56px;height:62px;font-size:30px;display:flex}.addon-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.addon-info strong{font-size:12px}.addon-info span{color:#788782;white-space:nowrap;font-size:8px}.addon-info b{color:#e9f0ed;margin-top:3px;font-size:12px}.addon-info b small{color:#e9f0ed;font-size:10px}.addon-actions{flex-direction:column;align-items:flex-end;gap:5px;min-width:70px;display:flex}.addon-item-total{color:#68e936;font-size:7px;font-weight:700}.quantity-control{background:#112721;border:1px solid #3a574fcc;border-radius:17px;align-items:center;height:30px;display:flex;overflow:hidden}.quantity-control button{color:#dce7e2;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:17px;line-height:1;display:flex}.quantity-control button:disabled{color:#354540;cursor:not-allowed}.quantity-control span{text-align:center;color:#f1f6f3;min-width:17px;font-size:9px;font-weight:800}.addons-total-card{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:13px;margin:14px 16px 0;padding:13px}.total-row{color:#82908b;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.total-row strong{color:#dce5e1;font-size:12px}.total-divider{background:#ffffff0f;height:1px;margin:10px 0}.grand-total-row{justify-content:space-between;align-items:center;display:flex}.grand-total-row>div{flex-direction:column;gap:3px;display:flex}.grand-total-row span{color:#f1f6f3;font-size:10px;font-weight:800}.grand-total-row small{color:#64736e;font-size:8px}.grand-total-row>strong{color:#69e937;letter-spacing:-.5px;font-size:17px}.addons-bottom{z-index:50;background:linear-gradient(#02090800,#020908f7 22%);width:100%;max-width:430px;padding:9px 16px 15px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.addons-bottom-total{justify-content:space-between;align-items:center;min-height:40px;padding:0 4px 3px;display:flex}.addons-bottom-total span{color:#8a9994;font-size:12px}.addons-bottom-total strong{color:#f1f6f3;font-size:15px}.addons-continue{color:#071108;background:#5fe42c;border-radius:25px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 9px 0 18px;font-size:10px;font-weight:800;display:flex;box-shadow:0 7px 22px #51ee2733}.addons-continue svg{fill:none;stroke:#071108;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#edf8e9;border-radius:50%;width:30px;height:30px;padding:8px}.checkout-page{color:#f5f8f6;background:radial-gradient(circle at 85% 5%,#4eff250d,#0000 25%),linear-gradient(#020908 0%,#061411 100%);width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:150px}.checkout-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 17px;display:flex}.checkout-header h1{margin:0;font-size:16px;font-weight:700}.checkout-back{background:#ffffff0d;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.checkout-back svg{fill:none;stroke:#dce6e2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.checkout-header-spacer{width:36px}.checkout-section{margin-top:20px;padding:0 16px}.checkout-section-heading{flex-direction:column;gap:4px;margin-bottom:11px;display:flex}.checkout-section-heading span{color:#68e936;letter-spacing:1px;font-size:6px;font-weight:800}.checkout-section-heading h2{letter-spacing:-.3px;margin:0;font-size:15px}.checkout-court-card{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:13px;align-items:center;gap:11px;min-height:86px;padding:9px;display:flex}.checkout-court-image{background-color:#10251f;background-position:50%;background-size:cover;border-radius:9px;flex:none;width:76px;height:67px}.checkout-court-info{flex-direction:column;gap:4px;display:flex}.checkout-court-info span{color:#68e936;letter-spacing:1px;font-size:6px;font-weight:800}.checkout-court-info strong{font-size:13px}.checkout-court-info small{color:#7e8e88;font-size:7px}.booking-detail-grid{background:#304d4659;border:1px solid #304d46b3;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-top:8px;display:grid;overflow:hidden}.booking-detail-grid>div{background:#081713;flex-direction:column;justify-content:center;gap:4px;min-height:54px;padding:9px;display:flex}.booking-detail-grid span{color:#687873;letter-spacing:.7px;font-size:6px;font-weight:700}.booking-detail-grid strong{color:#dce6e2;font-size:9px}.checkout-addon-list{border:1px solid #304d46b3;border-radius:12px;overflow:hidden}.checkout-addon-row{background:#091914;justify-content:space-between;align-items:center;min-height:52px;padding:8px 11px;display:flex}.checkout-addon-row+.checkout-addon-row{border-top:1px solid #ffffff0d}.checkout-addon-row>div{flex-direction:column;gap:3px;display:flex}.checkout-addon-row strong{color:#dfe8e4;font-size:9px}.checkout-addon-row span{color:#687873;font-size:6.5px}.checkout-addon-row>strong{color:#69e937;font-size:9px}.no-addons{text-align:center;color:#66756f;background:#091914;border:1px solid #304d46b3;border-radius:11px;padding:16px;font-size:8px}.customer-form{flex-direction:column;gap:11px;display:flex}.customer-form label{flex-direction:column;gap:6px;display:flex}.customer-form label>span{color:#82918c;font-size:7px;font-weight:700}.customer-form input{color:#edf4f1;background:#091914;border:1px solid #304d46bf;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px;font-family:inherit;font-size:9px;transition:border-color .2s,box-shadow .2s}.customer-form input::placeholder{color:#465650}.customer-form input:focus{border-color:#63e734b3;box-shadow:0 0 0 2px #63e7340f}.checkout-total-card{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:13px;margin:17px 16px 0;padding:13px}.checkout-total-row{color:#84928d;justify-content:space-between;margin-bottom:9px;font-size:7px;display:flex}.checkout-total-row strong{color:#dce5e1;font-size:8px}.checkout-divider{background:#ffffff0f;height:1px;margin:11px 0}.checkout-grand-total{justify-content:space-between;align-items:center;display:flex}.checkout-grand-total>div{flex-direction:column;gap:3px;display:flex}.checkout-grand-total span{color:#f1f6f3;font-size:10px;font-weight:800}.checkout-grand-total small{color:#64736e;font-size:6px}.checkout-grand-total>strong{color:#69e937;letter-spacing:-.5px;font-size:18px}.terms-checkbox{cursor:pointer;align-items:flex-start;gap:8px;margin:13px 16px 0;display:flex}.terms-checkbox input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{color:#071108;background:#091914;border:1px solid #385048;border-radius:4px;flex:none;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:flex}.terms-checkbox input:checked+.custom-checkbox{background:#69e937;border-color:#69e937}.terms-text{color:#687873;padding-top:1px;font-size:6.5px;line-height:1.6}.terms-text button{color:#8ca19a;font-size:inherit;background:0 0;padding:0;text-decoration:underline}.checkout-bottom{z-index:50;background:linear-gradient(#02090800,#020908fa 24%);width:100%;max-width:430px;padding:9px 16px 15px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.checkout-bottom-total{justify-content:space-between;align-items:center;min-height:38px;padding:0 4px 2px;display:flex}.checkout-bottom-total span{color:#84928d;font-size:7px}.checkout-bottom-total strong{color:#f1f6f3;font-size:15px}.confirm-button{color:#4b5b55;background:#1b2b26;border:0;border-radius:25px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 9px 0 18px;font-family:inherit;font-size:10px;font-weight:800;display:flex}.confirm-button.enabled{color:#071108;background:#5fe42c;box-shadow:0 7px 22px #51ee2733}.confirm-button svg{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:30px;height:30px;padding:8px}.confirm-button.enabled svg{stroke:#071108;background:#edf8e9}.confirm-button:not(.enabled) svg{stroke:#596861;background:#273731}.confirm-spinner{border:2px solid #07110840;border-top-color:#071108;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite checkout-spin}@keyframes checkout-spin{to{transform:rotate(360deg)}}.booking-success{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:70px 24px 40px;display:flex}.success-icon{background:#63e7341a;border:1px solid #63e7344d;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;display:flex;box-shadow:0 0 35px #63e73414}.success-icon svg{fill:none;stroke:#69e937;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.success-eyebrow{color:#69e937;letter-spacing:1.5px;font-size:7px;font-weight:800}.booking-success h1{letter-spacing:-.6px;margin:9px 0 7px;font-size:22px}.booking-success>p{color:#75847e;max-width:280px;margin:0;font-size:8px;line-height:1.6}.booking-number{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:13px;flex-direction:column;gap:7px;width:100%;margin-top:28px;padding:16px;display:flex}.booking-number span{color:#687873;letter-spacing:1px;font-size:6px;font-weight:700}.booking-number strong{color:#69e937;letter-spacing:1px;font-size:19px}.success-summary{border:1px solid #304d46b3;border-radius:13px;width:100%;margin-top:11px;overflow:hidden}.success-summary>div{background:#091914;justify-content:space-between;align-items:center;min-height:48px;padding:8px 12px;display:flex}.success-summary>div+div{border-top:1px solid #ffffff0d}.success-summary span{color:#687873;font-size:7px}.success-summary strong{color:#dce6e2;font-size:8px}.success-summary .success-price{color:#69e937;font-size:12px}.success-home-button{color:#071108;background:#5fe42c;border:0;border-radius:24px;width:100%;height:48px;margin-top:18px;font-family:inherit;font-size:10px;font-weight:800;box-shadow:0 7px 22px #51ee272e}.payment-page{color:#f5f8f6;background:radial-gradient(circle at 85% 5%,#4eff250d,#0000 25%),linear-gradient(#020908 0%,#061411 100%);width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:145px}.payment-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 17px;display:flex}.payment-header h1{letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.payment-back{background:#ffffff0d;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.payment-back svg{fill:none;stroke:#dce6e2;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.payment-header-spacer{width:36px}.payment-section{margin-top:20px;padding:0 16px}.payment-section-heading{flex-direction:column;gap:4px;margin-bottom:11px;display:flex}.payment-section-heading span{color:#68e936;letter-spacing:1px;font-size:6px;font-weight:800}.payment-section-heading h2{letter-spacing:-.3px;margin:0;font-size:15px}.payment-booking-card{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:12px;align-items:center;gap:10px;min-height:78px;padding:8px;display:flex}.payment-court-image{background-color:#10251f;background-position:50%;background-size:cover;border-radius:8px;flex:none;width:67px;height:60px}.payment-court-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.payment-court-info span{color:#68e936;letter-spacing:1px;font-size:6px;font-weight:800}.payment-court-info strong{font-size:11px}.payment-court-info small{color:#71817b;font-size:6.5px}.payment-court-price{color:#e4ece8;white-space:nowrap;font-size:10px}.payment-addon-heading{justify-content:space-between;align-items:center;margin-top:13px;margin-bottom:7px;display:flex}.payment-addon-heading span{color:#71817b;letter-spacing:1px;font-size:6px;font-weight:800}.payment-addon-heading strong{color:#68e936;font-size:7px}.payment-addon-list{border:1px solid #304d46b3;border-radius:10px;overflow:hidden}.payment-addon-row{background:#091914;justify-content:space-between;align-items:center;min-height:46px;padding:7px 10px;display:flex}.payment-addon-row+.payment-addon-row{border-top:1px solid #ffffff0d}.payment-addon-row>div{flex-direction:column;gap:3px;display:flex}.payment-addon-row strong{color:#dce6e2;font-size:8px}.payment-addon-row span{color:#667770;font-size:6px}.payment-addon-row>strong{color:#dce6e2;font-size:8px}.payment-total-card{background:#0a1b17;border:1px solid #304d46b3;border-radius:11px;margin-top:8px;padding:11px}.payment-total-row{color:#7c8b85;justify-content:space-between;align-items:center;min-height:24px;font-size:7px;display:flex}.payment-total-row strong{color:#dce6e2;font-size:8px}.payment-total-divider{background:#ffffff0f;height:1px;margin:7px 0}.payment-grand-total{justify-content:space-between;align-items:center;min-height:30px;display:flex}.payment-grand-total span{color:#f0f6f3;font-size:10px;font-weight:800}.payment-grand-total strong{color:#69e937;letter-spacing:-.4px;font-size:17px}.payment-method-section{margin-top:23px}.payment-method-list{flex-direction:column;gap:8px;display:flex}.payment-method{text-align:left;color:#e7efeb;background:linear-gradient(145deg,#0a1c18,#071512);border:1px solid #304d46b3;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:67px;padding:9px;transition:border-color .2s,background .2s,transform .15s;display:flex}.payment-method:active{transform:scale(.985)}.payment-method.active{background:linear-gradient(145deg,#10271f,#091a15);border-color:#63e734bf;box-shadow:0 6px 20px #4ae0270d}.payment-method-icon{background:#10251f;border:1px solid #47685e59;border-radius:10px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.payment-method.active .payment-method-icon{background:#69e93717;border-color:#69e93733}.payment-method-icon svg{fill:none;stroke:#81918b;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.payment-method.active .payment-method-icon svg{stroke:#69e937}.payment-method-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.payment-method-info strong{color:#dfe8e4;font-size:9px}.payment-method-info span{color:#687872;font-size:6.5px}.payment-method-radio{border:1px solid #3b5149;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.payment-method.active .payment-method-radio{border-color:#69e937}.payment-method-radio span{background:#69e937;border-radius:50%;width:8px;height:8px}.payment-bottom{z-index:50;background:linear-gradient(#02090800,#020908fa 24%);width:100%;max-width:430px;padding:8px 16px 15px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.payment-bottom-total{justify-content:space-between;align-items:center;min-height:37px;padding:0 4px 2px;display:flex}.payment-bottom-total span{color:#83918c;font-size:7px}.payment-bottom-total strong{color:#f1f6f3;font-size:15px}.payment-button{color:#4b5b55;background:#1b2b26;border:0;border-radius:25px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 9px 0 18px;font-family:inherit;font-size:10px;font-weight:800;display:flex}.payment-button.enabled{color:#071108;background:#5fe42c;box-shadow:0 7px 22px #51ee2733}.payment-button svg{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:30px;height:30px;padding:8px}.payment-button.enabled svg{stroke:#071108;background:#edf8e9}.payment-button:not(.enabled) svg{stroke:#596861;background:#273731}.payment-spinner{border:2px solid #07110840;border-top-color:#071108;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite payment-spin}@keyframes payment-spin{to{transform:rotate(360deg)}}.payment-success{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:70px 24px 40px;display:flex}.payment-success-icon{background:#63e7341a;border:1px solid #63e7344d;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:20px;display:flex;box-shadow:0 0 35px #63e73414}.payment-success-icon svg{fill:none;stroke:#69e937;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px}.payment-success-eyebrow{color:#69e937;letter-spacing:1.5px;font-size:7px;font-weight:800}.payment-success h1{letter-spacing:-.6px;margin:9px 0 7px;font-size:22px}.payment-success>p{color:#75847e;max-width:280px;margin:0;font-size:8px;line-height:1.6}.payment-number-card{background:linear-gradient(145deg,#0b211d,#071613);border:1px solid #335049bf;border-radius:13px;flex-direction:column;gap:7px;width:100%;margin-top:28px;padding:16px;display:flex}.payment-number-card span{color:#687873;letter-spacing:1px;font-size:6px;font-weight:700}.payment-number-card strong{color:#69e937;letter-spacing:1px;font-size:19px}.payment-success-summary{border:1px solid #304d46b3;border-radius:13px;width:100%;margin-top:11px;overflow:hidden}.payment-success-summary>div{background:#091914;justify-content:space-between;align-items:center;min-height:48px;padding:8px 12px;display:flex}.payment-success-summary>div+div{border-top:1px solid #ffffff0d}.payment-success-summary span{color:#687873;font-size:7px}.payment-success-summary strong{color:#dce6e2;font-size:8px}.payment-success-summary .payment-success-price{color:#69e937;font-size:12px}.payment-home-button{color:#071108;background:#5fe42c;border:0;border-radius:24px;width:100%;height:48px;margin-top:18px;font-family:inherit;font-size:10px;font-weight:800;box-shadow:0 7px 22px #51ee272e}