@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap";:root{--color-primary: #40E0D0;--color-primary-light: #7FFFD4;--color-accent-yellow: #FFF700;--color-accent-pink: #FF6B6B;--color-bg: #FFFFFF;--color-text: #333333;--color-text-light: #666666;--color-grey-light: #F5F5F5;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1200px;--spacing-sm: 8px;--spacing-md: 16px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .05);--spacing-lg: 32px;--spacing-xl: 64px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:12px 32px;background-color:var(--color-primary);color:#fff;border-radius:50px;font-family:var(--font-heading);font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #40e0d04d}@media(max-width:768px){.hero-section{flex-direction:column-reverse;text-align:center;padding-top:100px!important;min-height:auto!important;padding-bottom:40px}.hero-content{padding-right:0!important;margin-bottom:40px;padding:0 20px}.hero-image{width:100%!important;height:350px!important;margin-bottom:30px;overflow:hidden;border-radius:20px}.hero-image>div{height:100%!important;object-fit:cover}.nav-links{display:none}.mobile-menu-btn{display:block!important;z-index:1001;position:relative}.mobile-menu-open .nav-links{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;z-index:1000;gap:40px;font-size:24px;animation:fadeIn .3s ease-out}.mobile-menu-open .nav-links button,.mobile-menu-open .nav-links a{font-size:24px!important;margin:0!important;padding:15px!important}}.mobile-menu-btn{display:none;background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text);padding:10px}.social-scroll{display:flex;gap:30px;overflow-x:auto;padding:20px 5px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.social-scroll::-webkit-scrollbar{display:none}.insta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-top:40px}.insta-item{aspect-ratio:1/1;background-color:#eee;position:relative;overflow:hidden;cursor:pointer;border-radius:12px}.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.insta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#40e0d0b3;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;font-weight:700;font-size:18px}.insta-item:hover img{transform:scale(1.1);filter:blur(2px)}.insta-item:hover .insta-overlay{opacity:1}.wave-container{position:absolute;bottom:0;left:0;width:100%;height:150px;overflow:hidden;z-index:1;pointer-events:none}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom;pointer-events:none}.wave-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2340E0D0' fill-opacity='0.3' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:moveWave 20s linear infinite;z-index:3;opacity:.7}.wave-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%237FFFD4' fill-opacity='0.4' d='M0,160L48,176C96,192,192,224,288,224C384,224,480,192,576,165.3C672,139,768,117,864,128C960,139,1056,181,1152,197.3C1248,213,1344,203,1392,197.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:moveWave 15s linear infinite reverse;z-index:2;opacity:.5;height:120%}.wave-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FFF700' fill-opacity='0.2' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,224C672,245,768,267,864,250.7C960,235,1056,181,1152,165.3C1248,149,1344,171,1392,181.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:moveWave 25s linear infinite;z-index:1;opacity:.3;height:110%}.wave-red{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FF6B6B' fill-opacity='0.2' d='M0,128L48,144C96,160,192,192,288,186.7C384,181,480,139,576,149.3C672,160,768,224,864,229.3C960,235,1056,181,1152,160C1248,139,1344,149,1392,154.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");animation:moveWave 22s linear infinite reverse;z-index:4;opacity:.4;height:115%}@keyframes moveWave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float-around{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translate(-5px,-25px) rotate(-5deg)}75%{transform:translate(-15px,-10px) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sway{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.ingredient-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;opacity:0;transition:opacity .4s ease}.product-card:hover .ingredient-container,.product-detail-image .ingredient-container{opacity:1}.ingredient{position:absolute;font-size:24px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));animation:float-around 6s ease-in-out infinite}.ing-parsley{font-size:28px;opacity:.8}.ing-lemon{font-size:32px;opacity:.9}.ing-cinnamon{font-size:30px;opacity:.85}.flavor-card-container .flavor-visual-area{height:250px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;z-index:2}.flavor-splash-image{width:100%;height:100%;object-fit:contain;overflow:hidden;transform:scale(.9)}@keyframes float{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.liquid-shape{animation:float 20s ease-in-out infinite;filter:blur(60px)}.text-gradient{background:linear-gradient(45deg,var(--color-primary),var(--color-accent-pink),var(--color-accent-yellow));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1{font-size:clamp(32px,5vw,48px)}h2{font-size:clamp(24px,4vw,36px)}h3{font-size:clamp(20px,3vw,28px)}.social-scroll-wrapper{position:relative}@media(max-width:768px){.social-scroll-wrapper:after{content:"→";position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(to left,#ffffffe6,#fff0);padding:20px 10px 20px 30px;font-size:24px;color:var(--color-primary);pointer-events:none;animation:bounceRight 2s infinite}}@keyframes bounceRight{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(5px)}}.testimonial-card{min-width:300px;background-color:#f5f5f5;padding:30px;border-radius:15px;flex-shrink:0;transition:transform .3s ease}@media(max-width:768px){.testimonial-card{min-width:85vw;padding:20px}}.about-hero{text-align:center;margin-bottom:60px}.about-story{display:flex;align-items:center;gap:60px;margin-bottom:80px}.about-image-placeholder{flex:1;height:400px;background-color:#eee;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#999}.about-vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:80px}.process-steps-container{display:flex;justify-content:space-between;position:relative;margin:80px 0}.process-line{position:absolute;top:20px;left:0;width:100%;height:2px;background-color:#ddd;z-index:-1}.process-step{background-color:#fff;padding:0 20px;flex:1}.certifications-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}@media(max-width:768px){.about-story{flex-direction:column-reverse;gap:30px;margin-bottom:40px}.about-image-placeholder{width:100%;height:250px}.about-vision-mission{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.process-steps-container{flex-direction:column;gap:30px}.process-line{display:none}.process-step{padding:20px;border-bottom:1px solid #eee}.certifications-grid{gap:15px}.certifications-grid>div{width:100%}}