.snlIngredientsRole{overflow:hidden;background:var(--soft,#F0CBA9);color:var(--text,#1E3427);position:relative}.snlIngredientsRole *{box-sizing:border-box}.snlIngredientsRole .in{max-width:1180px;margin:0 auto;padding:var(--pt,50px) 18px var(--pb,50px)}.snlIngredientsRole h2,.snlIngredientsRole h3,.snlIngredientsRole h4,.snlIngredientsRole p{margin:0}.snlIngredientsRole .eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;font-size:.74rem;letter-spacing:.15em;text-transform:none;color:var(--orange,#FF6400);font-weight:700;margin-bottom:10px}.snlIngredientsRole .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange,#FF6400)}.snlIngredientsRole h2{font-size:clamp(2rem,7vw,3.35rem);line-height:1.02;letter-spacing:-.04em;color:var(--green,#1E3427);margin-bottom:12px}.snlIngredientsRole .hl,.snlIngredientsRole h2 em,.snlIngredientsRole h3 em{color:var(--orange,#FF6400);font-style:normal}.snlIngredientsRole .lead{font-size:clamp(1rem,3.8vw,1.1rem);line-height:1.58;color:var(--text,#1E3427);opacity:.86;max-width:760px}.snlIngredientsRole .lead b,.snlIngredientsRole .lead strong{color:var(--green,#1E3427)}.snlIngredientsRole .top{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:30px}.snlIngredientsRole .visual{position:relative;min-height:265px;overflow:visible;background:transparent;border:none;box-shadow:var(--snl-card-shadow,none)}.snlIngredientsRole .visual:before{content:"";position:absolute;top:-22px;right:-18px;bottom:-10px;left:-18px;background-image:var(--muesli-img);background-size:contain;background-position:center;background-repeat:no-repeat}.snlIngredientsRole .visualLabel{position:absolute;left:16px;bottom:6px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--green,#1E3427);border:1px solid var(--border,#F0CBA9);border-radius:999px;padding:9px 12px;font-size:.78rem;font-weight:700;box-shadow:var(--snl-card-shadow,none)}.snlIngredientsRole .ingHead{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.snlIngredientsRole .ingHead h3{color:var(--green,#1E3427);font-size:clamp(1.45rem,5.6vw,2rem);line-height:1.05;letter-spacing:-.035em}.snlIngredientsRole .ingHead p{color:var(--text,#1E3427);opacity:.74;font-size:.92rem;line-height:1.45;max-width:620px}.snlIngredientsRole .note{margin-top:8px;color:var(--text,#1E3427);opacity:.72;font-size:.82rem;line-height:1.42;max-width:620px}.snlIngredientsRole .note b,.snlIngredientsRole .note strong{color:var(--green,#1E3427)}.snlIngredientsRole .ingredientsRail{margin:0 -18px;padding:0 18px 8px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.snlIngredientsRole .ingredientsRail::-webkit-scrollbar{display:none}.snlIngredientsRole .ingCard{flex:0 0 43%;max-width:210px;scroll-snap-align:start;background:var(--card-bg,#FFFFFF);border:1px solid var(--card-border,var(--border,#F0CBA9));border-radius:24px;overflow:hidden;min-height:254px;display:flex;flex-direction:column;box-shadow:var(--snl-card-shadow,none)}.snlIngredientsRole .ingImg{position:relative;aspect-ratio:1/.86;background:var(--img-bg,#F0CBA9);overflow:hidden}.snlIngredientsRole .ingImg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--img);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.03)}.snlIngredientsRole .ingBody{padding:13px;display:flex;flex-direction:column;flex:1}.snlIngredientsRole .ingBody h4{color:var(--card-title,var(--green,#1E3427));font-size:1rem;line-height:1.08;letter-spacing:-.02em;margin-bottom:5px}.snlIngredientsRole .role{display:block;color:var(--role-color,var(--orange,#FF6400));font-size:.76rem;font-weight:700;line-height:1.1;margin-bottom:7px}.snlIngredientsRole .ingBody p{color:var(--card-text,var(--text,#1E3427));opacity:.75;font-size:.78rem;line-height:1.36;margin-bottom:12px}.snlIngredientsRole .tag{margin-top:auto;width:max-content;max-width:100%;display:inline-flex;align-items:center;border-radius:999px;background:var(--tag-bg,var(--soft,#F0CBA9));border:1px solid var(--card-border,var(--border,#F0CBA9));color:var(--tag-fg,var(--green,#1E3427));padding:6px 9px;font-size:.68rem;font-weight:700;line-height:1}@media(min-width:900px){.snlIngredientsRole .in{padding:var(--pt-d,80px) 24px var(--pb-d,80px)}.snlIngredientsRole .top{grid-template-columns:minmax(360px,.86fr) minmax(560px,1.14fr);gap:44px;align-items:center;margin-bottom:44px}.snlIngredientsRole h2{font-size:clamp(2.65rem,3.8vw,3.95rem);max-width:560px}.snlIngredientsRole .lead{max-width:540px;font-size:1.08rem}.snlIngredientsRole .visual{min-height:520px}.snlIngredientsRole .visual:before{top:-70px;right:-64px;bottom:-54px;left:-64px;background-size:contain;background-position:center}.snlIngredientsRole .visualLabel{left:50%;bottom:28px;transform:translate(-50%);padding:10px 15px;font-size:.84rem}.snlIngredientsRole .ingHead{text-align:center;align-items:center;margin-bottom:24px}.snlIngredientsRole .ingHead p,.snlIngredientsRole .note{margin-left:auto;margin-right:auto}.snlIngredientsRole .ingredientsRail{margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:14px;overflow:visible}.snlIngredientsRole .ingCard{flex:none;max-width:none;min-height:286px;border-radius:26px;transition:transform .18s ease,box-shadow .18s ease}.snlIngredientsRole .ingCard:hover{transform:translateY(-4px);box-shadow:var(--snl-card-shadow,none)}.snlIngredientsRole .ingImg{aspect-ratio:1/.82}}@media(min-width:900px)and (max-width:1080px){.snlIngredientsRole .top{grid-template-columns:1fr;gap:20px}.snlIngredientsRole .copy{text-align:center;max-width:760px;margin:0 auto}.snlIngredientsRole h2,.snlIngredientsRole .lead{max-width:none;margin-left:auto;margin-right:auto}.snlIngredientsRole .visual{max-width:760px;width:100%;margin:0 auto}.snlIngredientsRole .ingredientsRail{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.snlIngredientsRole .ingCard{flex-basis:43%;min-height:250px}.snlIngredientsRole .ingBody{padding:12px}.snlIngredientsRole .ingBody h4{font-size:.96rem}.snlIngredientsRole .role{font-size:.72rem}.snlIngredientsRole .ingBody p{font-size:.75rem}}@media(max-width:380px){.snlIngredientsRole .in{padding-left:16px;padding-right:16px}.snlIngredientsRole .ingredientsRail{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.snlIngredientsRole .ingCard{flex-basis:48%;min-height:246px}.snlIngredientsRole .visual{min-height:240px}.snlIngredientsRole .visual:before{top:-26px;right:-28px;bottom:-16px;left:-28px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-sanalio-ingredients.css.map */