@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-cream: #F5F5DC;--bg-dark: #1A120E;--accent-amber: #FFBF00;--accent-copper: #B87333;--text-dark: #2B1E16;--text-light: #F9F9F9;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--spacing-sm: 8px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 96px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-sans);border:none;font-weight:600;transition:all .3s ease}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.navbar{position:absolute;top:0;left:0;width:100%;padding:var(--spacing-md);display:flex;justify-content:center;z-index:10}.nav-logo{height:60px;filter:brightness(0) invert(1);background-color:transparent}.cart-btn{position:relative;background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:8px;display:flex;align-items:center;transition:transform .2s ease}.cart-btn:hover{transform:scale(1.1)}.cart-count{position:absolute;top:0;right:0;background-color:var(--accent-amber);color:var(--bg-dark);font-size:12px;font-weight:600;width:20px;height:20px;border-radius:50%;display:none;align-items:center;justify-content:center}#hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-light)}.hero-bg{position:absolute;inset:0;background-image:url(/assets/hero-bg.png);background-size:cover;background-position:center;z-index:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0000004d);z-index:2}.hero-content{position:relative;z-index:3;max-width:800px;padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.hero-logo{width:70vw;height:auto;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));background-color:transparent}.subheadline{font-size:1.75rem;font-weight:300;margin-bottom:var(--spacing-lg);opacity:.9}.cta-button{background-color:var(--accent-amber);color:var(--bg-dark);padding:16px 48px;border-radius:50px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:scale(1.05);background-color:#ffe066;box-shadow:0 10px 20px #0003}#products{display:flex;flex-direction:column;min-height:100vh}@media(min-width:768px){#products{flex-direction:row}}.product-card{flex:1;padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.product-card.caramel{background-color:var(--bg-cream);color:var(--text-dark)}.product-card.intenso{background-color:var(--bg-dark);color:var(--text-light)}.product-image{width:300px;margin-bottom:var(--spacing-lg);transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05) rotate(2deg)}.product-info h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.flavor-notes{font-size:1.2rem;font-style:italic;opacity:.8;margin-bottom:var(--spacing-lg)}.controls{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;justify-content:center}.roast-select{padding:10px 16px;border-radius:4px;border:1px solid rgba(0,0,0,.1);background:transparent;font-family:var(--font-sans);font-size:1rem;cursor:pointer}.product-card.caramel .roast-select{color:var(--text-dark);border-color:var(--text-dark)}.product-card.intenso .roast-select{color:var(--text-light);border-color:var(--text-light)}.add-cart-btn{padding:12px 24px;border-radius:4px;color:#fff;font-weight:600}.btn-amber{background-color:var(--accent-amber);color:var(--bg-dark)}.btn-copper{background-color:var(--accent-copper)}.add-cart-btn:hover{filter:brightness(1.1)}#story{display:flex;flex-direction:column;background-color:#fff}@media(min-width:900px){#story{flex-direction:row;height:80vh}}.story-text{flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.story-text h2{font-size:1rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-copper);margin-bottom:var(--spacing-sm)}.story-text h3{font-size:3rem;margin-bottom:var(--spacing-md);line-height:1.1}.story-text p{font-size:1.1rem;margin-bottom:var(--spacing-lg);max-width:500px;color:#555}.stats{display:flex;gap:var(--spacing-lg)}.stat{display:flex;flex-direction:column}.stat span{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--bg-dark)}.stat small{text-transform:uppercase;font-size:.8rem;letter-spacing:1px;color:#888}.story-image{flex:1;position:relative;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}#wholesale{background-color:var(--bg-dark);color:var(--accent-amber);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center}@media(min-width:768px){#wholesale{flex-direction:row;padding:var(--spacing-md)}}.wholesale-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md)}.wholesale-item h3{margin-top:var(--spacing-sm);font-size:1.5rem;color:var(--text-light)}.wholesale-item p{color:#ccc}.divider{width:100px;height:1px;background-color:#ffffff1a;margin:var(--spacing-md) 0}@media(min-width:768px){.divider{width:1px;height:60px;margin:0 var(--spacing-lg)}}footer{background-color:#111;color:#888;padding:var(--spacing-lg) var(--spacing-md);text-align:center}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.socials,.payments{display:flex;gap:var(--spacing-md);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.product-price{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.product-card.caramel .product-price{color:var(--accent-copper)}.product-card.intenso .product-price{color:var(--accent-amber)}.cart-modal{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cart-modal.active{opacity:1;visibility:visible}.cart-content{position:absolute;top:0;right:0;width:100%;max-width:400px;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.cart-modal.active .cart-content{transform:translate(0)}.cart-header{padding:var(--spacing-md);border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.cart-header h2{font-size:1.5rem;color:var(--text-dark)}.close-cart{background:none;border:none;font-size:2rem;color:var(--text-dark);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-cart:hover{color:var(--accent-copper)}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-md)}.empty-cart{text-align:center;color:#999;padding:var(--spacing-xl) 0}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid #eee;position:relative}.item-info{flex:1}.item-info h3{font-size:1rem;margin-bottom:4px;color:var(--text-dark)}.item-roast{font-size:.9rem;color:#666;margin-bottom:4px}.item-price{font-size:1rem;font-weight:600;color:var(--accent-copper)}.item-controls{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;border:1px solid var(--text-dark);background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-dark);transition:all .2s ease}.qty-btn:hover{background-color:var(--text-dark);color:#fff}.qty{min-width:24px;text-align:center;font-weight:600}.remove-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.remove-btn:hover{color:#e74c3c}.cart-footer{padding:var(--spacing-md);border-top:1px solid #eee;background-color:#f9f9f9}.delivery-address{margin-bottom:var(--spacing-md)}.delivery-address label{display:block;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:8px}.delivery-address textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:var(--font-sans);font-size:.95rem;resize:vertical;min-height:60px}.delivery-address textarea:focus{outline:none;border-color:var(--accent-copper)}.cart-subtotal,.cart-discount{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1rem;color:var(--text-dark)}.cart-discount{color:#27ae60;font-weight:600}.discount-amount{color:#27ae60}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);margin-top:8px;padding-top:8px;border-top:2px solid #ddd;font-size:1.2rem;font-weight:600;color:var(--text-dark)}.total-amount{color:var(--accent-copper)}.checkout-btn{width:100%;padding:16px;background-color:var(--accent-amber);color:var(--bg-dark);border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.checkout-btn:hover{background-color:var(--accent-copper);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cart-notification{position:fixed;bottom:20px;right:20px;background-color:var(--accent-amber);color:var(--bg-dark);padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:600;z-index:2000;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.cart-notification.show{opacity:1;transform:translateY(0)}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirmation-modal.active{opacity:1;visibility:visible}.confirmation-content{background-color:#fff;padding:var(--spacing-xl);border-radius:12px;text-align:center;max-width:400px;width:90%;box-shadow:0 10px 40px #0000004d;transform:scale(.9);transition:transform .3s ease}.confirmation-modal.active .confirmation-content{transform:scale(1)}.confirmation-icon{width:80px;height:80px;background-color:#27ae60;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin:0 auto var(--spacing-md)}.confirmation-content h2{font-size:1.8rem;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.confirmation-content p{font-size:1.1rem;color:#666;margin-bottom:var(--spacing-lg)}.confirm-btn{width:100%;padding:16px;background-color:var(--accent-amber);color:var(--bg-dark);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.confirm-btn:hover{background-color:var(--accent-copper);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}