/* Benson Sourcing Product UX V3 refinements */

/* Root Products page: the hero already has a search box.
   Desktop keeps that one and removes the duplicate V2 search/tool row. */
@media(min-width:1024px){
  body.bsux3-products-root.bsux3-has-hero-search .bsux2-tools{display:none!important}
}

/* Mobile root: keep Categories button from V2, but avoid a second search field. */
@media(max-width:1023px){
  body.bsux3-products-root.bsux3-has-hero-search .bsux2-tools .bsux2-search-wrap{display:none!important}
  body.bsux3-products-root.bsux3-has-hero-search .bsux2-tools-row{grid-template-columns:1fr!important}
  body.bsux3-products-root.bsux3-has-hero-search .bsux2-mobile-category-button{width:100%!important;justify-content:space-between!important}
}

/* Hide only the old hero "Browse categories" chip block; V2 sidebar stays visible. */
.bsux3-hide-top-categories{display:none!important}

/* Detail page width and balance */
.bsux3-detail-nav .container,
.bsux3-detail-section > .container{
  max-width:1500px!important;
}
.bsux3-detail-grid{
  max-width:1440px!important;
  gap:2.5rem!important;
}
@media(min-width:1280px){
  .bsux3-detail-grid{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  }
}

/* Back row */
.bsux3-back-row{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.bsux3-all-products{
  display:inline-flex;align-items:center;min-height:34px;
  padding:0 10px;border-left:1px solid #d7dee8;
  color:#64748b!important;text-decoration:none!important;
  font-size:13px;font-weight:650;
}
.bsux3-all-products:hover{color:#1747b0!important}

/* Tiny navigation progress feedback for route transitions */
#bsux3-route-progress{
  position:fixed;left:0;top:0;height:3px;width:0;z-index:9999;
  background:#1747b0;opacity:0;pointer-events:none;
  transition:width .22s ease,opacity .18s ease;
}
#bsux3-route-progress.on{opacity:1;width:72%}
#bsux3-route-progress.done{opacity:0;width:100%}

/* On narrow screens don't force detail width changes. */
@media(max-width:1023px){
  .bsux3-detail-section > .container{max-width:none!important}
  .bsux3-detail-grid{max-width:none!important;gap:1.75rem!important}
}