/* Buzzen V5 Build 0095 - Main-site theme pass Phase 10: Groups. */
.buzzen-group-theme-page {
    padding: 24px 0 42px;
    font-family: var(--buzzen-font-body);
    color: #24465f;
}

.buzzen-group-theme-page > .container,
.buzzen-group-theme-page .buzzen-v5-page-container {
    max-width: calc(var(--buzzen-content-width-standard) + 24px);
}

.buzzen-group-theme-page .buzzen-groups-panel,
.buzzen-group-theme-page .buzzen-group-panel,
.buzzen-group-shell {
    margin: 0 !important;
    padding: 18px 22px 26px !important;
    background: rgba(246,250,253,.97) !important;
    border-radius: var(--buzzen-radius-lg) !important;
    box-shadow: var(--buzzen-shadow-panel), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.buzzen-group-theme-page .buzzen-groups-title {
    font-family: var(--buzzen-font-heading) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.buzzen-group-theme-page .breadcrumbuser,
.buzzen-group-theme-page .breadcrumb {
    font-family: var(--buzzen-font-body);
}

/* Shared Groups hero language */
.buzzen-group-directory-hero,
.buzzen-group-search-hero,
.buzzen-group-my-hero,
.buzzen-group-create-hero,
.buzzen-group-manager-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.6fr) minmax(280px,.72fr);
    gap: 0;
    margin: 0 0 24px;
    overflow: hidden;
    background: linear-gradient(135deg,#f8fcff 0%,#eaf5fc 60%,#fff7d9 100%);
}

.buzzen-group-directory-hero::before,
.buzzen-group-search-hero::before,
.buzzen-group-my-hero::before,
.buzzen-group-create-hero::before,
.buzzen-group-manager-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg,#1b79bd 0%,#f5ad24 100%);
}

.buzzen-group-hero-copy {
    position: relative;
    padding: 29px 30px 30px 35px;
}

.buzzen-group-hero-copy h1 {
    max-width: 760px;
    margin: 8px 0 10px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(30px,3vw,42px);
    line-height: 1.04;
    font-weight: 700;
}

.buzzen-group-hero-copy > p {
    max-width: 760px;
    margin: 0;
    color: #526f83;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.buzzen-group-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 19px;
}

.buzzen-group-hero-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(27,121,189,.13);
    border-radius: var(--buzzen-radius-pill);
    background: rgba(255,255,255,.78);
    color: #315d7c;
    box-shadow: 0 8px 18px rgba(17,71,111,.06);
    font-size: 13px;
    font-weight: 700;
}

.buzzen-group-hero-pills i { color: #1b79bd; }

.buzzen-group-hero-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 27px 25px;
    background: linear-gradient(145deg,#103858 0%,#155c91 76%,#1b79bd 100%);
    color: #fff;
}

.buzzen-group-hero-panel::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,210,74,.13);
    pointer-events: none;
}

.buzzen-group-panel-icon,
.buzzen-group-side-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 12px;
    background: rgba(255,210,74,.16);
    color: #ffd24a;
    font-size: 18px;
}

.buzzen-group-panel-kicker {
    display: block;
    margin-top: 12px;
    color: #ffd24a;
    font-family: var(--buzzen-font-heading);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.buzzen-group-hero-panel h2 {
    margin: 8px 0 8px;
    color: #fff;
    font-family: var(--buzzen-font-heading);
    font-size: 25px;
    line-height: 1.08;
    font-weight: 700;
}

.buzzen-group-hero-panel p {
    margin: 0 0 16px;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    line-height: 1.55;
}

.buzzen-group-hero-actions { display:flex; flex-wrap:wrap; gap:9px; position:relative; z-index:1; }
.buzzen-group-hero-actions .btn { font-weight:800; }

/* Directory / search */
.buzzen-group-directory-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 290px;
    gap: 22px;
    align-items: start;
}

.buzzen-group-directory-feed,
.buzzen-group-search-card,
.buzzen-group-search-results {
    overflow: hidden;
}

.buzzen-group-directory-feed-body,
.buzzen-group-section-body {
    padding: 18px;
}

.buzzen-groups-card {
    position: relative;
    margin: 0 0 14px !important;
    border: 1px solid rgba(34,103,154,.14) !important;
    border-radius: var(--buzzen-radius-md) !important;
    background: linear-gradient(135deg,#fff 0%,#f7fbfe 100%) !important;
    box-shadow: var(--buzzen-shadow-soft) !important;
    overflow: hidden;
}

.buzzen-groups-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg,#1b79bd,#f5ad24);
}

.buzzen-groups-card.is-locked::before { background: #c85f5f; }
.buzzen-groups-card-inner { display:flex; gap:17px; padding:17px 18px 17px 20px !important; }
.buzzen-groups-avatar { width:78px !important; height:78px !important; flex:0 0 78px; border-radius:14px !important; overflow:hidden; border:3px solid #fff; box-shadow:0 8px 20px rgba(17,71,111,.14); }
.buzzen-groups-avatar img { width:100%; height:100%; object-fit:cover; }
.buzzen-groups-card-body { min-width:0; flex:1; }
.buzzen-groups-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.buzzen-groups-card h3 { margin:0 0 5px; font-family:var(--buzzen-font-heading); font-size:22px; line-height:1.1; font-weight:700; }
.buzzen-groups-card h3 a { color:#123d5c !important; text-decoration:none !important; }
.buzzen-groups-card h3 a:hover { color:#1b79bd !important; }
.buzzen-groups-meta { display:flex !important; flex-wrap:wrap; gap:6px 12px !important; margin:0 0 9px !important; color:#6b8293 !important; font-size:13px !important; font-weight:600; }
.buzzen-groups-meta span { display:inline-flex; gap:5px; align-items:center; }
.buzzen-groups-meta i { color:#1b79bd; }
.buzzen-groups-meta .is-alert { color:#a84b4b; }
.buzzen-groups-desc { margin:0 !important; color:#4f6b7e !important; font-size:14px !important; line-height:1.55 !important; }
.buzzen-groups-card-actions { margin-top:10px; }
.buzzen-groups-readmore { display:inline-flex; align-items:center; gap:7px; color:#1269a7 !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.buzzen-groups-readmore:hover { color:#f0a51c !important; }
.buzzen-groups-staffbar { padding:7px 14px 0 20px; background:#fff7f7; border-bottom:1px solid #f1d4d4; }
.buzzen-groups-status { border-radius:999px; padding:5px 9px; font-size:12px; font-weight:800; }
.buzzen-groups-status.locked { background:#fff0f0; color:#a13d3d; }

.buzzen-group-empty-state {
    display:flex;
    align-items:center;
    gap:10px;
    padding:18px;
    border:1px dashed rgba(34,103,154,.22);
    border-radius:var(--buzzen-radius-md);
    background:#f7fbfe;
    color:#607a8c;
    font-size:14px;
    font-weight:700;
}
.buzzen-group-empty-state i { color:#f5ad24; }
.buzzen-group-pagination { padding-top:4px; }

.buzzen-group-directory-sidebar { display:grid; gap:16px; }
.buzzen-group-side-card { padding:18px; overflow:hidden; }
.buzzen-group-side-card .buzzen-group-side-icon { background:#eaf5fc; color:#1b79bd; }
.buzzen-group-side-card .buzzen-group-panel-kicker { color:#b8780e; margin-top:11px; }
.buzzen-group-side-card h2 { margin:7px 0 12px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:21px; font-weight:700; }
.buzzen-group-side-links { display:grid; gap:8px; }
.buzzen-group-side-links a,
.buzzen-group-side-list a { display:flex; align-items:center; gap:9px; padding:9px 10px; border:1px solid rgba(34,103,154,.11); border-radius:10px; background:#f8fcff; color:#315d7c !important; font-size:13px; font-weight:750; text-decoration:none !important; }
.buzzen-group-side-links a:hover,
.buzzen-group-side-list a:hover { background:#edf7fd; color:#1b79bd !important; }
.buzzen-group-side-links i,
.buzzen-group-side-list i { width:16px; text-align:center; color:#1b79bd; }
.buzzen-group-side-list { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.buzzen-group-side-list .is-empty { color:#8194a1; font-size:13px; font-style:italic; }
.buzzen-group-select-label { margin:13px 0 6px; color:#45687e; font-size:13px; font-weight:800; }

/* My Groups */
.buzzen-mygroups-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:0 !important; }
.buzzen-mygroups .buzzen-group-box { height:auto !important; overflow:hidden; }
.buzzen-mygroups .buzzen-group-box-header { display:flex; align-items:center; gap:12px; padding:15px 16px !important; background:linear-gradient(135deg,#fbfdff,#eff8fd) !important; border-bottom:1px solid rgba(34,103,154,.11) !important; }
.buzzen-mygroups .buzzen-group-box-header::after { display:none; }
.buzzen-mygroups .buzzen-group-box-header .buzzen-group-side-icon { background:#e6f3fb; color:#1b79bd; }
.buzzen-mygroups .buzzen-group-box-header h2 { margin:0; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:20px; font-weight:700; }
.buzzen-mygroups .buzzen-group-box-header p { margin:2px 0 0; color:#73899a; font-size:12px; font-weight:700; }
.buzzen-mygroups .buzzen-group-list { padding:12px !important; font-size:14px !important; }
.buzzen-mygroups .buzzen-group-list a { justify-content:flex-start; }
.buzzen-mygroups .buzzen-group-list a .fa-chevron-right { margin-left:auto; color:#9db0bd; }

/* Public group shell / custom background */
.buzzen-group-page { background-position:center top; }
.buzzen-group-page .buzzen-group-panel { position:relative; }
.buzzen-group-page .buzzen-group-hero {
    position:relative;
    margin:0 0 17px;
    padding:0;
    border:1px solid rgba(31,103,154,.18);
    border-radius:var(--buzzen-radius-lg);
    background:linear-gradient(135deg,#f9fdff 0%,#eaf5fc 65%,#fff7d9 100%);
    box-shadow:var(--buzzen-shadow-elevated);
    overflow:hidden;
}
.buzzen-group-page .buzzen-group-hero::before { content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:linear-gradient(180deg,#1b79bd,#f5ad24); }
.buzzen-group-page .buzzen-group-title { margin:0 !important; padding:16px 20px 13px 25px !important; border:0 !important; border-radius:0 !important; background:linear-gradient(135deg,#103858,#155c91 75%,#1b79bd) !important; color:#fff !important; font-family:var(--buzzen-font-heading) !important; font-size:27px !important; font-weight:700 !important; }
.buzzen-group-page .buzzen-group-title i { color:#ffd24a; margin-right:8px; }
.buzzen-group-page .buzzen-group-summary { display:flex; gap:18px; align-items:center; padding:20px 22px 21px 26px; }
.buzzen-group-page .buzzen-group-avatar { width:82px; height:82px; flex:0 0 82px; overflow:hidden; border:4px solid #fff; border-radius:16px; box-shadow:0 10px 25px rgba(17,71,111,.14); }
.buzzen-group-page .buzzen-group-avatar img { width:100%; height:100%; object-fit:cover; }
.buzzen-group-page .buzzen-group-meta { display:flex; flex-wrap:wrap; gap:8px; }
.buzzen-group-page .buzzen-group-meta span { display:inline-flex; gap:6px; align-items:center; padding:7px 10px; border:1px solid rgba(27,121,189,.13); border-radius:999px; background:rgba(255,255,255,.86); color:#3d657f; font-size:13px; font-weight:700; }
.buzzen-group-page .buzzen-group-meta i { color:#1b79bd; }
.buzzen-group-page .buzzen-group-member-badge { border-color:rgba(245,173,36,.26) !important; background:#fff9e7 !important; color:#8b610d !important; }
.buzzen-group-content { padding:0 !important; }
.buzzen-group-content > .row { margin-left:0; margin-right:0; }

.buzzen-group-main-summary { margin-bottom:16px; padding:16px; border:1px solid rgba(34,103,154,.14); border-radius:var(--buzzen-radius-md); background:#fff; box-shadow:var(--buzzen-shadow-card); }
.buzzen-group-main-avatar img { border-radius:14px; box-shadow:0 8px 18px rgba(17,71,111,.12); }
.buzzen-group-main-meta { color:#536f82; font-size:14px; line-height:1.65; }
.buzzen-group-main-meta i { color:#1b79bd; width:18px; text-align:center; }
.buzzen-group-main-sections { display:grid; gap:16px; }
.buzzen-group-main-card { overflow:hidden; padding:0 !important; background:#fff !important; }
.buzzen-group-main-card > h3,
.buzzen-groupmanager-card > h3 {
    position:relative;
    margin:0 !important;
    padding:14px 16px 12px;
    border-bottom:1px solid rgba(34,103,154,.10);
    background:linear-gradient(135deg,#fbfdff,#eff8fd);
    color:#123d5c !important;
    font-family:var(--buzzen-font-heading) !important;
    font-size:20px !important;
    line-height:1.2;
    font-weight:700 !important;
}
.buzzen-group-main-card > h3::after,
.buzzen-groupmanager-card > h3::after { content:""; position:absolute; left:16px; bottom:0; width:62px; height:3px; border-radius:999px; background:#f5ad24; }
.buzzen-group-main-card > h3 i,
.buzzen-groupmanager-card > h3 i { color:#1b79bd; margin-right:6px; }
.buzzen-group-main-text,
.buzzen-group-main-card > .table-responsive,
.buzzen-group-main-card > .buzzen-group-photo-grid,
.buzzen-group-main-card > .buzzen-group-online-list,
.buzzen-group-main-card > .alert { margin:0 !important; padding:16px !important; }
.buzzen-group-main-text { color:#405f74; font-size:15px; line-height:1.7; }
.buzzen-group-photo-grid { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px !important; list-style:none; }
.buzzen-group-photo-thumb { display:block; aspect-ratio:1; overflow:hidden; border-radius:12px; box-shadow:0 7px 16px rgba(17,71,111,.10); }
.buzzen-group-photo-img { width:100%; height:100%; object-fit:cover; }
.buzzen-group-online-list { font-size:14px; line-height:1.7; }

/* Group sidebar converted from legacy widgets into V5 cards */
.buzzen-group-page aside.col-lg-3 { display:flex; flex-direction:column; gap:12px; }
.buzzen-group-page aside .sidebar-widget-header,
.buzzen-group-page aside .sidebar-widget-header-red { margin:0 !important; padding:11px 13px !important; border:1px solid rgba(34,103,154,.14) !important; border-radius:12px 12px 0 0 !important; background:linear-gradient(135deg,#103858,#155c91) !important; box-shadow:none !important; }
.buzzen-group-page aside .sidebar-widget-header-red { background:linear-gradient(135deg,#702f35,#a4454d) !important; }
.buzzen-group-page aside .sidebar-widget-header h1,
.buzzen-group-page aside .sidebar-widget-header-red h1 { margin:0 !important; color:#fff !important; font-family:var(--buzzen-font-heading) !important; font-size:18px !important; font-weight:700 !important; }
.buzzen-group-page aside .sidebar-widget-header h1 i,
.buzzen-group-page aside .sidebar-widget-header-red h1 i { color:#ffd24a; }
.buzzen-group-page aside .list-group,
.buzzen-group-page aside .buzzen-group-join-card,
.buzzen-group-page aside select { margin-top:-12px !important; margin-bottom:12px !important; border-color:rgba(34,103,154,.14) !important; border-radius:0 0 12px 12px !important; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-page aside .list-group-item { border-color:rgba(34,103,154,.09); background:#fff; font-size:13px; }
.buzzen-group-page aside .list-group-item a { color:#315d7c !important; font-weight:750; text-decoration:none !important; }
.buzzen-group-page aside .list-group-item i { color:#1b79bd; margin-right:5px; }
.buzzen-group-page aside .buzzen-group-join-card { padding:16px !important; background:#fff !important; }

/* Group manager / create / editors */
.buzzen-groupcreate-layout { margin-top:20px; }
.buzzen-groupmanager-card { margin-bottom:16px; padding:16px !important; overflow:hidden; }
.buzzen-groupmanager-card > h3 { margin:-16px -16px 16px !important; }
.buzzen-groupmanager-card p,
.buzzen-groupmanager-card li { font-size:14px; line-height:1.55; }
.buzzen-groupmanager-tabs { display:flex; flex-wrap:wrap; gap:6px; padding:7px; border:1px solid rgba(34,103,154,.14); border-radius:12px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-groupmanager-tabs .nav-link { border:0 !important; border-radius:9px !important; color:#45687e !important; font-size:13px; font-weight:800; }
.buzzen-groupmanager-tabs .nav-link:hover { background:#edf7fd; color:#1b79bd !important; }
.buzzen-groupmanager-tabs .nav-link.active { background:linear-gradient(135deg,#155c91,#1b79bd) !important; color:#fff !important; }
.buzzen-group-option { height:100%; padding:14px; border:1px solid rgba(34,103,154,.14) !important; border-radius:12px !important; background:#f8fcff !important; }
.buzzen-group-option legend { float:none; width:auto; margin:0 0 8px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:17px; font-weight:700; }
.buzzen-group-option label { display:block; margin:6px 0; color:#4c687b; font-size:13px; font-weight:650; }
.buzzen-group-option input { margin-right:6px; }
.buzzen-group-theme-page .form-label { color:#315970; font-size:14px; font-weight:750 !important; }
.buzzen-group-theme-page .form-control,
.buzzen-group-theme-page .form-select { border-color:rgba(34,103,154,.22); border-radius:10px; min-height:42px; font-size:14px; }
.buzzen-group-theme-page textarea.form-control { min-height:auto; }
.buzzen-group-theme-page .form-control:focus,
.buzzen-group-theme-page .form-select:focus { border-color:#68aedd; box-shadow:0 0 0 .2rem rgba(27,121,189,.12); }
.buzzen-groupmanager-appearance-thumb { width:90px; height:90px; object-fit:cover; border-radius:14px; border:3px solid #fff; box-shadow:0 8px 18px rgba(17,71,111,.12); }
.buzzen-groupmanager-background-thumb { width:100%; max-height:200px; object-fit:cover; border-radius:12px; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-groupmanager-board-edit summary { cursor:pointer; color:#24597c; }
.buzzen-groupmanager-board-edit summary small { display:block; margin-top:4px; color:#718797; font-weight:500; }
.buzzen-group-theme-page .table { --bs-table-striped-bg:rgba(235,246,253,.55); margin-bottom:0; color:#3d5c70; font-size:13px; }
.buzzen-group-theme-page .table thead th { background:#eef7fc; color:#315970; border-bottom-color:rgba(34,103,154,.15); font-weight:800; }

/* Albums */
.buzzen-group-album-grid { gap:14px !important; }
.buzzen-group-album-card { border:1px solid rgba(34,103,154,.14) !important; border-radius:14px !important; background:#fff !important; box-shadow:var(--buzzen-shadow-card) !important; overflow:hidden; }
.buzzen-group-album-card img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.buzzen-group-picture-stage { padding:14px; border-radius:14px; background:linear-gradient(145deg,#0e2e46,#103858); box-shadow:var(--buzzen-shadow-elevated); text-align:center; }
.buzzen-group-picture-stage img { max-width:100%; max-height:72vh; border-radius:10px; }
.buzzen-group-comments { display:grid; gap:10px; }
.buzzen-group-comment { padding:12px 14px !important; border:1px solid rgba(34,103,154,.13) !important; border-radius:12px !important; background:#fff !important; }
.buzzen-group-comment-highlight { border-color:#f5ad24 !important; box-shadow:0 0 0 3px rgba(245,173,36,.13); }
.buzzen-group-album-edit-picture { padding:12px; border:1px solid rgba(34,103,154,.14); border-radius:12px; background:#f9fcfe; }
.buzzen-group-album-edit-picture img { width:90px; height:90px; object-fit:cover; border-radius:10px; }

/* Discussion board */
.buzzen-group-board-list,
.buzzen-group-topic-list,
.buzzen-group-post-list { display:grid; gap:12px; }
.buzzen-group-board-card,
.buzzen-group-topic-card { border:1px solid rgba(34,103,154,.14) !important; border-radius:13px !important; background:#fff !important; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-post { display:grid !important; grid-template-columns:180px minmax(0,1fr); overflow:hidden; border:1px solid rgba(34,103,154,.14) !important; border-radius:14px !important; background:#fff !important; box-shadow:var(--buzzen-shadow-card); }
.buzzen-group-post-author { padding:15px !important; background:linear-gradient(145deg,#edf7fd,#f8fcff) !important; border-right:1px solid rgba(34,103,154,.10); }
.buzzen-group-post-body { min-width:0; padding:0 !important; }
.buzzen-group-post-meta { display:flex; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid rgba(34,103,154,.10); background:#fbfdff; color:#637c8e; font-size:12px; }
.buzzen-group-post-content { padding:16px; color:#3f6075; font-size:15px; line-height:1.7; }
.buzzen-group-post-actions { display:flex; flex-wrap:wrap; gap:8px; padding:0 16px 15px; }

/* Unavailable state */
.buzzen-group-page .buzzen-group-panel > .alert:first-child { margin:16px 0 !important; padding:24px !important; border-radius:14px; font-size:15px; font-weight:700; }

@media (max-width: 991.98px) {
    .buzzen-group-directory-hero,
    .buzzen-group-search-hero,
    .buzzen-group-my-hero,
    .buzzen-group-create-hero,
    .buzzen-group-manager-hero { grid-template-columns:1fr; }
    .buzzen-group-directory-layout { grid-template-columns:1fr; }
    .buzzen-group-directory-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .buzzen-group-page aside.col-lg-3 { margin-top:2px; }
    .buzzen-group-photo-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
    .buzzen-group-theme-page { padding:14px 0 28px; }
    .buzzen-group-theme-page .buzzen-groups-panel,
    .buzzen-group-theme-page .buzzen-group-panel,
    .buzzen-group-shell { padding:13px !important; border-radius:14px !important; }
    .buzzen-group-hero-copy { padding:23px 20px 24px 25px; }
    .buzzen-group-hero-copy h1 { font-size:30px; }
    .buzzen-group-hero-panel { padding:22px 20px 23px 25px; }
    .buzzen-group-directory-sidebar { grid-template-columns:1fr; }
    .buzzen-mygroups-grid { grid-template-columns:1fr; }
    .buzzen-groups-card-inner { align-items:flex-start; }
    .buzzen-groups-avatar { width:64px !important; height:64px !important; flex-basis:64px; }
    .buzzen-group-page .buzzen-group-summary { align-items:flex-start; padding:17px 17px 18px 22px; }
    .buzzen-group-page .buzzen-group-avatar { width:66px; height:66px; flex-basis:66px; }
    .buzzen-group-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .buzzen-group-post { grid-template-columns:1fr; }
    .buzzen-group-post-author { border-right:0; border-bottom:1px solid rgba(34,103,154,.10); }
    .buzzen-groupmanager-tabs { overflow-x:auto; flex-wrap:nowrap; }
    .buzzen-groupmanager-tabs .nav-link { white-space:nowrap; }
}

@media (max-width: 479.98px) {
    .buzzen-group-hero-pills { display:grid; }
    .buzzen-group-hero-pills span { justify-content:flex-start; }
    .buzzen-groups-card-inner { display:block; }
    .buzzen-groups-avatar { display:block; margin:0 0 12px; }
    .buzzen-groups-card-head { display:block; }
    .buzzen-groups-status { display:inline-flex; margin:3px 0 6px; }
    .buzzen-group-page .buzzen-group-summary { display:block; }
    .buzzen-group-page .buzzen-group-avatar { margin-bottom:12px; }
    .buzzen-group-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .buzzen-group-post-meta { display:block; }
    .buzzen-group-post-meta span { display:block; margin-bottom:3px; }
}

/* Album and board structures retained from the compatibility views. */
.buzzen-group-picture-grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px !important;
}
.buzzen-group-picture-thumb { display:block; aspect-ratio:1; overflow:hidden; border:1px solid rgba(34,103,154,.14); border-radius:13px; background:#fff; box-shadow:var(--buzzen-shadow-card); }
.buzzen-group-picture-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .18s ease; }
.buzzen-group-picture-thumb:hover img { transform:scale(1.035); }
.buzzen-group-picture-full { padding:15px; border-radius:14px; background:linear-gradient(145deg,#0d2d45,#123d5c); box-shadow:var(--buzzen-shadow-elevated); text-align:center; }
.buzzen-group-picture-full img { max-width:100%; max-height:72vh; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.20); }
.buzzen-group-picture-info { margin-top:13px; padding:14px 16px; border:1px solid rgba(34,103,154,.14); border-radius:12px; background:#fff; color:#536f82; font-size:14px; line-height:1.55; }
.buzzen-group-section-title { color:#123d5c; font-family:var(--buzzen-font-heading); font-size:24px; font-weight:700; }
.buzzen-group-section-title i { color:#1b79bd; margin-right:6px; }
.buzzen-group-album-card h4 { margin:0 0 5px; font-family:var(--buzzen-font-heading); font-size:20px; font-weight:700; }
.buzzen-group-album-card h4 a { color:#123d5c; text-decoration:none; }
.buzzen-group-album-card h4 a:hover { color:#1b79bd; }

.buzzen-group-board-table { overflow:hidden; border:1px solid rgba(34,103,154,.13); border-radius:12px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-board-table > :not(caption) > * > * { padding:12px 10px; vertical-align:middle; }
.buzzen-group-board-table .roomlist_header th { background:linear-gradient(135deg,#123d5c,#155c91) !important; color:#fff !important; border:0; }
.buzzen-group-board-icon i { color:#1b79bd; font-size:18px; }
.buzzen-group-board-pinned { color:#f5ad24 !important; }
.buzzen-group-board-name a,
.buzzen-group-topic-title { color:#174f77 !important; font-family:var(--buzzen-font-heading); font-size:17px; font-weight:700; text-decoration:none !important; }
.buzzen-group-board-name a:hover,
.buzzen-group-topic-title:hover { color:#1b79bd !important; }
.buzzen-group-board-description { margin-top:3px; color:#6b8293; font-size:12.5px; line-height:1.45; }

@media (max-width: 767.98px) {
    .buzzen-group-picture-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .buzzen-group-board-table { min-width:690px; }
}
@media (max-width: 479.98px) {
    .buzzen-group-picture-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Build 0100 — Phase 15 consistency corrections. */
.buzzen-group-unavailable-shell {
    overflow: hidden;
}

.buzzen-group-unavailable-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .72fr);
    gap: 0;
    margin-bottom: 18px;
    overflow: hidden;
    background: linear-gradient(135deg, #fff 0%, #edf7fd 65%, #fff7d9 100%);
}

.buzzen-group-unavailable-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #1b79bd 0%, #f5ad24 100%);
}

.buzzen-group-unavailable-copy {
    padding: 28px 30px 30px 35px;
}

.buzzen-group-unavailable-copy h2 {
    margin: 8px 0 10px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(30px, 3vw, 40px);
    line-height: 1.06;
    font-weight: 800;
}

.buzzen-group-unavailable-copy p {
    max-width: 720px;
    margin: 0;
    color: #526f83;
    font-size: 15px;
    line-height: 1.68;
}

.buzzen-group-unavailable-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26px 24px;
    background: linear-gradient(145deg, #103858 0%, #155c91 76%, #1b79bd 100%);
    color: #fff;
}

.buzzen-group-unavailable-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--buzzen-radius-md);
    background: rgba(255,255,255,.10);
    color: #ffd24a;
    font-size: 21px;
}

.buzzen-group-unavailable-panel > span {
    color: rgba(255,255,255,.70);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.buzzen-group-unavailable-panel > strong {
    margin-top: 4px;
    color: #fff;
    font-family: var(--buzzen-font-heading);
    font-size: 24px;
    line-height: 1.12;
}

.buzzen-group-unavailable-panel > p {
    margin: 8px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    line-height: 1.58;
}

.buzzen-group-unavailable-actions {
    overflow: hidden;
}

.buzzen-group-unavailable-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 20px 20px;
}

.buzzen-group-unavailable-buttons form {
    margin: 0;
}

@media (max-width: 767.98px) {
    .buzzen-group-unavailable-hero {
        grid-template-columns: 1fr;
    }

    .buzzen-group-unavailable-copy {
        padding: 24px 22px 25px 27px;
    }

    .buzzen-group-unavailable-panel {
        padding: 22px;
    }

    .buzzen-group-unavailable-buttons,
    .buzzen-group-unavailable-buttons form,
    .buzzen-group-unavailable-buttons .btn {
        width: 100%;
    }
}

/* Build 0103 - public Group detail visual correction.
 * The legacy Groups stylesheet still contained a 1120px cap and older stacked
 * header/sidebar treatment. The public Group detail page now follows the
 * finalized Donate-derived shell/title/breadcrumb/hero composition while
 * keeping member-selected Group backgrounds authoritative behind the shell.
 */
.buzzen-group-page {
    width: 100% !important;
    max-width: none !important;
}

.buzzen-group-theme-page {
    padding: 38px 0 48px;
}

.buzzen-group-theme-page > .container.buzzen-v5-page-container {
    width: 100%;
    max-width: var(--bs-breakpoint-xl, 1320px);
}

.buzzen-group-page .buzzen-group-public-shell {
    position: relative;
    margin: 0 !important;
    padding: 18px 22px 26px !important;
    overflow: hidden;
}

.buzzen-group-page .buzzen-group-public-shell::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    width: auto !important;
    height: 5px !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #103858 0%, #1b79bd 58%, var(--buzzen-yellow-light) 100%) !important;
    pointer-events: none;
}

.buzzen-group-public-title {
    margin-bottom: 18px !important;
}

.buzzen-group-public-breadcrumb {
    margin: 0 0 18px !important;
}

.buzzen-group-public-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(300px, .72fr);
    gap: 0;
    margin: 0 0 22px;
    padding: 0 !important;
    overflow: hidden;
    background: linear-gradient(135deg, #f8fcff 0%, #eaf5fc 62%, #fff7d9 100%) !important;
}

.buzzen-group-public-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #1b79bd 0%, #f5ad24 100%);
    pointer-events: none;
}

.buzzen-group-public-hero-copy {
    position: relative;
    padding: 27px 30px 28px 35px;
}

.buzzen-group-public-identity {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.buzzen-group-public-avatar {
    width: 92px;
    height: 92px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid rgba(31, 103, 154, .18);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(17, 71, 111, .13);
}

.buzzen-group-public-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    object-fit: cover;
}

.buzzen-group-public-kicker {
    color: #1b79bd;
}

.buzzen-group-public-hero-copy h1 {
    max-width: 760px;
    margin: 7px 0 8px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(31px, 3vw, 43px);
    line-height: 1.03;
    font-weight: 700;
}

.buzzen-group-public-hero-copy p {
    max-width: 760px;
    margin: 0;
    color: #526f83;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.buzzen-group-public-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.buzzen-group-public-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(27, 121, 189, .13);
    border-radius: var(--buzzen-radius-pill);
    background: rgba(255, 255, 255, .82);
    color: #315d7c;
    box-shadow: 0 8px 18px rgba(17, 71, 111, .06);
    font-size: 13px;
    font-weight: 750;
}

.buzzen-group-public-pills i {
    color: #1b79bd;
}

.buzzen-group-public-pills .buzzen-group-public-role {
    border-color: rgba(245, 173, 36, .28);
    background: #fff9e7;
    color: #8b610d;
}

.buzzen-group-public-pills .buzzen-group-public-role i {
    color: #f5ad24;
}

.buzzen-group-public-hero-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 27px 25px;
    overflow: hidden;
    background: linear-gradient(145deg, #103858 0%, #155c91 76%, #1b79bd 100%);
    color: #fff;
}

.buzzen-group-public-hero-panel::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 210, 74, .13);
    pointer-events: none;
}

.buzzen-group-public-hero-panel h2 {
    position: relative;
    z-index: 1;
    margin: 8px 0 8px;
    color: #fff;
    font-family: var(--buzzen-font-heading);
    font-size: 25px;
    line-height: 1.08;
    font-weight: 700;
}

.buzzen-group-public-hero-panel p {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, .84);
    font-size: 14px;
    line-height: 1.58;
}

.buzzen-group-public-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.buzzen-group-public-hero-actions form {
    margin: 0 !important;
}

.buzzen-group-public-hero-actions .btn {
    min-height: 38px;
    border-radius: 10px !important;
    font-weight: 800;
}

.buzzen-group-public-content {
    padding: 0 !important;
}

.buzzen-group-public-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.buzzen-group-public-overview > div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    padding: 13px 14px;
    border: 1px solid rgba(34, 103, 154, .13);
    border-radius: 13px;
    background: rgba(255, 255, 255, .9);
    box-shadow: var(--buzzen-shadow-soft);
}

.buzzen-group-public-overview i {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #e8f5fd;
    color: #1b79bd;
}

.buzzen-group-public-overview span {
    color: #748b9a;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.buzzen-group-public-overview strong {
    min-width: 0;
    color: #123d5c;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.buzzen-group-public-overview a {
    color: #0d5f96;
}

.buzzen-group-page .buzzen-group-mainpage {
    align-items: start;
}

.buzzen-group-page .buzzen-group-mainpage .buzzen-group-main-summary {
    display: none !important;
}

.buzzen-group-public-section-header {
    margin: 0 !important;
}

.buzzen-group-public-section-header h2 {
    margin: 0 !important;
    color: #123d5c !important;
    font-family: var(--buzzen-font-heading) !important;
    font-size: 20px !important;
    line-height: 1.15;
    font-weight: 700 !important;
}

.buzzen-group-public-section-header p {
    margin: 3px 0 0;
    color: #73899a;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 650;
}

.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .buzzen-group-main-text,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .table-responsive,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .buzzen-group-photo-grid,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .buzzen-group-online-list,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .alert {
    margin: 0 !important;
}

.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .alert {
    border-radius: 0 0 12px 12px !important;
}

.buzzen-group-presence-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.buzzen-group-presence-grid .buzzen-group-main-card {
    min-width: 0;
}

.buzzen-group-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.buzzen-group-page .buzzen-group-sidebar .sidebar-widget-header,
.buzzen-group-page .buzzen-group-sidebar .sidebar-widget-header-red {
    margin: 0 !important;
    border-radius: 13px 13px 0 0 !important;
}

.buzzen-group-page .buzzen-group-sidebar .list-group,
.buzzen-group-page .buzzen-group-sidebar .buzzen-group-join-card,
.buzzen-group-page .buzzen-group-sidebar select {
    margin-top: -12px !important;
    margin-bottom: 0 !important;
}

.buzzen-group-page .buzzen-group-sidebar .list-group:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    .buzzen-group-public-hero {
        grid-template-columns: 1fr;
    }

    .buzzen-group-public-overview,
    .buzzen-group-presence-grid {
        grid-template-columns: 1fr;
    }

    .buzzen-group-sidebar {
        margin-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .buzzen-group-theme-page {
        padding-top: 24px;
    }

    .buzzen-group-page .buzzen-group-public-shell {
        padding: 14px 14px 20px !important;
    }

    .buzzen-group-public-hero-copy {
        padding: 23px 20px 24px 25px;
    }

    .buzzen-group-public-hero-panel {
        padding: 22px 20px 23px 25px;
    }

    .buzzen-group-public-identity {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 13px;
    }

    .buzzen-group-public-avatar {
        width: 72px;
        height: 72px;
        border-radius: 15px;
    }

    .buzzen-group-public-avatar img {
        border-radius: 11px;
    }

    .buzzen-group-public-hero-copy h1 {
        font-size: 31px;
    }
}

@media (max-width: 479.98px) {
    .buzzen-group-public-identity {
        grid-template-columns: 1fr;
    }

    .buzzen-group-public-avatar {
        width: 68px;
        height: 68px;
    }

    .buzzen-group-public-pills,
    .buzzen-group-public-hero-actions {
        display: grid;
    }

    .buzzen-group-public-pills span,
    .buzzen-group-public-hero-actions .btn,
    .buzzen-group-public-hero-actions form {
        width: 100%;
    }
}

/* Build 0104 — final Groups visual consistency correction.
 * Public Group pages now avoid the remaining legacy sidebar/empty-state treatment,
 * while the directory no longer opts into the legacy .buzzen-groups cascade. */
.buzzen-group-public-hero-actions .btn-outline-light {
    border-color: rgba(255,255,255,.76) !important;
    background: transparent !important;
    color: #fff !important;
}

.buzzen-group-public-hero-actions .btn-outline-light:hover,
.buzzen-group-public-hero-actions .btn-outline-light:focus {
    border-color: #fff !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
}

.buzzen-group-public-empty {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding: 16px 18px;
    border: 1px dashed rgba(34,103,154,.20);
    border-radius: 0 0 var(--buzzen-radius-md) var(--buzzen-radius-md);
    background: linear-gradient(135deg,#f8fcff 0%,#fffaf0 100%);
    color: #526f83;
}

.buzzen-group-public-empty > i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eaf5fc;
    color: #1b79bd;
    font-size: 17px;
}

.buzzen-group-public-empty strong,
.buzzen-group-public-empty span {
    display: block;
}

.buzzen-group-public-empty strong {
    margin-bottom: 2px;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
}

.buzzen-group-public-empty span {
    font-size: 13px;
    line-height: 1.45;
}

.buzzen-group-public-empty.is-compact {
    min-height: 78px;
    border-style: solid;
}

.buzzen-group-public-side-card {
    overflow: hidden;
    padding: 17px !important;
    border-color: rgba(34,103,154,.14) !important;
    background: linear-gradient(180deg,#fff 0%,#f8fcff 100%) !important;
    box-shadow: var(--buzzen-shadow-card) !important;
}

.buzzen-group-public-side-card-staff {
    background: linear-gradient(150deg,#103858 0%,#155c91 72%,#1b79bd 100%) !important;
    color: #fff;
}

.buzzen-group-public-side-heading {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 11px;
    align-items: center;
    margin-bottom: 12px;
}

.buzzen-group-public-side-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #eaf5fc;
    color: #1b79bd;
    font-size: 16px;
}

.buzzen-group-public-side-card-staff .buzzen-group-public-side-icon {
    background: rgba(255,210,74,.15);
    color: #ffd24a;
}

.buzzen-group-public-side-kicker {
    display: block;
    margin-bottom: 2px;
    color: #1b79bd;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.buzzen-group-public-side-card-staff .buzzen-group-public-side-kicker {
    color: #ffd24a;
}

.buzzen-group-public-side-card h2 {
    margin: 0;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 20px;
    line-height: 1.08;
    font-weight: 700;
}

.buzzen-group-public-side-card-staff h2 {
    color: #fff;
}

.buzzen-group-public-side-copy {
    margin: 0 0 13px;
    color: #60798a;
    font-size: 13px;
    line-height: 1.55;
}

.buzzen-group-public-side-card-staff .buzzen-group-public-side-copy {
    color: rgba(255,255,255,.78);
}

.buzzen-group-public-side-actions {
    display: grid;
    gap: 8px;
}

.buzzen-group-public-side-actions form {
    margin: 0 !important;
}

.buzzen-group-side-action {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 750;
    text-align: left;
}

.buzzen-group-side-action:hover,
.buzzen-group-side-action:focus {
    border-color: rgba(255,255,255,.46) !important;
    background: rgba(255,255,255,.14) !important;
}

.buzzen-group-side-action i {
    width: 18px;
    color: #ffd24a;
    text-align: center;
}

.buzzen-group-side-action.is-danger {
    border-color: rgba(255,177,177,.32) !important;
    color: #ffe7e7 !important;
}

.buzzen-group-side-action.is-danger i {
    color: #ffb0b0;
}

.buzzen-group-public-side-card .btn {
    min-height: 40px;
    border-radius: 10px !important;
    font-weight: 800;
}

.buzzen-group-public-side-card .form-select {
    min-height: 42px;
    border-color: rgba(34,103,154,.18);
    border-radius: 10px;
    font-size: 13px;
}

.buzzen-group-public-side-nav {
    display: grid;
    gap: 7px;
}

.buzzen-group-public-side-nav a {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    min-height: 40px;
    padding: 7px 9px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 10px;
    background: rgba(247,251,254,.92);
    color: #174f77 !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}

.buzzen-group-public-side-nav a:hover,
.buzzen-group-public-side-nav a:focus {
    border-color: rgba(27,121,189,.24);
    background: #edf7fd;
    color: #1b79bd !important;
}

.buzzen-group-public-side-nav i {
    color: #1b79bd;
    text-align: center;
}

/* The directory owns its V5 presentation directly; do not reactivate the old
 * .buzzen-groups parent cascade on this page. */
.buzzen-group-directory-page .buzzen-group-directory-feed-body {
    display: grid;
    gap: 14px;
}

.buzzen-group-directory-page .buzzen-groups-card {
    margin: 0 !important;
}

@media (max-width: 991.98px) {
    .buzzen-group-sidebar {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .buzzen-group-sidebar {
        grid-template-columns: 1fr;
    }

    .buzzen-group-public-empty {
        grid-template-columns: 36px minmax(0,1fr);
        padding: 14px;
    }

    .buzzen-group-public-empty > i {
        width: 36px;
        height: 36px;
    }
}