/* Ganjineh Pars v88 — exact refinement of the approved arched product cards.
   Scope is deliberately limited to #products; no application logic is changed. */

#products.products{
  min-height:0!important;
  padding-bottom:64px!important;
}

#products #productsGrid.grid{
  align-items:stretch!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

#products #productsGrid.grid > article.user-card.card{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(224,176,79,.72)!important;
  border-radius:88px 88px 20px 20px!important;
  background:linear-gradient(180deg,#111514 0%,#090b0a 100%)!important;
  box-shadow:inset 0 0 0 5px #0a0b0a,inset 0 0 0 6px rgba(226,178,80,.16),0 14px 28px rgba(0,0,0,.30)!important;
  color:#f7ead3!important;
}

#products #productsGrid.grid > article.user-card.card::after{
  inset:7px!important;
  border:1px solid rgba(230,183,84,.24)!important;
  border-radius:80px 80px 14px 14px!important;
}

#products #productsGrid.grid > article.user-card.card::before{
  top:4px!important;
  z-index:9!important;
  display:grid!important;
  width:24px!important;
  height:24px!important;
  place-items:center!important;
  border:1px solid #deb04f!important;
  background:#0d1110!important;
  color:#efc86f!important;
  font-size:8px!important;
  box-shadow:0 0 0 4px #0b0d0c!important;
}

#products #productsGrid.grid > article.user-card.card > .card-visual{
  position:relative!important;
  width:calc(100% - 14px)!important;
  height:228px!important;
  min-height:228px!important;
  flex:0 0 228px!important;
  aspect-ratio:auto!important;
  margin:7px 7px 0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:80px 80px 14px 14px!important;
  background:#151612!important;
}

#products #productsGrid.grid > article.user-card.card > .card-visual > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  padding:0!important;
  border-radius:inherit!important;
  background:#151612!important;
  object-fit:cover!important;
  object-position:center!important;
}

#products #productsGrid.grid > article.user-card.card > .card-visual > .heart{
  top:20px!important;
  left:17px!important;
  z-index:10!important;
  width:36px!important;
  height:36px!important;
  border:1px solid #dbab4e!important;
  border-radius:50%!important;
  background:rgba(11,14,13,.88)!important;
  color:#edc267!important;
  font-size:21px!important;
}

#products #productsGrid.grid > article.user-card.card > .card-visual > .badge{
  top:20px!important;
  right:17px!important;
  z-index:10!important;
  background:rgba(11,14,13,.9)!important;
  color:#edc267!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  min-width:0!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:center!important;
  padding:12px 17px 17px!important;
  color:#f7ead3!important;
  text-align:center!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body > .category{
  display:inline-flex!important;
  min-height:25px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:-24px 0 10px!important;
  padding:4px 13px!important;
  border:1px solid #d5a649!important;
  border-radius:999px!important;
  background:#0b0d0c!important;
  color:#e9c471!important;
  font-size:10px!important;
  line-height:1.4!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body > h3{
  display:block!important;
  width:100%!important;
  min-height:29px!important;
  margin:0 0 4px!important;
  overflow:visible!important;
  color:#f8ead0!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.65!important;
  text-align:center!important;
  white-space:normal!important;
  text-overflow:clip!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body > .meta{
  display:block!important;
  width:100%!important;
  min-height:20px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#aaa59c!important;
  font-size:10px!important;
  line-height:1.6!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body > .card-bottom{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(218,170,72,.28)!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body > .card-bottom > strong{
  display:flex!important;
  min-height:25px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  color:#edc269!important;
  font-size:13px!important;
  line-height:1.5!important;
  white-space:normal!important;
}

#products #productsGrid.grid > article.user-card.card > .card-body > .card-bottom > .order{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 10px!important;
  border:1px solid #e2b458!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#efcb72,#d49a34)!important;
  color:#17120a!important;
  font-size:10px!important;
  font-weight:900!important;
}

@media(max-width:650px){
  #products.products{
    padding-bottom:44px!important;
  }

  #products.products > .container{
    width:calc(100% - 20px)!important;
  }

  #products #productsGrid.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  #products #productsGrid.grid > article.user-card.card{
    border-radius:56px 56px 15px 15px!important;
    box-shadow:inset 0 0 0 3px #0a0b0a,inset 0 0 0 4px rgba(226,178,80,.17),0 10px 20px rgba(0,0,0,.28)!important;
  }

  #products #productsGrid.grid > article.user-card.card::after{
    inset:5px!important;
    border-radius:50px 50px 10px 10px!important;
  }

  #products #productsGrid.grid > article.user-card.card::before{
    top:2px!important;
    width:18px!important;
    height:18px!important;
    font-size:6px!important;
    box-shadow:0 0 0 3px #0b0d0c!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-visual{
    width:calc(100% - 10px)!important;
    height:148px!important;
    min-height:148px!important;
    flex-basis:148px!important;
    margin:5px 5px 0!important;
    border-radius:50px 50px 10px 10px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-visual > .heart{
    top:12px!important;
    left:9px!important;
    width:29px!important;
    height:29px!important;
    font-size:17px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-visual > .badge{
    top:12px!important;
    right:9px!important;
    padding:3px 6px!important;
    font-size:8px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body{
    padding:8px 8px 10px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body > .category{
    min-height:21px!important;
    margin:-18px 0 7px!important;
    padding:3px 8px!important;
    font-size:8px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body > h3{
    min-height:22px!important;
    margin-bottom:2px!important;
    font-size:11px!important;
    line-height:1.6!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body > .meta{
    display:none!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body > .card-bottom{
    gap:5px!important;
    margin-top:5px!important;
    padding-top:6px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body > .card-bottom > strong{
    min-height:22px!important;
    color:#edc269!important;
    font-size:9px!important;
  }

  #products #productsGrid.grid > article.user-card.card > .card-body > .card-bottom > .order{
    min-height:31px!important;
    padding:5px!important;
    border-radius:8px!important;
    font-size:8.5px!important;
  }

  /* Balance an odd last item while retaining the approved two-column grid. */
  #products #productsGrid.grid > article.user-card.card:last-child:nth-child(odd){
    width:calc(50% - 4.5px)!important;
    grid-column:1 / -1!important;
    justify-self:center!important;
  }
}

@media(max-width:370px){
  #products #productsGrid.grid > article.user-card.card > .card-visual{
    height:138px!important;
    min-height:138px!important;
    flex-basis:138px!important;
  }
}