@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Inter:wght@400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{color:#6b4f5c;background:#fffaf8;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:auto;padding:20px}.topbar{color:#fff;text-align:center;background:#d98b8b;padding:10px;font-size:14px}.nav{background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 40px;display:flex}.hero{background:#fff5f2;grid-template-columns:1fr 1fr;align-items:center;display:grid}.heroText{padding:60px}.heroTitle{margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,4rem);line-height:1.1}.btn{color:#fff;cursor:pointer;background:#df9292;border:none;border-radius:999px;padding:14px 24px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:24px;padding:16px;transition:all .3s;box-shadow:0 4px 20px #00000014}.card:hover{transform:translateY(-4px)}.footer{color:#fff;background:#6f4a6b;margin-top:40px;padding:40px 20px}@media (max-width:1024px){.heroText{padding:40px}.nav{padding:20px}}@media (max-width:768px){.nav{text-align:center;flex-direction:column;padding:15px}.hero{grid-template-columns:1fr}.heroText{text-align:center;padding:25px}.container{padding:15px}.grid{grid-template-columns:1fr}.footer{text-align:center}}@media (max-width:480px){.heroText{padding:20px}.btn{width:100%}.topbar{font-size:12px}}.cart-btn{transition:all .2s}.cart-btn:hover{opacity:.9;transform:translateY(-2px)}