.cs{max-width:1024px;margin:0 auto;padding:24px 16px 8px;position:relative}.cs__bar{display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto;border:2px solid var(--oc-brand);border-radius:999px;padding:6px 10px 6px 16px;background:#fff;transition:box-shadow .2s ease,transform .2s ease}.cs__bar:focus-within{box-shadow:0 0 0 4px #176b4d26;transform:translateY(-1px)}.cs__icon{font-size:16px}.cs__input{flex:1;border:0;outline:0;font-size:15px;background:transparent;min-width:0}.cs__clear{border:0;background:var(--oc-soft);color:var(--oc-text-soft);width:26px;height:26px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto}.cs__clear:hover{background:var(--oc-border)}.cs__submit{flex:0 0 auto;border:0;background:var(--oc-brand);color:#fff;font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .15s ease}.cs__submit:hover{background:var(--oc-brand-strong)}.cs--bar-only{padding-bottom:0}.cs__suggest{position:absolute;top:calc(100% + 4px);left:16px;right:16px;max-width:720px;margin:0 auto;list-style:none;padding:6px;background:#fff;border:1px solid var(--oc-border);border-radius:14px;box-shadow:0 8px 24px #14181c1a;z-index:50;max-height:360px;overflow-y:auto}.cs__suggest-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:8px;cursor:pointer;line-height:1.35}.cs__suggest-item.is-active,.cs__suggest-item:hover{background:var(--oc-soft)}.cs__suggest-name{font-size:14px;font-weight:600;color:var(--oc-text)}.cs__suggest-meta{font-size:12px;color:var(--oc-text-soft)}.site-header__search .cs__suggest{top:calc(100% + 6px);left:0;right:0;max-width:none;border-radius:10px;box-shadow:0 6px 20px #14181c1f}.site-header__search .cs__suggest-name{font-size:13.5px}.site-header__search .cs__suggest-meta{font-size:11.5px}.site-header__search .cs{max-width:100%;padding:0}.site-header__search .cs__bar{max-width:none;border-width:1px;border-color:var(--oc-border);padding:4px 6px 4px 14px;background:#fff;box-shadow:0 1px 2px #14181c0a}.site-header__search .cs__bar:focus-within{border-color:var(--oc-brand);box-shadow:0 0 0 3px #176b4d1f;transform:none}.site-header__search .cs__input{font-size:14px;padding:4px 0}.site-header__search .cs__submit{font-size:13px;padding:7px 14px}.cs__filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px auto 0;max-width:880px;justify-content:center}.cs__select{appearance:none;-webkit-appearance:none;border:1px solid var(--oc-border);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235b6470' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 12px center;border-radius:999px;padding:8px 30px 8px 14px;font-size:13.5px;font-family:inherit;color:var(--oc-text);cursor:pointer}.cs__select:disabled{opacity:.5;cursor:not-allowed}.cs__select--sort{margin-left:auto}.cs__chip{border:1px solid var(--oc-border);background:#fff;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:500;color:var(--oc-text-soft);cursor:pointer;transition:all .12s ease}.cs__chip:hover{border-color:var(--oc-brand);color:var(--oc-brand)}.cs__chip.is-on{background:var(--oc-brand);border-color:var(--oc-brand);color:#fff}.cs__reset{border:0;background:transparent;color:var(--oc-text-soft);font-size:13px;cursor:pointer;text-decoration:underline}.cs__reset:hover{color:var(--oc-brand)}.cs__status,.cs__empty{text-align:center;color:var(--oc-text-soft);font-size:14px;padding:40px 0;margin:0}.cs__count{margin:20px 0 12px;font-size:14px;color:var(--oc-text-soft)}.cs__count strong{color:var(--oc-brand);font-weight:700}.cs__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.cs-card a{display:block;height:100%;border:1px solid var(--oc-border);border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cs-card a:hover{border-color:var(--oc-brand);box-shadow:0 6px 16px #14181c14;transform:translateY(-2px)}.cs-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.cs-card__name{font-size:15px;font-weight:600;letter-spacing:-.01em}.cs-card__type{flex:0 0 auto;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--oc-soft);color:var(--oc-text-soft);white-space:nowrap}.cs-card__type--both{color:#137c3d}.cs-card__type--court_only{color:#1c64d4}.cs-card__type--lesson_only{color:#b25b00}.cs-card__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--oc-text-soft)}.cs-card__rating{color:#b25b00;font-weight:500}.cs-card__rating--none{color:var(--oc-text-soft);font-weight:400}.cs-card__addr{margin-top:6px;font-size:12.5px;color:var(--oc-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs__more-wrap{text-align:center;padding:24px 0 8px}.cs__more{border:1px solid var(--oc-border);background:#fff;color:var(--oc-text);font-size:14px;font-weight:600;border-radius:999px;padding:11px 28px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cs__more:hover{border-color:var(--oc-brand);color:var(--oc-brand)}@media(max-width:720px){.cs__select--sort{margin-left:0}.cs__filters{justify-content:flex-start}}