.pic{background:var(--pic-bg, var(--surface-subtle));color:var(--pic-text, var(--text-primary))}.pic .pic__inner{max-width:none;padding-inline:clamp(16px,2.5vw,32px)}.pic__head{text-align:center;max-width:680px;margin:0 auto clamp(28px,4vw,44px)}.pic__eyebrow{display:block;color:var(--pic-accent, var(--accent-deep));margin-bottom:12px}.pic__heading{margin:0 0 14px;line-height:1.2}.pic__sub{margin:0;color:var(--text-secondary);font-size:18px}.pic__sub strong{color:var(--pic-text, var(--text-primary));font-weight:600}.pic__carousel{position:relative}.pic__track{list-style:none;margin:0;padding:4px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--pic-cols) - 1) * 24px) / var(--pic-cols));gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.pic__track::-webkit-scrollbar{display:none}.pic__card{scroll-snap-align:start;position:relative;background:var(--pic-card-bg, var(--surface-raised));border:1px solid var(--border);border-radius:0;padding:20px;display:flex;flex-direction:column}.pic__tag{position:absolute;top:14px;left:14px;z-index:1;background:var(--pic-text, var(--c-onyx));color:var(--c-ivory);font-family:var(--gro-egypt-font-body, sans-serif);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:0}.pic__media{aspect-ratio:1 / 1;border-radius:0;background:var(--surface-subtle);display:grid;place-items:center;overflow:hidden;margin-bottom:16px}.pic__media img{width:100%;height:100%;object-fit:cover}.pic__monogram{font-family:var(--gro-egypt-font-heading, serif);font-size:64px;color:var(--pic-accent, var(--accent));opacity:.85}.pic__name{font-family:var(--gro-egypt-font-heading, serif);font-size:20px;font-weight:500;margin:0 0 8px;color:var(--pic-text, var(--text-primary))}.pic__body{margin:0;font-family:var(--gro-egypt-font-body, sans-serif);font-size:15px;line-height:1.55;color:var(--text-secondary)}.pic__navwrap{position:relative;width:100%}@media(max-width:989px){.pic__track{grid-auto-columns:calc((100% - 16px) / 2.2);gap:16px}}@media(max-width:749px){.pic__track{grid-auto-columns:78%}.pic__head{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-ingredients-carousel.css.map */