/* style.css */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; background:#faf6fb; color:#333; }
a { text-decoration:none; color:inherit; }
header { background:#7e57c2; color:white; padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; }
nav a { margin:0 15px; color:white; font-weight:500; }
.hero { background:url('https://via.placeholder.com/1600x500/7e57c2/fff?text=LovelyCreation') center/cover no-repeat; height:450px; display:flex; align-items:center; justify-content:center; color:white; font-size:2.5rem; text-shadow:2px 2px 4px rgba(0,0,0,0.4); }
.container { max-width:1200px; margin:2rem auto; padding:0 1rem; }
.products { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.8rem; }
.product { background:white; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); padding:1rem; text-align:center; position:relative; }
.product img { width:100%; height:200px; object-fit:cover; border-radius:5px; }
.product h3 { margin:1rem 0 0.5rem; font-size:1.2rem; }
.product p.price { font-size:1.1rem; color:#7e57c2; margin-bottom:1rem; }
.product .btn { display:inline-block; margin:5px; padding:8px 15px; border:none; background:#7e57c2; color:white; border-radius:4px; cursor:pointer; font-size:0.95rem; }
footer { background:#2c3e50; color:white; text-align:center; padding:1.5rem; margin-top:2rem; }
footer a { color:#e1bee7; }
@media(max-width:600px){ .hero{font-size:2rem;} }
#cart-count {
    background: linear-gradient(45deg, #9e9e9e, #000000);
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    min-width: 18px;
    text-align: center;
    margin-left: 5px;
}