:root{
  --sb-pink:#F3A3B3;
  --sb-red:#E84A5F;
  --sb-green:#6CBF7D;
  --sb-cream:#FFF7F2;
  --sb-dark:#1F1F1F;
}
*{box-sizing:border-box}
body{ background: var(--sb-cream); color: var(--sb-dark); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial; }
a{color:inherit}
.navbar-sb{background: rgba(255,255,255,.7); backdrop-filter: blur(12px); border-bottom:1px solid rgba(0,0,0,.06);}
.brand-logo{height:44px}
.hero{
  padding: 28px 0 10px;
}
.hero-card{
  border:0; border-radius: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(243,163,179,.25), rgba(255,255,255,.85));
}
.badge-sb{ background: rgba(108,191,125,.15); color: var(--sb-green); border:1px solid rgba(108,191,125,.25); }
.btn-sb{ background: var(--sb-pink); border:0; color:#fff; border-radius: 14px; padding:.65rem .9rem; font-weight:600;}
.btn-sb:hover{ background: var(--sb-red); color:#fff;}
.card-sb{ border:0; border-radius: 18px; overflow:hidden; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.card-sb img{ width:100%; height:180px; object-fit:cover; background:#fff;}
.price{ font-weight:800; letter-spacing:.2px;}
.chip{display:inline-block; padding:.25rem .55rem; border-radius: 999px; font-size:.8rem; margin-right:.35rem; margin-bottom:.35rem; background: rgba(243,163,179,.18); border:1px solid rgba(232,74,95,.18);}
.footer{padding:40px 0; color:rgba(31,31,31,.75);}
.searchbox{border-radius: 14px !important; border:1px solid rgba(0,0,0,.10) !important; padding:.65rem .9rem !important;}
.category-pill{border-radius:999px; border:1px solid rgba(0,0,0,.10); padding:.45rem .75rem; background:#fff;}
.category-pill.active{border-color: rgba(232,74,95,.35); background: rgba(243,163,179,.22);}