.subscription-buy-box{width:100%;border-radius:var(--Radius-Large, 24px);border:1px solid var(--Color-Primary-Lighter, #F7F7F7);background:var(--Color-Primary-Lighter, #F7F7F7);padding:24px}.subscription-buy-box .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sbb-options{display:flex;flex-direction:column;gap:16px}.sbb-option{--sbb-ease-out: cubic-bezier(.22, 1, .36, 1);--sbb-ease-in-out: cubic-bezier(.45, 0, .55, 1);position:relative;display:block;border:1px solid #DFEFDA;border-radius:var(--sbb-card-radius, 12px);background:#fff;padding:16px;cursor:pointer;transition:border-color .45s var(--sbb-ease-out),background-color .45s var(--sbb-ease-out),box-shadow .45s var(--sbb-ease-out)}.sbb-option.is-selected{border-color:var(--sbb-accent-start, var(--sbb-selected-border, #586e46));background:color-mix(in srgb,var(--sbb-accent-end, #a1c783) 10%,transparent)}.sbb-badge{position:absolute;top:-10px;right:16px;background:var( --sbb-gifts-panel-bg, linear-gradient(95deg, var(--sbb-accent-start, #586e46) 11%, var(--sbb-accent-end, #a1c783) 100%) );color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 12px;border-radius:999px;white-space:nowrap;z-index:1}.sbb-option-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sbb-option.is-selected .sbb-option-header{margin-bottom:10px}.sbb-option-title-row{display:flex;align-items:center;gap:10px;min-width:0}.sbb-radio{flex-shrink:0;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;background:#fff;position:relative;transition:border-color .4s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1))}.sbb-radio:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--sbb-accent-start, var(--sbb-selected-border, #586e46));transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .4s cubic-bezier(.34,1.25,.64,1),opacity .3s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1))}.sbb-option.is-selected .sbb-radio{border-color:var(--sbb-accent-start, var(--sbb-selected-border, #586e46))}.sbb-option.is-selected .sbb-radio:after{transform:translate(-50%,-50%) scale(1);opacity:1}.sbb-option-title{font-size:20px;font-weight:600;color:#202329;line-height:1.3}.sbb-onetime-title-wrap{display:flex;flex-direction:column;gap:2px}.sbb-option-pricing{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex-shrink:0}.sbb-option-pricing>div{display:flex;align-items:center;gap:8px}.sbb-save-badge{display:inline-block;background:#202329;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:8px}.sbb-price{font-size:28px;font-weight:800;color:#202329;line-height:1}.sbb-serving{font-size:12px;color:#202329;font-weight:400;opacity:.5}.sbb-serving--inline{margin-top:0}.sbb-compare{font-size:14px;color:#202329;text-decoration:line-through;opacity:.5;font-weight:400}.sbb-option-body{display:none;height:0;padding-top:0;border-top:1px solid transparent;pointer-events:none;visibility:hidden;transition:height .5s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),padding-top .5s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),border-top-color .45s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear .5s}.sbb-option-body.is-open{display:block;padding-top:16px;border-top-color:#586e4633;pointer-events:auto;visibility:visible;transition:height .5s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),padding-top .5s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),border-top-color .45s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear 0s}.sbb-option-body-inner{opacity:0;transform:translateY(-8px);transition:opacity .35s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1)),transform .45s var(--sbb-ease-out, cubic-bezier(.22, 1, .36, 1))}.sbb-option-body.is-open .sbb-option-body-inner{opacity:1;transform:translateY(0);transition-delay:.08s}.sbb-option-body:not(.is-open) .sbb-option-body-inner{transition-delay:0s}.sbb-option[data-option=onetime].is-open .sbb-option-body{border-top-color:#586e4626}.sbb-onetime-qty{display:flex;align-items:center;justify-content:space-between;gap:16px}.sbb-onetime-qty-label{font-size:14px;font-weight:600;color:#202329}.sbb-qty-stepper{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(88,110,70,.2);background:#fff}.sbb-qty-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(88,110,70,.25);border-radius:50%;background:color-mix(in srgb,var(--sbb-accent-start, #586e46) 8%,white);color:#202329;font-size:18px;line-height:1;cursor:pointer;padding:0;transition:background-color .2s ease,border-color .2s ease,transform .15s cubic-bezier(.34,1.25,.64,1)}.sbb-qty-btn:hover:not(:disabled){background:color-mix(in srgb,var(--sbb-accent-start, #586e46) 16%,white);border-color:var(--sbb-accent-start, #586e46)}.sbb-qty-btn:active:not(:disabled){transform:scale(.92)}.sbb-qty-btn:disabled{opacity:.4;cursor:not-allowed}.sbb-qty-input{width:44px;height:36px;border:none;background:transparent;text-align:center;font-size:16px;font-weight:600;color:#202329;-moz-appearance:textfield;padding:0}.sbb-qty-input::-webkit-outer-spin-button,.sbb-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sbb-qty-input:focus{outline:none}.sbb-benefits{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}.sbb-benefit{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#374151;line-height:1.4;font-weight:400}.sbb-check{flex-shrink:0;color:var(--sbb-accent-start, var(--sbb-selected-border, #586e46));margin-top:1px}.sbb-variant-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.sbb-variant-row{border-radius:var(--Radius-Medium, 18px);border:1px solid rgba(88,110,70,.2);background:var(--Color-Primary-Lighter, #F7F7F7);padding:10px;background:#fff}.sbb-variant-label{display:block;font-size:18px;font-weight:700;color:#202329}.sbb-variant-picker{display:flex;align-items:center;gap:8px}.sbb-variant-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f3f4f6}.sbb-variant-select{flex:1;min-width:0;padding:8px 28px 8px 10px;font-size:13px;font-weight:400;color:#202329;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:var(--Radius-Small, 12px)!important;border:1px solid rgba(23,23,23,.1);height:48px;width:100%}.sbb-gifts-panel{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:var( --sbb-gifts-panel-bg, linear-gradient(95deg, var(--sbb-accent-start, #586e46) 11%, var(--sbb-accent-end, #a1c783) 100%) );border-radius:10px;padding:14px 16px;color:#fff}body:not(:has(.gps)) .sbb-gifts-panel-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.2);display:inline-block;padding-bottom:4px}.sbb-gifts-list{list-style:none;margin:0;padding:0}.sbb-gifts-list li{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;font-weight:400}.sbb-gifts-list li svg{flex-shrink:0}.sbb-gifts-panel-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8px}.sbb-gifts-strike{font-size:16px;text-decoration:line-through;opacity:.8;font-weight:400}.sbb-gifts-free{font-size:28px;font-weight:800;line-height:1}.sbb-gifts-panel-images{display:flex;gap:8px;align-items:flex-start}.sbb-gift-image-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.sbb-gift-image-wrap img{width:70px;height:auto;object-fit:cover;border-radius:8px;background:#ffffff26}.sbb-gift-value{font-size:14px}.sbb-form-wrap{margin-top:16px}.sbb-submit-btn,.sbb-submit-btn:hover,.sbb-submit-btn:focus,.sbb-submit-btn:active{width:100%!important;border:none!important;border-radius:8px!important;background:linear-gradient(90deg,var(--sbb-accent-start, var(--sbb-btn-start, #586e46)) 0%,var(--sbb-accent-end, var(--sbb-btn-end, #8fb86f)) 100%)!important;color:var(--sbb-btn-text, #fff);font-size:18px!important;font-weight:700!important;padding:18px 24px!important;cursor:pointer;transition:opacity .2s ease,transform .15s ease!important;position:relative!important;color:#fff}.sbb-submit-btn.loading .button-text{opacity:0}.sbb-submit-btn .loading__spinner{position:absolute;top:0;bottom:0;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.sbb-submit-btn .loading__spinner .path{stroke:var(--sbb-btn-text, #fff)}.sbb-form-wrap .product-form__error-message-wrapper{margin-bottom:10px;color:#b91c1c;font-size:13px}.sbb-submit-btn:hover:not(:disabled){opacity:.92}.sbb-submit-btn:disabled{opacity:.5;cursor:not-allowed}.sbb-payment-icons{margin-top:12px}.sbb-payment-icons .payment-icons-container{width:100%}.sbb-shipping-notice{margin-top:8px}.sbb-shipping-notice .free-shipping-notice-inner{width:100%!important;justify-content:center!important;padding:6px 11px!important;background-color:#fff!important;border-radius:8px!important}@media(prefers-reduced-motion:reduce){.sbb-option,.sbb-option-body,.sbb-option-body-inner,.sbb-radio,.sbb-radio:after,.sbb-qty-btn{transition:none!important}.sbb-option-body:not(.is-open){display:none!important;height:0!important;visibility:hidden!important}.sbb-option-body.is-open{display:block!important;height:auto!important;overflow:visible;visibility:visible!important}.sbb-option-body-inner{opacity:1;transform:none}}@media screen and (max-width:749px){.sbb-benefits,.sbb-variant-selectors{grid-template-columns:1fr}.sbb-gifts-panel{grid-template-columns:1fr;gap:14px;display:flex;flex-wrap:wrap}.sbb-gifts-panel-center{flex-direction:row;gap:5px;justify-content:flex-start;padding:0;flex:1;flex-direction:column}.sbb-gifts-panel-images{justify-content:flex-start;max-width:170px}.sbb-price{font-size:24px}.sbb-option-title{font-size:14px}.sbb-gift-value{font-size:12px}.sbb-gifts-free{font-size:24px}.subscription-buy-box{padding:16px 12px}.sbb-gift-image-wrap{flex:1}.sbb-gift-image-wrap img{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/subscription-buy-box.css.map */