:root{
  --mint:#2f7a5a;
  --mint-dark:#1f5a40;
  --pink:#f7c7d0;
  --cream:#fffdf8;
  --card:#ffffff;
  --ink:#173025;
}

body{
  background-color: var(--cream);
  background-image: url('https://assets.zyrosite.com/cdn-cgi/image/format%3Dauto%2Cw%3D1920%2Cfit%3Dcrop/CLv1mbwhaetLrqcE/untitled-design-18-3t5gczE026bgzu7J.png');
  background-size: 720px auto;
  background-repeat: repeat;
  color: var(--ink);
}

/* Decorative dividers */
.sa-divider-top{
  background-image: url('https://assets.zyrosite.com/cdn-cgi/image/format%3Dauto%2Cw%3D1920%2Cfit%3Dcrop/CLv1mbwhaetLrqcE/untitled-design-22-eifdkx6q6NipKykI.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 56px;
}

.sa-divider-bottom{
  background-image: url('https://assets.zyrosite.com/cdn-cgi/image/format%3Dauto%2Cw%3D1920%2Cfit%3Dcrop/CLv1mbwhaetLrqcE/untitled-design-23-4GI89PWvmmLW8siH.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 84px;
}

/* Card polish */
.sa-card{
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(47,122,90,0.18);
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
  border-radius: 24px;
}

.sa-pill{
  border: 1px solid rgba(47,122,90,0.22);
  background: rgba(255,255,255,0.85);
  border-radius: 999px;
}

.sa-link{
  color: var(--mint-dark);
}
.sa-link:hover{
  text-decoration: underline;
}

.sa-btn{
  background: var(--mint);
  color: white;
}
.sa-btn:hover{
  background: var(--mint-dark);
}

.sa-btn-ghost{
  background: rgba(255,255,255,0.8);
  border: 1px solid rgba(47,122,90,0.22);
}
.sa-btn-ghost:hover{
  background: rgba(255,255,255,0.95);
}

/* Make product images feel like stickers */
.sa-img{
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(47,122,90,0.12);
  border-radius: 20px;
}