/* 01304 · Clear visual hierarchy: categories larger/gray, products compact/white. */

/* Row subtitle is hidden everywhere. Category meta is rendered inside the open accordion body by 01304 JS. */
#builder-root .mp-category-row-secondary-01304,
#builder-root .mp-product-row-secondary-01304{
  display:none!important;
}

/* Categories: slightly larger, calm gray surface. */
#builder-root .mp-category-accordion.mp-category-visual-01304{
  background:#f3f5f4!important;
  border-color:#d7ded9!important;
}
#builder-root .mp-category-accordion.mp-category-visual-01304 > .mp-category-accordion__head{
  min-height:58px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  background:linear-gradient(180deg,#f6f7f6 0%,#f0f3f1 100%)!important;
}
#builder-root .mp-category-accordion.mp-category-visual-01304.is-open > .mp-category-accordion__head{
  background:linear-gradient(180deg,#f4f6f4 0%,#edf1ee 100%)!important;
}
#builder-root .mp-category-visual-01304 .mp-category-accordion__summary{
  gap:0!important;
}
#builder-root .mp-category-visual-01304 .mp-category-accordion__summary strong{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
#builder-root .mp-category-visual-01304 .mp-category-accordion__thumb{
  width:42px!important;
  height:42px!important;
  border-radius:10px!important;
}

/* K / KT: neutral gray, still retaining red states from storefront visibility rules when hidden. */
#builder-root .mp-category-visual-01304 .mp-category-visibility-01258.is-visible,
#builder-root .mp-category-visual-01304 .mp-category-visibility-01258.is-mixed-type-01300{
  border-color:#c3ccc6!important;
  background:#e7ebe8!important;
  color:#526159!important;
}
#builder-root .mp-category-visual-01304.is-mixed-content-01300{
  border-color:#cbd4ce!important;
  box-shadow:inset 3px 0 0 #c1cbc4!important;
}
#builder-root .mp-category-visual-01304.is-mixed-content-01300 > .mp-category-accordion__head{
  background:linear-gradient(180deg,#f3f5f4 0%,#ecefec 100%)!important;
}

/* Category row meta moved into open body. */
#builder-root .mp-category-open-meta-01304{
  display:flex;
  align-items:center;
  min-height:30px;
  margin:0 0 9px;
  padding:7px 10px;
  border:1px solid #dbe2dd;
  border-radius:9px;
  background:#f7f8f7;
  color:#6f7c74;
  font-size:9px;
  font-weight:700;
  line-height:1.35;
}

/* Products: clean white and intentionally much narrower than category rows. */
#builder-root .mp-category-product-list-01256{
  justify-items:start;
}
#builder-root .mp-category-product-accordion-01256.mp-product-visual-01304{
  width:50%!important;
  max-width:720px!important;
  min-width:430px;
  background:#fff!important;
  border-color:#dde5e0!important;
  box-shadow:none!important;
}
#builder-root .mp-category-product-accordion-01256.mp-product-visual-01304 > .mp-category-product-accordion__head{
  min-height:42px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  background:#fff!important;
}
#builder-root .mp-product-visual-01304 .mp-category-product-summary-01256{
  gap:0!important;
}
#builder-root .mp-product-visual-01304 .mp-category-product-summary-01256 strong{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
#builder-root .mp-product-visual-01304 .mp-category-product-thumb-01256{
  width:32px!important;
  height:32px!important;
  border-radius:7px!important;
}
#builder-root .mp-product-visual-01304 .mp-category-product-type-01256{
  width:20px!important;
  height:20px!important;
  font-size:9px!important;
  background:#fff!important;
  border:1px solid #d7e1db!important;
  color:#506158!important;
}
#builder-root .mp-category-product-accordion-01256.mp-product-visual-01304.is-open > .mp-category-product-accordion__head{
  background:#fff!important;
}

@media(max-width:1100px){
  #builder-root .mp-category-product-accordion-01256.mp-product-visual-01304{
    width:62%!important;
    min-width:390px;
  }
}
@media(max-width:760px){
  #builder-root .mp-category-product-accordion-01256.mp-product-visual-01304{
    width:100%!important;
    min-width:0;
    max-width:none!important;
  }
}