/* ===== Allgemein ===== */
.shsg-placeholder {
    padding: 12px;
    border: 1px dashed #cbd5e1;
    background:#f8fafc;
    color:#475569;
}

/* ===== FIXED (Homepage): 60/20/20 Layout ===== */
.shsg-fixed-60-20-20 {
    --shsg-gap: 16px;
    --shsg-aspect: 16/9; /* Verhältnis für gleiche Höhe */
    display: grid;
    grid-template-columns: 60% 20% 20%;
    gap: var(--shsg-gap);
    align-items: stretch;
}

.shsg-fixed-60-20-20 .item {
    position: relative;
    width: 100%;
    aspect-ratio: var(--shsg-aspect);
    overflow: hidden;
}

.shsg-fixed-60-20-20 .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Responsive: Tablets → 2 Spalten (50/50), Phones → 1 Spalte */
@media (max-width: 1024px) {
    .shsg-fixed-60-20-20 { grid-template-columns: 50% 50%; }
}
@media (max-width: 640px) {
    .shsg-fixed-60-20-20 { grid-template-columns: 1fr; }
}

/* ===== Masonry (Unterseite) ===== */
.shsg-masonry {
    --shsg-gap: 14px;
    --shsg-cols: 3;
    column-gap: var(--shsg-gap);
    columns: var(--shsg-cols);
}
.shsg-masonry .shsg-masonry-item {
    break-inside: avoid;
    margin: 0 0 var(--shsg-gap) 0;
}
.shsg-masonry .shsg-masonry-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Pagination (bullets) */
.shsg-pagination { margin: 26px 0 6px; text-align: center; }
.shsg-pagination ul {
    list-style: none; padding: 0; margin: 0;
    display: inline-flex; gap: 8px; align-items: center;
}
.shsg-pagination li a {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 999px;
    border: 1px solid #cbd5e1; color: #475569; text-decoration: none; font-size: 13px; background: #fff;
}
.shsg-pagination li.active a { background: #ef4444; border-color: #ef4444; color: #fff; }
.shsg-pagination li.disabled a { opacity: .35; pointer-events: none; }

/* Masonry responsive cols */
@media (max-width: 900px) { .shsg-masonry { --shsg-cols: 2; } }
@media (max-width: 560px) { .shsg-masonry { --shsg-cols: 1; } }