.navigation .saz-menu-image-25 > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.navigation .saz-menu-image-25 > a::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    background-image: url('../images/short-neck-baglama.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.navigation .saz-menu-image-25 > a > span {
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

@media (min-width: 768px) {
    .navigation .saz-menu-image-25 > a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start;
        gap: 10px;
    }
    .navigation .saz-menu-image-25 > a > span {
        display: inline-block;
        flex: 1;
        margin: 0;
        padding: 0;
        line-height: 20px;
    }
}

/* Pro Saz – Bilder für alle 12 Baglama-Kategorien */
.navigation [class*="saz-menu-image-"] > a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 10px;
}

.navigation [class*="saz-menu-image-"] > a::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.navigation [class*="saz-menu-image-"] > a > span {
    display: inline-block;
    flex: 1;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.navigation .saz-menu-image-25 > a::before { background-image: url('../images/short-neck-baglama.jpg'); }
.navigation .saz-menu-image-26 > a::before { background-image: url('../images/long-neck-baglama.jpg'); }
.navigation .saz-menu-image-30 > a::before { background-image: url('../images/pro-short-neck.jpg'); }
.navigation .saz-menu-image-31 > a::before { background-image: url('../images/pro-long-neck.jpg'); }
.navigation .saz-menu-image-32 > a::before { background-image: url('../images/divan-saz.jpg'); }
.navigation .saz-menu-image-33 > a::before { background-image: url('../images/cura-saz.jpg'); }
.navigation .saz-menu-image-34 > a::before { background-image: url('../images/electric-saz.jpg'); }
.navigation .saz-menu-image-35 > a::before { background-image: url('../images/carved-baglama.jpg'); }
.navigation .saz-menu-image-37 > a::before { background-image: url('../images/left-handed-baglama.jpg'); }
.navigation .saz-menu-image-38 > a::before { background-image: url('../images/kids-saz.jpg'); }
.navigation .saz-menu-image-44 > a::before { background-image: url('../images/dede-saz.jpg'); }
.navigation .saz-menu-image-51 > a::before { background-image: url('../images/design-instruments.jpg'); }


/* Kompaktes Baglama-Dropdown */
@media (min-width: 768px) {
    .navigation [class*="saz-menu-image-"] > a {
        min-height: 34px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        gap: 8px !important;
    }

    .navigation [class*="saz-menu-image-"] > a::before {
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
    }

    .navigation [class*="saz-menu-image-"] > a > span {
        line-height: 17px !important;
    }
}

/* Baglama-Dropdown auf 270 Pixel verbreitern */
@media (min-width: 768px) {
    .navigation li.level0:has(.saz-menu-image-25) > .submenu {
        width: 270px !important;
        min-width: 270px !important;
    }
}

/* Dropdown-Menü über dem Produkt-Slider anzeigen */
@media (min-width: 768px) {
    .navigation {
        position: relative;
        z-index: 1000 !important;
    }

    .navigation li.level0:has(.saz-menu-image-25) > .submenu {
        z-index: 1001 !important;
    }
}

/* SAZ Hamburg Originalbilder – Zubehör */
.navigation .saz-menu-image-20 > a::before { background-image: url("/media/catalog/product/s/-/s-l1600_-_2026-03-14t060215.111.jpg"); }
.navigation .saz-menu-image-29 > a::before { background-image: url("/media/catalog/product/s/-/s-l1600_-_2026-03-15t071300.061.jpg"); }
.navigation .saz-menu-image-47 > a::before { background-image: url("/media/catalog/product/1/-/1-2-3-4-numara-tezene-50li.jpg"); }
.navigation .saz-menu-image-48 > a::before { background-image: url("/media/catalog/product/a/k/akkord-schemen.jpg"); }

@media (min-width: 768px) {
    .navigation li.level0:has(.saz-menu-image-20) > .submenu {
        width: 270px !important;
        min-width: 270px !important;
        z-index: 1001 !important;
    }
}


/* Original Pro Capo – Kapodaster ID 36 */
.navigation .saz-menu-image-36 > a::before {
    background-image: url("/media/catalog/product/p/r/procapo-beyaz-baglama-kelepcesi-baresi-saz-capo-kapodaster.png");
}

/* Originalbilder Wirbel und Bruecke */
.navigation .saz-menu-image-27 > a::before { background-image: url("../images/baglama-saz-wirbel.jpg"); }
.navigation .saz-menu-image-28 > a::before { background-image: url("../images/baglama-saz-bruecke.jpg"); }

/* Musiksaiten Original-Menuebilder */
.navigation .saz-menu-image-14 > a::before { background-image: url("../images/baglama-saz-saiten.jpg"); }
.navigation .saz-menu-image-21 > a::before { background-image: url("../images/setar-saiten.jpg"); }
.navigation .saz-menu-image-22 > a::before { background-image: url("../images/elektrische-saz-saiten.jpg"); }
.navigation .saz-menu-image-23 > a::before { background-image: url("../images/gitarren-saiten.jpg"); }
.navigation .saz-menu-image-24 > a::before { background-image: url("../images/einzelsaiten.jpg"); }
.navigation .saz-menu-image-46 > a::before { background-image: url("../images/oud-saiten.jpg"); }

@media (min-width: 768px) {
    .navigation li.level0:has(.saz-menu-image-14) > .submenu {
        width: 270px !important;
        min-width: 270px !important;
        z-index: 1001 !important;
    }
}

/* Pro Capo Menuebilder 2026 */
.navigation .saz-menu-image-16 > a::before { background-image: url("../images/pro-capo-saz.jpg?v=2"); }
.navigation .saz-menu-image-17 > a::before { background-image: url("../images/pro-capo-klassikgitarre.jpg?v=2"); }
.navigation .saz-menu-image-49 > a::before { background-image: url("../images/pro-capo-akustikgitarre.jpg?v=2"); }

@media (min-width: 768px) {
    .navigation li.level0:has(.saz-menu-image-16) > .submenu {
        width: 270px !important;
        min-width: 270px !important;
        z-index: 1001 !important;
    }
}

/* Elektronik-Menuebilder */
.navigation .saz-menu-image-15 > a::before {
    background-image: url("../images/verstaerker-amps.jpg");
}
.navigation .saz-menu-image-39 > a::before {
    background-image: url("../images/tonabnehmer.jpg");
}
.navigation .saz-menu-image-40 > a::before {
    background-image: url("../images/equalizer-preamp.jpg");
}
.navigation .saz-menu-image-41 > a::before {
    background-image: url("../images/stimmgeraete.jpg");
}

/* OUD Ud Menuebilder */
.navigation .saz-menu-image-19 > a::before {
    background-image: url("../images/tuerkische-oud.jpg");
}
.navigation .saz-menu-image-18 > a::before {
    background-image: url("../images/arabische-oud.jpg");
}
.navigation .saz-menu-image-42 > a::before {
    background-image: url("../images/oudtasche.jpg");
}
.navigation .saz-menu-image-43 > a::before {
    background-image: url("../images/elektrische-oud.jpg");
}
.navigation .saz-menu-image-45 > a::before {
    background-image: url("../images/oud-zubehoer.jpg");
}

.navigation .saz-menu-image-53 > a::before {
    background-image: url("../images/baglama-staender.jpg");
}

.navigation .saz-menu-image-54 > a::before {
    background-image: url("../images/oud-staender.jpg");
}

.navigation .saz-menu-image-55 > a::before {
    background-image: url("../images/gitarren-staender.jpg");
}