:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f5f0;color:#333;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#fff5f0,#f8f5f0);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.logo h1{color:#8b4513;font-size:1.8rem;font-weight:700}.logo p{color:#a9a9a9;font-size:.9rem;font-style:italic}.navigation{display:flex;gap:1rem}.navigation button{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-weight:500;color:#666;transition:all .3s ease;border-radius:20px}.navigation button:hover,.navigation button.active{background-color:#8b4513;color:#fff}.cart-icon{position:relative;font-size:1.5rem;cursor:pointer}.cart-count{position:absolute;top:-8px;right:-8px;background-color:#d2691e;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.hero-section{background:linear-gradient(#8b4513cc,#8b4513cc),url(/src/assets/flower-background.jpg);background-size:cover;background-position:center;height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:2rem}.hero-content h2{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:1.2rem;max-width:700px;margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cta-button{background-color:#d2691e;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.cta-button:hover{background-color:#8b4513;transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.shop-section h2{text-align:center;color:#8b4513;margin-bottom:2rem;font-size:2rem}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.category-filter button{background-color:#f0e6d2;border:none;padding:.5rem 1.5rem;border-radius:30px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#8b4513}.category-filter button:hover,.category-filter button.active{background-color:#8b4513;color:#fff}.flower-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-top:2rem}.flower-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;text-align:center}.flower-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.flower-image-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0e6d2,#fff5f0);position:relative}.flower-icon{font-size:4rem;margin-bottom:.5rem;color:#d2691e}.flower-name{font-size:1.2rem;font-weight:600;color:#8b4513}.flower-card h3{padding:1rem .5rem .5rem;color:#8b4513;font-size:1.3rem}.price{color:#d2691e;font-weight:700;font-size:1.2rem;margin:.5rem 0}.add-to-cart{background-color:#f0e6d2;border:none;padding:.8rem 1.5rem;border-radius:30px;cursor:pointer;font-weight:500;color:#8b4513;margin-bottom:1rem;transition:all .3s ease;width:80%}.add-to-cart:hover{background-color:#8b4513;color:#fff}.about-section{text-align:center;max-width:800px;margin:0 auto}.about-section p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.contact-section h2{text-align:center;color:#8b4513;margin-bottom:2rem;font-size:2rem}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.contact-details h3,.contact-form h3{color:#8b4513;margin-bottom:1rem}.contact-details p{margin-bottom:.5rem;color:#666}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:5px;font-family:inherit}.contact-form textarea{height:150px;resize:vertical}.contact-form button{background-color:#8b4513;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;cursor:pointer;font-weight:500;transition:all .3s ease}.contact-form button:hover{background-color:#d2691e}.footer{background-color:#8b4513;color:#fff;padding:2rem 0;margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-logo h2{color:#fff;margin-bottom:.5rem}.footer-logo p{color:#f0e6d2}.footer-links a,.social-media a{display:block;color:#f0e6d2;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover,.social-media a:hover{color:#fff}.copyright{text-align:center;padding:1rem 0;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#f0e6d2}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.navigation{width:100%;justify-content:center}.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}.contact-info{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.flower-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}