/* v112 — approved light product showcase; visual scope: #products only */
#products.products{
  position:relative!important;
  padding:64px 0 74px!important;
  background:#fffefb!important;
  color:#17211e!important;
}
#products>.container{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important}
#products .section-head{position:relative!important;align-items:center!important;margin-bottom:25px!important;padding-top:4px!important}
#products .section-head::before{
  content:"ویترین حرفه‌ای  ✪"!important;
  position:absolute!important;
  left:0!important;top:5px!important;
  padding:7px 14px!important;
  border:1px solid #e7c679!important;
  border-radius:10px!important;
  background:#fffaf0!important;
  color:#b77a13!important;
  font-size:11px!important;font-weight:900!important;
}
#products .section-head h2{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;color:#18221f!important;font-size:34px!important;font-weight:950!important;letter-spacing:-.5px!important}
#products .section-head h2::after{content:"✿";color:#087f68;font-size:29px;line-height:1}
#products .section-head p{margin:5px 0 0!important;color:#75807c!important;font-size:13px!important}
#products .product-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important;margin-bottom:18px!important}
#products .product-search{position:relative!important;display:flex!important;align-items:center!important;height:58px!important;overflow:hidden!important;border:1px solid #dfe5e2!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 18px rgba(18,71,59,.04)!important}
#products .product-search-icon{order:3!important;display:grid!important;width:62px!important;height:100%!important;place-items:center!important;background:#087f68!important;color:transparent!important;font-size:0!important}
#products .product-search-icon::before{content:"⌕"!important;color:#fff!important;font-size:29px!important;line-height:1!important;transform:rotate(-15deg)}
#products .product-search input{order:2!important;min-width:0!important;flex:1!important;height:100%!important;padding:0 18px!important;border:0!important;background:#fff!important;color:#26312d!important;font:500 13px Vazirmatn,Tahoma,sans-serif!important;outline:0!important}
#products .product-search input::placeholder{color:#a0a7a4!important;opacity:1!important}
#products .product-search-clear{order:1!important;width:42px!important;height:42px!important;margin:0 7px!important;border:0!important;border-radius:50%!important;background:#f4f6f5!important;color:#7c8783!important;font-size:20px!important}
#products .product-sort{height:58px!important;padding:0 17px!important;border:1px solid #dfe5e2!important;border-radius:13px!important;background:#fff!important;color:#202a27!important;font:800 13px Vazirmatn,Tahoma,sans-serif!important;outline:0!important;box-shadow:0 5px 18px rgba(18,71,59,.04)!important}
#products .filters{display:flex!important;gap:10px!important;margin:0 0 27px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important}
#products .filters::-webkit-scrollbar{display:none!important}
#products .filter{flex:1 0 auto!important;min-width:104px!important;min-height:39px!important;padding:7px 15px!important;border:1px solid #dfe4e1!important;border-radius:999px!important;background:#fff!important;color:#394440!important;font:800 11px Vazirmatn,Tahoma,sans-serif!important;box-shadow:0 3px 10px rgba(23,57,49,.035)!important}
#products .filter.active{border-color:#087f68!important;background:#087f68!important;color:#fff!important;box-shadow:0 7px 15px rgba(8,127,104,.16)!important}
#productsGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
#productsGrid .user-card{position:relative!important;display:flex!important;min-width:0!important;min-height:430px!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #e3e7e5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 21px rgba(31,62,54,.065)!important;transition:.22s ease!important}
#productsGrid .user-card::before,#productsGrid .user-card::after{display:none!important;content:none!important}
#productsGrid .user-card:hover{transform:translateY(-4px)!important;border-color:#c9ddd7!important;box-shadow:0 16px 32px rgba(31,62,54,.11)!important}
#productsGrid .card-visual{position:relative!important;width:100%!important;height:250px!important;padding:13px!important;overflow:hidden!important;background:linear-gradient(145deg,#fbfaf6,#f5f7f5)!important}
#productsGrid .card-visual::before,#productsGrid .card-visual::after{display:none!important;content:none!important}
#productsGrid .card-visual img{display:block!important;width:100%!important;height:100%!important;border-radius:13px!important;object-fit:contain!important;object-position:center!important;background:#faf9f5!important;filter:none!important;transform:none!important}
#productsGrid .badge{top:12px!important;right:12px!important;z-index:2!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}
#productsGrid .heart{top:11px!important;left:11px!important;z-index:3!important;width:37px!important;height:37px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#8c9692!important;font-size:21px!important;box-shadow:0 4px 14px rgba(0,0,0,.1)!important}
#productsGrid .heart.liked{background:#fff1f5!important;color:#ff4f7c!important}
#productsGrid .card-body{display:flex!important;min-width:0!important;flex:1!important;flex-direction:column!important;padding:15px 16px 16px!important;text-align:right!important}
#productsGrid .category{display:block!important;width:max-content!important;margin:0 0 7px!important;padding:0!important;border:0!important;background:transparent!important;color:#8d9793!important;font-size:10px!important;font-weight:600!important}
#productsGrid h3{min-height:0!important;margin:0 0 6px!important;color:#18211e!important;font-size:16px!important;font-weight:900!important;line-height:1.55!important}
#productsGrid .meta{display:-webkit-box!important;min-height:34px!important;margin-bottom:8px!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}
#productsGrid .card-bottom{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:auto!important;padding-top:11px!important;border-top:1px solid #eef0ef!important}
#productsGrid .card-bottom strong{color:#087f68!important;font-size:14px!important;font-weight:950!important;text-align:right!important}
#productsGrid .order{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff668b,#f33164)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 16px rgba(243,49,100,.16)!important}
#productsGrid .order::before{display:none!important;content:none!important}
#productsGrid .stock-badge{display:none!important}
#productsGrid .user-card.sold-out .order{background:#c4cbc8!important;color:#fff!important;box-shadow:none!important}
@media(max-width:1000px) and (min-width:701px){#productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.product-tools{grid-template-columns:minmax(0,1fr) 260px!important}}
@media(max-width:700px){
  #products.products{padding:38px 0 118px!important}
  #products>.container{width:calc(100% - 24px)!important}
  #products .section-head{margin-bottom:17px!important;padding-top:37px!important}
  #products .section-head::before{top:0!important;right:0!important;left:auto!important;padding:5px 10px!important;font-size:9px!important}
  #products .section-head h2{font-size:25px!important;gap:7px!important}
  #products .section-head h2::after{font-size:21px!important}
  #products .section-head p{font-size:10px!important}
  #products .product-tools{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:13px!important}
  #products .product-search,#products .product-sort{height:48px!important;border-radius:11px!important}
  #products .product-search-icon{width:52px!important}.product-search-icon::before{font-size:25px!important}
  #products .product-search input{padding:0 12px!important;font-size:11px!important}
  #products .product-sort{padding:0 13px!important;font-size:11px!important}
  #products .filters{gap:7px!important;margin-bottom:17px!important}
  #products .filter{flex:0 0 auto!important;min-width:0!important;min-height:34px!important;padding:6px 13px!important;font-size:9px!important}
  #productsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #productsGrid .user-card{min-height:333px!important;border-radius:15px!important}
  #productsGrid .card-visual{height:172px!important;padding:8px!important}
  #productsGrid .card-visual img{border-radius:11px!important}
  #productsGrid .badge{top:7px!important;right:7px!important;padding:4px 7px!important;font-size:8px!important}
  #productsGrid .heart{top:7px!important;left:7px!important;width:32px!important;height:32px!important;font-size:18px!important}
  #productsGrid .card-body{padding:10px!important}
  #productsGrid .category{margin-bottom:4px!important;font-size:8px!important}
  #productsGrid h3{margin-bottom:4px!important;font-size:13px!important}
  #productsGrid .meta{display:none!important}
  #productsGrid .card-bottom{gap:7px!important;padding-top:8px!important}
  #productsGrid .card-bottom strong{font-size:10.5px!important;white-space:nowrap!important}
  #productsGrid .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>.container{width:calc(100% - 16px)!important}#productsGrid{gap:7px!important}#productsGrid .card-visual{height:155px!important}#productsGrid .user-card{min-height:310px!important}}