/*
 * Office Choice Kenya v0.9.12
 * Shop sort stacking-context repair.
 *
 * The sort menu itself already had a large z-index, but its parent toolbar was
 * an isolated stacking context with an automatic stack level. The catalogue
 * grid is rendered after the toolbar, so transformed product cards could paint
 * above the entire toolbar context. Elevate the toolbar context itself and keep
 * the grid in a lower, explicit layer. Header selectors are intentionally absent.
 */
html body.ock-site .ock-elementor-product-archive,
html body.ock-site .ock-product-archive{
  position:relative!important;
  overflow:visible!important;
  isolation:auto!important;
}

html body.ock-site .ock-shop-toolbar-v6{
  position:relative!important;
  z-index:1200!important;
  isolation:isolate!important;
  overflow:visible!important;
}

html body.ock-site .ock-shop-toolbar-v6 .ock-shop-toolbar__actions,
html body.ock-site .ock-shop-toolbar-v6 .ock-shop-ordering,
html body.ock-site .ock-shop-toolbar-v6 .ock-sort-menu{
  position:relative!important;
  overflow:visible!important;
}

html body.ock-site .ock-shop-toolbar-v6 .ock-sort-menu[open]{
  z-index:20!important;
}

html body.ock-site .ock-shop-toolbar-v6 .ock-sort-menu__dropdown{
  z-index:30!important;
  isolation:isolate!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Keep every catalogue/product stacking context below the toolbar as a unit. */
html body.ock-site .ock-elementor-product-archive ul.products,
html body.ock-site .ock-elementor-product-archive .products,
html body.ock-site .ock-product-archive ul.products,
html body.ock-site .ock-product-archive .products,
html body.ock-site .ock-product-grid{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
}

html body.ock-site .ock-elementor-product-archive ul.products > li.product,
html body.ock-site .ock-elementor-product-archive .products > li.product,
html body.ock-site .ock-elementor-product-archive .products > .ock-loop-item,
html body.ock-site .ock-product-grid > *{
  position:relative!important;
  z-index:0!important;
}

/* Open menu gets an explicit root-level-looking elevation and remains usable. */
html body.ock-site .ock-shop-toolbar-v6 .ock-sort-menu[open] .ock-sort-menu__dropdown{
  display:grid!important;
  background:#E6EDEF!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:12px 12px 28px rgba(64,88,96,.24),-10px -10px 24px rgba(255,255,255,.98)!important;
}

@media(max-width:767px){
  html body.ock-site .ock-shop-toolbar-v6{
    z-index:1200!important;
  }
}