: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}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.bottle-loader{width:50px;height:100px;border:4px solid #ffffff;border-radius:10px;position:relative;animation:shake 1.2s infinite ease-in-out}.bottle-loader:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,#00c6ff,#0072ff);border-radius:6px;animation:fill 1.2s infinite alternate ease-in-out}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes fill{0%{height:20%}to{height:80%}}.loader-text{margin-top:20px;color:#fff;font-size:1.2rem;letter-spacing:1px;font-weight:500}:root{--dust-orange: #c07907;--dark-blue: #002b5b;--white: #ffffff;--muted: #52606d}.header{width:100%;background:linear-gradient(90deg,#ffd600,#9ad24f,#23d0a7,#00b2ff);position:sticky;top:0;z-index:1000}.navbar{max-width:1200px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:12px}.logo{height:35px;border-radius:8px;object-fit:cover}.brand-wrap{display:flex;flex-direction:column}.brand-name{font-size:1.2rem;font-weight:700;color:navy}.sub-brand{font-size:.85rem;color:var(--dust-orange);margin-top:-3px}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links li a{text-decoration:none;font-size:1rem;color:var(--dark-blue);font-weight:500;transition:.3s ease}.nav-links li a:hover{color:var(--dust-orange)}.hamburger{font-size:25px;background:none;border:none;cursor:pointer;color:var(--dark-blue);display:none;z-index:1100;transition:.3s ease}.hamburger:focus,.hamburger:active{outline:none;border:none}.hamburger:hover{box-shadow:0 0 8px #045685}.overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;opacity:0;pointer-events:none;transition:.3s ease}.overlay.show{opacity:1;pointer-events:auto}@media(max-width:768px){.hamburger{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;background:var(--white);flex-direction:column;opacity:0;max-height:0;overflow:hidden;transition:all .4s ease;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 5px 12px #00000026}.nav-links.show{opacity:1;max-height:500px;padding:20px 0;background:#fefffd8c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.nav-links li{width:100%;text-align:center}.nav-links li a{width:100%;padding:14px 0;font-size:1.1rem;display:block}.brand-name{font-size:1rem}}.hero{position:relative;width:100%;height:75vh;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#f6df68,#b6fa82,#90fff2,#fff4d3);background-size:300% 300%;animation:bgMove 12s ease infinite}@keyframes bgMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-overlay{position:absolute;inset:0;background:#ffffff1a;z-index:1}.hero-inner{z-index:2;text-align:center;padding:20px;max-width:650px}.hero-title{font-size:2.8rem;font-weight:800;margin-bottom:12px;line-height:1.2;color:#002b5b}.gradient-text{background:linear-gradient(359deg,#002b5b,#004c8c,#00b2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{font-size:1.2rem;color:#083a63;margin-bottom:28px}.hero-ctas{display:flex;gap:14px;justify-content:center}.btn{padding:12px 26px;font-size:1rem;border-radius:50px;text-decoration:none;font-weight:600;transition:.3s ease}.btn-primary{background:#002b5b;color:#fff}.btn-primary:hover{background:#004b85}.btn-outline{border:2px solid #002b5b;color:#002b5b}.btn-outline:hover{background:#002b5b;color:#fff}.bubbles{position:absolute;inset:0;overflow:hidden;z-index:0}.bubble{position:absolute;bottom:-60px;width:22px;height:22px;background:#ffffff4a;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:rise 9s infinite ease-in;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 0 10px #ffffff2e}.bubble:nth-child(1){left:15%;animation-duration:5s;width:16px;height:16px}.bubble:nth-child(2){left:45%;animation-duration:7s;width:25px;height:25px}.bubble:nth-child(3){left:70%;animation-duration:6s}.bubble:nth-child(4){left:85%;animation-duration:5.5s;width:20px;height:20px}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-120vh) scale(1.3);opacity:0}}@media(max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero{height:75vh}}@media(max-width:480px){.hero-title{font-size:1.7rem}}.section.products{padding:80px 20px;position:relative;overflow:hidden}img.section-logo{border-radius:14px}.skybell-bg{background:linear-gradient(135deg,#dff6ff,#c4e9ff,#b2e0ff,#bcff9f,#e4fe8f);background-size:400% 400%;animation:skybellMove 10s ease-in-out infinite}.mansun-bg{background:linear-gradient(135deg,#fff3d4,#ffe3a8,#f8e1b5,#e1fda3,#e2de19);background-size:400% 400%;animation:mansunMove 12s ease-in-out infinite}@keyframes skybellMove{0%{background-position:0% 30%}50%{background-position:100% 70%}to{background-position:0% 30%}}@keyframes mansunMove{0%{background-position:20% 0%}50%{background-position:80% 100%}to{background-position:20% 0%}}.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.bubble{position:absolute;bottom:-150px;background:#ffffffb3;border-radius:50%;filter:blur(.5px);animation:rise 7s infinite linear}@keyframes rise{0%{transform:translateY(0) scale(.9);opacity:.9}to{transform:translateY(-120vh) scale(1.4);opacity:0}}.product-switch{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:40px;z-index:20}.product-switch button{padding:12px 32px;border-radius:40px;border:2px solid rgba(255,235,120,.45);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;font-weight:600;cursor:pointer;color:#2c2c2c;transition:all .35s ease;box-shadow:0 4px 12px #ffef9640;outline:none!important}.product-switch button:hover{background:#ffffff80;transform:translateY(-2px);border-color:#ffffa0cc;box-shadow:0 0 6px #fffaaab3,0 0 14px #fff07880}.product-switch .active{background:#fffdf0;border-color:#ffef82;transform:scale(1.06);box-shadow:0 0 8px #ffffa0e6,0 0 22px #fff07899,0 6px 18px #00000014}@media(max-width:480px){.product-switch button{padding:10px 24px;font-size:14px}}.section-head{text-align:center;z-index:20}.section-logo{width:130px;height:auto;margin-bottom:10px}.section-head h2{font-size:28px;font-weight:700;color:#002b5b;margin-bottom:10px}.section-head .muted{color:#555a60}.flavours-grid{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;z-index:20;position:relative}.flavour-card{background:#ffffff8c;padding:10px;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.4)}.flavour-card:hover{transform:translateY(-6px);background:#ffffffbf;box-shadow:0 6px 20px #00000026}.flavour-card img{width:100px;height:auto;margin-bottom:14px;border-radius:6px}.flavour-card h3{font-size:18px;font-weight:700;color:#222;margin-bottom:6px}.flavour-card p{color:#555;font-size:14px}@media(max-width:768px){.section.products{padding:60px 16px}.product-switch button{padding:10px 20px;font-size:14px}.section-logo{width:100px}.section-head h2{font-size:22px}.flavour-card img{width:100%}}:root{--text-color: #333;--highlight-color: #f0a93b;--font-family: "Poppins", sans-serif}.section{padding:80px 20px;font-family:var(--font-family);color:var(--text-color);position:relative;overflow:hidden}.section:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(270deg,#ffe4b6,#c5f039,#fff45f,#befaff);background-size:800% 800%;animation:gradientMove 20s ease infinite;z-index:-1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.about-container{margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:25px;position:relative;z-index:1}.about-content h2{color:navy;font-size:2.5rem;margin-bottom:25px;position:relative}.about-content p{color:#180606;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.about-content p.highlight{font-weight:600;color:#461c89;background-color:#fff3;padding:15px 20px;border-left:5px solid #eea803;border-radius:8px;max-width:95%;margin:0 auto}@media(max-width:768px){.about-content h2{font-size:2rem}.about-content p{font-size:1rem}.about-content p.highlight{padding:12px 15px}}@media(max-width:480px){.section{padding:60px 15px}.about-content h2:after{width:40px}}:root{--primary-color: #d76e05;--secondary-color: #fff7ed;--text-color: #333;--muted-color: #55637a;--btn-outline-color: #d76e05;--btn-secondary-color: #ffa94d;--font-family: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}.section{padding:80px 20px;font-family:var(--font-family);background-color:var(--secondary-color);color:var(--text-color)}.section h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:10px}.section p.muted{text-align:center;color:var(--muted-color);font-size:1.1rem;margin-bottom:50px}.contact-wrapper{display:flex;gap:50px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.contact-details{flex:1 1 400px;background-color:#fff;padding:30px 25px;border-radius:15px;box-shadow:0 8px 25px #0000001a}.contact-details h3{color:var(--primary-color);margin-bottom:20px;font-size:1.8rem}.contact-details p{margin-bottom:15px;font-size:1rem;line-height:1.6}.contact-details a{color:var(--primary-color);text-decoration:none}.contact-details a:hover{text-decoration:underline}.quick-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.quick-buttons a:hover{text-decoration:none}.btn{display:inline-block;padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none}.btn-primary{background-color:transparent;border:2px solid var(--btn-outline-color);color:var(--btn-outline-color)}.btn-primary:hover{background-color:var(--btn-outline-color);color:#fff}.btn-outline{background-color:transparent;border:2px solid var(--btn-outline-color);color:var(--btn-outline-color)}.btn-outline:hover{background-color:var(--btn-outline-color);color:#fff}.btn-secondary{background-color:transparent;border:2px solid var(--btn-outline-color);color:var(--btn-outline-color)}.btn-secondary:hover{background-color:var(--btn-outline-color);color:#fff}.contact-form{flex:1 1 500px;background-color:#fff;padding:30px 25px;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;gap:20px}.contact-form label{display:flex;flex-direction:column;font-weight:500;font-size:1rem;color:var(--text-color)}.contact-form input,.contact-form textarea{margin-top:8px;padding:12px 15px;border-radius:8px;border:1px solid #ccc;font-size:1rem;resize:vertical;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px #d76e054d}.submit-btn{margin-top:10px;font-size:1.1rem;border-color:var(--primary-color)}.submit-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 5px 15px #d76e054d}@media(max-width:992px){.contact-wrapper{gap:30px}}@media(max-width:768px){.contact-wrapper{flex-direction:column}.section h2{font-size:2rem}.contact-details,.contact-form{width:100%}}@media(max-width:480px){.section{padding:60px 15px}.section h2{font-size:1.8rem}.quick-buttons{flex-direction:column}}.whatsapp-float{position:fixed;bottom:20px;right:20px;width:60px;height:60px;z-index:1000;cursor:pointer;transition:all .3s ease}.whatsapp-float img{width:100%;height:100%;border-radius:50%}.whatsapp-float:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.footer{background:linear-gradient(135deg,#000c66,#20066f,#002b5b);color:var(--text-color);padding:30px 20px;font-family:var(--font-family)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;flex-direction:row;align-items:center;gap:15px}.footer-logo{width:50px;height:auto;border-radius:6px}.footer-brand h3{font-size:1.2rem;font-weight:600;color:var(--primary-color)}.footer-brand .muted{color:var(--muted-color);font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0}.footer-links li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.footer-links li a:hover{color:var(--primary-color);text-decoration:none}.footer-copy{flex-basis:100%;text-align:center;color:#dcdcdc;font-size:.8rem;margin-top:15px}@media(max-width:992px){.footer-inner{flex-direction:column;gap:15px;text-align:center}.footer-brand,.footer-links{justify-content:center}}@media(max-width:480px){.footer-brand h3{font-size:1rem}.footer-links li a{font-size:.9rem}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{width:60px;height:60px;border:6px solid #00bfff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loader-text{margin-top:15px;font-size:16px;color:#002b5b;font-weight:600;letter-spacing:.3px}@keyframes spin{to{transform:rotate(360deg)}}.blur-content{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}
