/* HC Galeri · Profil açılır menüsü · 4 sütun V1 */

@media (min-width: 761px) {
    .user-menu-panel.user-menu-mega-panel.has-user-columns {
        width: min(870px, calc(100vw - 28px));
    }

    .user-menu-panel.user-menu-mega-panel.has-management-column {
        width: min(1120px, calc(100vw - 28px));
    }

    .user-menu-four-column-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
    }

    .user-menu-four-column-grid.has-management-column {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .user-menu-four-column-grid .user-menu-mega-section,
    .user-menu-four-column-grid .user-menu-admin-section {
        grid-column: auto;
        min-width: 0;
        padding: 13px;
        border-top: 0;
        border-left: 1px solid var(--border);
    }

    .user-menu-four-column-grid .user-menu-mega-section:first-child {
        border-left: 0;
    }

    .user-menu-four-column-grid .user-menu-tile-grid,
    .user-menu-four-column-grid .user-menu-admin-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .user-menu-panel.user-menu-mega-panel .user-menu-four-column-grid .user-menu-tile {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 8px;
        min-height: 51px;
        padding: 7px;
        border-radius: 11px;
    }

    .user-menu-four-column-grid .user-menu-tile-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .user-menu-four-column-grid .user-menu-tile-icon .icon {
        width: 16px;
        height: 16px;
    }

    .user-menu-four-column-grid .user-menu-tile strong {
        font-size: 11.5px;
    }

    .user-menu-four-column-grid .user-menu-tile small {
        font-size: 9.5px;
    }

    .user-menu-four-column-grid .user-menu-section-title {
        margin-bottom: 8px;
        font-size: 9.5px;
    }
}

@media (min-width: 761px) and (max-width: 1040px) {
    .user-menu-panel.user-menu-mega-panel.has-management-column,
    .user-menu-panel.user-menu-mega-panel.has-user-columns {
        width: min(780px, calc(100vw - 20px));
    }

    .user-menu-four-column-grid,
    .user-menu-four-column-grid.has-management-column {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .user-menu-four-column-grid .user-menu-mega-section,
    .user-menu-four-column-grid .user-menu-admin-section {
        border-top: 1px solid var(--border);
    }

    .user-menu-four-column-grid .user-menu-mega-section:nth-child(-n + 2) {
        border-top: 0;
    }

    .user-menu-four-column-grid .user-menu-mega-section:nth-child(odd) {
        border-left: 0;
    }
}

@media (max-width: 760px) {
    .user-menu-four-column-grid,
    .user-menu-four-column-grid.has-management-column {
        grid-template-columns: minmax(0, 1fr);
    }

    .user-menu-four-column-grid .user-menu-mega-section,
    .user-menu-four-column-grid .user-menu-admin-section {
        grid-column: auto;
        border-top: 1px solid var(--border);
        border-left: 0 !important;
    }

    .user-menu-four-column-grid .user-menu-mega-section:first-child {
        border-top: 0;
    }

    .user-menu-four-column-grid .user-menu-admin-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}