*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#1f2937;background:#fffafa}
:root{--primary:#e94b83;--primary-600:#d73b74;--accent:#6bbf59;--bg:#fffafa;--dark:#111827;--muted:#6b7280;--card:#ffffff;--border:#f0e3e5}
.container{width:min(1120px,92%);margin-inline:auto}
.section-head{text-align:center;margin-bottom:1.5rem}
.section-head h2{font-family:"Playfair Display",serif;font-weight:900;font-size:2.2rem;margin:0 0 .4rem;color:var(--dark)}
.section-head p{color:var(--muted);margin:0}
.btn{display:inline-flex;align-items:center;gap:.5rem;border:none;background:var(--dark);color:#fff;padding:.8rem 1.1rem;border-radius:999px;cursor:pointer;text-decoration:none;font-weight:600;transition:transform .06s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary)}
.btn-primary:hover{background:var(--primary-600)}
.btn-outline{background:transparent;border:2px solid var(--dark);color:var(--dark)}
.logo{font-family:"Playfair Display",serif;font-weight:900;font-size:1.4rem;color:var(--dark);text-decoration:none}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}
.nav{display:flex;gap:1rem}
.nav a{text-decoration:none;color:var(--dark);font-weight:500;padding:.5rem .6rem;border-radius:.5rem}
.nav a:hover{background:#f8e7ec}
.header-actions{display:flex;align-items:center;gap:.6rem}
.call-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--dark);text-decoration:none;padding:.4rem .6rem;border-radius:.5rem}
.call-link:hover{background:#f8e7ec}
.cart-btn,.menu-toggle{background:#fff;border:1px solid var(--border);border-radius:.6rem;padding:.55rem .7rem;cursor:pointer;color:var(--dark)}
.cart-btn:hover,.menu-toggle:hover{background:#fdf2f6}
.cart-count{background:var(--primary);color:#fff;border-radius:999px;padding:.05rem .35rem;margin-left:.35rem;font-size:.75rem}
.hide-sm{display:inline}
.hero{padding:3.2rem 0 2.2rem;background:#fff}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.hero-text h1{font-family:"Playfair Display",serif;font-weight:900;font-size:3rem;line-height:1.05;margin:.2rem 0 .8rem;color:var(--dark)}
.hero-text p{color:var(--muted);font-size:1.05rem;margin:0 0 1.1rem}
.hero-ctas{display:flex;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}
.trust-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem;color:#374151}
.trust-list i{color:var(--accent)}
.hero-media img{border-radius:1rem;box-shadow:0 10px 30px rgba(233,75,131,.18)}
.features{padding:1.8rem 0 1rem;background:#fff}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.feature{background:var(--card);border:1px solid var(--border);border-radius:.9rem;padding:1.1rem;text-align:center}
.feature i{font-size:1.4rem;color:var(--primary)}
.feature h3{margin:.5rem 0 .2rem;font-size:1.05rem}
.feature p{margin:0;color:var(--muted);font-size:.95rem}
.shop{padding:2.4rem 0;background:#fff}
.shop-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.filters{display:flex;gap:.5rem}
.filter-btn{border:1px solid var(--border);background:#fff;color:var(--dark);padding:.55rem .9rem;border-radius:999px;cursor:pointer;font-weight:600}
.filter-btn.active{background:#fff0f5;border-color:#f8c5d8;color:var(--primary)}
.search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;padding:.4rem .8rem;background:#fff}
.search input{border:none;outline:none;font-size:1rem;min-width:220px;background:transparent}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.product-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:.8rem;position:relative;display:flex;flex-direction:column}
.product-card img{width:100%;height:auto;border-radius:.7rem}
.product-card h3{font-size:1.05rem;margin:.6rem 0 .2rem;color:var(--dark)}
.product-card .price{color:#111827;font-weight:700;margin:.2rem 0 .6rem}
.product-card .badge{position:absolute;top:.8rem;left:.8rem;background:#111827;color:#fff;font-size:.75rem;padding:.25rem .45rem;border-radius:.4rem}
.add-to-cart{align-self:flex-start}
.about{padding:2.4rem 0;background:#fff}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.about-text p{color:var(--muted)}
.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem}
.about-highlights div{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--border);border-radius:.7rem;padding:.6rem}
.about-media img{width:100%;height:auto;border-radius:1rem}
.testimonials{padding:2.4rem 0;background:#fff}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.testimonial{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem}
.testimonial .stars{color:#f59e0b}
.testimonial p{color:var(--dark);margin:.5rem 0}
.testimonial .author{color:var(--muted)}
.faq{padding:2.4rem 0;background:#fff}
.faq-list{max-width:900px;margin:0 auto;display:grid;gap:.6rem}
.faq-list details{background:#fff;border:1px solid var(--border);border-radius:.8rem;padding:.8rem}
.faq-list summary{cursor:pointer;font-weight:700;color:var(--dark)}
.contact{padding:2.4rem 0;background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.contact-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.4rem;color:var(--muted)}
.contact-list a{text-decoration:none;color:inherit}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-field{display:flex;flex-direction:column}
.form-field label{font-weight:600;margin-bottom:.3rem}
.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:.6rem;padding:.7rem;font-size:1rem}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid #ffd2e1;border-color:#ffd2e1}
.form-checkbox{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 1rem}
.newsletter{padding:2rem 0;background:#fff}
.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff}
.newsletter-form{display:flex;gap:.6rem;flex-wrap:wrap}
.newsletter-form input{border:1px solid var(--border);border-radius:.6rem;padding:.6rem .8rem;font-size:1rem}
.site-footer{background:#111827;color:#e5e7eb;margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1.4rem 0}
.site-footer .logo{color:#fff}
.footer-brand p{margin:.4rem 0 1rem;color:#cbd5e1}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #374151;border-radius:50%;color:#e5e7eb;text-decoration:none;margin-right:.4rem}
.socials a:hover{background:#1f2937}
.footer-links h4,.footer-contact h4{margin:.2rem 0 .6rem}
.footer-links ul,.footer-contact ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}
.footer-links a{color:#e5e7eb;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid #1f2937;padding:.8rem 0;color:#cbd5e1}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:80}
.cart-drawer{position:fixed;top:0;right:0;width:380px;max-width:100%;height:100vh;background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .2s ease;z-index:90;display:flex;flex-direction:column;border-left:1px solid var(--border)}
.cart-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:1rem}
.cart-close{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .6rem;cursor:pointer}
.cart-body{flex:1;overflow:auto;padding:1rem}
.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:.7rem;align-items:center;border-bottom:1px solid var(--border);padding:.6rem 0}
.cart-item img{width:60px;height:60px;border-radius:.5rem}
.cart-item h4{margin:0;font-size:.95rem}
.cart-item .ci-price{color:#111827;font-weight:700}
.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}
.qty button{background:#fff;border:none;width:28px;height:28px;cursor:pointer}
.qty input{width:34px;text-align:center;border:none}
.remove-item{background:transparent;border:none;color:#ef4444;cursor:pointer}
.cart-footer{border-top:1px solid var(--border);padding:1rem}
.cart-total{font-weight:800;margin-bottom:.6rem}
.cart-note{color:var(--muted);font-size:.9rem;margin-top:.6rem}
.cart-open .cart-drawer{transform:none}
.cart-open .cart-overlay{opacity:1;visibility:visible}
@media (max-width:1000px){.hero-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.hide-sm{display:none}.nav{position:fixed;top:60px;right:0;background:#fff;flex-direction:column;gap:0;padding:.5rem;border:1px solid var(--border);border-right:none;border-top:none;border-bottom-left-radius:.8rem;transform:translateY(-10px);opacity:0;pointer-events:none}
.nav a{padding:.8rem 1rem}
.nav.open{opacity:1;pointer-events:auto}}
@media (max-width:720px){.product-grid{grid-template-columns:repeat(2,1fr)}.about-highlights{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.newsletter-inner{align-items:stretch}.newsletter-form{flex-direction:column;align-items:stretch}.footer-grid{grid-template-columns:1fr;gap:1rem}.features-grid{grid-template-columns:1fr 1fr}.testimonial-grid{grid-template-columns:1fr}}
@media (max-width:420px){.product-grid{grid-template-columns:1fr}.filters{width:100%;overflow:auto}.search input{min-width:140px}}
:focus-visible{outline:3px solid #ffd2e1;outline-offset:2px}
