.section-header{margin-bottom:0!important}.banner-content{position:relative;z-index:10;padding:40px 30px;max-width:800px}.banner-content:after{content:"";position:absolute;top:0;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,107,.1) 0%,rgba(255,107,107,.05) 20%,transparent 90%);pointer-events:none;z-index:0}.banner-content:before{content:"";position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 25%,rgba(0,0,0,.03) 35%,transparent 70%);border-radius:20px;z-index:-1;box-shadow:0 15px 30px #0000000d,inset 0 1px #ffffff0d}.banner-content .banner-heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:68px!important;font-weight:600!important;line-height:1.15!important;color:#fff!important;text-shadow:2px 2px 0 rgba(0,0,0,.8),-1px -1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.6),-1px 1px 0 rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.4),0 8px 16px rgba(0,0,0,.3);margin-bottom:32px!important;letter-spacing:-1.5px;text-align:left!important;position:relative}.banner-content .image-with-text-text,.banner-content>p:first-of-type{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px!important;font-weight:400!important;line-height:1.3!important;color:#fff!important;margin-bottom:40px!important;text-align:left!important;position:relative;padding-left:20px!important;border-left:4px solid #FF6B6B;text-shadow:1px 1px 0 rgba(0,0,0,1),0 0 5px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.9),0 4px 12px rgba(0,0,0,.8);background:linear-gradient(90deg,rgba(255,107,107,.1) 0%,transparent 50%);padding-top:12px;padding-bottom:12px;margin-left:-24px;padding-left:24px}.banner-content .banner-text,.banner-content p:nth-of-type(2){background:#0000006e;border:1px solid rgba(255,255,255,.2);position:relative;padding:32px 30px;border-radius:20px;font-size:20px!important;line-height:1.7!important;color:#fff!important;font-weight:400;text-align:left!important;margin-bottom:30px!important;box-shadow:0 10px 40px #00000080,0 2px 10px #0000004d,inset 0 1px #ffffff1a;text-shadow:1px 1px 2px rgba(0,0,0,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.banner-content .banner-text:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;margin:-1px;border-radius:20px;background:linear-gradient(135deg,#ff6b6b33,#fff6 30%,#ffb7b71a 70%,#ff6b6b26)}.banner-content .banner-text:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff7a7a,#ff5252)!important;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 2px 4px #fff,inset 0 -1px #00000003}.banner-content .button,.banner__buttons .button{background:linear-gradient(135deg,#ff6b6b,#ff5252)!important;color:#fff!important;font-size:18px!important;font-weight:500!important;padding:22px 56px!important;border-radius:100px!important;border:none!important;box-shadow:0 4px 15px #ff6b6b4d,0 8px 25px #ff525233,0 2px 6px #0000001a!important;text-transform:uppercase!important;letter-spacing:1.2px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;text-decoration:none!important;cursor:pointer!important;display:inline-block!important;margin-top:24px!important;position:relative;overflow:hidden;background-size:200% 100%!important;animation:subtleGradient 3s ease infinite}@keyframes subtleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.banner-content .button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:rotate(45deg) translate(-100%);transition:transform .6s}.banner-content .button:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 6px 20px #ff6b6b66,0 12px 35px #ff525240,0 3px 10px #00000026!important;background:linear-gradient(135deg,#ff7a7a,#ff6161)!important}.banner-content .button:hover:after{transform:rotate(45deg) translate(100%)}.banner-content>*{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.banner-content .banner-heading{animation:fadeInUp .8s ease-out}.banner-content .image-with-text-text{animation:fadeInUp .8s ease-out .2s both}.banner-content .banner-text{animation:fadeInUp .8s ease-out .4s both}.banner-content .button{animation:fadeInUp .8s ease-out .6s both}.banner-content{overflow:visible;contain:layout}@media (max-width: 768px){.banner-content{padding:20px 0 40px!important;max-width:80%!important}.banner-content:before{border-radius:16px!important;width:calc(100% + 20px);height:calc(100% + 20px);top:-10px!important;left:-10px!important;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.03) 40%,transparent 30%)}.banner-content .banner-heading{font-size:40px!important;text-align:center!important;margin-bottom:10px!important;margin-top:1px!important;padding:1px 0 15px!important;border-bottom:2px solid #FF6B6B!important}.banner-content .image-with-text-text{font-size:20px!important;text-align:center!important;border-left:none!important;padding:15px 0 10px!important;margin-left:none!important;margin-top:11px!important}.banner-content .banner-text{font-size:18px!important;padding:20px;text-align:center!important;line-height:1.6!important;color:#fff!important;font-weight:400!important;text-align:left!important}.banner-content .button{width:100%!important;max-width:320px!important;margin:15px auto!important;display:block!important;font-size:18px!important;padding:15px 20px!important}}@media (prefers-reduced-motion: reduce){.banner-content *{transition:none!important;animation:none!important}.banner-content .button:after{display:none}.banner-content .banner-heading,.banner-content .image-with-text-text,.banner-content .banner-text,.banner-content .button{opacity:1;transform:none;animation:none}}@media (prefers-contrast: high){.banner-content .image-with-text-text{border-left-width:6px}.banner-content .banner-text{border:2px solid rgba(255,107,107,.5)}}@media screen and (min-width: 768px){.banner--adapt{max-height:700px!important;overflow:hidden!important}}@media screen and (min-width: 750px) and (max-width: 989px){.banner{height:auto!important}.banner__media{height:0!important;padding-bottom:40%}}@media screen and (max-width: 749px){.banner{height:auto!important;height:100dvh!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/nutriop-custom.css.map */