/* Frontend & Backend Grid */
.png-grid, .png-grid-admin > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* 2 Spalten */
    gap: 5px;
    max-width: 1000px;
    margin: 20px auto;
}

@media (max-width: 550px) {
    .png-grid, .png-grid-admin > .block-editor-inner-blocks > .block-editor-block-list__layout {
        grid-template-columns: 1fr !important;
    }
}

/* Das Item */
.png-item {
    display: flex;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    position: relative;
}

.png-overlay {
    background: rgba(0,0,0,0.3);
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.3s;
}

.png-item:hover .png-overlay { background: rgba(0,0,0,0.5); }

.png-text { color: white; font-weight: bold; font-size: 1.4rem; text-align: center; }

/* Editor Anpassungen */
.png-item-editor {
    aspect-ratio: 1 / 1;
    background-color: #f0f0f0;
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.png-text-edit {
    background: white;
    color: black;
    padding: 5px;
    margin: 10px 0;
    width: 80%;
    text-align: center;
}

.png-link-box { background: white; padding: 2px; border: 1px solid #777; width: 80%; }



/*==========================*/