:root{--color-primary-dark:#0f172a;--color-primary-green:#22c55e;--color-primary-green-dark:#16a34a;--color-primary-green-light:#ecfdf5;--color-primary-green-border:#bbf7d0;--color-primary-red:#ef4444;--color-accent-orange:#f97316;--color-accent-amber:#f59e0b;--color-bg-page:#f8fafc;--color-bg-card:#fff;--color-bg-subtle:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-icon:#64748b;--color-icon-accent:#f97316;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--radius-card:var(--radius-lg);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 8px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #0f172a1f;--shadow-card:var(--shadow-sm);--shadow-card-hover:var(--shadow-md);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.25s cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page-max-width:1400px;--page-padding:24px;--header-height:68px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}#root{min-height:100svh}button{font-family:inherit}img{max-width:100%}input,select{font-family:inherit}::selection{color:var(--color-text-primary);background:#22c55e33}.header{height:var(--header-height);z-index:100;background:#0f172a;border-bottom:1px solid #16a34a26;position:sticky;top:0;box-shadow:0 4px 32px #0006,0 1px #16a34a1a}.header__inner{width:100%;max-width:var(--page-max-width);padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));align-items:center;gap:12px;height:100%;margin:0 auto;display:flex}.header__logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.header__logo-img{filter:brightness(1.08);width:auto;height:34px;display:block}.header__nav{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.header__nav-link{color:#fffffff2;border-radius:var(--radius-pill);transition:color var(--transition-base), background var(--transition-base);padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none}.header__nav-link:hover{color:#fff}.header__nav-link--active{background:var(--color-primary-green);color:#fff;font-weight:600}.header__actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.header__wishlist{color:#fff;cursor:pointer;width:42px;height:42px;transition:background var(--transition-base);background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.header__wishlist:hover{background:#ffffff29}.header__wishlist-icon{color:#fff;justify-content:center;align-items:center;display:flex}.header__wishlist-badge{color:#fff;border-radius:var(--radius-pill);border:2px solid var(--color-primary-dark);background:#f97316;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.header__profile-menu{position:relative}.header__profile{color:#fff;cursor:pointer;border-radius:var(--radius-pill);transition:opacity var(--transition-base);background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.header__profile:hover,.header__profile--open{opacity:.9}.header__profile--open svg{transform:rotate(180deg)}.header__profile svg{transition:transform var(--transition-base)}.header__profile-dropdown{z-index:120;background:#0f172a;border:1px solid #ffffff1f;border-radius:12px;min-width:160px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #00000059,0 1px #16a34a1f}.header__profile-dropdown-item{color:#fffffff2;text-align:left;cursor:pointer;width:100%;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:block}.header__profile-dropdown-item:hover{color:#fff;background:#ffffff14}.header__profile-dropdown-divider{background:#ffffff1a;height:1px;margin:4px 6px}.header__profile-dropdown-item--logout{color:#f87171f2}.header__profile-dropdown-item--logout:hover{color:#fca5a5;background:#f871711f}.header__avatar{object-fit:cover;border:2px solid var(--color-primary-green);border-radius:50%;flex-shrink:0;width:36px;height:36px}.header__username{color:#fffffffa;font-size:14px;font-weight:500}.header__profile svg{color:#fffffff2}.header__auth-entry{color:#fff;border-radius:var(--radius-pill);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast);background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:10px;padding:5px 14px 5px 5px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.header__auth-entry:hover{color:#fff;background:#ffffff1f;border-color:#22c55e73;box-shadow:inset 0 1px #ffffff1f,0 4px 16px #22c55e26}.header__auth-entry:active{transform:scale(.98)}.header__auth-icon{color:#fff;width:34px;height:34px;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);background:#ffffff24;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__auth-entry:hover .header__auth-icon{color:#fff;background:#22c55e2e;border-color:#22c55e66}.header__auth-label{letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:500}.header__auth-sep{color:#fff9;margin:0 3px;font-weight:400}.header__menu-toggle{color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-base);background:#ffffff1a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.header__menu-toggle:hover{background:#ffffff29}.header__mobile-backdrop{inset:0;top:var(--header-height);z-index:110;cursor:pointer;background:#0000008c;border:none;padding:0;display:none;position:fixed}.header__mobile-nav{top:var(--header-height);z-index:130;padding:20px max(16px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#0f172a;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.header__mobile-nav-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.header__mobile-nav-link{text-align:left;color:#ffffffa6;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:flex}.header__mobile-nav-link:hover{color:#ffffffd9}.header__mobile-nav-link--active{color:#fff;background:#10b9811f;font-weight:600}.header__mobile-nav-icon{color:#ffffff8c;width:40px;height:40px;transition:background var(--transition-base), color var(--transition-base);background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__mobile-nav-icon--active{color:var(--color-primary-green);background:#22c55e38}.header__mobile-nav-label{flex:1}.header__mobile-nav-chevron{color:#ffffff59;flex-shrink:0}.header__mobile-nav-badge{border-radius:var(--radius-pill);color:var(--color-primary-green);letter-spacing:.01em;background:#10b9812e;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.header__mobile-account{flex-direction:column;gap:8px;margin-top:24px;display:flex}.header__mobile-account-link{text-align:center;color:#ffffffe6;width:100%;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;display:block}.header__mobile-account-link:hover{color:#fff;background:#ffffff1a}.header__mobile-logout,.header__mobile-login{text-align:center;cursor:pointer;width:100%;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);border-radius:12px;padding:14px 16px;font-size:15px;font-weight:500;display:block}.header__mobile-logout{color:#fca5a5f2;background:#f8717114;border:1px solid #f8717140;margin-top:0}.header__mobile-logout:hover{color:#fecaca;background:#f8717124}.header__mobile-login{color:var(--color-primary-green);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#22c55e1f;border:1px solid #22c55e59;font-family:inherit;text-decoration:none}.header__mobile-login:hover{color:#fff;background:#22c55e2e}@media (width>=641px){.header__inner{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:24px}}@media (width<=768px){body.header-mobile-menu-open #root{pointer-events:none}body.header-mobile-menu-open .header{pointer-events:auto}.header__inner{justify-content:space-between}.header__nav{display:none}.header__actions{gap:10px;margin-left:auto}.header__username,.header__profile-chevron,.header__auth-label{display:none}.header__auth-entry{border-radius:12px;justify-content:center;min-width:44px;min-height:44px;padding:5px}.header__wishlist{width:44px;height:44px}.header__menu-toggle{display:flex}.header__mobile-backdrop,.header__mobile-nav{display:block}.header__logo-img{height:30px}}.footer{color:#ffffffb3;background:#0f172a;border-bottom:1px solid #16a34a26;margin-top:auto;box-shadow:0 4px 32px #0006,0 1px #16a34a1a}.footer__inner{max-width:var(--page-max-width);padding:48px var(--page-padding) 24px;margin:0 auto}.footer__grid{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:40px;display:grid}.footer__logo-img{width:auto;height:32px;margin-bottom:16px;display:block}.footer__tagline{max-width:240px;margin:0 0 20px;font-size:14px;line-height:1.6}.footer__social{gap:10px;display:flex}.footer__social-link{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:background .2s;display:flex}.footer__social-link:hover{background:#fff3}.footer__heading{letter-spacing:.08em;color:#fff;margin:0 0 16px;font-size:12px;font-weight:700}.footer__links-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer__links-col a{color:#ffffffa6;font-size:14px;text-decoration:none;transition:color .2s}.footer__links-col a:hover{color:#fff}.footer__app-buttons{flex-direction:column;gap:10px;display:flex}.footer__app-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.footer__app-btn:hover{background:#ffffff26}.footer__bottom{justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.footer__status{align-items:center;gap:8px;display:flex}.footer__status-dot{background:var(--color-primary-green);border-radius:50%;width:8px;height:8px}@media (width<=1024px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}@media (width<=640px){.footer__grid{grid-template-columns:1fr}.footer__bottom{text-align:center;flex-direction:column;gap:12px}}.filter-popup{z-index:250;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.filter-popup__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f172a73;border:none;padding:0;position:absolute;inset:0}.filter-popup__panel{border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:12px;width:100%;max-width:400px;max-height:min(78svh,520px);padding:20px;animation:.22s cubic-bezier(.4,0,.2,1) filter-popup-in;display:flex;position:relative;box-shadow:0 4px 6px -1px #0f172a14,0 24px 48px -8px #0f172a2e}@keyframes filter-popup-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.filter-popup__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-popup__title{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700}.filter-popup__close{color:#64748b;cursor:pointer;width:36px;height:36px;transition:background var(--transition-base), color var(--transition-base);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.filter-popup__close:hover{color:var(--color-text-primary);background:#e2e8f0}.filter-popup__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.filter-popup__list{margin:0;padding:4px 0;list-style:none}.filter-popup__option{width:100%;font-size:15px;font-weight:500;font-family:var(--font-family);color:var(--color-text-primary);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.filter-popup__option:hover,.filter-popup__option:active,.filter-popup__option--active{background:#f1f5f9}.filter-popup__option--selected{background:var(--color-primary-green-light);color:var(--color-primary-green-dark);font-weight:600}.filter-popup__option--selected:active{background:#dcfce7}.location-search--popup-trigger{align-items:center;gap:10px;width:100%;min-width:0;height:100%;display:flex}.location-search__trigger{min-width:0;font-size:14px;font-weight:500;font-family:var(--font-family);color:var(--color-text-primary);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;padding:0 18px 0 0;overflow:hidden}.location-search__trigger--placeholder{color:#94a3b8;font-weight:400}.location-search__chevron{transition:transform var(--transition-base)}.location-search--popup-open .location-search__chevron{transform:rotate(180deg)}.location-search__popup-body{overflow:visible}.location-search__popup-field{border-radius:var(--radius-md);min-height:50px;transition:border-color var(--transition-base);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:10px;padding:0 14px;display:flex}.location-search__popup-field:focus-within{border-color:#c5ced8}.location-search__popup-field .location-search__autocomplete-host{flex:1;min-width:0}.location-search{width:100%;position:relative}.location-search--hero{width:100%;max-width:540px}.location-search--hero .location-search__field{gap:10px;min-height:48px;padding:0 14px}.location-search--filters,.location-search--sheet{min-width:0;height:100%}.location-search__field{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;min-height:52px;transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);background:#fffffff5;border:1px solid #ffffffa6;align-items:center;gap:12px;padding:0 20px;display:flex;box-shadow:0 4px 24px #0f172a1a,0 1px 3px #0f172a0f}.location-search__field:focus-within{background:#fff;border-color:#22c55e73;box-shadow:0 8px 32px #0f172a1f,0 0 0 4px #22c55e24}.location-search--filters .location-search__field,.location-search--sheet .location-search__field{height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0}.location-search--filters .location-search__field:focus-within,.location-search--sheet .location-search__field:focus-within{box-shadow:none;background:0 0;border:none}.location-search__pin{color:var(--color-primary-green);flex-shrink:0}.location-search--filters .location-search__pin,.location-search--sheet .location-search__pin{color:var(--color-primary-green)}.location-search__input-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.location-search__value{z-index:1;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;align-items:center;font-size:16px;font-weight:500;display:flex;position:absolute;inset:0;overflow:hidden}.location-search--filters .location-search__value,.location-search--sheet .location-search__value{color:var(--color-text-primary);font-size:14px}.location-search__input-wrap--show-value .location-search__autocomplete-host{opacity:0;pointer-events:none}.location-search__input-wrap--show-value:focus-within .location-search__autocomplete-host{opacity:1;pointer-events:auto}.location-search__input-wrap--show-value:focus-within .location-search__value{display:none}.location-search__autocomplete-host{align-items:center;width:100%;min-width:0;display:flex}.location-search__autocomplete-host gmp-place-autocomplete{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;box-shadow:none;--gmp-mat-color-surface:transparent;--gmp-mat-color-on-surface:#0f172a;--gmp-mat-color-on-surface-variant:#94a3b8;--gmp-mat-color-primary:#22c55e;--gmp-mat-color-outline-decorative:transparent;--gmp-mat-font-family:var(--font-family);--gmp-mat-font-body-medium:500 16px/1.4 var(--font-family);background-color:#0000;border:none;border-radius:0}.location-search--filters .location-search__autocomplete-host gmp-place-autocomplete,.location-search--sheet .location-search__autocomplete-host gmp-place-autocomplete{--gmp-mat-font-body-medium:500 14px/1.4 var(--font-family);--gmp-mat-color-on-surface:var(--color-text-primary)}.location-search__fallback-input{width:100%;font-size:16px;font-family:var(--font-family);color:#94a3b8;background:0 0;border:none;outline:none;padding:0;font-weight:500}.location-search__status{color:#ffffffd9;text-shadow:0 1px 4px #00000059;margin:10px 4px 0;font-size:12px;font-weight:500;line-height:1.4}.location-search--filters .location-search__status,.location-search--sheet .location-search__status{color:#64748b;text-shadow:none;background:#fff;border-radius:8px;margin:0;padding:6px 10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px #0f172a1a}@media (width>=641px){.location-search--hero .location-search__field{gap:12px;min-height:52px;padding:0 20px}.location-search__value,.location-search__fallback-input{font-size:15px}.location-search__autocomplete-host gmp-place-autocomplete{--gmp-mat-font-body-medium:500 15px/1.4 var(--font-family)}}.hero-search{z-index:5;justify-content:center;width:100%;max-width:540px;display:flex;position:relative}.hero{background:var(--color-primary-dark);position:relative;overflow:hidden}.hero__image{object-fit:cover;object-position:center 35%;filter:brightness(1.06)saturate(1.08);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__bg{pointer-events:none;background:linear-gradient(#050a1447 0%,#050a1461 35%,#050a148c 68%,#050a14c7 100%),radial-gradient(80% 55% at 50% 15%,#22c55e1f 0%,#0000 70%),radial-gradient(50% 35% at 85% 75%,#22c55e0f 0%,#0000 55%);position:absolute;inset:0}.hero__inner{width:100%;max-width:var(--page-max-width);padding:20px var(--page-padding) 24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:0 auto;display:flex;position:relative}.hero__content{text-align:center;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(90% 80%,#050a146b 0%,#050a142e 55%,#0000 100%);flex-direction:column;order:1;align-items:center;width:100%;max-width:760px;padding:16px 12px;display:flex}.hero__inner .hero-search{order:2;width:100%}.hero__eyebrow{color:#4ade80;border-radius:var(--radius-pill);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a148c;border:1px solid #4ade8059;justify-content:center;align-items:center;margin:0 0 12px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #0003}.hero__title{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 24px #00000073,0 1px 4px #00000059;margin:0 0 12px;font-size:clamp(26px,7.5vw,56px);font-weight:800;line-height:1.1}.hero__title-accent{color:#4ade80;text-shadow:0 2px 20px #0006,0 0 32px #22c55e40;margin-top:4px;display:block}.hero__subtitle{color:#ffffffe6;text-shadow:0 1px 12px #0006;max-width:540px;margin:0;font-size:clamp(14px,3.6vw,18px);line-height:1.6}@media (width>=481px){.hero__inner{padding:28px var(--page-padding) 36px;gap:28px}.hero__content{padding:18px 16px}.hero__eyebrow{margin-bottom:14px;padding:6px 14px;font-size:12px}.hero__title{margin-bottom:14px}}@media (width>=641px){.hero__inner{padding:32px var(--page-padding) 40px;gap:32px}.hero__content{padding:20px}}@media (width>=901px){.hero__inner .hero-search{order:1}.hero__content{order:2;padding:16px 20px}.hero__inner{padding:28px var(--page-padding) 32px;gap:24px}.hero__eyebrow{margin-bottom:14px}.hero__title{margin-bottom:14px;font-size:clamp(32px,4.5vw,48px)}.hero__subtitle{font-size:clamp(14px,1.8vw,17px)}.hero__image{object-position:center 30%}}.popular-sports{background:#fff;padding:32px 0 40px}.popular-sports__inner{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.popular-sports__title{color:var(--color-text-primary);margin:0 0 16px;font-size:clamp(20px,5vw,24px);font-weight:700}.popular-sports__list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.popular-sports__card{aspect-ratio:3/4;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a1a}.popular-sports__card:active{transform:scale(.98)}.popular-sports__card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a29}.popular-sports__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.popular-sports__overlay{pointer-events:none;background:linear-gradient(#0000 45%,#00000040 70%,#000000a6 100%);position:absolute;inset:0}.popular-sports__name{z-index:1;color:#fff;text-shadow:0 1px 4px #00000059;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:10px}@media (width>=481px){.popular-sports{padding:36px 0 44px}.popular-sports__list{gap:12px}.popular-sports__card{aspect-ratio:3/4.2;border-radius:14px}.popular-sports__name{font-size:14px;bottom:12px;left:12px}}@media (width>=641px){.popular-sports{padding:48px 0 56px}.popular-sports__title{margin-bottom:28px}.popular-sports__list{grid-template-columns:repeat(3,1fr);gap:16px}.popular-sports__card{border-radius:18px}.popular-sports__name{font-size:15px;bottom:14px;left:14px}}@media (width>=901px){.popular-sports__list{grid-template-columns:repeat(4,1fr)}}@media (width>=1101px){.popular-sports__list{grid-template-columns:repeat(6,1fr)}}@media (hover:hover){.popular-sports__card:active{transform:none}}.add-venue{background:linear-gradient(#fff 0%,#f8fafc 100%);padding:40px 0}.add-venue__inner{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.add-venue__card{background:linear-gradient(135deg,#0f172a 0%,#14532d 52%,#0f172a 100%);border:1px solid #4ade8026;border-radius:20px;grid-template-columns:1fr;align-items:center;gap:32px;padding:28px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a2e,0 0 0 1px #ffffff0a}.add-venue__glow{pointer-events:none;filter:blur(60px);border-radius:50%;position:absolute}.add-venue__glow--left{background:#22c55e40;width:280px;height:280px;top:-80px;left:-60px}.add-venue__glow--right{background:#3b82f62e;width:320px;height:320px;bottom:-100px;right:-40px}.add-venue__content{z-index:1;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(24px)}.add-venue--visible .add-venue__content{opacity:1;transform:translateY(0)}.add-venue__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#4ade80;border-radius:var(--radius-pill);background:#22c55e1f;border:1px solid #4ade8040;margin:0 0 14px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.add-venue__title{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(24px,6vw,38px);font-weight:800;line-height:1.12}.add-venue__subtitle{color:#ffffffb8;max-width:520px;margin:0 0 28px;font-size:15px;line-height:1.65}.add-venue__benefits{flex-direction:column;gap:18px;margin:0 0 32px;padding:0;list-style:none;display:flex}.add-venue__benefit{align-items:flex-start;gap:14px;display:flex}.add-venue__benefit-icon{color:#4ade80;background:#22c55e1f;border:1px solid #4ade8033;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.add-venue__benefit>div{flex-direction:column;gap:4px;display:flex}.add-venue__benefit-title{color:#fff;font-size:15px;font-weight:700}.add-venue__benefit-desc{color:#fff9;font-size:14px;line-height:1.5}.add-venue__actions{flex-direction:column;gap:12px;display:flex}.add-venue__btn{width:100%;font-size:15px;font-weight:600;font-family:var(--font-family);border-radius:var(--radius-pill);transition:background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);justify-content:center;align-items:center;padding:14px 28px;text-decoration:none;display:inline-flex}.add-venue__btn--primary{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 16px #22c55e59}.add-venue__btn--primary:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-1px);box-shadow:0 6px 20px #22c55e66}.add-venue__btn--secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.add-venue__btn--secondary:hover{background:#ffffff24;border-color:#ffffff47}.add-venue__panel{z-index:1;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1) .12s,transform .8s cubic-bezier(.22,1,.36,1) .12s;position:relative;transform:translateY(24px)}.add-venue--visible .add-venue__panel{opacity:1;transform:translateY(0)}.add-venue__panel-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;padding:28px;box-shadow:0 16px 40px #0003}.add-venue__panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.add-venue__panel-badge{color:#fff;font-size:13px;font-weight:600}.add-venue__panel-status{color:#ffffffb3;align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.add-venue__panel-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite add-venue-pulse;box-shadow:0 0 8px #4ade8099}.add-venue__steps{flex-direction:column;gap:14px;margin:0 0 24px;padding:0;list-style:none;display:flex}.add-venue__step{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:14px;padding:16px;transition:background .25s,border-color .25s,transform .25s;display:flex;position:relative}.add-venue__step:hover{background:#ffffff17;border-color:#4ade8038;transform:translate(4px)}.add-venue__step-line{pointer-events:none;background:linear-gradient(#4ade8080 0%,#4ade801a 100%);width:2px;height:calc(100% + 14px);position:absolute;top:52px;left:31px}.add-venue__step-icon{z-index:1;color:#4ade80;background:#22c55e24;border:1px solid #4ade8038;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.add-venue__step-body{flex-direction:column;gap:4px;min-width:0;display:flex}.add-venue__step-label{letter-spacing:.06em;text-transform:uppercase;color:#4ade80d9;font-size:11px;font-weight:600}.add-venue__step-title{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.add-venue__step-desc{color:#ffffff94;font-size:13px;line-height:1.5}.add-venue__highlights{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.add-venue__highlight{color:#ffffffd9;align-items:center;gap:10px;font-size:14px;display:flex}.add-venue__highlight svg{color:#4ade80;flex-shrink:0}@keyframes add-venue-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media (width<=380px){.add-venue__card{border-radius:16px;padding:24px 16px}.add-venue__panel-card{padding:20px 16px}.add-venue__step{padding:14px 12px}.add-venue__benefit-icon{width:38px;height:38px}}@media (width>=641px){.add-venue{padding:56px 0}.add-venue__card{padding:36px 28px}.add-venue__actions{flex-flow:wrap}.add-venue__btn{width:auto}.add-venue__subtitle{font-size:16px}.add-venue__title{font-size:clamp(28px,4vw,38px)}}@media (width>=961px){.add-venue__card{border-radius:24px;grid-template-columns:1.15fr .85fr;gap:40px;padding:48px}.add-venue__content,.add-venue__panel{transform:translate(-24px)}.add-venue__panel{transform:translate(24px)}.add-venue--visible .add-venue__content,.add-venue--visible .add-venue__panel{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.add-venue__content,.add-venue__panel{opacity:1;transition:none;transform:none}.add-venue__panel-dot{animation:none}.add-venue__step:hover{transform:none}}.player-reviews{background:#050508;padding:48px 0 56px;position:relative;overflow:hidden}.player-reviews__glow{pointer-events:none;background:radial-gradient(#6366f138 0%,#8b5cf61f 35%,#0000 70%);width:min(900px,90vw);height:320px;animation:6s ease-in-out infinite player-reviews-glow-pulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.player-reviews__inner{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto;position:relative}.player-reviews__title{text-align:center;color:#fff;letter-spacing:-.02em;opacity:0;margin:0 0 28px;font-size:clamp(20px,5.5vw,24px);font-weight:800;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.player-reviews--visible .player-reviews__title{opacity:1;transform:translateY(0)}.player-reviews__heart{animation:1.6s ease-in-out infinite player-reviews-heart-beat;display:inline-block}.player-reviews__marquee{opacity:0;height:min(380px,55svh);transition:opacity .9s cubic-bezier(.22,1,.36,1) .15s,transform .9s cubic-bezier(.22,1,.36,1) .15s;position:relative;overflow:hidden;transform:translateY(32px)}.player-reviews--visible .player-reviews__marquee{opacity:1;transform:translateY(0)}.player-reviews__fade{z-index:2;pointer-events:none;height:80px;position:absolute;left:0;right:0}.player-reviews__fade--top{background:linear-gradient(#050508 0%,#0000 100%);top:0}.player-reviews__fade--bottom{background:linear-gradient(#0000 0%,#050508 100%);bottom:0}.player-reviews__columns{grid-template-columns:1fr;gap:18px;height:100%;display:grid}.player-reviews__column:not(:first-child){display:none}.player-reviews__column{height:100%;overflow:hidden}.player-reviews__track{will-change:transform;flex-direction:column;gap:18px;display:flex}.player-reviews__track--up{animation:linear infinite player-reviews-scroll-up}.player-reviews__track--down{animation:linear infinite player-reviews-scroll-down}.player-reviews__track--slow{animation-duration:42s}.player-reviews__track--medium{animation-duration:34s}.player-reviews__track--fast{animation-duration:28s}.player-reviews__marquee:hover .player-reviews__track{animation-play-state:paused}.player-reviews__card{background:linear-gradient(145deg,#1a1a22 0%,#14141a 100%);border:1px solid #ffffff0f;border-radius:14px;flex-shrink:0;padding:18px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}.player-reviews__card:hover{border-color:#60a5fa59;transform:scale(1.02)translateY(-2px);box-shadow:0 16px 40px #0006,0 0 24px #60a5fa14}.player-reviews__author{align-items:center;gap:12px;margin-bottom:14px;display:flex}.player-reviews__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;transition:transform .35s;box-shadow:0 0 0 2px #ffffff1a}.player-reviews__card:hover .player-reviews__avatar{transform:scale(1.08)}.player-reviews__author-info{flex-direction:column;gap:2px;min-width:0;display:flex}.player-reviews__name{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.player-reviews__handle{color:#ffffff73;font-size:13px;line-height:1.2}.player-reviews__text{color:#ffffffe0;margin:0;font-size:15px;line-height:1.6}.player-reviews__mention{color:#60a5fa;text-underline-offset:2px;font-weight:500;text-decoration:underline;transition:color .2s}.player-reviews__card:hover .player-reviews__mention{color:#93c5fd}@keyframes player-reviews-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes player-reviews-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes player-reviews-glow-pulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes player-reviews-heart-beat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}@media (width>=481px){.player-reviews{padding:56px 0 64px}.player-reviews__marquee{height:420px}.player-reviews__title{margin-bottom:32px}}@media (width>=641px){.player-reviews__title{margin-bottom:48px;font-size:clamp(26px,4vw,36px)}.player-reviews__columns{grid-template-columns:repeat(2,1fr)}.player-reviews__column:not(:first-child){display:block}.player-reviews__column:last-child{display:none}.player-reviews__marquee{height:480px}.player-reviews__card{border-radius:16px;padding:20px}.player-reviews__fade{height:120px}}@media (width>=1025px){.player-reviews{padding:72px 0 80px}.player-reviews__columns{grid-template-columns:repeat(3,1fr)}.player-reviews__column:last-child{display:block}.player-reviews__marquee{height:560px}}@media (prefers-reduced-motion:reduce){.player-reviews__glow,.player-reviews__heart,.player-reviews__track{animation:none}.player-reviews__title,.player-reviews__marquee{opacity:1;transition:none;transform:none}.player-reviews__marquee{height:auto;overflow:visible}.player-reviews__fade{display:none}.player-reviews__columns{grid-template-columns:1fr;gap:18px;height:auto;display:grid}.player-reviews__column{height:auto;overflow:visible;display:block!important}.player-reviews__column:not(:first-child){display:none!important}.player-reviews__track{display:contents}.player-reviews__card:hover{transform:none}}@media (prefers-reduced-motion:reduce) and (width>=641px){.player-reviews__columns{grid-template-columns:repeat(2,1fr)}.player-reviews__column:not(:first-child){display:block!important}.player-reviews__column:last-child{display:none!important}}@media (prefers-reduced-motion:reduce) and (width>=1025px){.player-reviews__columns{grid-template-columns:repeat(3,1fr)}.player-reviews__column:last-child{display:block!important}}.user-feedback{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:90;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed}.user-feedback__trigger{min-width:48px;min-height:48px;font-size:14px;font-weight:600;font-family:var(--font-family);color:#fff;border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;justify-content:center;align-items:center;gap:0;padding:12px;display:inline-flex;box-shadow:0 8px 24px #22c55e59,0 2px 8px #0f172a1f}.user-feedback__trigger:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22c55e66,0 4px 12px #0f172a24}.user-feedback__trigger:focus-visible{outline-offset:3px;outline:2px solid #fff}.user-feedback__trigger span{display:none}.user-feedback__panel{background:#f3f4f6;border:2px solid #22c55e;border-radius:12px;width:min(100vw - 24px,320px);max-height:min(100svh - 120px,520px);overflow:auto;box-shadow:0 12px 32px #0f172a2e,0 4px 12px #0f172a1a}.user-feedback__header{background:#22c55e;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.user-feedback__header-title{color:#fff;margin:0;font-size:17px;font-weight:700;line-height:1.2}.user-feedback__minimize{color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--transition-base);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.user-feedback__minimize:hover{background:#ffffff26}.user-feedback__minimize:focus-visible{outline-offset:2px;outline:2px solid #fff}.user-feedback__body{padding:16px}.user-feedback__form{flex-direction:column;gap:12px;display:flex}.user-feedback__input,.user-feedback__textarea{width:100%;font-size:16px;font-family:var(--font-family);color:var(--color-text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}.user-feedback__input::placeholder,.user-feedback__textarea::placeholder{color:#9ca3af}.user-feedback__input:focus,.user-feedback__textarea:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e26}.user-feedback__textarea{resize:vertical;min-height:100px}.user-feedback__submit{width:100%;min-height:48px;font-size:15px;font-weight:700;font-family:var(--font-family);color:#fff;cursor:pointer;transition:background var(--transition-base), opacity var(--transition-base), transform var(--transition-base);background:#22c55e;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:4px;padding:14px 20px;display:flex}.user-feedback__submit:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.user-feedback__submit:disabled{opacity:.55;cursor:not-allowed}.user-feedback__submit:focus-visible{outline-offset:2px;outline:2px solid #16a34a}.user-feedback__success{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.user-feedback__success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.user-feedback__success-text{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}@media (width>=641px){.user-feedback{right:max(24px, env(safe-area-inset-right,0px));bottom:max(24px, env(safe-area-inset-bottom,0px))}.user-feedback__trigger{gap:10px;min-width:auto;padding:14px 20px}.user-feedback__trigger span{display:inline}.user-feedback__panel{width:min(100vw - 48px,340px)}.user-feedback__header-title{font-size:18px}.user-feedback__textarea{min-height:110px}}@media (prefers-reduced-motion:reduce){.user-feedback__trigger:hover,.user-feedback__submit:hover:not(:disabled){transform:none}}.home-page{--page-padding:16px;--hero-peek:152px;background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}.home-page .hero{height:calc(100svh - var(--header-height) - var(--hero-peek));flex-shrink:0;min-height:0}.home-page .hero__inner{height:100%;min-height:100%}@media (width>=481px){.home-page{--page-padding:20px;--hero-peek:176px}}@media (width>=641px){.home-page{--page-padding:24px;--hero-peek:216px}}.home-page .popular-sports{padding-top:24px}.login-page{background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex}.login-page__main{padding:40px var(--page-padding) 56px;flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:32px 28px}.login-card__icon{width:56px;height:56px;color:var(--color-primary-green-dark);background:var(--color-primary-green-light);border:1px solid var(--color-primary-green-border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.login-card__title{text-align:center;color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:700}.login-card__subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 24px;font-size:15px;line-height:1.5}.login-card__error{border-radius:var(--radius-md);color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.4}.login-form{flex-direction:column;gap:12px;display:flex}.login-form__label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.login-form__phone{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;align-items:center;gap:10px;padding:0 14px;display:flex}.login-form__phone:focus-within{border-color:var(--color-primary-green);box-shadow:0 0 0 3px #22c55e26}.login-form__prefix{color:var(--color-text-secondary);flex-shrink:0;font-size:15px;font-weight:600}.login-form__input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;padding:14px 0;font-size:15px}.login-form__input--otp{border:1px solid var(--color-border);border-radius:var(--radius-md);letter-spacing:.35em;text-align:center;transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;padding:14px 16px;font-size:20px;font-weight:600}.login-form__input--otp:focus{border-color:var(--color-primary-green);box-shadow:0 0 0 3px #22c55e26}.login-form__input:disabled{opacity:.7;cursor:not-allowed}.login-form__submit{border-radius:var(--radius-pill);color:#fff;background:var(--color-primary-green);cursor:pointer;width:100%;transition:background var(--transition-base), transform var(--transition-fast);border:none;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:600}.login-form__submit:hover:not(:disabled){background:var(--color-primary-green-dark)}.login-form__submit:active:not(:disabled){transform:scale(.99)}.login-form__submit:disabled{opacity:.7;cursor:not-allowed}.login-form__meta{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.login-form__link-btn{color:var(--color-primary-green-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500}.login-form__link-btn:hover:not(:disabled){text-decoration:underline}.login-form__link-btn:disabled{color:var(--color-text-light);cursor:not-allowed;text-decoration:none}.login-card__terms{text-align:center;color:var(--color-text-light);margin:20px 0 0;font-size:12px;line-height:1.5}.login-card__terms a{color:var(--color-primary-green-dark);text-decoration:none}.login-card__terms a:hover{text-decoration:underline}@media (width<=480px){.login-card{padding:24px 20px}.login-card__title{font-size:22px}}.filter-select-field--popup-open{z-index:auto;box-shadow:none}.filter-select__trigger{min-width:0;font-size:14px;font-weight:500;font-family:var(--font-family);color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0 18px 0 0}.filter-select__trigger--no-icon{padding-left:2px}.filter-select__chevron{transition:transform var(--transition-base)}.filter-select-field--popup-open .filter-select__chevron{transform:rotate(180deg)}.filter-select__check{color:var(--color-primary-green);flex-shrink:0;font-size:13px;font-weight:700}.filter-date-field--popup-open{z-index:auto;box-shadow:none}.filter-date__trigger{min-width:0;font-size:14px;font-weight:500;font-family:var(--font-family);color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0 18px 0 0}.filter-date__trigger--placeholder{color:#94a3b8;font-weight:400}.filter-date__chevron{transition:transform var(--transition-base)}.filter-date-field--popup-open .filter-date__chevron{transform:rotate(180deg)}.filter-date__popup-body{overflow:visible}.filter-date__picker{flex-direction:column;gap:14px;display:flex}.filter-date__hint{color:#64748b;margin:0;font-size:13px;font-weight:500;line-height:1.4}.filter-date__quick{flex-wrap:wrap;gap:8px;display:flex}.filter-date__quick-btn{border-radius:var(--radius-pill);min-width:0;font-size:13px;font-weight:600;font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#fff;border:1px solid #e2e8f0;flex:1;padding:8px 12px}.filter-date__quick-btn:hover:not(:disabled){background:#f8fafc;border-color:#c5ced8}.filter-date__quick-btn--active{border-color:var(--color-primary-green-border);background:var(--color-primary-green-light);color:var(--color-primary-green-dark)}.filter-date__quick-btn:disabled{opacity:.45;cursor:not-allowed}.filter-date__strip-wrap{margin:0 -4px;position:relative}.filter-date__strip-wrap:before,.filter-date__strip-wrap:after{content:"";pointer-events:none;z-index:1;width:20px;position:absolute;top:0;bottom:0}.filter-date__strip-wrap:before{background:linear-gradient(90deg,#fff,#0000);left:0}.filter-date__strip-wrap:after{background:linear-gradient(270deg,#fff,#0000);right:0}.filter-date__strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:4px 8px 8px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.filter-date__strip::-webkit-scrollbar{display:none}.filter-date__chip{border-radius:var(--radius-md);scroll-snap-align:center;cursor:pointer;min-height:88px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1.5px solid #e2e8f0;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;gap:2px;padding:10px 8px;display:flex}.filter-date__chip:hover{background:#f8fafc;border-color:#c5ced8}.filter-date__chip:active{transform:scale(.97)}.filter-date__chip-weekday{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}.filter-date__chip-day{color:var(--color-text-primary);font-size:22px;font-weight:700;line-height:1}.filter-date__chip-month{color:#94a3b8;font-size:12px;font-weight:600}.filter-date__chip--today{border-color:var(--color-primary-green-border)}.filter-date__chip--today .filter-date__chip-weekday{color:var(--color-primary-green-dark)}.filter-date__chip--selected{border-color:var(--color-primary-green);background:var(--color-primary-green);box-shadow:0 8px 20px #22c55e47}.filter-date__chip--selected .filter-date__chip-weekday,.filter-date__chip--selected .filter-date__chip-day,.filter-date__chip--selected .filter-date__chip-month{color:#fff}.filter-date__clear{font-size:14px;font-weight:600;font-family:var(--font-family);color:#64748b;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:flex-start;padding:4px 2px}.filter-date__clear:hover{color:var(--color-text-primary)}@media (width<=768px){.filter-date__chip{flex-basis:76px;min-height:92px}}.filter-time-field--popup-open{z-index:auto;box-shadow:none}.filter-time__trigger{min-width:0;font-size:14px;font-weight:500;font-family:var(--font-family);color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0 18px 0 0}.filter-time__trigger--placeholder{color:#94a3b8;font-weight:400}.filter-time__chevron{transition:transform var(--transition-base)}.filter-time-field--popup-open .filter-time__chevron{transform:rotate(180deg)}.filter-time__popup-body{overflow:visible}.filter-time__picker{flex-direction:column;gap:14px;display:flex}.filter-time__hint{color:#64748b;margin:0;font-size:13px;font-weight:500;line-height:1.45}.filter-time__quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.filter-time__quick-btn{border-radius:var(--radius-pill);min-width:0;font-size:12px;font-weight:600;font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#fff;border:1px solid #e2e8f0;padding:8px 6px}.filter-time__quick-btn:hover:not(:disabled){background:#f8fafc;border-color:#c5ced8}.filter-time__quick-btn--active{border-color:var(--color-primary-green-border);background:var(--color-primary-green-light);color:var(--color-primary-green-dark)}.filter-time__quick-btn:disabled{opacity:.4;cursor:not-allowed}.filter-time__selected{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.filter-time__selected-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.filter-time__selected-value{color:var(--color-primary-green-dark);font-size:16px;font-weight:700}.filter-time__prompt{color:#94a3b8;margin:0;font-size:13px;font-weight:500}.filter-time__empty{border-radius:var(--radius-md);color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #fecaca;margin:0;padding:16px 12px;font-size:14px;font-weight:500;line-height:1.45}.filter-time__strip-wrap{margin:0 -4px;position:relative}.filter-time__strip-wrap:before,.filter-time__strip-wrap:after{content:"";pointer-events:none;z-index:1;width:20px;position:absolute;top:0;bottom:0}.filter-time__strip-wrap:before{background:linear-gradient(90deg,#fff,#0000);left:0}.filter-time__strip-wrap:after{background:linear-gradient(270deg,#fff,#0000);right:0}.filter-time__scroll-hint{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;padding:0 8px;font-size:11px;font-weight:600}.filter-time__strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:4px 8px 8px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.filter-time__strip::-webkit-scrollbar{display:none}.filter-time__chip{border-radius:var(--radius-md);scroll-snap-align:center;cursor:pointer;min-height:68px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1.5px solid #e2e8f0;flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:2px;padding:8px 6px;display:flex}.filter-time__chip:hover{background:#f8fafc;border-color:#c5ced8}.filter-time__chip:active{transform:scale(.97)}.filter-time__chip-hour{color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:1}.filter-time__chip-period{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.filter-time__chip--morning{border-top:3px solid #fbbf24}.filter-time__chip--afternoon{border-top:3px solid #38bdf8}.filter-time__chip--evening{border-top:3px solid #fb923c}.filter-time__chip--night{border-top:3px solid #818cf8}.filter-time__chip--selected{border-color:var(--color-primary-green);background:var(--color-primary-green);box-shadow:0 8px 20px #22c55e47}.filter-time__chip--selected.filter-time__chip--morning,.filter-time__chip--selected.filter-time__chip--afternoon,.filter-time__chip--selected.filter-time__chip--evening,.filter-time__chip--selected.filter-time__chip--night{border-top-color:#ffffff73}.filter-time__chip--selected .filter-time__chip-hour,.filter-time__chip--selected .filter-time__chip-period{color:#fff}.filter-time__clear{font-size:14px;font-weight:600;font-family:var(--font-family);color:#64748b;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:flex-start;padding:4px 2px}.filter-time__clear:hover{color:var(--color-text-primary)}@media (width<=420px){.filter-time__quick{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-time__quick-btn:first-child{grid-column:1/-1}.filter-time__chip{flex-basis:62px;min-height:72px}}.search-filters{border-bottom:1px solid var(--color-border);top:var(--header-height);z-index:90;background:#eef1f5;padding:16px 0;position:sticky;overflow:visible;box-shadow:0 4px 12px #0f172a0f}.search-filters__inner{max-width:var(--page-max-width);padding:0 var(--page-padding);flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto;display:flex}.search-filters__mobile-row{align-items:center;gap:10px;width:100%;display:none}.search-filters__desktop-fields{display:contents}.search-filters__field{border-radius:var(--radius-pill);min-width:0;height:48px;transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;border:1px solid #dde3ea;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.search-filters__field:focus-within{border-color:#c5ced8;box-shadow:0 0 0 3px #0f172a0a}.search-filters__field--search{flex:2.2;min-width:200px}.search-filters__field--location{flex:1.5;min-width:220px;padding:0 14px;overflow:visible}.search-filters__field--date,.search-filters__field--time{flex:1.1;min-width:150px}.search-filters__icon{flex-shrink:0}.search-filters__icon--muted{color:#94a3b8}.search-filters__icon--green{color:var(--color-primary-green)}.search-filters__field input,.search-filters__field select{min-width:0;font-size:14px;font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;font-weight:500}.search-filters__field input[type=search]{cursor:text}.search-filters__field input::placeholder{color:#94a3b8;font-weight:400}.search-filters__field select{appearance:none;padding-right:18px}.search-filters__select-no-icon{padding-left:2px}.search-filters__field input[type=date]{color:var(--color-text-primary);z-index:1;position:relative}.search-filters__date-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.search-filters__date-placeholder{color:#94a3b8;pointer-events:none;z-index:0;font-size:14px;font-weight:400;position:absolute;left:0}.search-filters__field input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;right:0}.search-filters__field input[type=date]::-webkit-datetime-edit{opacity:1}.search-filters__date-wrap--empty input[type=date]::-webkit-datetime-edit{opacity:0}.search-filters__date-wrap--empty input[type=date]::-webkit-datetime-edit-fields-wrapper{opacity:0}.search-filters__chevron{pointer-events:none;color:#94a3b8;flex-shrink:0;position:absolute;right:14px}.search-filters__filters-btn{border-radius:var(--radius-md);background:var(--color-primary-dark);color:#fff;height:48px;font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:none;position:relative}.search-filters__filters-btn:hover{background:#1e293b}.search-filters__filters-btn:active{transform:scale(.98)}.search-filters__filters-badge{border-radius:var(--radius-pill);background:var(--color-accent-orange);color:#fff;border:2px solid #fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.filters-sheet{z-index:200;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filters-sheet__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f172a73;border:none;padding:0;position:absolute;inset:0}.filters-sheet__panel{width:100%;max-height:90svh;padding:20px var(--page-padding) max(24px, env(safe-area-inset-bottom,0px));background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:16px;animation:.28s cubic-bezier(.4,0,.2,1) filters-sheet-slide-up;display:flex;position:relative;overflow-y:auto}@keyframes filters-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filters-sheet__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.filters-sheet__title{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700}.filters-sheet__close{color:#64748b;cursor:pointer;width:36px;height:36px;transition:background var(--transition-base), color var(--transition-base);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.filters-sheet__close:hover{color:var(--color-text-primary);background:#e2e8f0}.filters-sheet__fields{flex-direction:column;gap:12px;display:flex}.filters-sheet__field{border-radius:var(--radius-md);min-width:0;height:50px;transition:border-color var(--transition-base);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.filters-sheet__field:focus-within{border-color:#c5ced8}.filters-sheet__field--location{overflow:visible}.filters-sheet__icon{flex-shrink:0}.filters-sheet__icon--muted{color:#94a3b8}.filters-sheet__field input,.filters-sheet__field select{min-width:0;font-size:14px;font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;font-weight:500}.filters-sheet__field input[type=search]{cursor:text}.filters-sheet__field input::placeholder{color:#94a3b8;font-weight:400}.filters-sheet__field select{appearance:none;padding-right:18px}.filters-sheet__select-no-icon{padding-left:2px}.filters-sheet__field input[type=date]{color:var(--color-text-primary);z-index:1;position:relative}.filters-sheet__date-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.filters-sheet__date-placeholder{color:#94a3b8;pointer-events:none;z-index:0;font-size:14px;font-weight:400;position:absolute;left:0}.filters-sheet__field input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;right:0}.filters-sheet__date-wrap--empty input[type=date]::-webkit-datetime-edit{opacity:0}.filters-sheet__date-wrap--empty input[type=date]::-webkit-datetime-edit-fields-wrapper{opacity:0}.filters-sheet__chevron{pointer-events:none;color:#94a3b8;flex-shrink:0;position:absolute;right:14px}.filters-sheet__chevron--location{z-index:2}.filters-sheet__calendar-end{pointer-events:none;flex-shrink:0}.filters-sheet__apply{border-radius:var(--radius-md);background:var(--color-primary-green);color:#fff;width:100%;height:50px;font-size:15px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), transform var(--transition-fast);border:none;margin-top:4px}.filters-sheet__apply:hover{background:var(--color-primary-green-dark)}.filters-sheet__apply:active{transform:scale(.99)}@media (width<=1100px){.search-filters__field--search{flex:100%}.search-filters__desktop-fields .search-filters__field{flex:calc(50% - 6px)}}@media (width<=768px){.search-filters{box-shadow:none;background:#fff;border-bottom:1px solid #eef1f5;padding:14px 0}.search-filters__inner{gap:0;padding:0 16px}.search-filters__mobile-row{display:flex}.search-filters__desktop-fields{display:none}.search-filters__field--mobile-search{border-radius:var(--radius-md);border-color:#e2e8f0;flex:1;min-width:0;height:46px}.search-filters__filters-btn{display:flex}}@media (width<=560px){.search-filters__desktop-fields .search-filters__field{flex:100%}}.sort-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sort-pills__label{color:var(--color-text-muted);white-space:nowrap;font-size:14px;font-weight:500}.sort-pills__options{border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);background:#fff;align-items:center;gap:2px;padding:4px;display:flex}.sort-pills__pill{border-radius:var(--radius-pill);font-size:13px;font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-weight:500}.sort-pills__pill:hover:not(.sort-pills__pill--active){color:var(--color-text-primary)}.sort-pills__pill--active{background:var(--color-primary-dark);color:#fff;font-weight:600}@media (width<=900px){.sort-pills__options{border-radius:var(--radius-md);flex-wrap:wrap}}@media (width<=768px){.sort-pills{flex-direction:column;align-items:stretch;gap:0;width:100%}.sort-pills__label{display:none}.sort-pills__options{border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0;width:100%;padding:3px;overflow-x:auto}.sort-pills__options::-webkit-scrollbar{display:none}.sort-pills__pill{text-align:center;flex:1 0 auto;min-width:0;padding:9px 12px;font-size:12px}}.turf-card{transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);cursor:pointer;background:#fff;border:1px solid #eef1f5;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #1a1d2e0f}.turf-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1a1d2e1a}.turf-card:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}.turf-card__image-wrap{aspect-ratio:16/10;background:#f1f5f9;position:relative;overflow:hidden}.turf-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth);display:block}.turf-card:hover .turf-card__image{transform:scale(1.03)}.turf-card__image-placeholder{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);width:100%;height:100%}.turf-card__badge{z-index:1;border-radius:var(--radius-pill);color:#fff;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 56px);padding:6px 12px 6px 10px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex;position:absolute;top:12px;left:12px}.turf-card__badge-dot{background:#fff;border-radius:50%;flex-shrink:0;width:6px;height:6px}.turf-card__badge--green{background:#22c55e}.turf-card__badge--red{background:#ef4444}.turf-card__favorite{z-index:1;cursor:pointer;color:#64748b;width:36px;height:36px;transition:color var(--transition-base), transform var(--transition-base);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0f172a1f}.turf-card__favorite:hover{color:#ef4444;transform:scale(1.06)}.turf-card__favorite--active{color:#ef4444}.turf-card__favorite:disabled{cursor:wait;opacity:.7}.turf-card__photos{z-index:1;color:#fff;border-radius:var(--radius-pill);background:#0000008c;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px}.turf-card__body{padding:16px 16px 18px}.turf-card__title-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.turf-card__title{color:#1a1d2e;flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.35}.turf-card__rating{border-radius:var(--radius-pill);color:#fff;white-space:nowrap;background:#1a1d2e;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.turf-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.turf-card__tag{color:#15803d;border-radius:var(--radius-pill);background:#ecfdf5;padding:4px 10px;font-size:11px;font-weight:600}.turf-card__footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.turf-card__location{color:#94a3b8;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:500;display:flex}.turf-card__location-icon{color:#22c55e;flex-shrink:0}.turf-card__location span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.turf-card__distance{color:#ea580c;border-radius:var(--radius-pill);background:#fff7ed;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.turf-card__distance svg{stroke:#ea580c}@media (width<=768px){.turf-card{border-radius:14px;box-shadow:0 2px 10px #1a1d2e14}.turf-card:hover{transform:none;box-shadow:0 2px 10px #1a1d2e14}.turf-card:hover .turf-card__image{transform:none}.turf-card__image-wrap{aspect-ratio:16/9}.turf-card__body{padding:14px 14px 16px}.turf-card__title{font-size:14px}.turf-card__rating{padding:4px 8px;font-size:11px}}.turf-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.turf-grid--state{border:1px dashed var(--color-border);background:#fff;border-radius:16px;justify-content:center;align-items:center;min-height:280px;display:flex}.turf-grid__loading{flex-direction:column;align-items:center;gap:14px;display:flex}.turf-grid__loader{color:var(--color-primary-green);animation:1s linear infinite turf-grid-spin}@keyframes turf-grid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turf-grid__message{color:var(--color-text-muted);text-align:center;margin:0;font-size:15px;font-weight:500}.turf-grid__message--error{color:var(--color-primary-red)}@media (width<=1024px){.turf-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=768px){.turf-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}}@media (width<=640px){.turf-grid{grid-template-columns:1fr;gap:16px}}.pagination{justify-content:center;align-items:center;gap:8px;padding-bottom:56px;display:flex}.pagination__btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:6px;padding:10px 16px;font-weight:600;display:flex}.pagination__btn:hover:not(:disabled){border-color:var(--color-text-light);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__pages{background:var(--color-bg-subtle);border-radius:var(--radius-pill);border:1px solid var(--color-border-light);align-items:center;gap:4px;padding:4px;display:flex}.pagination__page-group{align-items:center;gap:4px;display:flex}.pagination__page{width:38px;height:38px;font-size:13px;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.pagination__page:hover{color:var(--color-text-primary);background:#fff9}.pagination__page--active{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-sm)}.pagination__page--active:hover{background:var(--color-primary-dark);color:#fff}.pagination__ellipsis{color:var(--color-text-light);padding:0 4px;font-size:14px;font-weight:600}@media (width<=480px){.pagination__btn{gap:0;padding:10px 12px;font-size:0}}.turf-listing-page{background:#f8fafc;flex-direction:column;min-height:100svh;display:flex}.turf-listing{flex:1;padding:24px 0 0}.turf-listing__container{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.turf-listing__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.turf-listing__count{color:#64748b;margin:0;font-size:14px;font-weight:400}.turf-listing__count strong{color:#1a1d2e;font-weight:700}@media (width<=768px){.turf-listing-page{background:#fff}.turf-listing{padding-top:16px}.turf-listing__container{padding:0 16px}.turf-listing__toolbar{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}.turf-listing__count{font-size:13px}}@media (width<=640px){.turf-listing{padding-top:16px}}.breadcrumbs{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.breadcrumbs__list{max-width:var(--page-max-width);padding:12px var(--page-padding);flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto;list-style:none;display:flex}.breadcrumbs__item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.breadcrumbs__link{color:var(--color-text-secondary);transition:color var(--transition-base);font-weight:500;text-decoration:none}.breadcrumbs__link:hover{color:var(--color-primary-green)}.breadcrumbs__separator{color:var(--color-text-light);flex-shrink:0}.breadcrumbs__text--current{color:var(--color-text-primary);font-weight:600}.image-gallery{margin-bottom:16px}.image-gallery__main{border-radius:var(--radius-lg);background:var(--color-bg-subtle);aspect-ratio:16/9;position:relative;overflow:hidden}.image-gallery__image{object-fit:cover;width:100%;height:100%;display:block}.image-gallery__nav{width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-base), background var(--transition-base);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-gallery__nav:hover{background:#fff;transform:translateY(-50%)scale(1.05)}.image-gallery__nav--prev{left:16px}.image-gallery__nav--next{right:16px}.image-gallery__actions{gap:8px;display:flex;position:absolute;top:16px;right:16px}.image-gallery__action{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:color var(--transition-base), transform var(--transition-base);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.image-gallery__action:hover{transform:scale(1.05)}.image-gallery__action--active{color:var(--color-primary-red)}.image-gallery__thumbs{gap:10px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.image-gallery__thumb{border-radius:var(--radius-sm);cursor:pointer;width:72px;height:52px;transition:border-color var(--transition-base);background:0 0;border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.image-gallery__thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-gallery__thumb--active{border-color:var(--color-primary-green)}@media (width<=640px){.image-gallery__main{aspect-ratio:4/3;border-radius:0}.image-gallery{margin-left:calc(-1 * var(--page-padding));margin-right:calc(-1 * var(--page-padding));margin-bottom:12px}.image-gallery__thumbs{padding-left:var(--page-padding);padding-right:var(--page-padding)}}.turf-overview{margin-bottom:24px}.turf-overview__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.turf-overview__title{color:var(--color-text-primary);margin:0;font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.25}.turf-overview__rating{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.turf-overview__rating-badge{background:var(--color-text-primary);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.turf-overview__review-count{color:var(--color-text-muted);font-size:12px;font-weight:500}.turf-overview__location{color:var(--color-text-secondary);align-items:center;gap:8px;margin:0 0 20px;font-size:14px;font-weight:500;display:flex}.turf-overview__location-icon{color:var(--color-primary-green);flex-shrink:0}.turf-overview__specs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.turf-overview__spec{background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:14px 16px}.turf-overview__spec-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.turf-overview__spec-value{color:var(--color-text-primary);font-size:14px;font-weight:700;display:block}.turf-overview__spec-value--green{color:var(--color-primary-green-dark)}.turf-overview__spec-value--orange{color:var(--color-accent-orange)}.turf-overview__sports-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.turf-overview__sport-tags{flex-wrap:wrap;gap:8px;display:flex}.turf-overview__sport-tag{color:var(--color-primary-green-dark);background:var(--color-primary-green-light);border:1px solid var(--color-primary-green-border);border-radius:var(--radius-pill);padding:6px 14px;font-size:12px;font-weight:600}@media (width<=768px){.turf-overview__specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.turf-overview__header{flex-direction:column;align-items:flex-start}.turf-overview__rating{flex-direction:row;align-items:center;gap:10px}}.turf-detail-sections{flex-direction:column;gap:16px;display:flex}.detail-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px 22px}.detail-card--hours{background:linear-gradient(90deg, #fff 0%, var(--color-primary-green-light) 100%)}.detail-card__header,.detail-card__row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.detail-card__row{align-items:center;margin-bottom:0}.detail-card__title-group{align-items:flex-start;gap:12px;display:flex}.detail-card__icon{color:var(--color-primary-green);flex-shrink:0;margin-top:2px}.detail-card__title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.detail-card__title--standalone{margin-bottom:14px}.detail-card__subtitle{color:var(--color-text-secondary);margin:4px 0 0;font-size:14px;font-weight:600}.detail-card__badge{border-radius:var(--radius-pill);flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:700}.detail-card__badge--green{background:var(--color-primary-green-light);color:var(--color-primary-green-dark);border:1px solid var(--color-primary-green-border)}.detail-card__badge--orange{color:#ea580c;background:#fff7ed}.detail-card__body-text{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px;line-height:1.65}.detail-card__body-text--about{margin-bottom:0}.detail-card__cta{border-radius:var(--radius-md);background:var(--color-primary-green);color:#fff;cursor:pointer;width:100%;transition:background var(--transition-base), transform var(--transition-base);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;display:inline-flex}.detail-card__cta:hover{background:var(--color-primary-green-dark);transform:translateY(-1px)}.detail-card__facilities{flex-wrap:wrap;gap:10px;display:flex}.detail-card__facility{color:var(--color-primary-green-dark);background:var(--color-primary-green-light);border:1px solid var(--color-primary-green-border);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.detail-card__facility svg{color:var(--color-primary-green)}.detail-card__rules{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.detail-card__rule{color:var(--color-text-secondary);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.detail-card__rule-icon{color:var(--color-primary-green);flex-shrink:0;margin-top:2px}.detail-card__contact-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.detail-card__contact-list li{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.detail-card__contact-icon{color:var(--color-primary-green);flex-shrink:0}.detail-card__contact-list a{color:var(--color-text-secondary);transition:color var(--transition-base);text-decoration:none}.detail-card__contact-list a:hover{color:var(--color-primary-green-dark)}@media (width<=640px){.detail-card{padding:16px 18px}.detail-card__header,.detail-card__row{flex-direction:column;align-items:flex-start}}.turf-detail-page{background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex}.turf-detail{flex:1;padding:24px 0 48px}.turf-detail__container{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.turf-detail__book-btn{border-radius:var(--radius-md);background:var(--color-primary-green);color:#fff;cursor:pointer;width:100%;transition:background var(--transition-base), transform var(--transition-base);border:none;margin-bottom:28px;padding:16px 24px;font-size:16px;font-weight:700;display:block;box-shadow:0 4px 14px #22c55e59}.turf-detail__book-btn:hover{background:var(--color-primary-green-dark);transform:translateY(-1px)}.turf-detail-page__state{padding:80px var(--page-padding);color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:15px;display:flex}.turf-detail-page__state--error{color:var(--color-primary-red)}.turf-detail-page__loader{color:var(--color-primary-green);animation:1s linear infinite turf-detail-spin}.turf-detail-page__back-link{color:var(--color-primary-green-dark);font-weight:600;text-decoration:none}.turf-detail-page__back-link:hover{text-decoration:underline}@keyframes turf-detail-spin{to{transform:rotate(360deg)}}@media (width<=640px){.turf-detail{padding-top:16px}.turf-detail__book-btn{margin-bottom:20px}}.profile-page{background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex}.profile-page__main{padding:40px var(--page-padding) 56px;flex:1;justify-content:center;align-items:flex-start;display:flex}.profile-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-md);padding:32px 28px}.profile-card__icon{width:56px;height:56px;color:var(--color-primary-green-dark);background:var(--color-primary-green-light);border:1px solid var(--color-primary-green-border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.profile-card__title{text-align:center;color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:700}.profile-card__subtitle{text-align:center;color:var(--color-text-secondary);margin:0 0 28px;font-size:15px}.profile-card__details{flex-direction:column;gap:16px;margin:0;display:flex}.profile-card__row{border-radius:var(--radius-lg);background:var(--color-bg-page);border:1px solid var(--color-border);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.profile-card__row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:600}.profile-card__row dd{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:500}.profile-card__status{border-radius:var(--radius-lg);background:var(--color-bg-page);border:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;margin:0;padding:18px 16px}.profile-card__alert{border-radius:var(--radius-md);margin:0 0 20px;padding:12px 14px;font-size:14px;line-height:1.4}.profile-card__alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.profile-card__alert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.profile-card__edit-btn{border-radius:var(--radius-md);background:var(--color-primary-green);color:#fff;cursor:pointer;width:100%;transition:background var(--transition-base), transform var(--transition-fast);border:none;margin-top:24px;padding:12px 16px;font-size:15px;font-weight:600}.profile-card__edit-btn:hover{background:var(--color-primary-green-dark)}.profile-card__edit-btn:active{transform:scale(.99)}.profile-form{flex-direction:column;gap:12px;display:flex}.profile-form__label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.profile-form__input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;padding:12px 14px;font-size:15px}.profile-form__input:focus{border-color:var(--color-primary-green);outline:none;box-shadow:0 0 0 3px #22c55e26}.profile-form__input:disabled{opacity:.7;cursor:not-allowed}.profile-form__fieldset{border:none;margin:4px 0 0;padding:0}.profile-form__sports{flex-direction:column;gap:10px;margin-top:8px;display:flex}.profile-form__sport-option{border-radius:var(--radius-md);background:var(--color-bg-page);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.profile-form__sport-option input{width:16px;height:16px;accent-color:var(--color-primary-green)}.profile-form__actions{gap:12px;margin-top:8px;display:flex}.profile-form__button{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);flex:1;padding:12px 16px;font-size:15px;font-weight:600}.profile-form__button:disabled{opacity:.7;cursor:not-allowed}.profile-form__button--primary{background:var(--color-primary-green);color:#fff;border:none}.profile-form__button--primary:hover:not(:disabled){background:var(--color-primary-green-dark)}.profile-form__button--secondary{border:1px solid var(--color-border);color:var(--color-text-primary);background:#fff}.profile-form__button--secondary:hover:not(:disabled){border-color:#0f172a33}.profile-form__button:active:not(:disabled){transform:scale(.99)}.bookings-page{background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex}.bookings-page__main{padding:40px var(--page-padding) 56px;flex:1}.bookings-page__container{width:100%;max-width:var(--page-max-width);margin:0 auto}.bookings-page__header{margin-bottom:28px}.bookings-page__title{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.bookings-page__subtitle{color:var(--color-text-secondary);margin:0;font-size:15px}.bookings-page__status{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;margin:0;padding:24px}.bookings-page__status--error{color:#dc2626;background:#dc26260a;border-color:#dc262633}.bookings-page__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bookings-page__item{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);color:inherit;padding:18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.bookings-page__item:hover{box-shadow:var(--shadow-sm);border-color:#0f172a29}.bookings-page__item-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.bookings-page__item-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.bookings-page__item-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bookings-page__item-meta,.bookings-page__item-slots{color:var(--color-text-secondary);margin:0;font-size:14px}.bookings-page__item-slots{font-weight:500}.booking-detail-page{background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex}.booking-detail-page__main{padding:40px var(--page-padding) 56px;flex:1}.booking-detail-page__container{width:100%;max-width:var(--page-max-width);margin:0 auto}.booking-detail-page__back{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.booking-detail-page__back:hover{color:var(--color-text-primary)}.booking-detail-page__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.booking-detail-page__title{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.booking-detail-page__status{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;margin:0;padding:24px}.booking-detail-page__status--error{color:#dc2626;background:#dc26260a;border-color:#dc262633}.booking-detail-card{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);padding:24px}.booking-detail-card+.booking-detail-card{margin-top:16px}.booking-detail-card__title{color:var(--color-text-primary);margin:0 0 18px;font-size:18px;font-weight:600}.booking-detail-card__details{flex-direction:column;gap:12px;margin:0;display:flex}.booking-detail-card__row{border-radius:var(--radius-lg);background:var(--color-bg-page);border:1px solid var(--color-border);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.booking-detail-card__row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:600}.booking-detail-card__row dd{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:500}.booking-detail-card__mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.booking-detail-slots{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.booking-detail-slot{border-radius:var(--radius-lg);background:var(--color-bg-page);border:1px solid var(--color-border);padding:16px}.booking-detail-slot__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.booking-detail-slot__turf{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:600}.booking-detail-slot__details{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.booking-detail-slot__row{flex-direction:column;gap:2px;display:flex}.booking-detail-slot__row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:600}.booking-detail-slot__row dd{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:500}@media (width<=640px){.booking-detail-slot__details{grid-template-columns:1fr}}.booking-status{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.booking-status--small{padding:3px 8px;font-size:12px}.booking-status--confirmed{color:#166534;background:#1665341a}.booking-status--pending{color:#b45309;background:#b453091a}.booking-status--cancelled{color:#b91c1c;background:#b91c1c1a}.booking-status--default{color:var(--color-text-secondary);background:var(--color-bg-page);border:1px solid var(--color-border)}.contact-page{background:var(--color-bg-page);flex-direction:column;min-height:100svh;display:flex}.contact-page__main{padding:40px var(--page-padding) 56px;flex:1}.contact-page__container{width:100%;max-width:var(--page-max-width);margin:0 auto}.contact-page__header{margin-bottom:32px}.contact-page__title{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.contact-page__subtitle{max-width:560px;color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.contact-page__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:28px;display:grid}.contact-info{border-radius:var(--radius-xl);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:28px}.contact-info__title{color:var(--color-text-primary);margin:0 0 10px;font-size:20px;font-weight:700}.contact-info__text{color:var(--color-text-secondary);margin:0 0 24px;font-size:15px;line-height:1.6}.contact-info__list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.contact-info__item{border-radius:var(--radius-lg);background:var(--color-bg-page);border:1px solid var(--color-border);align-items:flex-start;gap:14px;padding:16px;display:flex}.contact-info__icon{width:40px;height:40px;color:var(--color-primary-green-dark);background:var(--color-primary-green-light);border:1px solid var(--color-primary-green-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info__content{flex-direction:column;gap:4px;min-width:0;display:flex}.contact-info__label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;font-weight:600}.contact-info__value{color:var(--color-text-primary);font-size:15px;font-weight:500;line-height:1.5}a.contact-info__value{transition:color var(--transition-base);text-decoration:none}a.contact-info__value:hover{color:var(--color-primary-green-dark)}.contact-form-card{border-radius:var(--radius-xl);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:28px}.contact-form-card__title{color:var(--color-text-primary);margin:0 0 20px;font-size:20px;font-weight:700}.contact-form{flex-direction:column;gap:10px;display:flex}.contact-form__label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.contact-form__input,.contact-form__textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:15px;font-family:var(--font-family);color:var(--color-text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;padding:12px 14px}.contact-form__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-primary-green);outline:none;box-shadow:0 0 0 3px #22c55e26}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form-card__button{border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);margin-top:8px;padding:12px 16px}.contact-form-card__button:disabled{opacity:.65;cursor:not-allowed}.contact-form-card__button--primary{background:var(--color-primary-green);color:#fff;border:none}.contact-form-card__button--primary:hover:not(:disabled){background:var(--color-primary-green-dark)}.contact-form-card__button--secondary{border:1px solid var(--color-border);color:var(--color-text-primary);background:#fff}.contact-form-card__button--secondary:hover{border-color:#0f172a33}.contact-form-card__button:active:not(:disabled){transform:scale(.99)}.contact-form-card__success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 0 4px;display:flex}.contact-form-card__success-icon{width:56px;height:56px;color:var(--color-primary-green-dark);background:var(--color-primary-green-light);border:1px solid var(--color-primary-green-border);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-form-card__success-text{max-width:360px;color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}@media (width<=900px){.contact-page__grid{grid-template-columns:1fr}}@media (width<=640px){.contact-page__main{padding-top:28px}.contact-page__title{font-size:24px}.contact-info,.contact-form-card{padding:22px 18px}}