/* 
   ==========================================================================
   TABLET STYLE (768px - 1024px)
   ========================================================================== 
*/

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .container { width: 90%; margin: 10px auto; }
    
    .layout-sidebar_left, .layout-sidebar_right { display: flex; flex-direction: column; }
    .sidebar { width: 100%; margin-bottom: 20px; }
    
    /* Gallery: 3 images per row (33.33% each) */
    .widget-render.type-image { 
        width: 33.33% !important; 
    }
    
    /* Form 50% still works */
    .form-item.w-50 { width: calc(50% - 7.5px); }
    
    .hero-banner h1 { font-size: 36px; }
    .hero-banner p { font-size: 18px; }

    .nav { display: flex !important; position: static; background: none; box-shadow: none; width: auto; }
    .menu-toggle { display: none; }
}