/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com/
Template: flatsome
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.7.2.1784917299
Updated: 2026-07-24 18:21:36
*/

/* Home category list: change layout only, keep the site's existing colors. */
#row-289075019 {
  -webkit-overflow-scrolling: touch;
  align-items: flex-start !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity;
}

#row-289075019::-webkit-scrollbar {
  display: none;
}

#row-289075019 > .col,
#row-289075019 > .col.small-6,
#row-289075019 > .col.small-12,
#row-289075019 > .col.medium-2,
#row-289075019 > .col.large-2 {
  border: 0 !important;
  flex: 0 0 calc(100% / 9) !important;
  float: none !important;
  max-width: calc(100% / 9) !important;
  min-width: 122px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  scroll-snap-align: start;
  width: auto !important;
}

#row-289075019 .box {
  margin: 0 !important;
}

#row-289075019 .box-image {
  border-radius: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden;
  width: clamp(96px, 7vw, 132px) !important;
}

#row-289075019 .box-image img {
  aspect-ratio: 1 / 1;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#row-289075019 .box-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#row-289075019 .box-text-inner p {
  display: none;
}

#row-289075019 h4 {
  margin-bottom: 0 !important;
}

@media (max-width: 849px) {
  #row-289075019 {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #row-289075019 > .col,
  #row-289075019 > .col.small-6,
  #row-289075019 > .col.small-12,
  #row-289075019 > .col.medium-2,
  #row-289075019 > .col.large-2 {
    flex-basis: 145px !important;
    max-width: 145px !important;
    min-width: 145px !important;
    width: 145px !important;
  }

  #row-289075019 .box-image {
    width: 112px !important;
  }
}

@media (max-width: 480px) {
  #row-289075019 > .col,
  #row-289075019 > .col.small-6,
  #row-289075019 > .col.small-12,
  #row-289075019 > .col.medium-2,
  #row-289075019 > .col.large-2 {
    flex-basis: 136px !important;
    max-width: 136px !important;
    min-width: 136px !important;
    width: 136px !important;
  }

  #row-289075019 .box-image {
    width: 104px !important;
  }
}