*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;--primary-color: white;--secondary-color: #4a7c23;--accent-color: #8b6914;--accent-light: #c9a557;--text-dark: #1a2810;--text-light: #4d6643;--bg-light: #f5f8f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:var(--text-dark)}#root{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-light)}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:var(--bg-light)}*::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-color)}.header{background:#f5f5f5;padding:1rem 0;box-shadow:0 2px 10px #00000026;position:sticky;top:0;z-index:100;border-bottom:3px solid #8b6914}.header .container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo a{text-decoration:none;color:#fff;display:flex;align-items:center;gap:1rem}.logo-image{width:60px;height:60px;object-fit:cover;border-radius:50%;border:3px solid #c9a557;box-shadow:2px 2px 4px #0000004d,0 0 20px #c9a557cc,0 0 40px #c9a55780}.logo-text{display:flex;flex-direction:column;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(201,165,87,.8),0 0 40px rgba(201,165,87,.5)}.logo h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:2px}.logo .tagline{margin:0;font-size:.9rem;opacity:.9;font-style:italic;color:#000}.nav ul{list-style:none;display:flex;gap:.5rem;margin:0;padding:0}.nav a{color:#000;text-decoration:none;font-weight:500;font-size:1.1rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:5px}.nav a:hover{background:#fff3;transform:translateY(-2px)}.auth-section,.user-menu{display:flex;align-items:center;gap:1rem}.user-name{color:#fff;font-weight:500;padding:.5rem 1rem;background:#ffffff1a;border-radius:5px}.signin-btn,.signout-btn{padding:.6rem 1.5rem;background:linear-gradient(135deg,#c9a557,#8b6914);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.signin-btn:hover,.signout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #c9a55766}@media(max-width:768px){.header .container{flex-direction:column;gap:1rem}.logo-image{width:50px;height:50px}.logo h1{font-size:1.5rem}.logo .tagline{font-size:.8rem}.nav ul{gap:1rem;flex-wrap:wrap;justify-content:center}.nav a{font-size:.9rem;padding:.3rem .8rem}}.footer{background:#2c2c2c;color:#fff;padding:3rem 0 1rem;margin-top:auto}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#c9a557;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#c9a557;margin-bottom:1rem;font-size:1.2rem}.footer-section p{margin:.5rem 0;opacity:.9;line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin:.5rem 0}.footer-section a{color:#fff;text-decoration:none;transition:color .3s ease;opacity:.9}.footer-section a:hover{color:#c9a557;opacity:1}.social-links{display:flex;flex-direction:row;gap:.5rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.8}.footer-bottom p{margin:0}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section{text-align:center}.social-links{align-items:center}}.home{min-height:calc(100vh - 200px)}.hero{padding:4rem 2rem 2rem;text-align:center;color:#000;border-bottom:5px solid #8b6914;min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{max-width:900px;margin:0 auto;animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-text{font-size:2rem;font-weight:300;letter-spacing:3px;text-transform:uppercase;margin-bottom:2rem;opacity:.95;font-style:italic}.hero-logo-container{margin:2rem auto;display:inline-block;position:relative;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-logo{width:300px;height:300px;object-fit:cover;border-radius:50%;border:6px solid #c9a557;box-shadow:0 0 30px #c9a55799,0 0 60px #c9a55766,0 10px 40px #00000080;transition:all .3s ease}.hero-logo:hover{transform:scale(1.05);box-shadow:0 0 40px #c9a557cc,0 0 80px #c9a55799,0 15px 50px #0009}.hero-brand-name{font-size:3.5rem;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(201,165,87,.8),0 0 40px rgba(201,165,87,.5);position:relative}.hero-subtitle{font-size:1.8rem;margin-bottom:1rem;font-weight:500}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2rem;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(135deg,#c9a557,#8b6914);color:#fff;border:2px solid #c9a557}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #c9a55766;background:linear-gradient(135deg,#8b6914,#c9a557)}.btn-secondary{background:#333;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#2d5016;transform:translateY(-3px)}.scroll-indicator{position:absolute;bottom:30px;right:40px;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;animation:bounce 2s infinite;transition:all .3s ease}.scroll-indicator:hover{transform:scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-text{font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;opacity:.9}.scroll-icon{width:30px;height:50px;border:7px solid rgb(170 135 53);border-radius:25px;position:relative;display:flex;justify-content:center;padding-top:10px}.scroll-icon:before{content:"";width:6px;height:10px;background:#000;border-radius:3px;animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.features{background:linear-gradient(#f9f9f9f2,#f9f9f9f2),url(/achar.png);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.features .container{max-width:1200px;margin:0 auto}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#2d5016;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#666;line-height:1.6}.cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#2d5016f2,#4a7c23f2),url(/achar.png);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;text-align:center;border-top:5px solid #8b6914;position:relative}.cta-section .container{max-width:800px;margin:0 auto}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.3rem;margin-bottom:2rem;opacity:.95}.btn-large{padding:1.2rem 3rem;font-size:1.2rem}@media(max-width:768px){.hero{padding:3rem 1rem 2rem;min-height:90vh}.welcome-text{font-size:1.3rem;letter-spacing:2px;margin-bottom:1.5rem}.hero-logo{width:150px;height:150px;border:4px solid #c9a557}.hero-brand-name{font-size:2rem;letter-spacing:2px;margin:1.5rem 0 1rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.scroll-indicator{bottom:20px;right:20px}.scroll-text{font-size:.8rem}.scroll-icon{width:25px;height:40px;border:2px solid rgba(255,255,255,.8)}.features{padding:3rem 1rem;background-attachment:scroll}.features h2{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.cta-section{padding:3rem 1rem;background-attachment:scroll}.cta-section h2{font-size:1.8rem}}.products-page{min-height:calc(100vh - 200px)}.products-hero{background:linear-gradient(135deg,#2d5016,#4a7c23);padding:4rem 2rem;text-align:center;color:#fff;border-bottom:5px solid #8b6914}.products-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.products-hero p{font-size:1.2rem;opacity:.95}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.8rem 2rem;border:2px solid #4a7c23;background:#fff;color:#2d5016;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.filter-btn:hover{background:#f5f8f3;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border-color:#4a7c23}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.product-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.product-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #00000026}.product-image{background:linear-gradient(135deg,#fff5f2,#ffe8df);display:flex;align-items:center;justify-content:center;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:0}.placeholder-image{font-size:5rem;opacity:.8}.product-info{padding:1.5rem}.product-category{display:inline-block;background:linear-gradient(135deg,#8b6914,#c9a557);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.product-info h3{font-size:1.5rem;color:#333;margin:.5rem 0}.product-info p{color:#666;line-height:1.6;margin:.5rem 0 1rem}.product-meta{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.product-weight{color:#666;font-weight:500}.product-price{font-size:1.5rem;color:#8b6914;font-weight:700}.add-to-cart-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-to-cart-btn:hover{background:linear-gradient(135deg,#5d9a2b,#6bb033);transform:translateY(-2px);box-shadow:0 4px 8px #4a7c234d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;min-height:400px}.pickle-jar-animation{position:relative;margin-bottom:2rem}.jar{position:relative;width:150px;height:200px;animation:jarShake 2s ease-in-out infinite}@keyframes jarShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.jar-lid{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:20px;background:linear-gradient(135deg,#c9a557,#8b6914);border-radius:10px 10px 0 0;border:3px solid #6d4c0f;z-index:10;box-shadow:0 4px 10px #0003}.lid-shine{position:absolute;top:5px;left:20%;width:30px;height:5px;background:#ffffff80;border-radius:5px;animation:shine 2s ease-in-out infinite}@keyframes shine{0%,to{opacity:.3}50%{opacity:.8}}.jar-body{position:absolute;top:15px;left:50%;transform:translate(-50%);width:120px;height:180px;background:linear-gradient(135deg,#a9dfbf66,#90ee904d);border-radius:10px;border:4px solid rgba(74,124,35,.3);overflow:hidden;box-shadow:inset 0 0 30px #4a7c2333,0 8px 20px #00000026}.brine{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(180deg,#a9dfbf99,#90ee9080);animation:brineBubble 3s ease-in-out infinite}@keyframes brineBubble{0%,to{height:70%}50%{height:75%}}.pickle{position:absolute;font-size:2rem;z-index:5}.pickle-1{top:20%;left:20%;animation:float1 3s ease-in-out infinite}.pickle-2{top:50%;right:15%;animation:float2 3.5s ease-in-out infinite}.pickle-3{bottom:25%;left:30%;animation:float3 4s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-10deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(15deg)}}.loading-text{font-size:1.8rem;color:#2d5016;margin:1rem 0 .5rem;font-weight:700;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.8}50%{opacity:1}}.loading-subtext{font-size:1.1rem;color:#4a7c23;font-style:italic;margin:0}.no-products{text-align:center;padding:3rem;font-size:1.2rem;color:#666}@media(max-width:768px){.products-hero h1{font-size:1.8rem}.products-hero p{font-size:1rem}.products-grid{grid-template-columns:1fr}.category-filter{gap:.5rem}.filter-btn{padding:.6rem 1.5rem;font-size:.9rem}.jar{width:120px;height:160px}.jar-lid{width:80px;height:16px}.jar-body{width:100px;height:150px}.pickle{font-size:1.5rem}.loading-text{font-size:1.4rem}.loading-subtext{font-size:.95rem}.loading-container{padding:3rem 1rem;min-height:300px}}.about-page{min-height:calc(100vh - 200px)}.about-hero{background:linear-gradient(135deg,#2d5016,#4a7c23);padding:4rem 2rem;text-align:center;color:#fff;border-bottom:5px solid #8b6914}.about-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.about-hero p{font-size:1.3rem;opacity:.95;font-style:italic}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.our-story{padding:4rem 0}.our-story h2{font-size:2.5rem;color:#333;margin-bottom:2rem;text-align:center}.story-content{max-width:800px;margin:0 auto}.story-content p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem;text-align:justify}.our-values{background:#f9f9f9;margin:0 -2rem;padding:4rem 2rem}.our-values h2{font-size:2.5rem;color:#333;margin-bottom:3rem;text-align:center}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.value-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{color:#2d5016;font-size:1.5rem;margin-bottom:1rem}.value-card p{color:#666;line-height:1.6}.our-process{padding:4rem 0}.our-process h2{font-size:2.5rem;color:#333;margin-bottom:3rem;text-align:center}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.process-step{text-align:center;position:relative}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#8b6914,#c9a557);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 10px #8b69144d}.process-step h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.cta-about{text-align:center;background:linear-gradient(135deg,#ff6b351a,#f7931e1a);margin:4rem -2rem 0;padding:4rem 2rem}.cta-about h2{font-size:2rem;color:#333;margin-bottom:1rem}.cta-about p{font-size:1.2rem;color:#666}@media(max-width:768px){.about-hero h1{font-size:1.8rem}.about-hero p{font-size:1rem}.our-story h2,.our-values h2,.our-process h2{font-size:1.8rem}.story-content p{font-size:1rem}.values-grid,.process-steps{grid-template-columns:1fr}.cta-about h2{font-size:1.5rem}.cta-about p{font-size:1rem}}.contact-page{min-height:calc(100vh - 200px)}.contact-hero{background:linear-gradient(135deg,#2d5016,#4a7c23);padding:4rem 2rem;text-align:center;color:#fff;border-bottom:5px solid #8b6914}.contact-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.contact-hero p{font-size:1.3rem;opacity:.95}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h2,.contact-form-container h2{font-size:2rem;color:#333;margin-bottom:1.5rem}.contact-intro{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.info-item{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f5f8f3;border-radius:10px;border-left:4px solid #4a7c23}.info-icon{font-size:2rem;min-width:40px}.info-item h3{color:#2d5016;margin:0 0 .5rem;font-size:1.2rem}.info-item p{margin:.3rem 0;color:#666;line-height:1.6}.contact-form-container{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{margin-bottom:.5rem;color:#333;font-weight:600}.form-group input,.form-group textarea{padding:.8rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a7c23;box-shadow:0 0 0 3px #4a7c231a}.form-group textarea{resize:vertical}.submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px #4a7c234d;background:linear-gradient(135deg,#5d9a2b,#6bb033)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}@media(max-width:968px){.contact-content{grid-template-columns:1fr}.contact-hero h1{font-size:1.8rem}.contact-hero p{font-size:1rem}.contact-info h2,.contact-form-container h2{font-size:1.5rem}.info-item{flex-direction:column;align-items:flex-start}.contact-form-container{padding:1.5rem}}.orders-page{min-height:calc(100vh - 200px)}.orders-hero{background:linear-gradient(135deg,#2d5016,#4a7c23);padding:4rem 2rem;text-align:center;color:#fff}.orders-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.orders-hero p{font-size:1.3rem;opacity:.95}.container{max-width:1400px;margin:0 auto;padding:3rem 2rem}.orders-content{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}.form-card,.summary-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.form-card h2,.summary-card h2{color:#2d5016;margin-bottom:1.5rem;font-size:1.8rem;border-bottom:3px solid #8b6914;padding-bottom:.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;color:#2d5016;font-weight:600;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.9rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4a7c23;background:#fff;box-shadow:0 0 0 3px #4a7c231a}.add-product-form{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;align-items:end}.add-btn{padding:.9rem 2rem;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4a7c234d}.summary-card{position:sticky;top:100px;max-height:calc(100vh - 150px);overflow-y:auto}.summary-header{display:flex;justify-content:space-between;align-items:center}.empty-order{text-align:center;padding:3rem 1rem;color:#999}.order-items{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.order-item{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background:#f9f9f9;border-radius:10px;margin-bottom:1rem;border-left:4px solid #4a7c23;transition:all .3s ease}.order-item:hover{background:#f0f5ec;transform:translate(5px)}.item-info h4{margin:0 0 .3rem;color:#2d5016;font-size:1.1rem}.item-info p{margin:0;color:#666;font-size:.9rem}.item-controls{display:flex;align-items:center;gap:1rem}.quantity-control{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:8px;padding:.3rem;border:2px solid #e0e0e0}.quantity-control button{width:28px;height:28px;border:none;background:#4a7c23;color:#fff;border-radius:5px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease}.quantity-control button:hover{background:#5d9a2b}.quantity-control span{min-width:30px;text-align:center;font-weight:600;color:#2d5016}.item-price{font-weight:700;color:#8b6914;font-size:1.1rem;min-width:80px;text-align:right}.remove-btn{width:30px;height:30px;border:none;background:#dc3545;color:#fff;border-radius:50%;cursor:pointer;font-size:1.5rem;line-height:1;transition:all .2s ease}.remove-btn:hover{background:#c82333;transform:scale(1.1)}.order-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f0f5ec,#e8f0e0);border-radius:10px;margin-bottom:1.5rem;border:2px solid #4a7c23}.order-total h3{margin:0;color:#2d5016;font-size:1.5rem}.share-actions{display:flex;flex-direction:column;gap:1rem}.share-actions button{padding:1rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #25d3664d}.email-btn{background:linear-gradient(135deg,#ea4335,#d33426);color:#fff}.email-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ea43354d}.download-btn{background:linear-gradient(135deg,#8b6914,#a57f1a);color:#fff}.download-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #8b69144d}.share-actions button span{font-size:1.3rem}@media(max-width:1024px){.orders-content{grid-template-columns:1fr}.summary-card{position:static;max-height:none}}@media(max-width:768px){.orders-hero h1{font-size:1.8rem}.form-grid,.add-product-form{grid-template-columns:1fr}.order-item{flex-direction:column;align-items:flex-start;gap:1rem}.item-controls{width:100%;justify-content:space-between}.form-card,.summary-card{padding:1.5rem}}.referral-page{min-height:calc(100vh - 200px)}.referral-hero{background:linear-gradient(135deg,#2d5016,#4a7c23);padding:4rem 2rem;text-align:center;color:#fff;border-bottom:5px solid #8b6914}.referral-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.referral-hero p{font-size:1.3rem;opacity:.95}.referral-banner{display:grid;grid-template-columns:2fr 1fr;gap:2rem;background:linear-gradient(135deg,#c9a557,#8b6914);border-radius:20px;padding:3rem;margin-bottom:4rem;box-shadow:0 10px 30px #8b69144d;align-items:center}.banner-content{color:#fff}.reward-amount{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.rupee-icon{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.amount{font-size:5rem;font-weight:700;line-height:1;text-shadow:3px 3px 6px rgba(0,0,0,.3)}.banner-content h2{font-size:2rem;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.banner-content p{font-size:1.2rem;opacity:.95}.banner-image{display:flex;justify-content:center;align-items:center}.jar-emoji{font-size:8rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.how-it-works{margin-bottom:4rem}.how-it-works h2{text-align:center;font-size:2.5rem;color:#2d5016;margin-bottom:3rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.step-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease;position:relative}.step-card:hover{transform:translateY(-10px)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 8px #4a7c234d}.step-icon{font-size:3rem;margin:1.5rem 0 1rem}.step-card h3{color:#2d5016;margin:1rem 0;font-size:1.3rem}.step-card p{color:#666;line-height:1.6}.referral-code-section{background:#f9f9f9;padding:3rem;border-radius:15px;margin-bottom:4rem;text-align:center}.referral-code-section h2{font-size:2rem;color:#2d5016;margin-bottom:2rem}.code-container{display:flex;gap:1rem;justify-content:center;align-items:center;margin-bottom:1rem}.code-display{background:#fff;border:3px dashed #4a7c23;padding:1.5rem 3rem;border-radius:10px;display:flex;align-items:center;gap:1rem}.code-label{font-size:1rem;color:#666;font-weight:600}.code-text{font-size:2rem;font-weight:700;color:#2d5016;letter-spacing:3px}.copy-btn{padding:1rem 2rem;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #4a7c234d}.code-note{color:#666;font-style:italic;margin-top:1rem}.benefits-section{margin-bottom:4rem}.benefits-section h2{text-align:center;font-size:2.5rem;color:#2d5016;margin-bottom:3rem}.benefit-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;border:2px solid #e0e0e0;transition:all .3s ease}.benefit-card:hover{border-color:#4a7c23;box-shadow:0 5px 15px #4a7c2333}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{color:#2d5016;margin:1rem 0;font-size:1.2rem}.benefit-card p{color:#666;line-height:1.6}.share-section{background:linear-gradient(135deg,#f5f8f3,#e8f5e9);padding:3rem;border-radius:15px;text-align:center;margin-bottom:3rem}.share-section h2{font-size:2rem;color:#2d5016;margin-bottom:.5rem}.share-section p{color:#666;margin-bottom:2rem}.share-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.share-btn{padding:1rem 2rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.whatsapp-share{background:#25d366;color:#fff}.facebook-share{background:#1877f2;color:#fff}.twitter-share{background:#1da1f2;color:#fff}.email-share{background:#ea4335;color:#fff}.share-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.terms-section{background:#f9f9f9;padding:2rem;border-radius:10px;border-left:4px solid #4a7c23}.terms-section h3{color:#2d5016;margin-bottom:1rem;font-size:1.5rem}.terms-section ul{list-style:none;padding:0}.terms-section li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6}.terms-section li:before{content:"✓";position:absolute;left:0;color:#4a7c23;font-weight:700}@media(max-width:968px){.referral-banner{grid-template-columns:1fr;padding:2rem}.jar-emoji{font-size:5rem}.steps-grid,.benefits-grid{grid-template-columns:1fr}.code-container,.share-buttons{flex-direction:column}.share-btn{width:100%;justify-content:center}}.partner-page{min-height:calc(100vh - 200px)}.partner-hero{background:linear-gradient(135deg,#2d5016,#4a7c23);padding:4rem 2rem;text-align:center;color:#fff;border-bottom:5px solid #8b6914}.partner-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.partner-hero p{font-size:1.3rem;opacity:.95}.container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.partner-intro{margin-bottom:4rem;text-align:center}.partner-intro h2{font-size:2.5rem;color:#2d5016;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.benefit-item{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease;text-align:center}.benefit-item:hover{transform:translateY(-10px)}.benefit-icon{font-size:3rem;display:block;margin-bottom:1rem}.benefit-item h3{color:#2d5016;margin:1rem 0;font-size:1.3rem}.benefit-item p{color:#666;line-height:1.6}.partner-form-section{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 5px 20px #0000001a;margin-bottom:4rem}.partner-form-section h2{font-size:2rem;color:#2d5016;margin-bottom:.5rem;text-align:center}.form-subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:1.1rem}.partner-form{max-width:900px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#2d5016;margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a7c23;box-shadow:0 0 0 3px #4a7c231a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 15px #4a7c234d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.partner-process{margin-bottom:4rem}.partner-process h2{text-align:center;font-size:2.5rem;color:#2d5016;margin-bottom:3rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.process-step{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 10px #0000001a;text-align:center;position:relative}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#4a7c23,#5d9a2b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 4px 10px #4a7c234d}.process-step h3{color:#2d5016;margin:1rem 0;font-size:1.3rem}.process-step p{color:#666;line-height:1.6}.contact-info{background:linear-gradient(135deg,#f5f8f3,#e8f5e9);padding:3rem;border-radius:15px;text-align:center}.contact-info h3{font-size:2rem;color:#2d5016;margin-bottom:.5rem}.contact-info>p{color:#666;margin-bottom:2rem;font-size:1.1rem}.contact-details{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;color:#2d5016;font-weight:500}.contact-icon{font-size:1.5rem}@media(max-width:968px){.benefits-grid,.process-steps,.form-row{grid-template-columns:1fr}.partner-form-section{padding:2rem 1.5rem}.contact-details{flex-direction:column;gap:1rem;align-items:center}.partner-hero h1{font-size:1.8rem}.partner-hero p{font-size:1.1rem}.partner-intro h2,.partner-process h2{font-size:2rem}}.feedback-page{padding-bottom:4rem;min-height:80vh}.feedback-hero{background-color:#f4f7f2;padding:4rem 2rem;text-align:center;margin-bottom:3rem}.feedback-hero h1{color:#2c4c16;font-size:2.5rem;margin-bottom:1rem}.feedback-hero p{color:#555;font-size:1.1rem;max-width:600px;margin:0 auto}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.feedback-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease}.feedback-card:hover{transform:translateY(-5px)}.feedback-header{display:flex;align-items:center;gap:1rem}.customer-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #8ab661}.customer-placeholder{width:60px;height:60px;border-radius:50%;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.customer-info h3{margin:0;color:#333;font-size:1.1rem}.customer-rating{font-size:.9rem;margin-top:.25rem}.feedback-body p{color:#666;line-height:1.6;font-style:italic;margin:0}.feedback-product-image img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-top:.5rem}.no-feedback{grid-column:1 / -1;text-align:center;padding:3rem;color:#666;font-size:1.1rem;background:#f9f9f9;border-radius:8px}.gallery-page{padding-bottom:4rem;min-height:80vh}.gallery-hero{background-color:#f4f7f2;padding:4rem 2rem;text-align:center;margin-bottom:3rem}.gallery-hero h1{color:#2c4c16;font-size:2.5rem;margin-bottom:1rem}.gallery-hero p{color:#555;font-size:1.1rem;max-width:600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.gallery-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease;display:flex;flex-direction:column}.gallery-card:hover{transform:translateY(-5px)}.gallery-image-container{width:100%;height:250px;position:relative;cursor:pointer;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-card:hover .gallery-image{transform:scale(1.05)}.gallery-placeholder{width:100%;height:100%;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:3rem}.gallery-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-overlay span{color:#fff;font-weight:600;font-size:1.2rem;background:#0009;padding:.5rem 1rem;border-radius:20px}.gallery-card:hover .gallery-overlay{opacity:1}.gallery-info{padding:1.5rem}.gallery-info h3{margin:0 0 .5rem;color:#2c4c16;font-size:1.3rem}.gallery-info p{margin:0;color:#666;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}