@charset "UTF-8";
.ec-size .ec-store__category-page .ec-store__content-wrapper {
  display: flex;
  flex-direction: column;
}

.ec-size .ec-store__category-page .ec-grid {
  order: 2;
}

.ec-size .ec-store__category-page .ec-pager {
  order: 3;
}

.ec-size .ec-store__category-page .ec-footer {
  order: 1;
}

.product-details__product-price-taxes {
  display: none;
}

ul.legal-links li:last-child a::after {
  content: '';
  background-image: url(https://www.kmoshops.be/wp-content/uploads/2021/06/Footer-Logo-XS.png);
  width: 101px;
  height: 30px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  top: 6px;
  left: 5px;
}

.product-details--zero-price .product-details__product-price-row--zero-price,
.product-details--zero-price .product-details-module.product-details__action-panel.details-product-purchase {
  display: none;
}

.product-details--zero-price .ec-breadcrumbs:after {
  text-align: left;
  font-weight: 500;
  content: 'Prijs op aanvraag\A More info: mailto info@philbo.be';
  white-space: pre-line;
  display: block;
  margin-top: 1em;
  padding: 10px 20px;
  color: white;
  border-radius: 4px;
  background: #c3922f;
  background-size: 40px 40px;
  background-position: 10px center;
}

label.ec-radiogroup__item--32996-1522660029107 {
  display: none !important;
}

body.ecwid-customer-group-12412009 label.ec-radiogroup__item--32996-1522660029107 {
  display: flex !important;
}

.ec-store-productsGrid-cell-zeroPrice .grid-product__price-value.ec-price-item,
.ec-store-productsGrid-cell-zeroPrice .grid-product__buy-now {
  display: none;
}

/* PHILBO TEST
   Homepage: categoriefoto's met namen op de afbeelding.
   Binnen categorieën: alleen de namen van subcategorieën.
*/
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__image,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__spacer,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__hover-wrap {
  display: none !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__wrap,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__wrap-inner,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__card {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title {
  position: static !important;
  display: block !important;
  height: auto !important;
  padding: 12px 8px !important;
  background: transparent !important;
  color: #333 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title-inner {
  color: #333 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-shadow: none !important;
  transform: none !important;
}

/* Compacte, gelijk uitgelijnde subcategorieën */
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px 16px !important;
  align-items: start !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__wrap,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__wrap-inner,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__card {
  margin: 0 !important;
  padding: 0 !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 8px !important;
  text-align: center !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:hover .grid-category__title-inner,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:focus-visible .grid-category__title-inner {
  color: #c3922f !important;
  text-decoration: underline !important;
}

/* Twee kolommen wanneer het winkelgedeelte smal is */
.ec-size.ec-size--s .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories,
.ec-size.ec-size--xs .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* PHILBO: duidelijke knoppen voor subcategorieën */
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 56px !important;
  padding: 12px 36px 12px 14px !important;
  border: 1px solid #c3922f !important;
  border-radius: 5px !important;
  background: #faf7f0 !important;
  cursor: pointer !important;
  transition: background-color .18s ease, color .18s ease;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title-inner {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title::after {
  content: '';
  position: absolute;
  right: 17px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #c3922f;
  border-right: 2px solid #c3922f;
  transform: translateY(-50%) rotate(45deg);
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:hover,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:focus-visible {
  background: #c3922f !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:hover .grid-category__title-inner,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:focus-visible .grid-category__title-inner {
  color: #fff !important;
  text-decoration: none !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:hover::after,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:focus-visible::after {
  border-color: #fff;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title:focus-visible {
  outline: 2px solid #76571b !important;
  outline-offset: 3px !important;
}

/* Voorkom afgesneden randen bij subcategorieknoppen */
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 2px !important;
  width: 100% !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__wrap,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__wrap-inner,
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__card {
  overflow: visible !important;
}

/* Compacte subcategorieknoppen */
.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, 220px) !important;
  justify-content: center !important;
  gap: 10px !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  padding: 5px 28px 5px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ec-size .ec-store__category-page:not(.ec-store__category-page--0) .grid-category__title-inner {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* Twee kolommen op kleinere schermen */
.ec-size.ec-size--s .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories,
.ec-size.ec-size--xs .ec-store__category-page:not(.ec-store__category-page--0) .grid__categories {
  grid-template-columns: repeat(2, minmax(0, 220px)) !important;
}

/* Alle productlijsten: vijf kaarten per rij op computer */
@media (min-width: 1100px) {
  .ec-size .ec-store .grid__products {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ec-size .ec-store .grid__products .grid-product {
    box-sizing: border-box !important;
    width: 20% !important;
    max-width: 20% !important;
    flex-basis: 20% !important;
  }
}

/* Sorteer op verbergen op de winkelvoorpagina */
.ec-size .ec-store__category-page--0 .grid__sort {
  display: none !important;
}

/* Nieuw binnen verbergen tussen de categorietegels */
.ec-size .grid-category:has(a[href*="c208068533"]) {
  display: none !important;
}

/* Homepage: vier categorietegels per rij op desktop */
@media (min-width: 1100px) {
  .ec-size .ec-store__category-page--0 .grid__categories {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
  .ec-size .ec-store__category-page--0 .grid-category {
    box-sizing: border-box !important;
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
  }
}

/* Homepage: alle categorietegels even breed op mobiel */
@media (max-width: 767px) {
  .ec-size .ec-store__category-page--0 .grid__categories {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .ec-size .ec-store__category-page--0 .grid-category {
    box-sizing: border-box !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
  }
}