/* Mobile fixes for testimonial images and portfolio display */

/* Fixes for mobile devices */
@media (max-width: 768px) {
    /* Стили для отзывов перемещены в testimonials-fix.css */
    
    /* Video thumbnail fixes */
    .portfolio-item.videos video {
        object-fit: cover;
        background-color: #111;
    }
    
    /* Make sure video is visible with proper poster */
    video.video-hover-play {
        min-height: 200px;
    }
    
    /* Portfolio fixes - return to original layout */
    .portfolio-section .portfolio-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 2px; /* Минимальный отступ между элементами */
        justify-content: center;
        padding: 5px; /* Уменьшаем внутренний отступ */
    }
    
    /* Items should be side by side - 2 per row */
    .portfolio-item {
        flex: 0 0 calc(50% - 2px); /* По два элемента в ряд с минимальным отступом */
        margin: 1px; /* Минимальные отступы */
        min-height: 160px;
        border-radius: 8px; /* Меньший радиус скругления для элементов */
        width: calc(50% - 2px) !important; /* Принудительно задаем ширину */
        max-width: calc(50% - 2px) !important; /* Максимальная ширина */
    }
    
    /* Portfolio styling moved to index-portfolio-fix.css for main page */
    /* These styles apply to all portfolio pages except the main page */
    .portfolio-gallery:not(.index-page .portfolio-gallery) {
        display: flex !important;
        flex-wrap: wrap !important;
        grid-template-columns: none !important;
        gap: 4px !important;
        justify-content: space-between !important;
    }
    
    /* Portfolio items on all pages except main page */
    .portfolio-item:not(.index-page .portfolio-item) {
        min-height: 150px;
        flex: 0 0 calc(50% - 2px) !important;
        width: calc(50% - 2px) !important;
        max-width: calc(50% - 2px) !important;
        margin: 0 !important;
    }
    
    /* Уменьшаем отступ между элементами в портфолио на обеих страницах */
    .portfolio-gallery {
        padding: 5px !important;
    }
}