.garlic-preorder-process{--preorder-bg: #f1f6ed;--preorder-card-bg: #ffffff;--preorder-subcard-bg: #eef4e8;--preorder-border: rgba(27, 76, 52, .12);--preorder-text: #1f3e2f;--preorder-muted: rgba(31, 62, 47, .82);--preorder-accent: #4f7f45;--preorder-radius: 18px;background:var(--preorder-bg);color:var(--preorder-text)}.garlic-preorder-process .garlic-preorder-process__inner{padding-top:2.5rem;padding-bottom:2.5rem}.garlic-preorder-process .garlic-preorder-process__heading{margin:0;text-align:center;color:var(--preorder-text);font-size:clamp(1.7rem,4.4vw,1.95rem)}.garlic-preorder-process .garlic-preorder-process__subheading{max-width:42rem;margin:.75rem auto 0;text-align:center;color:var(--preorder-muted);line-height:1.45}.garlic-preorder-process .garlic-preorder-process__steps{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.garlic-preorder-process .preorder-step,.garlic-preorder-process .preorder-step-cluster{position:relative;border-radius:var(--preorder-radius);border:1px solid var(--preorder-border);background:var(--preorder-card-bg);box-shadow:0 6px 16px #1f3e2f1a}.garlic-preorder-process .preorder-step{padding:1rem 1rem 1.15rem;text-align:center}.garlic-preorder-process .preorder-step__number,.garlic-preorder-process .preorder-step-cluster__number{position:absolute;top:.7rem;left:.7rem;width:1.75rem;height:1.75rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;line-height:1;color:#fff;background:var(--preorder-accent)}.garlic-preorder-process .preorder-step__icon{display:flex;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;margin:1rem auto .85rem;color:var(--preorder-accent)}.garlic-preorder-process .preorder-step__icon svg{width:100%;height:100%}.garlic-preorder-process .preorder-step__icon svg.preorder-step__icon-svg--truck{transform:scale(1.18)}.garlic-preorder-process .preorder-step__icon svg.preorder-step__icon-svg--truck path{stroke:currentColor;stroke-width:1.6;paint-order:stroke fill}.garlic-preorder-process .preorder-step__title{margin:0;text-align:center;font-size:1.08rem;line-height:1.25;color:var(--preorder-text)}.garlic-preorder-process .preorder-step__text{margin-top:.6rem;text-align:center;font-size:.98rem;line-height:1.45;color:var(--preorder-muted)}.garlic-preorder-process .preorder-step__text p{margin:0}.garlic-preorder-process .preorder-step__link{display:inline-flex;margin-top:.6rem;color:var(--preorder-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.garlic-preorder-process .preorder-step-cluster{padding:1rem}.garlic-preorder-process .preorder-step-cluster__title{margin:0 0 .85rem;padding-left:2.2rem;color:var(--preorder-text);font-size:1.08rem;line-height:1.25}.garlic-preorder-process .preorder-step-cluster__grid{display:flex;flex-direction:column;gap:.75rem}.garlic-preorder-process .preorder-step--substep{background:var(--preorder-subcard-bg);box-shadow:none;padding-top:.65rem}.garlic-preorder-process .preorder-step--substep .preorder-step__icon{margin-top:.3rem}.garlic-preorder-process .preorder-note{margin-top:1.15rem;border-radius:12px;border:1px solid var(--preorder-border);background:#ffffff9e;box-shadow:0 6px 16px #1f3e2f14;padding:.85rem 1rem;display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start}.garlic-preorder-process .preorder-note__icon{width:1.75rem;height:1.75rem;color:var(--preorder-accent)}.garlic-preorder-process .preorder-note__icon svg{width:100%;height:100%}.garlic-preorder-process .preorder-note__title{margin:0;font-size:1rem;line-height:1.2}.garlic-preorder-process .preorder-note__text{margin:.15rem 0 0;color:var(--preorder-muted);line-height:1.4}@media(min-width:768px){.garlic-preorder-process .garlic-preorder-process__inner{padding-top:3rem;padding-bottom:3rem}.garlic-preorder-process .garlic-preorder-process__heading{font-size:clamp(2rem,2.4vw,2.2rem)}.garlic-preorder-process .garlic-preorder-process__steps{display:grid;grid-template-columns:repeat(2,minmax(0,20rem));justify-content:center;align-items:stretch;gap:1rem}.garlic-preorder-process .preorder-step,.garlic-preorder-process .preorder-step-cluster{width:auto}.garlic-preorder-process .preorder-step-cluster{grid-column:1 / -1;width:100%;max-width:41rem;margin-left:auto;margin-right:auto}.garlic-preorder-process .preorder-step-cluster__grid{flex-direction:row}.garlic-preorder-process .preorder-step-cluster__grid .preorder-step{width:50%}.garlic-preorder-process .preorder-note{max-width:58rem;margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/preorder-process.css.map */