body{font-family:Arial,sans-serif;background:#fff5f7;margin:0}
.hero{background:#ec4899;color:#fff;padding:36px;text-align:center}
#search{margin:20px auto;display:block;width:min(600px,90%);padding:14px;border-radius:30px;border:1px solid #ddd}
.category{padding:20px}.carousel{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory}
.card{min-width:220px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 10px rgba(0,0,0,.08);scroll-snap-align:start}
.card img{width:100%;border-radius:12px;aspect-ratio:4/5;object-fit:cover}
.btn,.floating{text-decoration:none;color:#fff;background:#16a34a;padding:10px 14px;border-radius:30px;display:inline-block;margin-top:10px}
.floating{position:fixed;bottom:20px;right:20px}