.section-kojic-ingredient{position:relative;width:100%}.ingredient-section-header{text-align:center;margin-bottom:3rem}.ingredient-heading{font-weight:700;line-height:1.2;margin:0}.ingredient-heading-highlight{display:inline}.ingredient-grid-mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;margin-bottom:2rem}@media screen and (min-width:750px){.ingredient-grid-mobile{display:none}}.ingredient-card{display:flex;flex-direction:column;align-items:center;text-align:center}.ingredient-image-wrapper{width:100%;max-width:120px;margin-bottom:.75rem}.ingredient-image{width:100%;height:auto;border-radius:50%;object-fit:cover;aspect-ratio:1}.ingredient-name{font-weight:500;margin:0}.ingredient-name p{margin:0}.ingredient-grid-desktop{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}@media screen and (min-width:750px){.ingredient-grid-desktop{display:grid}}.ingredient-card-desktop{display:flex;flex-direction:column;align-items:center;text-align:center}.ingredient-benefit-tag-desktop{margin-bottom:1rem;width:100%}.ingredient-benefit-tag-desktop p{font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;opacity:.9}.ingredient-image-wrapper-desktop{width:100%;max-width:160px;margin-bottom:1rem;border-radius:50%;overflow:hidden;aspect-ratio:1}.ingredient-image-desktop{width:100%;height:100%;object-fit:cover;display:block}.ingredient-name-desktop{margin-bottom:1rem;width:100%}.ingredient-name-desktop h2{font-weight:700;margin:0}.ingredient-description{line-height:1.6;color:rgba(var(--color-foreground),.8);width:100%}.ingredient-description p{margin:0}.ingredient-description strong{font-weight:600}.ingredient-carousel-wrapper{position:relative;width:100%}@media screen and (min-width:750px){.ingredient-carousel-wrapper{display:none}}.ingredient-carousel{position:relative}.ingredient-carousel .slider-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;margin-bottom:0}.ingredient-carousel .slider-button{background:transparent;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.ingredient-carousel .slider-button:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.4)}.ingredient-carousel .slider-button .svg-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ingredient-carousel .slider-button--prev .svg-wrapper svg{transform:rotate(90deg)}.ingredient-carousel .slider-button--next .svg-wrapper svg{transform:rotate(-90deg)}.ingredient-carousel .slider-counter{font-size:.875rem;font-weight:500;color:rgba(var(--color-foreground),.7)}.ingredient-slider-container{overflow:hidden;width:100%;position:relative}.ingredient-slider{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ingredient-slide{min-width:100%;flex-shrink:0;padding:0;transition:transform .5s ease;transform:translate(0)}.ingredient-slide-content{display:flex;flex-direction:column;align-items:center;text-align:center}.ingredient-slide-image-wrapper{position:relative;width:100%;max-width:300px;margin-bottom:1.5rem;border-radius:12px;overflow:hidden}.ingredient-slide-image{width:100%;height:auto;object-fit:cover;aspect-ratio:1;display:block}.ingredient-slide-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:1.5rem 1rem 1rem;color:#fff}.ingredient-slide-benefit{font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem;opacity:.9}.ingredient-slide-name{font-weight:700;margin:0}.ingredient-slide-description{line-height:1.6;max-width:600px;padding:0 1rem;color:rgba(var(--color-foreground),.8)}.ingredient-slide-description p{margin:0}.ingredient-slide-description strong{font-weight:600}.slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.slider-dot{background:transparent;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.slider-dot .dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-foreground),.3);transition:all .3s ease}.slider-dot.active .dot,.slider-dot:hover .dot{background:rgba(var(--color-foreground),.8);transform:scale(1.2)}@media screen and (min-width:990px){.ingredient-grid-desktop{grid-template-columns:repeat(5,1fr)}}@media(prefers-reduced-motion:no-preference){.ingredient-slide{transition:transform .5s ease}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kojic-ingredient.css.map */