/* =============================================
   Block 4.3: Antidetect для популярных сервисов
   ============================================= */

/* logo google */
img.my_google_logo {
    transform: scale(1.5);
}

.services-section {
    padding: 60px 0;
}

/* сетка логотипов 3×2 */
.antidetect-logos-grid {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 1128px;
    margin: clamp(24px, 5vw, 50px) auto 0;
    padding: 0;
    position: relative;
}

@media (max-width: 767px) {
    .antidetect-logos-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/* карточка */
.antidetect-logo-card {
    --antidetect-radius: 12px;
    --antidetect-border: 1px;
    --antidetect-gradient-start: #f0f2f5;
    --antidetect-gradient-end: rgba(214, 219, 228, 0.4);

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 124px;
    padding: 16px;
    background: #F6F7F9;
    border-radius: var(--antidetect-radius);
    z-index: 1;
}

.antidetect-logo-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--antidetect-radius);
    padding: var(--antidetect-border);
    background: linear-gradient(180deg, var(--antidetect-gradient-start), var(--antidetect-gradient-end));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

@media (max-width: 600px) {
    .antidetect-logo-card {
        min-height: 80px;
        padding: 12px;
    }
}

/* ссылка и изображение */
.antidetect-logo-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    box-shadow: none;
}

.antidetect-logo-card img {
    display: block;
    max-width: 80%;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
    border: none;
    border-radius: 0;
    background: transparent;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.2s, opacity 0.2s;
}

.antidetect-logo-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

@media (max-width: 600px) {
    .antidetect-logo-card img {
        max-height: 40px;
    }
}