.shto-three-ingredients{display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px 16px;background:var(--cream)}.shto-three-ingredients__head{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;color:var(--ink);text-align:center}.shto-three-ingredients__heading{width:100%;font-family:Degular,Arial,sans-serif;font-size:34px;font-weight:700;line-height:36px;text-transform:capitalize}.shto-three-ingredients__sub{width:289px;max-width:100%;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.32px}.shto-three-ingredients__map{position:relative;display:grid;grid-template-columns:minmax(0,154px) minmax(0,26px) minmax(0,163px);justify-content:center;width:100%;max-width:343px;margin-bottom:-1px}.shto-three-ingredients__jar{position:relative;z-index:1;grid-row:1;grid-column:1 / -1;justify-self:center;width:135px;height:203px}.shto-three-ingredients__jar img{width:100%;height:100%;object-fit:contain}.shto-three-ingredients__note{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;padding:7px 9px;background:var(--cream);border:1px solid #000;border-radius:12px}.shto-three-ingredients__note--left{grid-row:2;grid-column:1;align-self:start;margin-top:-24px}.shto-three-ingredients__note--right{grid-row:2;grid-column:3;align-self:start;margin-top:-19px}.shto-three-ingredients__note--bottom{grid-row:3;grid-column:1 / -1;justify-self:center;width:198px;margin:25px 0 0 15px;padding:4px 9px 7px}.shto-three-ingredients__note-head{display:flex;align-items:center;gap:4px}.shto-three-ingredients__dot{flex:none;width:33px;height:33px;border-radius:50%;object-fit:cover}.shto-three-ingredients__title{min-width:0;white-space:nowrap;font-family:var(--font-body);font-size:14px;font-weight:800;line-height:18px;letter-spacing:-.28px;color:#b6522b}.shto-three-ingredients__note--right .shto-three-ingredients__title{flex:1 1 0;line-height:17px;white-space:normal}@media(max-width:359px){.shto-three-ingredients__title{white-space:normal}}.shto-three-ingredients__text{font-family:var(--font-body);font-size:12px;font-weight:500;line-height:14px;letter-spacing:-.24px;color:#000}.shto-three-ingredients__note--right .shto-three-ingredients__text{width:calc(100% + 5px);max-width:none}.shto-three-ingredients__line{position:absolute;z-index:0;overflow:visible;fill:none;stroke:#0009;stroke-width:.7px;stroke-dasharray:4 4}.shto-three-ingredients__line--down{left:calc(50% - 1px);top:161px;width:1px;height:125px}.shto-three-ingredients__line--left{left:calc(65 / 343 * 100%);top:93px;width:calc(66 / 343 * 100%);height:75px}.shto-three-ingredients__line--right{left:calc(201 / 343 * 100%);top:93px;width:calc(76 / 343 * 100%);height:86px}.shto-three-ingredients__cta-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.shto-three-ingredients a.shto-three-ingredients__cta{display:flex;align-items:center;justify-content:center;width:100%;max-width:343px;min-height:60px;padding:8px 36px;background:var(--yellow);border-radius:40px 0;box-shadow:0 0 0 1px #000,4px 4px 0 1px #000;color:var(--ink);text-decoration:none;text-align:center;font-family:var(--font-body);font-size:18px;font-weight:800;line-height:18px;letter-spacing:-.36px;text-transform:uppercase;transition:transform var(--shto-fast) var(--shto-ease),box-shadow var(--shto-fast) var(--shto-ease)}.shto-three-ingredients a.shto-three-ingredients__cta:hover{transform:translate(2px,2px);box-shadow:0 0 0 1px #000,2px 2px 0 1px #000}.shto-three-ingredients a.shto-three-ingredients__cta:focus-visible{outline:2px solid #000;outline-offset:4px}.shto-three-ingredients__infos{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;width:100%;max-width:343px}.shto-three-ingredients__info{display:flex;align-items:center;gap:4px}.shto-three-ingredients__info-icon{flex:none;width:20px;height:20px}.shto-three-ingredients__info-text{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:16px;letter-spacing:-.24px;color:var(--ink);white-space:nowrap}@supports (width: calc-size(max-content,round(up,size,1px))){.shto-three-ingredients__info-text{width:calc-size(max-content,round(up,size,1px))}}@media(min-width:990px){.shto-three-ingredients{gap:40px;padding:80px 16px}.shto-three-ingredients__head{max-width:742px}.shto-three-ingredients__heading{width:558px;max-width:100%;font-size:40px;line-height:42px}.shto-three-ingredients__sub{width:480px;font-size:18px;line-height:25px;letter-spacing:-.36px}.shto-three-ingredients__map{grid-template-columns:minmax(0,328px) 15px 235px 46px minmax(0,298px);max-width:922px;margin-bottom:0}.shto-three-ingredients__jar{grid-column:3;width:235px;height:352px;margin-top:11px}.shto-three-ingredients__note{gap:4px;padding:11px}.shto-three-ingredients__note--left{grid-row:1;grid-column:1;margin-top:136px;justify-self:start}.shto-three-ingredients__note--right{grid-row:1;grid-column:5;margin-top:136px}.shto-three-ingredients__note--bottom{grid-row:2;grid-column:1 / -1;width:406px;margin:19px 0 0;padding:11px}.shto-three-ingredients__note-head{gap:8px}.shto-three-ingredients__note--right .shto-three-ingredients__note-head{width:200px}.shto-three-ingredients__dot{width:43px;height:43px}.shto-three-ingredients__title{font-size:18px;line-height:23px;letter-spacing:-.36px;white-space:nowrap}.shto-three-ingredients__note--right .shto-three-ingredients__title{line-height:21px}.shto-three-ingredients__text{font-size:16px;line-height:19px;letter-spacing:-.32px}.shto-three-ingredients__note--left .shto-three-ingredients__text{width:304px;max-width:100%}.shto-three-ingredients__note--right .shto-three-ingredients__text{width:auto}.shto-three-ingredients__line--down{left:461px;top:173px;height:201px;margin-left:-.5px}.shto-three-ingredients__line--left{left:221px;top:80.85px;width:175px;height:44.15px}.shto-three-ingredients__line--right{left:550px;top:80.85px;width:175px;height:44.15px}.shto-three-ingredients__cta-wrap{gap:12px;max-width:520px}.shto-three-ingredients a.shto-three-ingredients__cta{max-width:520px;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0}.shto-three-ingredients__info-icon{width:22px;height:22px}.shto-three-ingredients__info-text{font-size:14px;line-height:18px;letter-spacing:-.28px}}.shto-three-ingredients__info{min-width:0;max-width:100%}.shto-three-ingredients__info-text{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal}
/*# sourceMappingURL=/cdn/shop/t/16/assets/shto-three-ingredients.css.map */