:root{--ink:#2A2A2A;--bg:#FFF6FA;--pink:#FFBBD1;--mint:#9EF3E1;--sky:#CFEAFF;--lav:#E6D7FF;--lemon:#FFF09E;--white:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial}
a{color:var(--ink);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:1180px;margin:0 auto;padding:12px 16px}
.topbar{background:linear-gradient(90deg,var(--mint),var(--pink));font-weight:800;font-size:13px;text-align:center;padding:6px 10px}
.header{position:sticky;top:0;background:rgba(255,255,255,.98);backdrop-filter:saturate(150%) blur(10px);z-index:60;border-bottom:1px solid #f0e4ee}
.header .row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.logo{display:flex;gap:10px;align-items:center}.logo img{height:34px}
nav a{margin:0 8px;font-weight:700;opacity:.95}
.btn{display:inline-block;padding:12px 18px;border-radius:9999px;background:linear-gradient(90deg,var(--mint),var(--pink));font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.section{padding:22px 0}.card{background:#fff;border-radius:22px;box-shadow:0 8px 26px rgba(0,0,0,.06);padding:16px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
h1{font-family:Poppins,Inter,sans-serif;font-size:42px;line-height:1.05;margin:0 0 6px}
h2{font-family:Poppins,Inter,sans-serif;font-size:26px;margin:0 0 8px}
.lead{font-size:17px;opacity:.98}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.badges small{background:#fff;border-radius:9999px;padding:6px 10px;margin-right:6px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.price{font-size:28px;font-weight:900}
.review{display:flex;gap:10px;align-items:flex-start}
.stars::before{content:"★★★★★";background:linear-gradient(90deg,#f9b64e,#ffd66b);-webkit-background-clip:text;color:transparent}
.footer{background:#fff;padding:24px 0;margin-top:20px;border-top:1px solid #f1e9f0}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;box-shadow:0 -6px 18px rgba(0,0,0,.06);padding:10px;display:none}
.sticky-bar .inner{max-width:1180px;margin:0 auto;display:flex;gap:10px;align-items:center;justify-content:space-between}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-2{grid-template-columns:1fr}
  nav{display:none}
}