@media(max-width: 768px) {
    .sideNavigation {
        display: none;
    }

    .shop_products_container {
        padding: 1rem;             
        gap: 1rem;            
        border-radius: 0.5rem;   
        border: none;            
        background: transparent;    
        overflow-y: visible;  
    }

    .shop_products_container p {
        font-size: 12px;
    }

    .list-view {
        gap: 0.75rem;             
        justify-content: center;      
    }

    .list-view div {
        width: 44px;               
        height: 44px;
        border-radius: 0.5rem;       
    }

    .list-view ion-icon {
        font-size: 1.4rem;            
        color: var(--color-text);     
    }

    .list-view div:hover ion-icon,
    .list-view div.active ion-icon {
        color: #fff;                
    }

}