.google-search-wrapper{z-index:30;flex-direction:column;width:100%;font-family:Lexend-Regular;display:flex;position:relative}.google-search-wrapper .google-search-container{z-index:10;flex-direction:column;align-items:center;width:80%;margin:0 0 1rem;display:flex}.google-search-wrapper .google-search-container .google-search-bar{width:100%;height:46px;box-shadow:none;background-color:#fff;border:1px solid #dfe1e5;border-radius:24px;align-items:center;padding:0 8px 0 14px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.google-search-wrapper .google-search-container .google-search-bar:hover,.google-search-wrapper .google-search-container.focused .google-search-bar{border-color:#dfe1e500;box-shadow:0 1px 6px #20212447}.google-search-wrapper .google-search-container .search-icon{color:#9aa0a6;margin-right:12px;font-size:18px}.google-search-wrapper .google-search-container .google-search-input{color:#202124;background-color:#0000;border:none;outline:none;flex:1;height:34px;font-size:16px}.google-search-wrapper .google-search-container .google-search-input::placeholder{color:#9aa0a6;opacity:1}.google-search-wrapper .google-search-container .clear-icon{color:#70757a;cursor:pointer;padding:8px;font-size:16px}.google-search-wrapper .google-search-container .clear-icon:hover{color:#202124}.google-search-wrapper .search-suggestions{z-index:40;background-color:#fff;border-radius:24px;width:80%;max-height:30dvh;margin-top:-.5rem;font-family:Lexend-Regular;position:absolute;top:100%;overflow:scroll;box-shadow:0 4px 6px #20212447}.google-search-wrapper .search-suggestions .suggestion-item{cursor:pointer;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.google-search-wrapper .search-suggestions .suggestion-item:hover{background-color:#f8f9fa}.google-search-wrapper .search-suggestions .suggestion-item.main-search{background-color:#f1f3f4}.google-search-wrapper .search-suggestions .suggestion-item.main-search .suggestion-text{color:#52188c}.google-search-wrapper .search-suggestions .suggestion-item.main-search .suggestion-text span{color:#202124;font-weight:700}.google-search-wrapper .search-suggestions .suggestion-item .suggestion-icon{color:#9aa0a6;margin-right:16px;font-size:16px}.google-search-wrapper .search-suggestions .suggestion-item .suggestion-text{color:#202124;font-size:16px}.google-search-wrapper .search-suggestions .suggestion-item .suggestion-text .highlight{font-weight:700}.google-search-wrapper .search-suggestions .suggestion-item .suggestion-text .subtitle{color:#70757a;margin-top:2px;font-size:13px;display:block}.google-search-wrapper .search-suggestions::-webkit-scrollbar{display:none}@media (max-width:960px){.google-search-wrapper .google-search-container{width:80%;margin:1rem auto}.google-search-wrapper .google-search-container .google-search-bar{border-radius:.8rem}.google-search-wrapper .search-suggestions{border-radius:.8rem;width:80%;max-height:40dvh;left:50%;transform:translate(-50%)}}@media (max-width:480px){.google-search-wrapper .google-search-container{width:100%;margin:.8rem auto}.google-search-wrapper .search-suggestions{width:100%;left:0;transform:none}}
.banner-container{background:linear-gradient(90deg,#e6f4ea,#f7fff5);width:100%;height:auto;position:relative;overflow:hidden}.banner-container:before{content:"";background:radial-gradient(circle at 0 100%,#79b0591a 0%,#0000 70%);width:100%;height:100%;position:absolute}.banner-container:after{content:"";background:radial-gradient(circle,#5096381a 0%,#0000 70%);border-radius:0 0 0 100%;width:150px;height:150px;position:absolute;top:0;right:0}.banner-container .banner-content{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;height:100%;margin:0 auto;padding:1rem 6rem;display:flex}.banner-container .banner-text{z-index:20;flex:1;height:100%}.banner-container .banner-text .banner-h1-text{color:var(--global-primary-color);letter-spacing:-.4px;align-items:center;min-height:7rem;font-family:Lexend-Medium;font-size:2.5rem;animation:.8s ease-out fadeIn;display:flex}.banner-container .banner-text .banner-h1-text .typing-cursor{color:var(--global-primary-color);margin-left:2px;font-weight:300;animation:1s infinite blink}.banner-container .banner-text .banner-span-text{color:var(--global-black);letter-spacing:-.4px;width:80%;margin-bottom:2rem;font-family:Lexend-Regular;font-size:1.6rem;line-height:2.3rem;display:block}.banner-container .banner-text .banner-buttons{opacity:0;flex-wrap:wrap;align-items:center;gap:1.5rem;animation:.8s ease-out .4s forwards fadeIn;display:flex}.banner-container .banner-text .banner-buttons .btn-primary{background-color:var(--global-primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:2rem;padding:clamp(.7rem,2vw,.9rem) clamp(1.5rem,3vw,2rem);font-family:Lexend-Regular;font-size:1.1rem;text-decoration:none;transition:all .3s}.banner-container .banner-text .banner-buttons .btn-primary:hover{background-color:#005823;transform:translateY(-2px);box-shadow:0 4px 12px #00712d33}.banner-container .banner-text .banner-buttons .btn-primary:active{transform:translateY(0)}.banner-container .banner-graphic{justify-content:center;width:35%;font-family:Lexend-Regular;display:flex;position:relative}.banner-container .banner-graphic .herb-circles{aspect-ratio:1;width:100%;max-width:450px;animation:1s ease-out fadeIn;position:relative}.banner-container .banner-graphic .herb-circles:before{content:"";z-index:1;border:2px dashed #7db254;border-radius:50%;width:80%;height:80%;animation:30s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-container .banner-graphic .herb-circles .herb-badge{z-index:3;opacity:0;background:#fff;border-radius:1rem;flex-direction:column;padding:.7rem 1rem;font-size:clamp(.8rem,1vw,.9rem);transition:transform .3s,box-shadow .3s;animation-fill-mode:forwards;display:flex;position:absolute;box-shadow:0 4px 15px #00000014}.banner-container .banner-graphic .herb-circles .herb-badge:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001f}.banner-container .banner-graphic .herb-circles .herb-badge .product{color:var(--global-primary-dark-color);font-size:clamp(.7rem,.8vw,.8rem);font-weight:500}.banner-container .banner-graphic .herb-circles .herb-badge.bestseller{border-left:3px solid var(--global-primary-color);color:var(--global-primary-color);font-weight:600;text-decoration:none;animation:.8s ease-out .6s forwards fadeSlideIn;top:20%;left:0}.banner-container .banner-graphic .herb-circles .herb-badge.bestseller:before{content:"";background:#5a9f4ccc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2L9.5 8.5H3l5.5 4.5-2 7 5.5-4.5 5.5 4.5-2-7 5.5-4.5h-6.5z'/%3E%3C/svg%3E") 50%/60% no-repeat;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.banner-container .banner-graphic .herb-circles .herb-badge.new{color:var(--global-primary-color);border-left:3px solid #8bc453;font-weight:600;text-decoration:none;animation:.8s ease-out .8s forwards fadeSlideIn;top:30%;right:0}.banner-container .banner-graphic .herb-circles .herb-badge.new:before{content:"";background:#8bc453cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'/%3E%3C/svg%3E") 50%/60% no-repeat;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.banner-container .banner-graphic .herb-circles .herb-badge.offer{color:#8a5502;border-left:3px solid #c17702;font-weight:600;animation:.8s ease-out 1s forwards fadeSlideIn;bottom:25%;right:10%}.banner-container .banner-graphic .herb-circles .herb-badge.offer:before{content:"";background:#c17702cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.22-1.05-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E") 50%/60% no-repeat;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.banner-container .banner-graphic .herb-circles .herb-badge.certified{color:#2c5825;border-left:3px solid #2c5825;font-weight:600;animation:.8s ease-out 1.2s forwards fadeSlideIn;bottom:15%;left:15%}.banner-container .banner-graphic .herb-circles .herb-badge.certified:before{content:"";background:#2c5825cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") 50%/60% no-repeat;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.banner-container .banner-graphic .herb-circles .leaves-decoration{aspect-ratio:1;z-index:1;opacity:0;background-color:#ebf5e6;border-radius:50%;width:70%;animation:1s ease-out .4s forwards fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-container .banner-graphic .herb-circles .leaves-decoration:before,.banner-container .banner-graphic .herb-circles .leaves-decoration:after{content:"";background-repeat:no-repeat;background-size:contain;position:absolute}.banner-container .banner-graphic .herb-circles .leaves-decoration:before{opacity:.1;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235a9f4c'%3E%3Cpath d='M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z'/%3E%3C/svg%3E");background-position:50%;border-radius:50%;width:80%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-container .banner-graphic .herb-circles .leaves-decoration:after{content:"🌿";font-size:min(5rem,15vw);animation:4s ease-in-out infinite gentle-bounce;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:960px){.banner-container{min-height:auto;padding:2.5rem 0}.banner-container .banner-content{text-align:center;flex-direction:column;gap:0;width:100%;padding:1rem 2rem}.banner-container .banner-text{flex-direction:column;align-items:center;width:100%;margin-top:0;display:flex}.banner-container .banner-text .banner-h1-text{text-align:center;font-size:2.6rem}.banner-container .banner-text .banner-span-text{letter-spacing:-.2px;width:65%;margin:auto auto 1.5rem;font-size:1.8rem;line-height:2.4rem;display:block}.banner-container .banner-text .banner-buttons{display:none}.banner-container .banner-graphic{width:100%;margin:0 auto}}@media (max-width:768px){.banner-container{padding-top:.5rem;padding-bottom:0}.banner-container .banner-text{margin-top:0}.banner-container .banner-text .banner-h1-text{min-height:5.5rem;font-size:1.8rem}.banner-container .banner-text .banner-span-text{width:100%;margin-top:.2rem;margin-bottom:0;font-size:1.1rem;font-weight:700;line-height:1.8rem;display:block}.banner-container .banner-graphic{padding:0 1rem 1rem}.banner-container .banner-graphic .herb-circles .herb-badge{padding:.5rem .8rem}.banner-container .banner-graphic .herb-circles .herb-badge.bestseller:before,.banner-container .banner-graphic .herb-circles .herb-badge.new:before,.banner-container .banner-graphic .herb-circles .herb-badge.offer:before,.banner-container .banner-graphic .herb-circles .herb-badge.certified:before{width:20px;height:20px;left:-25px}.banner-container .banner-graphic .herb-circles .herb-badge.new:before,.banner-container .banner-graphic .herb-circles .herb-badge.offer:before{left:auto;right:-25px}.banner-container .banner-graphic .herb-circles .herb-badge.offer{bottom:30%}.banner-container .banner-graphic .herb-circles .herb-badge.new{top:25%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes gentle-bounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.banner-container *{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}
