.beard-oil-purchase-stack{--bo-ink: #28231f;--bo-muted: #665d54;--bo-line: rgba(40, 35, 31, .2);--bo-paper: #fbf8f2;--bo-stone: #f1ebe1;--bo-green: #213e34;--bo-brass: #9a6a27;margin:1.5rem 0 1.2rem;color:var(--bo-ink)}.beard-oil-purchase-stack[hidden]{display:none}.beard-oil-purchase-stack__scent{padding-block:1.5rem;border-block:1px solid var(--bo-line)}.beard-oil-purchase-stack__heading h3,.beard-oil-purchase-stack__plans legend{margin:0;color:var(--bo-ink);font-size:1.65rem;font-weight:750;letter-spacing:-.02em;line-height:1.25}.beard-oil-purchase-stack__heading p{margin:.45rem 0 0;color:var(--bo-muted);font-size:1.25rem;line-height:1.45}.beard-oil-purchase-stack__scents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.1rem}.beard-oil-purchase-stack__scent-family{min-width:0}.beard-oil-purchase-stack__scent-family+.beard-oil-purchase-stack__scent-family{padding-inline-start:.85rem;border-inline-start:1px solid var(--bo-line)}.beard-oil-purchase-stack__scent-family h4{min-height:2.6rem;margin:0 0 .55rem;color:var(--bo-muted);font-size:1rem;font-weight:760;letter-spacing:.01em;line-height:1.25}.beard-oil-purchase-stack__scent-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .2rem}.beard-oil-purchase-stack__scent-option{--scent-accent: #6f5e48;--scent-surface: #ece4d8;display:flex;min-width:0;min-width:4.4rem;min-height:5.8rem;padding:0;border:0;background:transparent;color:var(--bo-ink);font:inherit;text-align:center;cursor:pointer;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3rem}.beard-oil-purchase-stack__scent-disc{position:relative;display:grid;width:3.4rem;height:3.4rem;flex:0 0 3.4rem;place-items:center;border:1px solid color-mix(in srgb,var(--scent-accent) 48%,white);border-radius:50%;background:var(--scent-surface);box-shadow:inset 0 .1rem #ffffffa8,0 .4rem .9rem -.7rem #28231f9e;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s ease-out}.beard-oil-purchase-stack__check{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;background:var(--bo-paper);color:var(--scent-accent);opacity:0;transform:scale(.72);transition:opacity .15s ease-out,transform .18s cubic-bezier(.16,1,.3,1)}.beard-oil-purchase-stack__check svg{width:.85rem;height:.85rem}.beard-oil-purchase-stack__scent-option.is-selected .beard-oil-purchase-stack__scent-disc{border-color:var(--scent-accent);box-shadow:inset 0 0 0 .28rem var(--bo-paper),inset 0 0 0 1.7rem var(--scent-accent),0 .55rem 1rem -.72rem color-mix(in srgb,var(--scent-accent) 72%,transparent);transform:translateY(-.1rem)}.beard-oil-purchase-stack__scent-option.is-selected .beard-oil-purchase-stack__check{opacity:1;transform:scale(1)}.beard-oil-purchase-stack__scent-name{display:block;max-width:5.8rem;color:currentColor;font-size:.9rem;font-weight:700;line-height:1.12}.beard-oil-purchase-stack__sold-out{margin-top:-.15rem;color:var(--bo-muted);font-size:.75rem;font-weight:650;line-height:1.1}.beard-oil-purchase-stack__scent-option:focus-visible{outline:2px solid var(--bo-brass);outline-offset:.35rem;border-radius:.8rem}.beard-oil-purchase-stack__scent-option:disabled{color:#736b63;cursor:not-allowed}.beard-oil-purchase-stack__scent-option:disabled .beard-oil-purchase-stack__scent-disc{border-color:#28231f29;background:#e8e2da;box-shadow:inset 0 .1rem #ffffff80;filter:saturate(.22);opacity:.58}.beard-oil-purchase-stack__selection{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.beard-oil-purchase-stack__selection strong{color:var(--bo-ink);font-weight:760}.beard-oil-purchase-stack__plans{display:grid;gap:.85rem;min-width:0;margin:1.45rem 0 0;padding:0;border:0}.beard-oil-purchase-stack__plans legend{margin-bottom:.9rem}.beard-oil-purchase-stack__plan{position:relative;display:grid;min-height:6.2rem;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:1.15rem 1.2rem;border:1px solid var(--bo-line);border-radius:1.4rem;background:var(--bo-paper);color:var(--bo-ink);cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,box-shadow .18s cubic-bezier(.16,1,.3,1)}.beard-oil-purchase-stack__plan.is-selected{border-color:var(--bo-green);background:#f7f3eb;box-shadow:0 .7rem 1.4rem -1.15rem #213e34b3}.beard-oil-purchase-stack__plan input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.beard-oil-purchase-stack__radio{display:grid;width:2rem;height:2rem;place-items:center;border:1.5px solid #8a8177;border-radius:50%;background:#fff}.beard-oil-purchase-stack__radio:after{content:"";width:1rem;height:1rem;border-radius:50%;background:var(--bo-green);opacity:0;transform:scale(.55);transition:opacity .14s ease-out,transform .18s cubic-bezier(.16,1,.3,1)}.beard-oil-purchase-stack__plan input:checked+.beard-oil-purchase-stack__radio{border-color:var(--bo-green)}.beard-oil-purchase-stack__plan input:checked+.beard-oil-purchase-stack__radio:after{opacity:1;transform:scale(1)}.beard-oil-purchase-stack__plan:has(input:focus-visible){outline:2px solid var(--bo-brass);outline-offset:.25rem}.beard-oil-purchase-stack__plan-copy{display:grid;min-width:0;gap:.25rem}.beard-oil-purchase-stack__plan-copy strong{font-size:1.35rem;font-weight:780;line-height:1.25}.beard-oil-purchase-stack__plan-copy small{color:var(--bo-muted);font-size:1.05rem;font-weight:500;line-height:1.35}.beard-oil-purchase-stack__plan-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.beard-oil-purchase-stack__value{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .65rem;border-radius:999px;background:var(--bo-green);color:#fffaf3;font-size:.92rem;font-weight:780;line-height:1}.beard-oil-purchase-stack__plan-price{display:grid;gap:.15rem;justify-items:end;color:var(--bo-ink);font-size:1.25rem;font-weight:800;line-height:1.2;text-align:end;white-space:nowrap}.beard-oil-purchase-stack__regular-price{color:var(--bo-muted);font-size:.98rem;font-weight:560;line-height:1.1;text-decoration-color:color-mix(in srgb,var(--bo-muted) 82%,transparent);text-decoration-thickness:1px}.beard-oil-purchase-stack__discounted-price{color:var(--bo-green);font-size:1.35rem;font-weight:820;line-height:1.15}.beard-oil-purchase-stack__plan-price .tax-inclusive-indicator{display:none}.beard-oil-purchase-stack__trio{margin-top:.85rem;padding:1.2rem;border:1px solid rgba(154,106,39,.3);border-radius:1.4rem;background:var(--bo-stone);animation:beard-oil-trio-reveal .22s cubic-bezier(.16,1,.3,1) both}.beard-oil-purchase-stack__trio[hidden]{display:none}.beard-oil-purchase-stack__first-scent{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;color:var(--bo-muted);font-size:1.1rem}.beard-oil-purchase-stack__first-scent strong{color:var(--bo-ink);font-size:1.2rem;font-weight:760;text-align:end}.beard-oil-purchase-stack__trio-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.beard-oil-purchase-stack__select-label{display:grid;min-width:0;gap:.45rem;color:var(--bo-ink);font-size:1.05rem;font-weight:700}.beard-oil-purchase-stack__select-label .select{width:100%}.beard-oil-purchase-stack__select-label select{min-height:4.8rem;width:100%;padding-inline:1.1rem 3.5rem;border:1px solid rgba(40,35,31,.26);border-radius:1.2rem;background:var(--bo-paper);color:var(--bo-ink);font:inherit;font-size:1.1rem}.beard-oil-purchase-stack__select-label select:focus-visible{outline:2px solid var(--bo-brass);outline-offset:.2rem}.beard-oil-purchase-stack__status{min-height:0;margin:.8rem 0 0;color:var(--bo-green);font-size:1.1rem;font-weight:650;line-height:1.35}.beard-oil-purchase-stack__status:empty{display:none}.beard-oil-purchase-stack__status.is-error{color:#8a241f}.is-beard-oil-purchase-stack-bound variant-selects{display:none}[data-product-handle=arabian-beard-oil] .product-form__quantity,[data-product-handle=arabian-beard-oil] .shopify-payment-button{display:none}.beard-oil-purchase-stack__scent-option--misk{--scent-accent: #6f5e48;--scent-surface: #e9dfd1}.beard-oil-purchase-stack__scent-option--oud{--scent-accent: #493127;--scent-surface: #ddcec4}.beard-oil-purchase-stack__scent-option--amber{--scent-accent: #8d4f19;--scent-surface: #efd7bf}.beard-oil-purchase-stack__scent-option--rose{--scent-accent: #844f5a;--scent-surface: #efd8dd}.beard-oil-purchase-stack__scent-option--smoke-pine{--scent-accent: #405746;--scent-surface: #d7e1d9}.beard-oil-purchase-stack__scent-option--citrus{--scent-accent: #8b5705;--scent-surface: #f3dfad}.beard-oil-purchase-stack__scent-option--spiced-lavender{--scent-accent: #5e4d74;--scent-surface: #ded7e7}.beard-oil-purchase-stack__scent-option--sweet-tobacco{--scent-accent: #6d4325;--scent-surface: #e5d2c3}.beard-oil-purchase-stack__scent-option--espresso-timber{--scent-accent: #34261f;--scent-surface: #d9cfca}.beard-oil-purchase-stack__scent-option--minted-fresh{--scent-accent: #2f665e;--scent-surface: #d3e6e1}@media(hover:hover)and (pointer:fine){.beard-oil-purchase-stack__scent-option:hover:not(:disabled) .beard-oil-purchase-stack__scent-disc{border-color:var(--scent-accent);box-shadow:inset 0 .1rem #ffffffa8,0 .75rem 1.2rem -.75rem color-mix(in srgb,var(--scent-accent) 55%,transparent);transform:translateY(-.15rem)}.beard-oil-purchase-stack__plan:hover{border-color:#213e3499}}@media screen and (max-width:749px){.beard-oil-purchase-stack{margin-top:1.2rem}.beard-oil-purchase-stack__scents{gap:.65rem}.beard-oil-purchase-stack__scent-family+.beard-oil-purchase-stack__scent-family{padding-inline-start:.55rem}.beard-oil-purchase-stack__plan{grid-template-columns:auto minmax(0,1fr)}.beard-oil-purchase-stack__plan-price{grid-column:2;justify-items:start;text-align:start}.beard-oil-purchase-stack__trio-selectors{grid-template-columns:1fr}}@media screen and (max-width:389px){.beard-oil-purchase-stack__scents{gap:.4rem}.beard-oil-purchase-stack__scent-family+.beard-oil-purchase-stack__scent-family{padding-inline-start:.35rem}}@media(prefers-reduced-motion:reduce){.beard-oil-purchase-stack__scent-disc,.beard-oil-purchase-stack__check,.beard-oil-purchase-stack__plan,.beard-oil-purchase-stack__radio:after{transition:none}.beard-oil-purchase-stack__trio{animation:none}}@keyframes beard-oil-trio-reveal{0%{clip-path:inset(0 0 28% 0 round 1.4rem);opacity:.68;transform:translateY(-.45rem)}to{clip-path:inset(0 round 1.4rem);opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/beard-oil-purchase-stack.css.map */