/* v113 — priority fix: defeat legacy arched/dark catalogue rules, #products only */
#products.products #productSearchBox.product-search{
  border:1px solid #dfe5e2!important;
  outline:0!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(18,71,59,.05)!important;
}
#products.products #productSearchBox.product-search:focus-within{
  border-color:#81bbae!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(8,127,104,.09)!important;
}
#products.products #productSearchBox .product-search-icon{
  border:0!important;outline:0!important;border-radius:0!important;
  background:#087f68!important;color:transparent!important;
  box-shadow:none!important;
}
#products.products #productSearchBox input{border:0!important;outline:0!important;background:#fff!important;box-shadow:none!important}
#products.products #productSort.product-sort{border:1px solid #dfe5e2!important;outline:0!important;background:#fff!important;color:#202a27!important;box-shadow:0 5px 18px rgba(18,71,59,.04)!important}

#products.products #productsGrid.grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  background:transparent!important;
}
#products.products #productsGrid > article.card.user-card{
  position:relative!important;
  display:flex!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  min-height:430px!important;
  height:auto!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0!important;
  border:1px solid #e3e7e5!important;
  outline:0!important;
  border-radius:18px!important;
  background:#fff!important;
  background-image:none!important;
  color:#18211e!important;
  box-shadow:0 7px 21px rgba(31,62,54,.065)!important;
  clip-path:none!important;
  transform:none!important;
}
#products.products #productsGrid > article.card.user-card:hover{transform:translateY(-4px)!important;border-color:#c9ddd7!important;box-shadow:0 16px 32px rgba(31,62,54,.11)!important}
#products.products #productsGrid > article.card.user-card::before,
#products.products #productsGrid > article.card.user-card::after{display:none!important;content:none!important;border:0!important;background:none!important}

#products.products #productsGrid > article.card.user-card > .card-visual{
  position:relative!important;
  display:block!important;
  flex:0 0 250px!important;
  width:100%!important;
  height:250px!important;
  min-height:250px!important;
  margin:0!important;
  padding:13px!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#fbfaf6,#f5f7f5)!important;
  box-shadow:none!important;
  clip-path:none!important;
}
#products.products #productsGrid > article.card.user-card > .card-visual::before,
#products.products #productsGrid > article.card.user-card > .card-visual::after{display:none!important;content:none!important}
#products.products #productsGrid > article.card.user-card > .card-visual > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  background:#faf9f5!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
#products.products #productsGrid > article.card.user-card .badge{
  position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
  z-index:4!important;display:inline-flex!important;width:auto!important;max-width:calc(100% - 62px)!important;min-height:0!important;
  margin:0!important;padding:5px 9px!important;border:0!important;border-radius:8px!important;
  background:#087f68!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:0 5px 12px rgba(8,127,104,.2)!important;
}
#products.products #productsGrid > article.card.user-card .heart{
  position:absolute!important;top:11px!important;left:11px!important;right:auto!important;bottom:auto!important;
  z-index:5!important;display:grid!important;width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;
  margin:0!important;padding:0!important;place-items:center!important;border:0!important;outline:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;color:#8c9692!important;font-size:21px!important;line-height:1!important;box-shadow:0 4px 14px rgba(0,0,0,.1)!important;
}
#products.products #productsGrid > article.card.user-card .heart.liked{background:#fff1f5!important;color:#ff4f7c!important}
#products.products #productsGrid > article.card.user-card .stock-badge{display:none!important}

#products.products #productsGrid > article.card.user-card > .card-body{
  position:relative!important;display:flex!important;min-width:0!important;min-height:0!important;flex:1 1 auto!important;
  flex-direction:column!important;margin:0!important;padding:15px 16px 16px!important;border:0!important;border-radius:0!important;
  background:#fff!important;background-image:none!important;color:#18211e!important;text-align:right!important;box-shadow:none!important;
}
#products.products #productsGrid > article.card.user-card .category{
  position:static!important;display:block!important;width:max-content!important;max-width:100%!important;min-height:0!important;
  margin:0 0 7px!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;color:#8d9793!important;font-size:10px!important;font-weight:600!important;line-height:1.6!important;box-shadow:none!important;
}
#products.products #productsGrid > article.card.user-card h3{
  display:block!important;width:100%!important;min-height:0!important;max-height:none!important;margin:0 0 6px!important;padding:0!important;
  overflow:visible!important;color:#18211e!important;font-size:16px!important;font-weight:900!important;line-height:1.55!important;text-align:right!important;white-space:normal!important;
}
#products.products #productsGrid > article.card.user-card .meta{
  display:-webkit-box!important;min-height:34px!important;margin:0 0 8px!important;padding:0!important;overflow:hidden!important;
  color:#89928f!important;font-size:10px!important;line-height:1.7!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
}
#products.products #productsGrid > article.card.user-card .card-bottom{
  display:flex!important;min-width:0!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;
  margin:auto 0 0!important;padding:11px 0 0!important;border:0!important;border-top:1px solid #eef0ef!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#products.products #productsGrid > article.card.user-card .card-bottom strong{
  display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;color:#087f68!important;
  font-size:14px!important;font-weight:950!important;line-height:1.5!important;text-align:right!important;white-space:normal!important;
}
#products.products #productsGrid > article.card.user-card .order{
  display:flex!important;width:100%!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:8px 10px!important;
  align-items:center!important;justify-content:center!important;border:0!important;outline:0!important;border-radius:10px!important;
  background:linear-gradient(135deg,#ff668b,#f33164)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;
  line-height:1.3!important;text-align:center!important;text-decoration:none!important;box-shadow:0 8px 16px rgba(243,49,100,.16)!important;
}
#products.products #productsGrid > article.card.user-card .order::before,
#products.products #productsGrid > article.card.user-card .order::after{display:none!important;content:none!important}

@media(max-width:1000px) and (min-width:701px){#products.products #productsGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){
  #products.products #productSearchBox.product-search{border-radius:11px!important}
  #products.products #productsGrid.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #products.products #productsGrid > article.card.user-card{min-height:333px!important;border-radius:15px!important}
  #products.products #productsGrid > article.card.user-card > .card-visual{flex-basis:172px!important;height:172px!important;min-height:172px!important;padding:8px!important}
  #products.products #productsGrid > article.card.user-card > .card-visual > img{border-radius:11px!important}
  #products.products #productsGrid > article.card.user-card .badge{top:7px!important;right:7px!important;padding:4px 7px!important;font-size:8px!important}
  #products.products #productsGrid > article.card.user-card .heart{top:7px!important;left:7px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:18px!important}
  #products.products #productsGrid > article.card.user-card > .card-body{padding:10px!important}
  #products.products #productsGrid > article.card.user-card .category{margin-bottom:4px!important;font-size:8px!important}
  #products.products #productsGrid > article.card.user-card h3{margin-bottom:4px!important;font-size:13px!important}
  #products.products #productsGrid > article.card.user-card .meta{display:none!important}
  #products.products #productsGrid > article.card.user-card .card-bottom{gap:7px!important;padding-top:8px!important}
  #products.products #productsGrid > article.card.user-card .card-bottom strong{font-size:10.5px!important;white-space:nowrap!important}
  #products.products #productsGrid > article.card.user-card .order{min-height:35px!important;padding:6px 4px!important;border-radius:8px!important;font-size:8.5px!important;white-space:nowrap!important}
}
@media(max-width:360px){
  #products.products #productsGrid.grid{gap:7px!important}
  #products.products #productsGrid > article.card.user-card{min-height:310px!important}
  #products.products #productsGrid > article.card.user-card > .card-visual{flex-basis:155px!important;height:155px!important;min-height:155px!important}
}