:root{--club-green:#087f5b;--club-ink:#17332b;--club-muted:#687a74;--club-bg:#f3f7f5;--club-border:#dfe9e5}
body{background:var(--club-bg);color:var(--club-ink)}.clubs-shell{max-width:var(--ctb-page-max,1320px)}
.clubs-hero{position:relative;overflow:hidden;padding:clamp(1.35rem,4vw,2.5rem);border-radius:1.5rem;background:linear-gradient(135deg,#064e3b,#087f5b 58%,#20c997);color:#fff;box-shadow:0 20px 45px rgba(6,95,70,.18)}.clubs-hero::after{content:"";position:absolute;right:-90px;top:-130px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1)}.clubs-hero-content{position:relative;z-index:1;max-width:720px}.clubs-hero h1{font-size:clamp(1.55rem,4vw,2.65rem);letter-spacing:-.025em}.clubs-hero p{max-width:650px;color:rgba(255,255,255,.82)}
.club-toolbar{position:sticky;top:.5rem;z-index:1010;padding:.75rem;border:1px solid rgba(8,127,91,.12);border-radius:1.15rem;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(23,51,43,.08);backdrop-filter:blur(14px)}.club-search .input-group-text,.club-search .form-control{background:#fff;border-color:var(--club-border)}.club-search .form-control{min-height:48px}.club-search .form-control:focus{border-color:var(--club-green);box-shadow:none}.results-summary{min-height:28px;color:var(--club-muted);font-size:.88rem}
.location-status{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border:1px solid var(--club-border);border-radius:1rem;background:#fff;color:var(--club-muted)}.location-status__icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:.8rem;background:#eef5f2;color:var(--club-green)}.location-status__copy{display:flex;min-width:0;flex:1;flex-direction:column}.location-status__copy strong{color:var(--club-ink);font-size:.86rem}.location-status__copy small{font-size:.76rem}.location-status.is-active{border-color:#a9dac7;background:#f1fbf7}.location-status.is-active .location-status__icon{background:var(--club-green);color:#fff}.location-status.is-error{background:#fffaf0}
.club-card{display:flex;height:100%;overflow:hidden;flex-direction:column;border:1px solid var(--club-border);border-radius:1.2rem;background:#fff;box-shadow:0 7px 20px rgba(23,51,43,.06);transition:transform .2s ease,box-shadow .2s ease}.club-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(23,51,43,.12)}.club-card-head{position:relative;display:grid;min-height:130px;place-items:center;background:linear-gradient(145deg,#e4f5ed,#f5faf8)}.club-logo-wrap{display:block}.club-logo{width:92px;height:92px;border:4px solid #fff;border-radius:1.35rem;object-fit:cover;box-shadow:0 8px 22px rgba(23,51,43,.15)}.club-distance{position:absolute;right:.75rem;bottom:.75rem;padding:.35rem .55rem;border-radius:999px;background:rgba(17,33,28,.8);color:#fff;font-size:.76rem;font-weight:700}
.club-card .card-body{display:flex;flex:1;flex-direction:column;padding:1rem;gap:.9rem}.club-title{display:-webkit-box;min-height:1.4em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--club-ink);font-size:1.08rem;line-height:1.28;text-decoration:none}.club-title:hover{color:var(--club-green)}.club-rating{min-height:29px}.club-rating .rating-bar{display:none}.club-rating .rating-info{font-size:.8rem}.club-facts{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.7rem;border:1px solid #e6efeb;border-radius:1rem;background:linear-gradient(145deg,#f8fbfa,#f2f8f5)}.club-fact{display:flex;min-width:0;align-items:flex-start;gap:.5rem}.club-fact-address{grid-column:1/-1;padding-bottom:.55rem;border-bottom:1px solid #e0ebe6}.club-fact-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:.7rem;background:#e4f5ed;color:var(--club-green);font-size:.9rem}.club-fact-copy{min-width:0}.club-fact-copy small{display:block;color:#82918b;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.club-fact-copy span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#496159;font-size:.82rem;font-weight:650}.club-card .btn-success{display:flex;min-height:44px;align-items:center;justify-content:center;border-radius:.85rem}
.skeleton-card{padding:1rem;overflow:hidden;border:1px solid var(--club-border);border-radius:1.2rem;background:#fff}.skeleton{position:relative;overflow:hidden;background:#e6eeeb}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:skeletonMove 1.2s infinite}.skeleton-logo{width:92px;height:92px;margin:1rem auto;border-radius:1.35rem}.skeleton-line{height:13px;margin:.8rem;border-radius:999px}.skeleton-line.short{width:55%}@keyframes skeletonMove{to{transform:translateX(100%)}}
.empty-state{padding:clamp(2.5rem,8vw,5rem) 1rem;border:1px dashed #cbdad4;border-radius:1.25rem;background:#fff;text-align:center}.empty-state-icon{display:grid;width:62px;height:62px;margin:0 auto 1rem;place-items:center;border-radius:1rem;background:#e9f7f1;color:var(--club-green);font-size:1.7rem}.pagination .page-link{display:grid;min-width:42px;min-height:42px;margin:.2rem;place-items:center;border:0;border-radius:.75rem;color:var(--club-green);font-weight:700}.pagination .active .page-link{background:var(--club-green)}
@media(max-width:767.98px){.clubs-shell{padding-left:1rem;padding-right:1rem}.clubs-hero{border-radius:1.2rem}.club-toolbar{top:.35rem}.location-status{align-items:flex-start;flex-wrap:wrap}.location-status .btn{width:100%}.club-facts{grid-template-columns:1fr}.club-fact-address{grid-column:auto}.club-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.club-card{transition:none}.skeleton::after{animation:none}}