/* API YAMU — HOMEPAGE + GLOBAL */

#header .site-name { padding-top: 0; }
@media (min-width: 995px) { #navigation { width: 100%; } }
.navigation-in { width: 100%; }
.menu-level-1 { justify-content: center; }

.navigation-in > ul > li > a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  line-height: 1.2;
}

.navigation-in > ul > li:hover > a,
.navigation-in > ul > li.active > a,
.navigation-in > ul > li.exp > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

@media (min-width: 995px) {
  .navigation-in > ul.menu-level-1 {
    justify-content: center;
    flex-wrap: nowrap;
  }
  .navigation-in > ul.menu-level-1 > li {
    display: flex;
    align-items: center;
  }
  .navigation-in > ul.menu-level-1 > li > a {
    padding-left: 16px !important;
    padding-right: 16px !important;
    white-space: nowrap;
  }
  .navigation-in > ul.menu-level-1 > li > a,
  .navigation-in > ul.menu-level-1 > li:hover > a {
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: auto !important;
  }
}

.flag.flag-discount,
.flags-extra .flag-discount,
.price-save {
  background-color: #ef8800 !important;
  color: #fff !important;
}

.messages,
.msg,
.msg-success,
.message-success,
.alert-success {
  background-color: #ef8800 !important;
  border-color: #ef8800 !important;
  color: #fff !important;
}

.messages a,
.msg a,
.msg-success a,
.message-success a,
.alert-success a {
  color: #fff !important;
}

.product:hover .p-in,
.product:hover .image,
.product:hover .p {
  background: transparent !important;
}
.product .p-tools,
.product:hover .p-tools {
  background: transparent !important;
}

.subcategories {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, 190px);
  justify-content: start !important;
  align-items: center;
  column-gap: 35px;
  row-gap: 15px;
  width: 100%;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}
.subcategories li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.subcategories li::marker { content: ""; }
.subcategories li::before { display: none !important; content: ""; }

@media (max-width: 767px) {
  .subcategories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 15px;
  }
}

.category-header {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}
.content-inner h1,
.category-title {
  margin-top: 5px !important;
  margin-bottom: 8px !important;
}
.category-top,
#filters-wrapper {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.products-block { margin-top: 5px !important; }

@media (min-width: 1200px) {
  #products.products-block {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row dense;
    align-items: stretch;
  }
  #products.products-block > .product {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
  }
  #products.products-block > .highlight-product {
    grid-column: span 2 !important;
    width: auto !important;
    max-width: none !important;
  }
  #products.products-block > .highlight-product .p {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    height: 100%;
  }
  #products.products-block > .highlight-product .image {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  #products.products-block > .highlight-product .p-in {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 30px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  body.in-index #products-14 > div.product:nth-of-type(6) {
    display: none !important;
  }
}

.homepage-categories {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  max-width: 1300px !important;
  margin: 30px auto 45px !important;
}
.homepage-category-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
.homepage-category-card > a {
  text-decoration: none !important;
  color: #000 !important;
}
.homepage-category-card img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover !important;
  float: none !important;
  margin: 0 !important;
}
.homepage-category-title {
  display: block !important;
  margin-top: 12px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
.homepage-category-link {
  display: block !important;
  margin-top: 5px !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
}
.homepage-category-link:hover { text-decoration: underline !important; }

@media (max-width: 767px) {
  .homepage-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 10px !important;
    margin: 20px auto 30px !important;
  }
  .homepage-category-title {
    margin-top: 8px !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
  }
  .homepage-category-link {
    margin-top: 3px !important;
    font-size: 12px !important;
  }
}