.mgfx-herbs{--mgfx-herbs-radius: 16px;--mgfx-herbs-space-2: 8px;--mgfx-herbs-space-3: 12px;--mgfx-herbs-space-4: 16px;--mgfx-herbs-space-5: 24px;--mgfx-herbs-space-6: 32px;--mgfx-herbs-space-8: 48px;--mgfx-herbs-max-width: 1200px;background:#fff;color:var(--mgfx-herbs-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:var(--mgfx-herbs-space-8) 0;max-width:100vw;overflow-x:hidden}.mgfx-herbs *{box-sizing:border-box}.mgfx-herbs__shell{max-width:var(--mgfx-herbs-max-width);margin:0 auto;padding:0 var(--mgfx-herbs-space-4)}.mgfx-herbs__heading{text-align:center;max-width:640px;margin:0 auto var(--mgfx-herbs-space-6)}.mgfx-herbs__eyebrow{margin:0;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--mgfx-herbs-ink) 70%,transparent)}.mgfx-herbs__title{margin:var(--mgfx-herbs-space-2) 0;font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--mgfx-herbs-accent);letter-spacing:-.01em}.mgfx-herbs__intro{margin:0;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--mgfx-herbs-ink) 65%,transparent)}.mgfx-herbs__carousel-wrap{position:relative;display:flex;align-items:center;gap:var(--mgfx-herbs-space-3);max-width:var(--mgfx-herbs-max-width);width:100%;margin:0 auto;padding:0 var(--mgfx-herbs-space-4);overflow:hidden}.mgfx-herbs__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:var(--mgfx-herbs-space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--mgfx-herbs-space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0;max-width:100%;width:100%}.mgfx-herbs__track::-webkit-scrollbar{display:none}.mgfx-herbs__card{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:var(--mgfx-herbs-radius);overflow:hidden;background:color-mix(in srgb,var(--mgfx-herbs-ink) 4%,white);box-shadow:0 1px 3px #0000000f}.mgfx-herbs__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:color-mix(in srgb,var(--mgfx-herbs-ink) 8%,white)}.mgfx-herbs__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(hover:hover){.mgfx-herbs__card:hover .mgfx-herbs__media img{transform:scale(1.08)}}.mgfx-herbs__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:color-mix(in srgb,var(--mgfx-herbs-ink) 25%,transparent)}.mgfx-herbs__name{margin:var(--mgfx-herbs-space-3) var(--mgfx-herbs-space-3) 0;font-size:16px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;text-align:center;line-height:1.25}.mgfx-herbs__benefit{margin:var(--mgfx-herbs-space-2) var(--mgfx-herbs-space-3) var(--mgfx-herbs-space-3);font-size:13px;line-height:1.55;text-align:center;color:color-mix(in srgb,var(--mgfx-herbs-ink) 65%,transparent);flex:1}.mgfx-herbs__nav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mgfx-herbs-ink) 15%,transparent);background:#fff;color:var(--mgfx-herbs-ink);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014;transition:background-color .15s ease,transform .1s ease;z-index:2}.mgfx-herbs__nav:hover{background:color-mix(in srgb,var(--mgfx-herbs-ink) 6%,white)}.mgfx-herbs__nav:active{transform:scale(.94)}.mgfx-herbs__nav:disabled{opacity:.35;cursor:default}.mgfx-herbs__nav:disabled:hover{background:#fff}@media(min-width:900px){.mgfx-herbs__track{grid-auto-columns:21%}.mgfx-herbs__media{aspect-ratio:1 / 1}}@media(max-width:640px){.mgfx-herbs{padding:var(--mgfx-herbs-space-6) 0}.mgfx-herbs__carousel-wrap{padding:0}.mgfx-herbs__nav{display:none}.mgfx-herbs__track{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(44%,1fr);gap:var(--mgfx-herbs-space-3);padding:0 var(--mgfx-herbs-space-4) var(--mgfx-herbs-space-2)}.mgfx-herbs__name{font-size:15px;margin:var(--mgfx-herbs-space-3) var(--mgfx-herbs-space-3) 0}.mgfx-herbs__benefit{font-size:13px;margin:var(--mgfx-herbs-space-1, 4px) var(--mgfx-herbs-space-3) var(--mgfx-herbs-space-3)}}@media(prefers-reduced-motion:reduce){.mgfx-herbs *{transition-duration:.001ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mgfx-herbs-blend.css.map */