/* 01305 · Strong category/product visual distinction + photo-driven tree content toggle. */

/* Category rows: deliberately stronger gray surface. */
#builder-root .mp-category-accordion.mp-category-visual-01304{
  background:#e7ebe8!important;
  border-color:#c7d0ca!important;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset!important;
}
#builder-root .mp-category-accordion.mp-category-visual-01304 > .mp-category-accordion__head{
  min-height:62px!important;
  background:linear-gradient(180deg,#edf0ee 0%,#e4e9e6 100%)!important;
}
#builder-root .mp-category-accordion.mp-category-visual-01304.is-open > .mp-category-accordion__head,
#builder-root .mp-category-visual-01304.is-mixed-content-01300 > .mp-category-accordion__head{
  background:linear-gradient(180deg,#e9eeeb 0%,#dfe6e2 100%)!important;
}
#builder-root .mp-category-visual-01304 .mp-category-accordion__summary strong{
  color:#2363a5!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Old branch/product-collapse arrows disappear from category blocks. */
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="branch"],
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="productsCollapse"]{
  display:none!important;
}

/* Reclaim the arrow columns: drag → K/KT → photo → name → state/actions → settings +/- */
#builder-root .mp-category-accordion__head.mp-category-row-layout-01303{
  grid-template-columns:24px 30px 46px minmax(240px,1fr) 12px auto auto auto 30px!important;
  column-gap:9px!important;
}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="drag"]{grid-column:1!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="type"]{grid-column:2!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="thumb"]{grid-column:3!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="summary"]{grid-column:4!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="save"]{grid-column:5!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="status"]{grid-column:6!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="add"]{grid-column:7!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="count"]{grid-column:8!important}
#builder-root .mp-category-row-layout-01303 > [data-mp-category-row-role="accordion"]{grid-column:9!important}

/* Category photo is now the only control for child categories/direct products. */
#builder-root .mp-category-content-photo-01305{
  cursor:pointer!important;
  position:relative;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
#builder-root .mp-category-content-photo-01305:hover,
#builder-root .mp-category-content-photo-01305:focus-visible{
  transform:translateY(-1px);
  border-color:#7fa7c9!important;
  box-shadow:0 0 0 3px rgba(35,99,165,.12)!important;
  outline:none!important;
}
#builder-root .mp-category-content-photo-01305[aria-expanded="false"]{
  opacity:.82;
}

/* K / KT stay neutral gray. */
#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{
  background:#d7ddda!important;
  border-color:#b8c2bc!important;
  color:#4e5c54!important;
}

/* Products return to full row width and stay clean white. */
#builder-root .mp-category-product-list-01256{
  justify-items:stretch!important;
}
#builder-root .mp-category-product-accordion-01256.mp-product-visual-01304{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  background:#fff!important;
  border-color:#dce5df!important;
}
#builder-root .mp-category-product-accordion-01256.mp-product-visual-01304 > .mp-category-product-accordion__head,
#builder-root .mp-category-product-accordion-01256.mp-product-visual-01304.is-open > .mp-category-product-accordion__head{
  background:#fff!important;
}

/* Right +/- remains settings-only and visually explicit. */
#builder-root .mp-category-accordion__toggle--right,
#builder-root .mp-category-product-toggle-01256{
  cursor:pointer!important;
}

@media(max-width:900px){
  #builder-root .mp-category-accordion__head.mp-category-row-layout-01303{
    grid-template-columns:22px 28px 40px minmax(210px,1fr) 10px auto auto auto 28px!important;
    min-width:760px!important;
  }
}