/* Üst menüdeki "Ürünlerimiz" açılır menüsü: masaüstünde iki sütun, mobilde düz liste. */

@media (min-width: 992px) {
    .main-menu .navigation > li > ul.products-menu {
        display: grid !important;
        grid-template-columns: repeat(2, 280px);
        grid-template-rows: repeat(5, auto);
        grid-auto-flow: column;
        column-gap: 8px;
        width: 604px !important; /* base.html tüm alt menülere 265px !important veriyor */
        padding: 18px 14px;
        border: 1px solid #dde3ec;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 18px 44px rgba(var(--theme-color2-rgb), 0.18), 0 2px 6px rgba(var(--theme-color2-rgb), 0.06) !important;
        /* Başlığın altında ortalı açılır; sağa hizalı olunca diğer menülerin üstüne kayıyordu */
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    /* Yapışkan başlıkta menü sağa yaslı; ortalanınca ekranın sağından taşar */
    .sticky-header .main-menu .navigation > li > ul.products-menu {
        left: auto;
        right: 0;
        transform: none;
    }

    .main-menu .navigation > li > ul.products-menu > li {
        border-bottom: 0;
    }

    .main-menu .navigation > li > ul.products-menu > li.pm-group {
        padding: 4px 14px 8px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--theme-color1);
    }

    .main-menu .navigation > li > ul.products-menu > li > a {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin: 0;
        padding: 10px 14px;
        border-radius: 6px;
        line-height: 1.3;
        text-transform: none;
    }

    .main-menu .navigation > li > ul.products-menu > li > a:hover {
        background: rgba(var(--theme-color1-rgb), 0.06);
    }

    .products-menu .pm-icon {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: rgba(var(--theme-color1-rgb), 0.08);
        color: var(--theme-color1);
        font-size: 15px;
        line-height: 34px;
        text-align: center;
    }

    .products-menu .pm-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .products-menu .pm-title {
        font-size: 15px;
        font-weight: 600;
        color: var(--headings-color);
    }

    .main-menu .navigation > li > ul.products-menu > li > a:hover .pm-title {
        color: var(--theme-color1);
    }

    .products-menu .pm-desc {
        font-size: 13.5px;
        font-weight: 400;
        line-height: 1.4;
        color: #4a5468;
    }
}

/* Mobil ve dar ekran: grup başlıkları, ikonlar ve açıklamalar gizli; yalnızca ürün adları */
@media (max-width: 991.98px) {
    .products-menu .pm-group,
    .products-menu .pm-icon,
    .products-menu .pm-desc {
        display: none !important;
    }
}

.mobile-menu .products-menu .pm-group,
.mobile-menu .products-menu .pm-icon,
.mobile-menu .products-menu .pm-desc {
    display: none !important;
}