/* Referanslar sayfası — tüm müşterilerin logo duvarı. Logolar gri tonlu, üzerine gelince renklenir. */
.mus-duvar { padding: clamp(1.75rem, 3.5vw, 2.75rem) 0 0; }
.mus-baslik { margin: 0 0 1.25rem; font-size: clamp(1.25rem, 2vw, 1.6rem); font-weight: 300; letter-spacing: -.01em; color: var(--sk-ink); }
.mus-baslik b { font-weight: 700; }
.mus-baslik em { font-style: normal; font-weight: 700; color: #f6c03a; }
.mus-grid {
    --mus-h: 116px;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 1rem;
    margin: 0; padding: 0; list-style: none; position: relative;
}
.mus-grid.is-kapali {
    max-height: calc(var(--mus-h) * 2 + .6rem); overflow: hidden;
    -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent);
}
.mus-grid a, .mus-grid .mus-oge {
    display: grid; place-items: center; height: var(--mus-h); padding: 1.5rem 1.9rem;
    border: 1px solid var(--sk-line); border-radius: 14px; background: #fff;
    transition: border-color .25s ease, transform .25s ease;
}
.mus-grid img {
    max-width: 100%; max-height: 46px; width: auto; height: auto; object-fit: contain;
    filter: grayscale(1); opacity: .6; transition: filter .3s ease, opacity .3s ease;
}
.mus-grid a:hover, .mus-grid a:focus-visible { border-color: rgba(246, 192, 58, .6); transform: translateY(-2px); }
.mus-grid a:hover img, .mus-grid a:focus-visible img { filter: none; opacity: 1; }
.mus-ac {
    display: inline-flex; align-items: center; gap: .4rem; margin-top: .9rem; padding: .55rem 1.1rem;
    border: 1px solid var(--sk-line); border-radius: 999px; background: #fff;
    font-family: 'Gilroy', sans-serif; font-weight: 600; font-size: .88rem; color: var(--sk-ink); cursor: pointer;
}
.mus-ac:hover { border-color: var(--sk-ink); }
.mus-ac i { transition: transform .25s ease; }
.mus-ac[aria-expanded="true"] i { transform: rotate(180deg); }
@media (hover: none) { .mus-grid img { filter: none; opacity: .9; } }
@media (max-width: 575.98px) { .mus-grid { --mus-h: 74px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; } .mus-grid img { max-height: 30px; } .mus-grid a, .mus-grid .mus-oge { padding: .7rem .75rem; border-radius: 12px; } }

/* Hizmet sayfası: kanıt bölümü */
.hizmet-firmalar { padding-block: var(--dk-section); }
.hizmet-firmalar .mus-grid { margin-top: 1.5rem; }
