.wc-ingredient{--cream:#f7f3ec;--ink:#0d0d0d;--orange:#f06b1c}.wc-ingredient *{box-sizing:border-box}.wc-ingredient{max-width:1040px;margin:auto;padding:48px 24px}.ingredient-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;padding-bottom:8px;scroll-padding-inline:0}.ingredient-track:after{content:"";flex:0 0 28px}.ingredient-card{flex:0 0 calc(100% - 44px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:auto auto;column-gap:28px;row-gap:20px;border:2px solid var(--ink);border-radius:22px;padding:42px 42px 42px 26px;background:var(--cream)}.ingredient-heading{grid-column:2;grid-row:1;align-self:end;min-width:0}.ingredient-heading :is(h1,h2){font:400 clamp(40px,4.5vw,62px)/1 "Bebas Neue",sans-serif;letter-spacing:-.01em;margin:0}.ingredient-heading h1 span{white-space:nowrap}.ingredient-visual{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;min-width:0}.ingredient-visual img{display:block;width:100%;height:auto;max-height:290px;object-fit:contain}.ingredient-visual-captioned{flex-direction:column;gap:6px;margin:0}.ingredient-visual-captioned img{min-height:0;flex:1;object-fit:contain}.ingredient-visual-captioned figcaption{flex:none;font-size:12px;line-height:1.4;color:#59534c;text-align:center}.ingredient-facts{grid-column:2;grid-row:2;align-self:start;list-style:none;display:grid;gap:16px;margin:0;padding:20px 0 0;border-top:1px solid #cec5b8;font-size:18px;line-height:1.5}.ingredient-facts li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}.ingredient-facts svg{display:block;width:24px;height:24px;margin-top:1px;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ingredient-facts strong{font-weight:600}.ingredient-card-glm .ingredient-facts li:first-child strong{white-space:nowrap}.carousel-controls{display:flex;align-items:center;gap:14px;padding-top:10px;min-height:58px}.carousel-hint{font-size:14px;line-height:1.4;margin:0;flex:1;color:#414141}.hint-touch{display:none}.carousel-dots,.carousel-arrows{display:flex;align-items:center;gap:8px}.wc-ingredient [hidden]{display:none!important}.carousel-dots{gap:0}.wc-ingredient button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.carousel-dot{display:grid;place-items:center;width:32px;height:44px;border:0;background:transparent;padding:0}.carousel-dot span{display:block;width:7px;height:7px;border:1px solid var(--ink);border-radius:99px}.carousel-dot[aria-current=true] span{width:20px;background:var(--orange);border-color:var(--ink)}.carousel-arrow{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--orange);box-shadow:2px 2px 0 var(--ink);padding:0;flex:none}.carousel-arrow[aria-disabled=true]{background:var(--cream);color:#777;border-color:#777;box-shadow:none;cursor:default}.carousel-arrow:active:not([aria-disabled=true]){transform:translate(2px,2px);box-shadow:none}.wc-ingredient :focus-visible{outline:3px solid var(--ink);outline-offset:3px}.wc-ingredient .ingredient-track:focus-visible{outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.carousel-arrow:hover:not([aria-disabled=true]){background:#e86216}}@media(max-width:699px){.wc-ingredient{padding:20px 16px}.ingredient-track{gap:12px;scrollbar-width:none;padding-bottom:3px}.ingredient-track::-webkit-scrollbar{display:none}.ingredient-track:after{flex-basis:16px}.ingredient-card{flex-basis:calc(100% - 28px);display:flex;flex-direction:column;gap:18px;padding:24px 18px;border-radius:18px}.ingredient-heading{align-self:stretch;text-align:center}.ingredient-heading :is(h1,h2){font-size:clamp(32px,9vw,42px)}.ingredient-visual{height:clamp(146px,22svh,186px);flex:none}.ingredient-card-msm .ingredient-visual{height:calc(clamp(146px,22svh,186px) + 24px)}.ingredient-visual img{height:100%;width:100%;max-height:none;object-fit:contain}.ingredient-facts{gap:12px;padding-top:16px;font-size:16px;line-height:1.5}.ingredient-facts li{grid-template-columns:22px minmax(0,1fr);gap:10px}.ingredient-facts svg{width:22px;height:22px;margin-top:1px}.hint-touch{display:inline}.hint-desktop{display:none}.carousel-controls{gap:8px;padding-top:8px}.carousel-hint{font-size:13px}.carousel-dot{width:26px}}@media(max-width:360px){.wc-ingredient{padding:12px}.ingredient-card{padding:20px 16px;gap:15px}.carousel-controls{gap:6px}.carousel-arrows{gap:7px}.carousel-dot{width:24px}.carousel-hint{max-width:90px}}.wc-ingredient-section,.wc-ingredient{background:#f7f3ec;color:#0d0d0d}.wc-ingredient .ingredient-heading h2{text-transform:none}.wc-ingredient :is(h1,h2,h3,p,li,li span,strong,figcaption,.carousel-hint,.carousel-hint span){color:#0d0d0d!important}.wc-ingredient .wc-label-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;margin:0 0 28px;padding:20px 24px;border:2px solid #0d0d0d;border-radius:22px;background:#f0e8d8;color:#0d0d0d;text-align:left;cursor:pointer;font-family:DM Sans,sans-serif}.wc-ingredient .wc-label-entry strong{display:block;font:400 28px/1.05 Bebas Neue,sans-serif}.wc-ingredient .wc-label-entry small{display:block;margin-top:6px;font-size:14px;line-height:1.5}.wc-ingredient .wc-label-entry__button{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f06b1c;color:#fff9e9}.wc-ingredient .wc-label-entry__button svg{width:26px;height:26px}.wc-ingredient .wc-label-entry:focus-visible{outline:3px solid #0d0d0d;outline-offset:4px}@media(max-width:390px){.wc-ingredient .wc-label-entry{padding:16px 14px;gap:10px}.wc-ingredient .wc-label-entry strong{font-size:24px}.wc-ingredient .wc-label-entry small{font-size:12px}.wc-ingredient .wc-label-entry__button{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/wc-preview-ingredients.css.map */
