.ingredients-hero{position:relative;overflow:hidden}.ingredients-hero .container{max-width:1500px;margin:0 auto;padding-left:20px;padding-right:20px}.heading-wrapper{text-align:center;margin-bottom:30px}.heading{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:0 0 15px;color:#fff!important}.heading strong{font-style:italic;color:#262626;background-image:linear-gradient(to bottom,transparent 50%,var(--product_showcase_primary_color currentColor) 50%)}.subtitle{font-size:clamp(14px,2vw,18px);color:#fff;opacity:.9;margin:0}.hero-swiper{width:100%;height:auto}.hero-swiper .swiper-wrapper{align-items:stretch}.hero-swiper .swiper-slide{height:auto;display:flex}.hero-card{position:relative;overflow:hidden;display:flex;align-items:flex-end;cursor:grab;transition:transform .5s ease;width:100%;min-height:350px}.hero-card:active{cursor:grabbing}@media screen and (min-width: 750px){.hero-card{border-radius:20px;min-height:320px;max-height:420px}}.hero-card__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.hero-card:hover .hero-bg-image{transform:scale(1.05)}.hero-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-card__content{position:relative;z-index:2;width:100%;padding:40px 30px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.2) 80%,transparent 100%)}@media screen and (min-width: 750px){.hero-card__content{padding:70px 30px}}.hero-card__badge{display:inline-flex;align-items:center;justify-content:center;background:var(--product-primary-color);color:#fff;padding:8px 20px;border-radius:50px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;align-self:flex-start;box-shadow:0 4px 15px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-card__text{color:#fff}.hero-card__title{font-family:poppins;font-size:clamp(25px,4vw,32px)!important;font-weight:800;margin:0 0 15px;line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:-.5px}.hero-card__description{font-size:clamp(16px,2vw,20px);line-height:1.6;margin:0;max-width:600px;opacity:.95;text-shadow:0 1px 5px rgba(0,0,0,.5);font-weight:400}.hero-slider-navigation{display:flex;align-items:center;justify-content:center;gap:50px;margin-top:20px;margin-bottom:10px;position:relative}.hero-nav-btn{width:50px;height:50px;border-radius:50%;background:transparent;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none;border:none;box-shadow:none;position:static;outline:none!important;-webkit-tap-highlight-color:transparent}.hero-nav-btn:hover{background:transparent;transform:none}.hero-nav-btn:focus{outline:none!important;box-shadow:none!important}.hero-nav-btn:active{outline:none!important}.hero-nav-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed}.hero-nav-btn.swiper-button-disabled:hover{background:transparent;transform:none}.hero-nav-btn:after{content:none!important;display:none!important}.hero-nav-btn svg{color:#333!important;fill:none!important;pointer-events:none;width:24px;height:24px}.hero-nav-btn svg path{stroke:#333!important;fill:none!important;pointer-events:none}.swiper-button-next.hero-nav-btn:after,.swiper-button-prev.hero-nav-btn:after{content:none!important;display:none!important}.swiper-button-next.hero-nav-btn,.swiper-button-prev.hero-nav-btn{color:#333!important}.hero-pagination{position:relative!important;bottom:auto!important;display:flex;gap:8px;align-items:center;justify-content:center}.hero-pagination .swiper-pagination-bullet{width:10px;height:10px;background:var(--product-primary-color);opacity:.3;transition:all .3s ease;border-radius:50%;margin:0!important}.hero-pagination .swiper-pagination-bullet-active{opacity:1;background:var(--product-secondary-color);width:30px;border-radius:5px}.hero-pagination.swiper-pagination-progressbar{position:relative!important;width:200px!important;height:4px!important;background:#00000026;border-radius:2px}.hero-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--product-secondary-color);border-radius:2px}@media screen and (max-width: 749px){.heading-wrapper{margin-bottom:15px}.heading{font-size:25px!important}.hero-card__description{font-size:16px}.hero-slider-navigation{gap:30px;margin-top:15px}.hero-nav-btn{width:45px;height:45px}.hero-card{border-radius:20px;min-height:220px;max-height:320px}}@media screen and (max-width: 480px){.hero-card__content{padding:30px 20px}.hero-card__badge{font-size:12px;padding:6px 16px}.hero-slider-navigation{gap:20px}.hero-nav-btn{width:40px;height:40px}.hero-card{min-height:200px;max-height:250px}}.slide-counter{position:absolute;top:20px;right:20px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:50px;color:#fff;font-size:13px;font-weight:600;z-index:100;border:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(-10px);transition:all .3s ease}.swiper-slide-active .slide-counter{opacity:1;transform:translateY(0)}@media screen and (min-width: 750px){.slide-counter{top:30px;right:30px;padding:5px 15px;font-size:11px}}.hero-swiper:not(.swiper-initialized):not(.single-slide){opacity:0}.hero-swiper.swiper-initialized,.hero-swiper.single-slide{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.hero-card,.hero-bg-image,.hero-card__badge,.hero-card__text,.hero-nav-btn,.slide-counter{animation:none!important;transition:none!important}.hero-card:hover .hero-bg-image{transform:none}}.hero-swiper .swiper-slide{opacity:.3;transition:opacity .5s ease}.hero-swiper .swiper-slide-active,.hero-swiper.single-slide .swiper-slide{opacity:1!important}.hero-swiper.single-slide{max-width:1000px;margin:0 auto}.hero-swiper.single-slide .swiper-wrapper{justify-content:center}.hero-swiper.single-slide .slide-counter{opacity:1;transform:translateY(0)}.swiper-button-next{right:auto!important;margin-left:200px!important}.swiper-button-prev{left:auto!important;margin-right:200px!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-ingredients-hero.css.map */