.background{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-top:0;margin-bottom:10px;padding:48px 20px;display:flex;position:relative;overflow:hidden}.background .hero-content{z-index:1;flex-direction:column;align-items:center;gap:24px;max-width:800px;display:flex;position:relative}.background .hero-graphic{filter:drop-shadow(0 4px 12px #0000001a);width:300px;height:225px;margin-bottom:16px}.background .hero-title{background:linear-gradient(135deg,var(--soft-black)0%,var(--eco-green-accessible)100%);-webkit-text-fill-color:transparent;text-align:center;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3.5rem;font-weight:700;line-height:1.1}.background .subtext{color:var(--black);text-align:center;max-width:600px;text-shadow:none;font-size:1.125rem;font-weight:400;line-height:1.6}.background .compare-button{background:linear-gradient(135deg,var(--soft-focus)0%,var(--eco-green-button-bg)100%);color:var(--white);text-transform:none;box-shadow:0 4px 20px rgba(var(--eco-green-accessible-rgb),.3);border:none;border-radius:50px;margin-top:8px;padding:16px 40px;font-size:1.1rem;font-weight:600;transition:all .3s}.background .compare-button:hover{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%);transform:translateY(-3px)}@media (max-width:768px){.background{margin-top:0;padding:36px 16px}.background .hero-graphic{width:250px;height:187px;margin-bottom:12px}.background .hero-title{font-size:2.5rem}.background .subtext{font-size:1rem}.background .compare-button{margin-top:16px;padding:14px 32px;font-size:1rem}}@media (max-width:480px){.background{margin-top:0;padding:32px 12px}.background .hero-graphic{width:200px;height:150px;margin-bottom:8px}.background .hero-title{font-size:2rem;line-height:1.2}.background .subtext{font-size:.95rem;line-height:1.5}.background .compare-button{margin-top:12px;padding:12px 28px;font-size:.95rem}}.hero-shop{aspect-ratio:3/2;background:url(/hero_section.jpg) 50%/cover no-repeat;align-items:center;width:100%;height:760px;min-height:55vh;margin-top:-80px;display:flex;position:relative;overflow:hidden}.hero-container{width:100%;max-width:1300px;min-height:inherit;align-items:center;margin:0 auto;padding:0 20px;display:flex}.hero-content{z-index:1;color:#fff;text-wrap:balance;width:100%;max-width:42rem;padding-block:clamp(3rem,8vh,6rem);padding-inline:clamp(1.5rem,4vw,5rem);position:relative}.hero-content h1{letter-spacing:-.02em;text-shadow:0 4px 16px #0006;margin:2em 0 .75em;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,6vw + .5rem,4.5rem);font-weight:700;line-height:1.15}.hero-content p{opacity:.9;max-width:38rem;margin:0 0 2rem;font-size:clamp(1rem,1vw + .4rem,1.25rem);line-height:1.6}.hero-content .cta{letter-spacing:.03em;color:#0e301a;background:#fff;padding:.85em 2.25em;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 12px #00000026}.hero-content .cta:hover,.hero-content .cta:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.hero-products-only:before,.hero-gym-bottle:before,.hero-water:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000008c 0%,#00000040 35%,#0000 60%);position:absolute;inset:0}.categories-section{background:var(--warm-cream);margin-bottom:0;padding:20px 0 30px}.featured-products-section{border-bottom:1px solid var(--very-light-gray);max-width:1200px;margin:20px auto;padding:0 20px}.featured-products-section .section-title{text-align:center;color:var(--softblack);margin-bottom:32px;font-size:2rem;font-weight:600}.all-products-button-container{justify-content:flex-end;margin-top:40px;margin-bottom:20px;display:flex}.all-products-button{color:var(--soft-focus)!important;text-transform:none!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:8px!important;min-width:auto!important;padding:0!important;font-size:1.1rem!important;font-weight:600!important;text-decoration:underline!important;transition:all .3s!important;display:flex!important}.all-products-button:hover{color:var(--soft-focus-hover)!important;box-shadow:none!important;background:0 0!important;text-decoration:underline!important;transform:none!important}.all-products-button .MuiButton-endIcon{margin-left:4px!important;margin-right:0!important;transition:transform .3s!important}.all-products-button:hover .MuiButton-endIcon{transform:translate(4px)!important}@media (max-width:1024px){.featured-products-section{padding:0 16px}}@media (max-width:768px){.hero-shop{background-position:10%;height:650px;min-height:50vh;margin-top:-50px}.hero-container{max-width:100%;padding:0 16px}.hero-content{text-align:left;max-width:100%;padding:40px 16px 60px}.hero-content h1{margin:1em 0 .5em!important;font-size:clamp(2rem,5vw + .5rem,3rem)!important;line-height:1.2!important}.hero-content p{max-width:100%!important;margin-bottom:1.5rem!important;font-size:clamp(.95rem,1vw + .3rem,1.1rem)!important}.hero-content .cta{width:auto;padding:.75em 2em;font-size:.95rem;display:inline-block}.hero-title{margin-bottom:16px!important;font-size:2.5rem!important}.subtext{margin-bottom:24px!important;font-size:1.1rem!important}.categories-section{padding:24px 0 32px}.featured-products-section{margin:32px auto;padding:0 16px}.featured-products-section .section-title{margin-bottom:24px;font-size:1.8rem}.all-products-button-container{justify-content:flex-end;margin-top:32px;margin-bottom:16px}.all-products-button{padding:0!important;font-size:1rem!important}}@media (max-width:480px){.hero-shop{background-position:50%;height:500px;min-height:45vh;margin-top:0}.hero-container{max-width:100%;padding:0 12px}.hero-content{text-align:left;max-width:100%;padding:32px 12px 48px}.hero-content h1{letter-spacing:-.01em!important;margin:.75em 0 .5em!important;font-size:clamp(1.75rem,4vw + .5rem,2.5rem)!important;line-height:1.25!important}.hero-content p{max-width:100%!important;margin-bottom:1.25rem!important;font-size:clamp(.9rem,1vw + .25rem,1rem)!important;line-height:1.5!important}.hero-content .cta{text-align:center;width:fit-content;padding:.7em 1.75em;font-size:.9rem;display:block}.categories-section{padding:20px 0 28px}.featured-products-section{margin:24px auto;padding:0 12px}.featured-products-section .section-title{margin-bottom:20px;font-size:1.6rem}.all-products-button-container{justify-content:flex-end;margin-top:24px;margin-bottom:12px}.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{margin:.5em 0 .4em!important;font-size:clamp(1.5rem,4vw + .25rem,2rem)!important}.hero-content p{margin-bottom:1rem!important;font-size:clamp(.85rem,1vw + .2rem,.95rem)!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{margin:.5em 0 .3em!important;font-size:clamp(1.75rem,4vw + .5rem,2.5rem)!important}.hero-content p{margin-bottom:1rem!important;font-size:clamp(.9rem,1vw + .25rem,1rem)!important}.hero-content .cta{padding:.6em 1.75em;font-size:.9rem}}
.categories-container{background:var(--white);border-bottom:1px solid var(--very-light-gray);flex-direction:column;align-items:center;margin:0 0 10px;padding:30px 20px;scroll-margin-top:80px;display:flex;position:relative;overflow:hidden}.categories-container:before{content:"";pointer-events:none;z-index: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>");position:absolute;inset:0}h2.section-title{text-align:center;color:var(--softblack);margin-bottom:32px;font-size:2rem;font-weight:600}.categories-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}.scroll-arrow{z-index:3;transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--white)!important;border:2px solid var(--eco-green-accessible)!important;color:var(--eco-green-accessible)!important;border-radius:50%!important;width:56px!important;height:56px!important;padding:12px!important;box-shadow:0 4px 12px #2e7d3226!important}.scroll-arrow:hover{transform:scale(1.1)translateY(-2px);background:var(--eco-green-accessible)!important;color:var(--white)!important;box-shadow:0 8px 20px #2e7d3240!important}.scroll-arrow-left{margin-right:8px}.scroll-arrow-right{margin-left:8px}.categories-carousel{z-index:1;max-width:100%;margin:0 16px}.categories-grid{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:16px;padding:10px 0;display:grid}.category-item{text-align:center;background:var(--white);cursor:pointer;vertical-align:top;border:none;justify-content:center;align-items:center;width:140px;min-width:140px;max-width:140px;height:170px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.category-item:before{content:"";opacity:0;z-index:0;background:linear-gradient(145deg,#0000,#2e7d3208);transition:opacity .4s;position:absolute;inset:0}.category-item:hover{transform:translateY(-8px)scale(1.02)}.category-item:hover:before{opacity:1}.category-item.active{background:var(--eco-green-accessible);color:var(--white);transform:translateY(-8px)scale(1.05)}.category-item.active .category-label{color:var(--white);font-weight:700}.category-item.active .category-icon{filter:brightness(1.2)contrast(1.1)}.category-item.active:before{opacity:1;background:linear-gradient(145deg,#ffffff1a,#0000)}.category-content{box-sizing:border-box;z-index:1;vertical-align:top;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:relative;padding:0!important}.category-icon{justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.category-icon img{object-fit:cover;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.carousel-dots{z-index:1;justify-content:center;gap:12px;margin-top:24px;display:flex;position:relative}.dot{border:2px solid var(--eco-green-accessible);cursor:pointer;background-color:#0000;border-radius:50%;width:12px;height:12px;transition:all .4s cubic-bezier(.4,0,.2,1)}.dot:hover{background-color:#2e7d324d;transform:scale(1.2);box-shadow:0 4px 12px #2e7d3233}.dot.active{background-color:var(--eco-green-accessible);transform:scale(1.3);box-shadow:0 6px 16px #2e7d324d}@media (max-width:1024px){.categories-container{padding:32px 16px}.categories-wrapper{max-width:900px}.category-item{min-width:100px;max-width:120px;height:140px}.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{margin-bottom:24px;font-size:1.8rem}.categories-grid{grid-template-columns:repeat(3,1fr);gap:12px}.category-item{width:120px;min-width:100px;max-width:100px;height:120px;scroll-margin-top:90px}.category-content{padding:0!important}.scroll-arrow{width:40px!important;height:40px!important;padding:8px!important;display:flex!important}.scroll-arrow-left{left:8px}.scroll-arrow-right{right:8px}.carousel-dots{justify-content:center;margin-top:12px}.mobile-categories{display:none}}@media (max-width:480px){.categories-container{margin:8px 0 12px;padding:20px 12px;scroll-margin-top:80px}.section-title{margin-bottom:20px;font-size:1.6rem}.categories-grid{grid-template-columns:repeat(3,1fr);gap:8px}.category-item{width:70px;min-width:70px;max-width:70px;height:120px;scroll-margin-top:80px}.category-content{padding:0!important}.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}}