.background{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;text-align:center;position:relative;overflow:hidden;min-height:300px;margin-top:0;margin-bottom:10px;.hero-content{position:relative;z-index:1;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:24px}.hero-graphic{width:300px;height:225px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.hero-title{background:linear-gradient(135deg,var(--soft-black) 0,var(--eco-green-accessible) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:3.5rem;line-height:1.1;margin-bottom:8px}.hero-title,.subtext{text-align:center;text-shadow:none}.subtext{color:var(--black);max-width:600px;line-height:1.6;font-size:1.125rem;font-weight:400}.compare-button{background:linear-gradient(135deg,var(--soft-focus) 0,var(--eco-green-button-bg) 100%);border:none;border-radius:50px;color:var(--white);margin-top:8px;padding:16px 40px;font-weight:600;font-size:1.1rem;text-transform:none;transition:all .3s ease;box-shadow:0 4px 20px rgba(var(--eco-green-accessible-rgb),.3);&:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(var(--eco-green-accessible-rgb),.4);background:linear-gradient(135deg,var(--eco-green-button-bg) 0,var(--soft-focus-hover) 100%)}}}@media (max-width:768px){.background{padding:36px 16px;margin-top:0;.hero-graphic{width:250px;height:187px;margin-bottom:12px}.hero-title{font-size:2.5rem}.subtext{font-size:1rem}.compare-button{margin-top:16px;padding:14px 32px;font-size:1rem}}}@media (max-width:480px){.background{padding:32px 12px;margin-top:0;.hero-graphic{width:200px;height:150px;margin-bottom:8px}.hero-title{font-size:2rem;line-height:1.2}.subtext{font-size:.95rem;line-height:1.5}.compare-button{margin-top:12px;padding:12px 28px;font-size:.95rem}}}.hero-shop{background:url(/hero_section.jpg) 50%/cover no-repeat;aspect-ratio:3/2;min-height:55vh;height:760px;overflow:hidden;margin-top:-80px;position:relative}.hero-container,.hero-shop{width:100%;display:flex;align-items:center}.hero-container{margin:0 auto;max-width:1300px;padding:0 20px;min-height:inherit}.hero-content{position:relative;z-index:1;max-width:42rem;padding-inline:clamp(1.5rem,4vw,5rem);padding-block:clamp(3rem,8vh,6rem);color:#fff;text-wrap:balance;width:100%}.hero-content h1{margin:2em 0 .75em;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.15;font-size:clamp(2.5rem,6vw + .5rem,4.5rem);letter-spacing:-.02em;text-shadow:0 4px 16px rgba(0,0,0,.4)}.hero-content p{margin:0 0 2rem;font-size:clamp(1rem,1vw + .4rem,1.25rem);line-height:1.6;max-width:38rem;opacity:.9}.hero-content .cta{display:inline-block;padding:.85em 2.25em;font-size:1rem;font-weight:600;letter-spacing:.03em;color:#0e301a;background:#ffffff;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.hero-content .cta:focus-visible,.hero-content .cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.25)}.hero-gym-bottle:before,.hero-products-only:before,.hero-water:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.25) 35%,rgba(0,0,0,0) 60%);z-index:0;pointer-events:none}.categories-section{background:var(--warm-cream);padding:20px 0 30px;margin-bottom:0}.featured-products-section{max-width:1200px;margin:20px auto;padding:0 20px}.featured-products-section .section-title{text-align:center;font-weight:600;color:var(--softblack);margin-bottom:32px;font-size:2rem}.all-products-button-container{display:flex;justify-content:flex-end;margin-top:40px;margin-bottom:20px}.all-products-button{color:var(--soft-focus)!important;border:none!important;border-radius:0!important;padding:0!important;font-weight:600!important;text-transform:none!important;font-size:1.1rem!important;transition:all .3s ease!important;cursor:pointer!important;min-width:auto!important;display:flex!important;align-items:center!important;gap:8px!important}.all-products-button,.all-products-button:hover{background:none!important;box-shadow:none!important;text-decoration:underline!important}.all-products-button:hover{color:var(--soft-focus-hover)!important;transform:none!important}.all-products-button .MuiButton-endIcon{margin-left:4px!important;margin-right:0!important;transition:transform .3s ease!important}.all-products-button:hover .MuiButton-endIcon{transform:translateX(4px)!important}@media (max-width:1024px){.featured-products-section{padding:0 16px}}@media (max-width:768px){.hero-shop{height:650px;min-height:50vh;margin-top:-50px;background-position:10%}.hero-container{padding:0 16px;max-width:100%}.hero-content{padding:40px 16px 60px;max-width:100%;text-align:left}.hero-content h1{font-size:clamp(2rem,5vw + .5rem,3rem)!important;margin:1em 0 .5em!important;line-height:1.2!important}.hero-content p{font-size:clamp(.95rem,1vw + .3rem,1.1rem)!important;margin-bottom:1.5rem!important;max-width:100%!important}.hero-content .cta{padding:.75em 2em;font-size:.95rem;display:inline-block;width:auto}.hero-title{font-size:2.5rem!important;margin-bottom:16px!important}.subtext{font-size:1.1rem!important;margin-bottom:24px!important}.categories-section{padding:24px 0 32px}.featured-products-section{margin:32px auto;padding:0 16px}.featured-products-section .section-title{font-size:1.8rem;margin-bottom:24px}.all-products-button-container{margin-top:32px;margin-bottom:16px;justify-content:flex-end}.all-products-button{padding:0!important;font-size:1rem!important}}@media (max-width:480px){.hero-shop{height:500px;min-height:45vh;margin-top:0;background-position:50%}.hero-container{padding:0 12px;max-width:100%}.hero-content{padding:32px 12px 48px;max-width:100%;text-align:left}.hero-content h1{font-size:clamp(1.75rem,4vw + .5rem,2.5rem)!important;margin:.75em 0 .5em!important;line-height:1.25!important;letter-spacing:-.01em!important}.hero-content p{font-size:clamp(.9rem,1vw + .25rem,1rem)!important;margin-bottom:1.25rem!important;line-height:1.5!important;max-width:100%!important}.hero-content .cta{padding:.7em 1.75em;font-size:.9rem;display:block;width:-moz-fit-content;width:fit-content;text-align:center}.categories-section{padding:20px 0 28px}.featured-products-section{margin:24px auto;padding:0 12px}.featured-products-section .section-title{font-size:1.6rem;margin-bottom:20px}.all-products-button-container{margin-top:24px;margin-bottom:12px;justify-content:flex-end}.all-products-button{padding:0!important;font-size:.95rem!important}}@media (max-width:360px){.hero-shop{height:450px;min-height:40vh;margin-top:-80px}.hero-container{padding:0 8px}.hero-content{padding:24px 8px 36px}.hero-content h1{font-size:clamp(1.5rem,4vw + .25rem,2rem)!important;margin:.5em 0 .4em!important}.hero-content p{font-size:clamp(.85rem,1vw + .2rem,.95rem)!important;margin-bottom:1rem!important}.hero-content .cta{padding:.65em 1.5em;font-size:.85rem}}@media (max-width:768px) and (orientation:landscape){.hero-shop{height:400px;min-height:70vh;margin-top:-80px}.hero-content{padding:20px 16px 40px}.hero-content h1{font-size:clamp(1.75rem,4vw + .5rem,2.5rem)!important;margin:.5em 0 .3em!important}.hero-content p{font-size:clamp(.9rem,1vw + .25rem,1rem)!important;margin-bottom:1rem!important}.hero-content .cta{padding:.6em 1.75em;font-size:.9rem}}.categories-container{margin:0 0 10px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;scroll-margin-top:80px;background:var(--white);border-bottom:1px solid var(--very-light-gray);position:relative;overflow:hidden}.categories-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="green-pattern" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%232E7D32" opacity="0.03"/><circle cx="75" cy="75" r="1" fill="%234CAF50" opacity="0.02"/><circle cx="50" cy="10" r="0.5" fill="%2366BB6A" opacity="0.02"/><circle cx="10" cy="60" r="0.5" fill="%23A5D6A7" opacity="0.02"/><circle cx="90" cy="40" r="0.5" fill="%232E7D32" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23green-pattern)"/></svg>');pointer-events:none;z-index:0}h2.section-title{text-align:center;font-weight:600;color:var(--softblack);margin-bottom:32px;font-size:2rem}.categories-wrapper{display:flex;align-items:center;justify-content:center;width:100%;position:relative;max-width:1200px;z-index:1}.scroll-arrow{background:var(--white)!important;border:2px solid var(--eco-green-accessible)!important;box-shadow:0 4px 12px rgba(46,125,50,.15)!important;color:var(--eco-green-accessible)!important;z-index:3;transition:all .4s cubic-bezier(.4,0,.2,1);padding:12px!important;width:56px!important;height:56px!important;border-radius:50%!important;&:hover{background:var(--eco-green-accessible)!important;color:var(--white)!important;transform:scale(1.1) translateY(-2px);box-shadow:0 8px 20px rgba(46,125,50,.25)!important}}.scroll-arrow-left{margin-right:8px}.scroll-arrow-right{margin-left:8px}.categories-carousel{margin:0 16px;overflow:hidden;max-width:100%;z-index:1}.categories-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;padding:10px 0;align-items:stretch}.category-item{width:140px;height:140px;min-width:140px;max-width:140px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--white);border:none;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);scroll-margin-top:80px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,transparent,rgba(46,125,50,.03));opacity:0;transition:opacity .4s ease;z-index:0}&:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px rgba(46,125,50,.15);&:before{opacity:1}.category-icon{transform:scale(1.1) rotate(5deg)}}&.active{background:var(--eco-green-accessible);color:var(--white);transform:translateY(-8px) scale(1.05);box-shadow:0 16px 32px rgba(46,125,50,.25);.category-label{color:var(--white);font-weight:700}.category-icon{filter:brightness(1.2) contrast(1.1);transform:scale(1.1)}&:before{background:linear-gradient(145deg,rgba(255,255,255,.1),transparent);opacity:1}}}.category-content{padding:0!important;box-sizing:border-box;z-index:1;position:relative}.category-content,.category-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.category-icon{border-radius:8px;overflow:hidden}.category-icon,.category-icon img{transition:all .4s cubic-bezier(.4,0,.2,1)}.category-icon img{width:100%;height:100%;object-fit:cover}.category-label{font-size:13px;font-weight:600;color:var(--eco-green-accessible);line-height:1.2;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:24px;z-index:1;position:relative}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--eco-green-accessible);background-color:transparent;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);&:hover{background-color:rgba(46,125,50,.3);transform:scale(1.2);box-shadow:0 4px 12px rgba(46,125,50,.2)}&.active{background-color:var(--eco-green-accessible);transform:scale(1.3);box-shadow:0 6px 16px rgba(46,125,50,.3)}}@media (max-width:1024px){.categories-container{padding:32px 16px}.categories-wrapper{max-width:900px}.category-item{min-width:140px;max-width:160px;height:100px}.scroll-arrow{width:48px!important;height:48px!important}.scroll-arrow-left{margin-right:6px}.scroll-arrow-right{margin-left:6px}}@media (max-width:768px){.categories-container{margin:12px 0 16px;padding:24px 16px;scroll-margin-top:90px}.section-title{font-size:1.8rem;margin-bottom:24px}.categories-grid{grid-template-columns:repeat(3,1fr);gap:12px}.category-item{scroll-margin-top:90px;width:100px;height:100px;min-width:100px;max-width:100px;border-radius:10px}.category-content{padding:0!important}.category-icon{border-radius:6px}.scroll-arrow{display:flex!important;width:40px!important;height:40px!important;padding:8px!important}.scroll-arrow-left{left:8px}.scroll-arrow-right{right:8px}.carousel-dots{margin-top:12px;justify-content:center}.mobile-categories{display:none}}@media (max-width:480px){.categories-container{margin:8px 0 12px;padding:20px 12px;scroll-margin-top:80px}.section-title{font-size:1.6rem;margin-bottom:20px}.categories-grid{grid-template-columns:repeat(3,1fr);gap:8px}.category-item{scroll-margin-top:80px;width:80px;height:80px;min-width:80px;max-width:80px;border-radius:8px}.category-content{padding:0!important}.category-icon{border-radius:4px}.scroll-arrow{width:36px!important;height:36px!important;padding:6px!important}.carousel-dots{margin:8px 0}.carousel-dots .dot{width:8px;height:8px}.scroll-arrow-left{left:4px}.scroll-arrow-right{right:4px}}