*{box-sizing:border-box}body{margin:0;font-family:"Baloo 2",Nunito,system-ui,Arial,sans-serif;color:#2b2140;background:#fffaf2}a{color:inherit;text-decoration:none}
.rb{height:6px;background:linear-gradient(90deg,#ff4d6d,#ff9f1c,#ffd60a,#38b000,#00b4d8,#7b2cbf)}
header{background:#fff;box-shadow:0 2px 10px #0001;position:sticky;top:0;z-index:5}.hw{max-width:1180px;margin:auto;display:flex;align-items:center;gap:20px;padding:8px 18px;flex-wrap:wrap}
.hw img{height:64px}nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}nav a{padding:8px 14px;border-radius:99px;font-weight:800}nav a:nth-child(1){background:#ffe5ec;color:#c9184a}nav a:nth-child(2){background:#fff1d6;color:#d35400}nav a:nth-child(3){background:#e0f7ff;color:#0077b6}nav a:nth-child(4){background:#efe1ff;color:#7b2cbf}nav a.ph{background:#38b000;color:#fff}
main{max-width:1180px;margin:auto;padding:22px 18px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff3b0,#ffd6e0 50%,#cdeffd);border-radius:28px;padding:36px}
.hero h1{font-size:46px;line-height:1.05;margin:0 0 10px;color:#7b2cbf}.hero h1 span{color:#ff6b00}.hero p{font-size:19px}.hero img{width:100%;border-radius:22px;background:#fff}
.btn{display:inline-block;background:#ff6b00;color:#fff;font-weight:800;padding:12px 22px;border-radius:99px;margin:6px 8px 0 0}.btn.b{background:#7b2cbf}
h2{font-size:32px;color:#c9184a;margin:34px 0 6px}h3.c{color:#0077b6;margin:18px 0 8px}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 14px #0001;display:flex;flex-direction:column;border:3px solid transparent}.card:hover{border-color:#ffd60a}
.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#f6f6f6}.card .b{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.tag{font-size:12px;font-weight:800;color:#7b2cbf;text-transform:uppercase}.nm{font-weight:700}.pr{font-size:22px;font-weight:900;color:#ff6b00}.buy{margin-top:auto;text-align:center;background:#38b000;color:#fff;font-weight:800;padding:10px;border-radius:99px}
.pill{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.pill div{flex:1;min-width:200px;background:#fff;border-radius:18px;padding:16px;font-weight:700;box-shadow:0 3px 10px #0001}
footer{background:#2b2140;color:#eee;margin-top:40px;padding:30px 18px;text-align:center}footer a{color:#ffd60a;font-weight:700}
.txt{background:#fff;border-radius:22px;padding:28px;font-size:18px;line-height:1.6;max-width:820px}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero h1{font-size:34px}}