.wbcom-essential-groups-grid{--columns:3;--columns-tablet:2;--columns-mobile:1;--gap:30px;--card-radius:8px;--card-padding:20px;--card-bg:#fff;--name-color:#122b46;--meta-color:#a3a5a9;--button-bg:#1d76da;--button-text:#fff;--button-secondary-bg:#e3e3e3;--button-secondary-text:#666}.wbcom-essential-groups-grid.use-theme-colors{--card-bg:var(--wbcom-card-bg,var(--wbcom-color-base,#fff));--name-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#122b46));--meta-color:var(--wbcom-meta-color,var(--wbcom-color-contrast-2,#a3a5a9));--button-bg:var(--wbcom-color-primary,#1d76da);--button-text:var(--wbcom-button-text,#fff);--button-secondary-bg:var(--wbcom-color-base-2,#e3e3e3);--button-secondary-text:var(--wbcom-text-color,#666)}.wbcom-essential-groups-grid-list{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns),1fr)}@media(max-width:1024px){.wbcom-essential-groups-grid-list{grid-template-columns:repeat(var(--columns-tablet),1fr)}}@media(max-width:768px){.wbcom-essential-groups-grid-list{grid-template-columns:repeat(var(--columns-mobile),1fr)}}.wbcom-groups-grid-card{background:var(--card-bg);border-radius:var(--card-radius);display:flex;flex-direction:column;padding:var(--card-padding);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.has-shadow .wbcom-groups-grid-card{box-shadow:0 2px 8px rgba(0,0,0,.08)}.has-shadow .wbcom-groups-grid-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.wbcom-groups-grid-avatar{margin-bottom:15px}.wbcom-groups-grid-avatar a{display:inline-block}.wbcom-groups-grid-avatar img{border-radius:8px;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.wbcom-groups-grid-content{flex:1;text-align:center}.wbcom-groups-grid-name{font-size:16px;font-weight:600;margin:0 0 8px}.wbcom-groups-grid-name a{color:var(--name-color);text-decoration:none}.wbcom-groups-grid-name a:hover{text-decoration:underline}.wbcom-groups-grid-description{color:var(--meta-color);font-size:13px;line-height:1.5;margin:0 0 10px}.wbcom-groups-grid-members,.wbcom-groups-grid-meta{color:var(--meta-color);font-size:13px;margin:0 0 4px}.wbcom-groups-grid-action{border-top:1px solid rgba(0,0,0,.05);margin-top:15px;padding-top:15px}.wbcom-groups-grid-action .group-button,.wbcom-groups-grid-action a.group-button,.wbcom-groups-grid-action button.group-button{background:var(--button-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:8px 20px;text-decoration:none;transition:opacity .2s ease}.wbcom-groups-grid-action .group-button:hover,.wbcom-groups-grid-action a.group-button:hover,.wbcom-groups-grid-action button.group-button:hover{opacity:.9}.wbcom-groups-grid-action .group-button.leave-group,.wbcom-groups-grid-action .group-button.membership-requested,.wbcom-groups-grid-action a.group-button.leave-group,.wbcom-groups-grid-action a.group-button.membership-requested,.wbcom-groups-grid-action button.group-button.leave-group,.wbcom-groups-grid-action button.group-button.membership-requested{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.wbcom-groups-grid-action .generic-button a,.wbcom-groups-grid-action .generic-button button{background:var(--button-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:8px 20px;text-decoration:none;transition:opacity .2s ease}.wbcom-groups-grid-action .generic-button a:hover,.wbcom-groups-grid-action .generic-button button:hover{opacity:.9}.wbcom-groups-grid-action .generic-button.leave-group a,.wbcom-groups-grid-action .generic-button.membership-requested a{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.wbcom-essential-groups-grid .wbcom-essential-no-data{color:var(--wbcom-text-color,#666);padding:40px 20px;text-align:center}.wbcom-essential-groups-grid .wbcom-essential-no-data p{margin:0}