.bb-refill{position:relative;padding:clamp(28px,5vw,64px) clamp(8px,3vw,32px);background:linear-gradient(180deg,var(--bg-sand-soft, #FAF3E2) 0%,var(--bg-snow, #FFFFFF) 100%);color:var(--fg-forest, #233222);--rf-font-body: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--rf-font-display: "Roboto", sans-serif;--rf-font-mono: "Roboto Mono", "Roboto", monospace}.bb-refill__inner{position:relative;max-width:1280px;margin:0 auto}.bb-refill__header{text-align:center;margin:0 auto clamp(16px,3vw,48px);max-width:56ch;padding:0 8px}.bb-refill__eyebrow{font-family:var(--rf-font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-fire, #D8673F);margin:0 0 8px}@media(min-width:600px){.bb-refill__eyebrow{font-size:11px;margin-bottom:10px}}@media(min-width:750px){.bb-refill__eyebrow{font-size:13px;letter-spacing:.18em;margin-bottom:12px}}.bb-refill__heading{font-family:var(--rf-font-display);font-size:clamp(17px,4.5vw,44px);font-weight:900;line-height:1.1;letter-spacing:-.015em;color:var(--fg-forest, #233222);margin:0 0 8px}@media(min-width:750px){.bb-refill__heading{line-height:1.06;letter-spacing:-.02em;margin-bottom:12px}}.bb-refill__subheading{font-family:var(--rf-font-body);font-size:12px;font-weight:500;color:var(--fg-forest, #233222);opacity:.7;line-height:1.45;margin:0 auto;max-width:56ch}@media(min-width:600px){.bb-refill__subheading{font-size:13.5px;line-height:1.5}}@media(min-width:750px){.bb-refill__subheading{font-size:16px;line-height:1.55}}@media(min-width:990px){.bb-refill__subheading{font-size:18px}}.bb-refill__cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:stretch}@media(min-width:600px){.bb-refill__cards{gap:12px}}@media(min-width:750px){.bb-refill__cards{gap:16px}}@media(min-width:990px){.bb-refill__cards{gap:24px}}.bb-refill__card{background:#fff;border-radius:8px;padding:10px 7px;box-shadow:0 1px 3px #0a0a0a0a,0 8px 24px -12px #2332222e;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1)}@media(min-width:600px){.bb-refill__card{padding:18px 14px;border-radius:12px;gap:11px}}@media(min-width:750px){.bb-refill__card{padding:28px 22px;border-radius:18px;gap:14px}}@media(min-width:990px){.bb-refill__card{padding:36px 30px;border-radius:20px;gap:18px}}@media(hover:hover)and (min-width:990px){.bb-refill__card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0a0a0a0f,0 32px 64px -24px #23322247}}.bb-refill__card--steps{background:var(--fg-forest, #233222);color:#fff;box-shadow:0 2px 6px #0a0a0a14,0 16px 32px -12px #23322266}@media(min-width:990px){.bb-refill__card--steps{transform:translateY(-8px);box-shadow:0 2px 6px #0a0a0a14,0 24px 56px -20px #23322266}.bb-refill__card--steps:hover{transform:translateY(-12px)}}.bb-refill__card--steps .bb-refill__card-num,.bb-refill__card--steps .bb-refill__card-title{color:#fff}.bb-refill__card--steps .bb-refill__step-text{color:#ffffffdb}.bb-refill__card--steps .bb-refill__step{border-top-color:#ffffff24}.bb-refill__card-num{font-family:var(--rf-font-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-fire, #D8673F);margin:0;line-height:1.2}@media(min-width:600px){.bb-refill__card-num{font-size:10.5px;letter-spacing:.16em}}@media(min-width:750px){.bb-refill__card-num{font-size:11.5px;letter-spacing:.18em}}@media(min-width:990px){.bb-refill__card-num{font-size:12px;letter-spacing:.2em}}.bb-refill__card-title{display:none;font-family:var(--rf-font-display);font-size:clamp(13px,2.4vw,26px);font-weight:900;line-height:1.14;letter-spacing:-.015em;color:var(--fg-forest, #233222);margin:0;max-width:24ch}@media(min-width:600px){.bb-refill__card-title{display:block}}.bb-refill__card-badge{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:3px 6px;background:var(--accent-fire, #D8673F);color:#fff;border-radius:999px;font-family:var(--rf-font-mono);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0;line-height:1}@media(min-width:600px){.bb-refill__card-badge{font-size:10px;padding:5px 9px;gap:5px}}@media(min-width:750px){.bb-refill__card-badge{font-size:11px;padding:6px 10px;gap:6px}}.bb-refill__card-badge-icon{display:inline-flex;align-items:center;justify-content:center}.bb-refill__card-badge-icon svg{width:9px;height:9px;stroke:currentColor}@media(min-width:600px){.bb-refill__card-badge-icon svg{width:10px;height:10px}}@media(min-width:750px){.bb-refill__card-badge-icon svg{width:12px;height:12px}}.bb-refill__items{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:6px;flex:1}@media(min-width:600px){.bb-refill__items{gap:10px;margin-top:6px}}@media(min-width:750px){.bb-refill__items{gap:12px;margin-top:8px}}@media(min-width:990px){.bb-refill__items{gap:14px}}.bb-refill__item{display:flex;gap:6px;align-items:flex-start;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--fg-forest, #233222) 10%,transparent)}@media(min-width:600px){.bb-refill__item{gap:10px;padding-top:10px}}@media(min-width:750px){.bb-refill__item{gap:12px;padding-top:12px}}@media(min-width:990px){.bb-refill__item{gap:14px;padding-top:14px}}.bb-refill__item:first-child{padding-top:0;border-top:0}.bb-refill__item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:color-mix(in srgb,var(--accent-fire, #D8673F) 14%,transparent);color:var(--accent-fire, #D8673F);margin-top:1px}@media(min-width:600px){.bb-refill__item-icon{width:24px;height:24px;border-radius:6px}}@media(min-width:750px){.bb-refill__item-icon{width:32px;height:32px;border-radius:8px}}@media(min-width:990px){.bb-refill__item-icon{width:36px;height:36px;border-radius:9px}}.bb-refill__item-icon svg{width:10px;height:10px;stroke:currentColor}@media(min-width:600px){.bb-refill__item-icon svg{width:13px;height:13px}}@media(min-width:750px){.bb-refill__item-icon svg{width:16px;height:16px}}@media(min-width:990px){.bb-refill__item-icon svg{width:18px;height:18px}}.bb-refill__item-icon--check{background:color-mix(in srgb,#5A8A5C 16%,transparent);color:#4d7a4f}.bb-refill__item-body{flex:1;min-width:0}.bb-refill__item-label{display:none;font-family:var(--rf-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-forest, #233222);opacity:.55;margin:0 0 3px;line-height:1.2}@media(min-width:600px){.bb-refill__item-label{display:block;font-size:9.5px}}@media(min-width:750px){.bb-refill__item-label{font-size:10.5px;letter-spacing:.16em}}.bb-refill__item-value{font-family:var(--rf-font-body);font-size:10.5px;font-weight:500;line-height:1.35;color:var(--fg-forest, #233222);margin:0}@media(min-width:600px){.bb-refill__item-value{font-size:12.5px;line-height:1.4}}@media(min-width:750px){.bb-refill__item-value{font-size:14.5px;line-height:1.45}}@media(min-width:990px){.bb-refill__item-value{font-size:16px}}.bb-refill__steps{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:6px;flex:1}@media(min-width:600px){.bb-refill__steps{gap:10px;margin-top:6px}}@media(min-width:750px){.bb-refill__steps{gap:12px;margin-top:8px}}@media(min-width:990px){.bb-refill__steps{gap:14px}}.bb-refill__step{display:flex;gap:6px;align-items:flex-start;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--fg-forest, #233222) 10%,transparent)}@media(min-width:600px){.bb-refill__step{gap:10px;padding-top:10px}}@media(min-width:750px){.bb-refill__step{gap:12px;padding-top:12px}}@media(min-width:990px){.bb-refill__step{gap:14px;padding-top:14px}}.bb-refill__step:first-child{padding-top:0;border-top:0}.bb-refill__step-num{flex-shrink:0;width:14px;height:14px;border-radius:50%;background:var(--accent-fire, #D8673F);color:#fff;font-family:var(--rf-font-mono);font-size:8px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;margin-top:1px;box-shadow:0 1px 2px #d8673f66}@media(min-width:600px){.bb-refill__step-num{width:20px;height:20px;font-size:10px;box-shadow:0 2px 4px #d8673f66}}@media(min-width:750px){.bb-refill__step-num{width:26px;height:26px;font-size:13px}}@media(min-width:990px){.bb-refill__step-num{width:30px;height:30px;font-size:14px}}.bb-refill__step-text{flex:1;font-family:var(--rf-font-body);font-size:10.5px;font-weight:500;line-height:1.35;color:var(--fg-forest, #233222);margin:0;min-width:0}@media(min-width:600px){.bb-refill__step-text{font-size:12.5px;line-height:1.4}}@media(min-width:750px){.bb-refill__step-text{font-size:14.5px;line-height:1.5}}@media(min-width:990px){.bb-refill__step-text{font-size:16px}}@keyframes bb-refill-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bb-refill-card-in-steps{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(-8px)}}.bb-refill__card{animation:bb-refill-card-in .54s cubic-bezier(.16,1,.3,1) backwards}.bb-refill__card:nth-child(1){animation-delay:80ms}.bb-refill__card:nth-child(2){animation-delay:.18s}.bb-refill__card:nth-child(3){animation-delay:.28s}@media(min-width:990px){.bb-refill__card--steps{animation:bb-refill-card-in-steps .54s cubic-bezier(.16,1,.3,1) backwards;animation-delay:.18s}}@media(prefers-reduced-motion:reduce){.bb-refill__card,.bb-refill__card--steps{animation:none!important;transition:none!important;transform:none!important}@media(min-width:990px){.bb-refill__card--steps{transform:none!important}}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/bachgold-pdp-refill-cycle.css.map */