.buy-box{--bb-primary: #86bc1b;--bb-primary-hover: #76a818;--bb-primary-foreground: #ffffff;--bb-foreground: #1a1a1a;--bb-muted-foreground: #6b7280;--bb-background: #ffffff;--bb-card: #ffffff;--bb-border: #e5e7eb;--bb-ring: #86bc1b;--bb-success: #22c55e;--bb-radius: .75rem;--bb-radius-lg: 1rem;--bb-radius-full: 9999px;--bb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bb-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--bb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}.buy-box{container-type:inline-size}.buy-box__form{display:flex;flex-direction:column;gap:1rem;margin-top:1.75em;border-radius:var(--bb-radius);border:1px solid var(--bb-border);background-color:#ffffff80;padding:1.25rem 1.5rem;margin-left:-.5rem;margin-right:-.5rem;box-shadow:var(--bb-shadow-sm)}@media(min-width:640px){.buy-box__form{gap:1.5rem;padding:1.25rem}}.buy-box__price-row{display:flex;flex-direction:column;gap:.25rem}.buy-box__price-wrapper{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.buy-box__price{font-variant-numeric:tabular-nums;color:var(--bb-foreground);font-weight:700;font-size:1.875rem;line-height:1;letter-spacing:-.025em;transition:all .15s ease}@media(min-width:768px){.buy-box__price{font-size:2.25rem}}.buy-box__unit-label{font-size:.875rem;color:var(--bb-muted-foreground);font-weight:400}@media(min-width:768px){.buy-box__unit-label{font-size:1rem}}.buy-box__compare-price{font-size:1.125rem;color:var(--bb-muted-foreground);text-decoration:line-through;font-variant-numeric:tabular-nums;font-weight:400}.buy-box__compare-price.hidden{display:none}.buy-box__discount-hint{display:inline-flex;align-items:center;font-size:.75rem;border-radius:var(--bb-radius-full);padding:.25rem .625rem;background-color:#86bc1b1a;color:var(--bb-primary);font-weight:500;transition:background-color .15s ease}.buy-box__discount-hint:hover{background-color:#86bc1b33}.buy-box__quantity-grid,.buy-box__quantity [role=radiogroup]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.buy-box__qty-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;border-radius:var(--bb-radius-lg);border:1px solid rgba(134,188,27,.2);background-color:var(--bb-card);color:var(--bb-foreground);box-shadow:var(--bb-shadow-sm);transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.buy-box__qty-card:hover{box-shadow:var(--bb-shadow-md);border-color:#86bc1b99}.buy-box__qty-card[data-state=selected],.buy-box__qty-card:has([data-state=selected]){background-color:var(--bb-primary);color:var(--bb-primary-foreground);border-color:var(--bb-primary);box-shadow:var(--bb-shadow-lg);transform:scale(1.05)}.buy-box__qty-badge{position:absolute;top:-.625rem;right:-.5rem;z-index:20}.buy-box__qty-badge span{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bb-primary);color:var(--bb-primary-foreground);border:3px solid white;padding:.125rem .5rem;font-size:.625rem;font-weight:800;border-radius:var(--bb-radius-full)}@media(min-width:640px){.buy-box__qty-badge span{font-size:.75rem}}.buy-box__qty-button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border-radius:var(--bb-radius);padding:.625rem .5rem;background:transparent;border:none;cursor:pointer;transition:all .15s ease;min-height:2.75rem}@media(min-width:640px){.buy-box__qty-button{padding:.75rem .5rem}}.buy-box__qty-button:focus-visible{outline:2px solid var(--bb-ring);outline-offset:2px}.buy-box__qty-card:has(.buy-box__qty-badge) .buy-box__qty-button{padding-top:1.25rem}.buy-box__qty-label{font-size:1rem;font-weight:700;line-height:1;color:var(--bb-foreground)}@media(min-width:640px){.buy-box__qty-label{font-size:1.125rem}}[data-state=selected] .buy-box__qty-label,.buy-box__qty-button[data-state=selected] .buy-box__qty-label{color:var(--bb-primary-foreground)}.buy-box__qty-price-wrapper{margin-top:.125rem}@media(min-width:640px){.buy-box__qty-price-wrapper{margin-top:.25rem}}.buy-box__qty-price{font-size:.625rem;font-weight:500;color:#6b7280cc;white-space:nowrap}@media(min-width:640px){.buy-box__qty-price{font-size:.6875rem}}[data-state=selected] .buy-box__qty-price,.buy-box__qty-button[data-state=selected] .buy-box__qty-price{color:#ffffffe6}.buy-box__quantity input[type=hidden]{display:none}.buy-box__benefits{display:flex;flex-direction:column;gap:.75rem}.buy-box__benefits>div,.buy-box__benefits-inner{display:flex;flex-direction:column;gap:.5rem}.buy-box__benefits-header{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--bb-foreground);padding-bottom:.25rem}@media(min-width:640px){.buy-box__benefits-header{gap:.75rem}}.buy-box__benefits-icon{display:flex;align-items:center;justify-content:center;border-radius:var(--bb-radius-full);background-color:#86bc1b1a;padding:.375rem}.buy-box__benefits-icon svg{width:1rem;height:1rem;color:var(--bb-primary)}.buy-box__benefits-text{font-size:.75rem;font-weight:600}@media(min-width:640px){.buy-box__benefits-text{font-size:1rem}}.buy-box__savings{color:var(--bb-primary)}.buy-box__gifts-container,[data-buy-box-gifts-container]{display:flex;flex-direction:column;gap:.5rem}.buy-box__gift-item{position:relative;display:grid;grid-template-columns:auto auto 1fr;gap:.625rem;padding:.625rem;border-radius:var(--bb-radius);border:1px solid var(--bb-border);transition:all .2s ease-out;animation:bb-fadeIn .3s ease-out}.buy-box__gift-item--deal,.buy-box__gift-item[data-deal=true]{border-color:var(--bb-primary);box-shadow:var(--bb-shadow-sm)}.buy-box__deal-badge{position:absolute;top:-.5rem;left:.75rem;z-index:10}.buy-box__deal-badge span{display:inline-flex;align-items:center;border-radius:var(--bb-radius-full);background-color:var(--bb-foreground);padding:.125rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bb-background);box-shadow:var(--bb-shadow-sm)}.buy-box__gift-checkbox-col{display:flex;height:100%;align-items:center;justify-content:center}.buy-box__gift-checkmark{display:flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:var(--bb-primary);color:var(--bb-primary-foreground)}.buy-box__gift-checkmark svg{width:.875rem;height:.875rem}.buy-box__gift-checkbox{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:.375rem;border:2px solid var(--bb-border);background-color:var(--bb-background);box-shadow:var(--bb-shadow-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.buy-box__gift-checkbox--interactive{cursor:pointer}.buy-box__gift-checkbox--interactive:focus-visible{outline:2px solid var(--bb-ring);outline-offset:2px}.buy-box__gift-checkbox[data-state=checked]{background-color:var(--bb-primary);border-color:var(--bb-primary);color:var(--bb-primary-foreground)}.buy-box__gift-checkbox[data-state=unchecked]{background-color:transparent;border-color:var(--bb-border)}.buy-box__gift-checkbox[data-state=unchecked] span{display:none}.buy-box__gift-checkbox svg{width:.875rem;height:.875rem}.buy-box__gift-image-col{flex-shrink:0;align-self:center}.buy-box__gift-image{width:3rem;height:3rem;border-radius:.5rem;object-fit:contain;border:1px solid var(--bb-border)}.buy-box__gift-placeholder{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--bb-border);background-color:#6b72801a}.buy-box__gift-placeholder svg{width:1.25rem;height:1.25rem;color:var(--bb-muted-foreground)}.buy-box__gift-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.buy-box__gift-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.buy-box__gift-name-wrapper{min-width:0;display:flex;align-items:center;gap:.25rem}.buy-box__gift-name{font-size:.875rem;font-weight:500;line-height:1;color:var(--bb-foreground);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.buy-box__gift-info-btn{flex-shrink:0;color:#6b7280b3;transition:color .15s ease;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.buy-box__gift-info-btn:hover{color:var(--bb-foreground)}.buy-box__gift-info-btn svg{width:.875rem;height:.875rem}.buy-box__gift-price-wrapper{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.buy-box__gift-original-price{font-size:.75rem;color:var(--bb-muted-foreground);text-decoration:line-through;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.buy-box__gift-free-label{font-size:.875rem;font-weight:600;color:var(--bb-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.buy-box__actions{display:flex;flex-direction:column;gap:.5rem}.buy-box__error-message{font-size:.875rem;font-weight:500;color:#dc2626}.buy-box__error-message[hidden]{display:none}.buy-box__submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:normal;font-weight:600;border-radius:var(--bb-radius-full);height:3rem;width:100%;padding:0 1.5rem;font-size:1rem;background-color:var(--bb-primary);color:var(--bb-primary-foreground);box-shadow:var(--bb-shadow-md);border:none;cursor:pointer;transition:all .15s ease}@media(min-width:640px){.buy-box__submit{white-space:nowrap}}.buy-box__submit:hover:not(:disabled){box-shadow:var(--bb-shadow-lg);background-color:var(--bb-primary-hover);transform:scale(1.02)}.buy-box__submit:active:not(:disabled){transform:scale(.95)}.buy-box__submit:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.buy-box__submit:focus-visible{outline:2px solid var(--bb-ring);outline-offset:2px}.buy-box__submit.loading{position:relative;pointer-events:none}.buy-box__submit.loading span{opacity:0}.buy-box__submit.loading:before{content:"";position:absolute;z-index:1;width:min(50px,34%);height:2px;left:50%;top:50%;margin-top:-1px;margin-left:max(-25px,-17%);background-color:var(--bb-primary-foreground);animation:bb-preloading 1.2s infinite ease}.buy-box__submit[aria-busy=true]{cursor:wait}.buy-box__dynamic-checkout{margin-top:.5rem}@keyframes bb-fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bb-preloading{0%,44%,88.1%,to{transform-origin:left}0%,to{transform:scaleX(0)}44%{transform-origin:left;transform:scaleX(1)}44.1%{transform-origin:right}88%{transform-origin:right;transform:scaleX(0)}}@container (max-width: 350px){.buy-box__form{padding:1.5rem 1rem;gap:.75rem}.buy-box__price{font-size:1.5rem}.buy-box__gift-item{gap:.5rem;padding:.5rem}.buy-box__gift-image,.buy-box__gift-placeholder{width:2.5rem;height:2.5rem}.buy-box__gift-name{font-size:.75rem}}.buy-box .hidden{display:none!important}.buy-box .tabular-nums{font-variant-numeric:tabular-nums}.buy-box .line-through{text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/4/assets/buy-box.css.map */