/* Mobile panels CSS */

/* Default desktop view */
.mobile-panels {
    display: none;
}

/* Mobile view styles */
@media only screen and (max-width: 767px) {
    /* Hide the original panels on mobile */
    .panels.news-panel {
        display: none;
    }
    
    /* Show the mobile panels */
    .mobile-panels {
        display: block;
        padding: 0 20px;
    }
    
    /* Style for each mobile panel */
    .mobile-panel {
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    
    .mobile-panel-image {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    
    .mobile-panel-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .mobile-panel-content {
        padding: 20px;
    }
    
    .mobile-panel-title {
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 18px;
    }
    
    .mobile-panel-description {
        font-size: 14px;
        line-height: 1.5;
        color: #555;
    }
}