/* HY MINI MART — ZEPTO STYLE CSS (Shoopy)
   Upload this file as: zepto-style.css
*/

:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:rgba(17,24,39,.08);
  --brand:#1f7a3f;
  --brandDark:#176333;
  --r-lg:16px;
  --shadow1:0 10px 25px rgba(0,0,0,.08);
  --shadow2:0 6px 16px rgba(0,0,0,.06);
}

html,body{
  background:var(--bg)!important;
  color:var(--text)!important;
}

.sh-header-main{
  position:sticky!important;
  top:0;
  z-index:999;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 3px 12px rgba(57,63,72,.18)!important;
}

.sh-product-card{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r-lg)!important;
  box-shadow:0 2px 12px rgba(0,0,0,.04)!important;
}

.sh-product-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow1)!important;
}

.sh-product-plus-minus-button{
  background:var(--brand)!important;
  color:#fff!important;
  border-radius:999px!important;
}

.sh-product-buy-now-button{
  background:var(--brand)!important;
  color:#fff!important;
  border-radius:14px!important;
  font-weight:800!important;
}