.custom-ingredients{background-color:#f6f7fa;padding:56px 0}.custom-ingredients__heading{max-width:720px;margin:0 auto 12px;text-align:center;font-size:28px;line-height:1.3;font-weight:700;color:#0d48a8}.custom-ingredients__subheading{max-width:640px;margin:0 auto 36px;text-align:center;font-size:16px;line-height:1.5;color:#0d48a8}.custom-ingredients__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.custom-ingredients__track::-webkit-scrollbar{display:none}.custom-ingredients__card{scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-width:0;padding:24px;background-color:#fff;border:1px solid rgba(17,17,17,.06);border-radius:12px;box-shadow:0 1px 2px #1111110f,0 4px 10px #1111110a}.custom-ingredients__image{display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:4px}.custom-ingredients__image img,.custom-ingredients__image svg{max-width:100%;max-height:100%;object-fit:contain}.custom-ingredients__title{margin:0;font-size:16px;font-weight:700;color:#f5ae0b}.custom-ingredients__desc{margin:0;font-size:14px;line-height:1.55;color:#0d48a8}.custom-ingredients__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.custom-ingredients__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(13,72,168,.25);border-radius:50%;background-color:#fff;color:#0d48a8;cursor:pointer}.custom-ingredients__arrow svg{width:16px;height:16px}.custom-ingredients__arrow[disabled]{opacity:.35;cursor:default}.custom-ingredients__dots{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.custom-ingredients__dot{width:8px;height:8px;padding:0;border:none;border-radius:4px;background-color:#0d48a840;cursor:pointer;transition:width .2s ease,background-color .2s ease}.custom-ingredients__dot.is-active{width:20px;background-color:#0d48a8}@media screen and (min-width:750px){.custom-ingredients__heading{font-size:34px}.custom-ingredients__track{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(4,1fr);gap:24px;overflow:visible;scroll-snap-type:none}.custom-ingredients__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-ingredients.css.map */