/* ── Juwelier Galerie v1.2 ───────────────────────────────────────────────── */

.jgal-wrap {
    width: 100%;
    box-sizing: border-box;
}

/* ── Hauptbild ───────────────────────────────────────────────────────────── */
.jgal-main-frame {
    background: #f0eeea;
    margin-bottom: 8px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    overflow: hidden;
}

.jgal-main-img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 600px;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: opacity 0.2s ease;
}

.jgal-main-img.jgal-fade { opacity: 0; }

/* ── Thumbnails ─────────────────────────────────────────────────────────── */
.jgal-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}

.jgal-thumb-item {
    background: #f0eeea;
    border: 2px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    width: 72px;
    height: 72px;
    display: block;
    overflow: hidden;
    transition: border-color 0.15s ease;
    padding: 0;
}

.jgal-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.jgal-thumb-item.aktiv          { border-color: #2d6a8a; }
.jgal-thumb-item:hover:not(.aktiv) { border-color: rgba(45,106,138,0.45); }
.jgal-thumb-item:focus-visible  { outline: none; border-color: #2d6a8a; }