@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);:root{--background-primary:#f5f3ef;--background-card:#faf8f5;--accent-sage:#8ca788;--text-primary:#333;--text-secondary:#666;--header-dark:#1e1e1e;--border-light:#d3d3d3;--pink-badge:#e9a0a0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f5f3ef;background-color:var(--background-primary);color:#333;color:var(--text-primary);font-family:Open Sans,-apple-system,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:600}.price{color:#333;color:var(--text-primary);font-weight:700}.App{background:var(--background-primary);min-height:100vh}.product-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}@media (min-width:768px){.product-grid{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.best-seller-ribbon{background:var(--pink-badge);color:#fff;font-size:10px;font-weight:700;left:12px;letter-spacing:.5px;padding:4px 8px;position:absolute;text-align:center;text-transform:uppercase;top:12px;transform:rotate(-45deg);transform-origin:top left;width:100px;z-index:10}.star-rating{color:var(--accent-sage);display:flex;gap:2px}.btn-sage{background:var(--accent-sage);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:background .2s;width:100%}.btn-sage:hover{background:#7a9676}.occasion-container{display:flex;gap:24px;overflow-x:auto;padding:20px;scrollbar-width:none}.occasion-container::-webkit-scrollbar{display:none}.occasion-icon{align-items:center;display:flex;flex-direction:column;min-width:100px}.occasion-circle{align-items:center;border:3px solid #0000;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:8px;width:80px}.occasion-circle.selected{border-bottom:3px solid var(--text-primary)}.occasion-label{border-bottom:2px solid #0000;font-size:11px;font-weight:600;letter-spacing:.5px;padding-bottom:4px;text-align:center;text-transform:uppercase}.occasion-label.selected{border-bottom-color:var(--text-primary)}
/*# sourceMappingURL=main.0fde638b.css.map*/