.bulk-quantity-selector{margin:1.5rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bulk-quantity-selector__header{text-align:center;margin-bottom:1.25rem}.bulk-quantity-selector__title{font-size:1.25rem;font-weight:600;color:#111;margin:0 0 .25rem}.bulk-quantity-selector__subtitle{font-size:.875rem;color:#666;margin:0}.bulk-quantity-selector__container{background:transparent;padding:0}.bulk-quantity-selector__options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;list-style:none;margin:0;padding:0}.bulk-quantity-selector__option{position:relative;background:#fff;border:2px solid var(--card-border-color, #e5e7eb);border-radius:8px;padding:1rem .5rem;cursor:pointer;transition:all .15s ease;text-align:center}.bulk-quantity-selector__option:hover{border-color:var(--selected-card-color, #3b82f6);transform:translateY(-1px)}.bulk-quantity-selector__option--selected{border-color:var(--selected-card-color, #3b82f6);background:#f0f9ff}.bulk-quantity-selector__best-value-ribbon{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--best-value-color, #dc2626);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .875rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 4px #0000001a;z-index:1}.bulk-quantity-selector__option--best-value{overflow:visible}.bulk-quantity-selector__checkmark{position:absolute;top:.375rem;right:.375rem;width:18px;height:18px;border-radius:50%;background:var(--selected-card-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .15s ease}.bulk-quantity-selector__option--selected .bulk-quantity-selector__checkmark{opacity:1;transform:scale(1)}.bulk-quantity-selector__checkmark svg{width:10px;height:10px}.bulk-quantity-selector__option-header{margin-bottom:.375rem}.bulk-quantity-selector__quantity-badge{font-size:1.75rem;font-weight:700;color:#111;display:block;line-height:1}.bulk-quantity-selector__unit-label{font-size:.875rem;color:#666;margin-top:.125rem;display:block}.bulk-quantity-selector__pricing-section{margin-top:.5rem}.bulk-quantity-selector__original-price{font-size:.875rem;color:#9ca3af;text-decoration:line-through;display:block;margin-bottom:.125rem;height:1.2em}.bulk-quantity-selector__price-main{font-size:1.125rem;font-weight:700;color:#111;display:block;margin-bottom:.25rem}.bulk-quantity-selector__unit-price{font-size:.75rem;color:#6b7280;display:block;margin-bottom:.125rem}.bulk-quantity-selector__savings-highlight{margin-top:.25rem}.bulk-quantity-selector__save-amount{font-size:.75rem;color:#059669;font-weight:600;display:block}.bulk-quantity-selector__no-savings{font-size:.75rem;color:#6b7280;margin-top:.25rem}@media (max-width: 640px){.bulk-quantity-selector__options{grid-template-columns:repeat(2,1fr);gap:.5rem}.bulk-quantity-selector__option{padding:.875rem .375rem}.bulk-quantity-selector__quantity-badge{font-size:1.5rem}.bulk-quantity-selector__unit-label{font-size:.75rem}.bulk-quantity-selector__price-main{font-size:1rem}.bulk-quantity-selector__original-price{font-size:.75rem}.bulk-quantity-selector__save-amount{font-size:.6875rem}.bulk-quantity-selector__best-value-ribbon{font-size:.6875rem;padding:.1875rem .625rem}}@media (min-width: 641px) and (max-width: 768px){.bulk-quantity-selector__options{grid-template-columns:repeat(3,1fr)}}.bulk-quantity-selector__option:focus-visible{outline:2px solid var(--selected-card-color, #3b82f6);outline-offset:2px}@keyframes subtle-pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.05)}}.bulk-quantity-selector__best-value-ribbon{animation:subtle-pulse 2s infinite}.bulk-quantity-selector__option{will-change:transform,border-color}@media (prefers-contrast: high){.bulk-quantity-selector__option{border-width:3px}.bulk-quantity-selector__option--selected{background:#e0f2fe}}@media (prefers-reduced-motion: reduce){.bulk-quantity-selector__option,.bulk-quantity-selector__checkmark{transition:none}.bulk-quantity-selector__best-value-ribbon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/474/assets/bulk-quantity-selector.css.map */