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