.motor-accessories-grouped-cards-grid{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.motor-accessories-grouped-cards-grid.hide{
  display: none !important;
}

.motor-accessories-grouped-cards-grid .motor-accessory{
    display: flex;
    gap: 20px;
    cursor: pointer;
}
.motor-accessories-grouped-cards-grid .motor-accessory img{
    width : 100%;
    height: 140px;
    object-fit: contain;
}



#motor-accessory-switcher-result, .motor-accessory-switcher-result {
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px !important;
    text-align: justify;
  }

  .motor-accessory-switcher-result.hide{
    display: none !important;
  }
  .motor-accessory-switcher-result:not(.hide){
    display: flex !important;
  }
  
  #motor-accessory-switcher-result .motor-accessory img,
  .motor-accessory-switcher-result .motor-accessory img{
    width: 100%;
    height: 120px;
    object-fit: contain;
  }
  #motor-accessory-switcher-result .motor-accessory,
  .motor-accessory-switcher-result .motor-accessory{
    gap: 20px;
  }

  .motor-accessories-grouped-cards-grid .motor-accessory h4,
  #motor-accessory-switcher-result .motor-accessory h4,
  .motor-accessory-switcher-result .motor-accessory h4{
    color: #374047;
    width: 100%;
    text-align: left;
  }

  .motor-accessories-grouped-cards-grid .motor-accessory:hover h4,
  #motor-accessory-switcher-result .motor-accessory:hover h4,
  .motor-accessory-switcher-result .motor-accessory:hover h4{
    color: var(--color-primary) !important;
  }

  #motor-accessories-grouped-grid-main-title,
  #motor-accessories-grouped-grid-title{
    color: var(--color-primary);
  }