.ff-salt-bundle{padding:var(--ff-section-padding-y) 0}.ff-salt-bundle__header{text-align:center;margin-bottom:32px}.ff-salt-bundle__heading{margin:8px 0 0;font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:clamp(1.8rem,3.4vw,2.8rem);color:var(--color-text)}.ff-salt-bundle__divider{width:64px;margin:24px auto 0}.ff-salt-bundle__subtitle{max-width:46ch;margin:20px auto 0;font-size:var(--ff-text-body);line-height:var(--ff-text-body-lh);opacity:.78}.ff-salt-bundle__subtitle p{margin:0}.ff-salt-bundle__app{display:block;max-width:760px;margin:0 auto}.ff-salt-bundle__legend{margin:0;padding:0;font-size:var(--ff-text-eyebrow);line-height:var(--ff-text-eyebrow-lh);letter-spacing:var(--ff-text-eyebrow-tracking);text-transform:uppercase;opacity:.65}.ff-salt-bundle__tiers{margin:0;padding:0;border:0}.ff-salt-bundle__tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:24px}.ff-salt-bundle__tier{position:relative;display:block;padding:16px 10px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-alt);cursor:pointer;transition:border-color .25s ease,background-color .25s ease}.ff-salt-bundle__tier.has-badge{padding-top:20px}.ff-salt-bundle__radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ff-salt-bundle__tier:has(.ff-salt-bundle__radio:checked),.ff-salt-bundle__tier.is-selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg-alt))}.ff-salt-bundle__tier:has(.ff-salt-bundle__radio:focus-visible),.ff-salt-bundle__tier.is-focused{outline:2px solid var(--color-accent);outline-offset:2px}.ff-salt-bundle__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:3px 10px;border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-size:9px;line-height:1.4;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap}.ff-salt-bundle__tier-inner{display:flex;flex-direction:column;gap:4px}.ff-salt-bundle__tier-qty{font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:22px;line-height:1.1;color:var(--color-text)}.ff-salt-bundle__tier-total{font-size:15px;font-weight:600;color:var(--color-text)}.ff-salt-bundle__tier-unit{font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);opacity:.6}.ff-salt-bundle__tier-save{margin-top:2px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent)}.ff-salt-bundle__picker{margin-top:36px}.ff-salt-bundle__picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ff-salt-bundle__counter{margin:0;font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);opacity:.7}.ff-salt-bundle__counter.is-complete{color:var(--color-accent);opacity:1}.ff-salt-bundle__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:14px}.ff-salt-bundle__salt{position:relative}.ff-salt-bundle__salt-hit{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer}.ff-salt-bundle__salt-media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-alt);transition:border-color .25s ease}.ff-salt-bundle__salt.is-picked .ff-salt-bundle__salt-media{border-color:var(--color-accent)}.ff-salt-bundle__salt-image{width:100%;height:100%;object-fit:cover}.ff-salt-bundle__salt-count{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-size:12px;font-weight:700;line-height:1}.ff-salt-bundle__salt-title{font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);letter-spacing:.4px;opacity:.85}.ff-salt-bundle__salt-minus{position:absolute;top:6px;left:6px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1;cursor:pointer}.ff-salt-bundle__salt.is-full .ff-salt-bundle__salt-hit{cursor:not-allowed;opacity:.45}.ff-salt-bundle__summary{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px;padding:14px 0;background:var(--color-bg)}.ff-salt-bundle__totals{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ff-salt-bundle__total{font-family:var(--ff-font-heading);font-weight:var(--ff-font-heading-weight);font-size:26px;line-height:1.1;color:var(--color-text)}.ff-salt-bundle__compare{font-size:var(--ff-text-body);text-decoration:line-through;opacity:.5}.ff-salt-bundle__saved{width:100%;font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);letter-spacing:1px;text-transform:uppercase;color:var(--color-accent)}.ff-salt-bundle__cta{flex:1 1 200px;min-height:52px;padding:14px 24px;border:0;border-radius:6px;background:var(--color-accent);color:var(--color-bg);font-size:var(--ff-text-pill);letter-spacing:var(--ff-text-pill-tracking);text-transform:uppercase;cursor:pointer;transition:opacity .25s ease}.ff-salt-bundle__cta[disabled]{opacity:.4;cursor:not-allowed}.ff-salt-bundle__cta.is-loading{opacity:.6;cursor:wait}.ff-salt-bundle__note{margin-top:12px;font-size:var(--ff-text-body-sm);line-height:var(--ff-text-body-sm-lh);text-align:center;opacity:.6}.ff-salt-bundle__note p{margin:0}.ff-salt-bundle__error{margin:12px 0 0;font-size:var(--ff-text-body-sm);text-align:center;color:#e2554f}@media screen and (min-width:750px){.ff-salt-bundle__tier-grid{gap:14px}.ff-salt-bundle__tier{padding:20px 16px 18px}.ff-salt-bundle__tier.has-badge{padding-top:24px}.ff-salt-bundle__tier-qty{font-size:26px}.ff-salt-bundle__tier-total{font-size:17px}.ff-salt-bundle__badge{font-size:10px;padding:4px 12px}.ff-salt-bundle__grid{grid-template-columns:repeat(4,1fr);gap:14px}.ff-salt-bundle__summary{position:static;padding:18px 0 0;border-top:1px solid var(--color-border)}.ff-salt-bundle__cta{flex:0 0 auto;min-width:240px}}@media(prefers-reduced-motion:reduce){.ff-salt-bundle__tier,.ff-salt-bundle__salt-media,.ff-salt-bundle__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ff-salt-bundle.css.map */