body{margin:0;font-family:Segoe UI,Arial;background:#fffaf8;color:#333}
header{background:linear-gradient(135deg,#7A284B,#C58AA2);color:#fff;padding:60px 20px;text-align:center}
header img{width:110px;border-radius:50%;border:4px solid #fff}
nav{background:#fff;padding:15px;text-align:center;position:sticky;top:0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
nav a{margin:0 10px;color:#7A284B;text-decoration:none;font-weight:bold}
.hero{background:url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?w=1600') center/cover;height:320px;border-radius:20px;margin:30px auto;max-width:1100px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.hero div{background:rgba(0,0,0,.45);padding:24px;border-radius:16px}
section{max-width:1100px;margin:auto;padding:40px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.gallery img{width:100%;height:210px;object-fit:cover;border-radius:14px}
.price{font-size:24px;color:#7A284B;font-weight:bold}
footer{background:#7A284B;color:#fff;text-align:center;padding:30px}
button{background:#7A284B;color:#fff;padding:12px 18px;border:none;border-radius:24px}
input,textarea{width:100%;padding:12px;margin:8px 0;border-radius:10px;border:1px solid #ddd}
.badge{background:#EEF4EE;color:#56705A;padding:6px 12px;border-radius:999px;display:inline-block}