/* تحسين معارض الصور للموبايل - 2 صور في الصف */

/* الموبايل - معرض الباصات والفنادق */
@media (max-width: 768px) {
    .gallery-section .gallery-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
        margin-bottom: 2rem !important;
    }
    
    .gallery-section .gallery-item {
        border-radius: 12px !important;
    }
    
    .gallery-section .gallery-image {
        height: 160px !important;
    }
    
    .gallery-section .gallery-content {
        padding: 1rem !important;
    }
    
    .gallery-section .gallery-content h4 {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .gallery-section .gallery-content p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* الشاشات الصغيرة جداً - الحفاظ على 2 في الصف */
@media (max-width: 480px) {
    .gallery-section .gallery-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.8rem !important;
    }
    
    .gallery-section .gallery-image {
        height: 140px !important;
    }
    
    .gallery-section .gallery-content {
        padding: 0.8rem !important;
    }
    
    .gallery-section .gallery-content h4 {
        font-size: 0.9rem !important;
        margin-bottom: 0.4rem !important;
    }
    
    .gallery-section .gallery-content p {
        font-size: 0.75rem !important;
    }
}

/* تحسين المظهر العام للمعارض */
.gallery-section .gallery-item {
    transition: all 0.3s ease !important;
}

.gallery-section .gallery-item:hover {
    transform: translateY(-3px) !important;
}

/* تحسين الأزرار */
@media (max-width: 768px) {
    .gallery-section .btn-gallery {
        padding: 0.8rem 1.5rem !important;
        font-size: 0.9rem !important;
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

/* تحسين العناوين للموبايل */
@media (max-width: 768px) {
    .gallery-section .gallery-header h2 {
        font-size: 1.8rem !important;
        margin-bottom: 0.8rem !important;
    }
    
    .gallery-section .gallery-header p {
        font-size: 1rem !important;
        padding: 0 1rem !important;
    }
    
    .gallery-section .section-badge {
        padding: 0.6rem 1.5rem !important;
        font-size: 0.85rem !important;
        margin-bottom: 1rem !important;
    }
}