.variant-picker__pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:stretch;gap:8px;width:100%;max-width:100%;margin-top:10px;overflow:hidden}@media screen and (min-width:750px){.variant-picker__pack-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow:visible}.variant-picker__pack-grid .pack-option-card{flex:1;min-width:0;max-width:100%}}.pack-option-card{min-width:0;max-width:100%;height:100%;margin-top:.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);will-change:transform}.pack-option-input{display:none}.pack-option-label{border:2px solid #f3f4f6!important;background-color:#fff!important;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;height:100%;min-height:115px;padding:16px 10px 12px!important;position:relative;text-align:center;border-radius:10px!important;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.pack-option-input:checked+.pack-option-label{border-color:#f25d8c!important;background-color:#fff7fb!important;box-shadow:0 8px 18px #f25d8c1f}.pack-option-input:disabled+.pack-option-label{opacity:.5;cursor:not-allowed;background-color:#f9fafb!important}.pack-badge{white-space:nowrap;box-shadow:none;z-index:10!important;top:-10px!important;left:50%!important;transform:translate(-50%)!important;padding:4px 10px!important;border-radius:9999px!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.05em!important;line-height:1!important;position:absolute!important;text-transform:uppercase}.pack-badge--single,.pack-badge--starter{background-color:#ffe5f0!important;color:#e91e63!important}.pack-badge--popular{background-color:#2c2c2c!important;color:#fff!important}.pack-badge--best-value{background-color:#1a1a2e!important;color:#fff!important}.pack-title{position:relative;z-index:1;font-size:15px!important;line-height:1.2!important;font-weight:700!important;margin-bottom:6px!important;color:#2c2730!important}.pack-pricing{margin-top:auto;margin-bottom:2px;display:flex!important;flex-wrap:nowrap!important;justify-content:center;align-items:baseline!important;gap:6px!important;white-space:nowrap!important}.pack-price{color:#f25d8c!important;font-size:18px!important;line-height:1.1!important;font-weight:900!important}.pack-compare-price{color:#9ca3af!important;font-size:12px!important;text-decoration:line-through!important}.pack-per-clip{color:#059669!important;font-size:12px!important;line-height:1.3!important;font-weight:600!important;min-height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap}.pack-per-clip>span{white-space:nowrap;padding:0 8px}.pack-save-tag,.pack-lowest-tag{display:inline-block;align-items:center;margin-left:0;padding:1px 8px;border-radius:4px;background-color:#d1fae5;color:#059669;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap}.pack-suggestion-bar{border:1px solid #fef08a;animation:subtle-pulse 2s infinite}@keyframes subtle-pulse{0%{transform:scale(1)}50%{transform:scale(1.005)}to{transform:scale(1)}}@media screen and (max-width:749px){.variant-picker__pack-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:15px;overflow:visible}.pack-option-label-text,.pack-option-value-text{font-size:9px!important;margin-bottom:0!important;white-space:nowrap;overflow:visible}.pack-option-card{margin-top:0;overflow:visible}.product-form__input{margin-bottom:8px}.flex.items-center.justify-between.gap-2.mb-2{margin-bottom:6px!important;overflow:visible}.pack-per-clip{font-size:8px!important;gap:1px;min-height:16px}.pack-per-clip>span{white-space:nowrap!important;padding:0 4px}.pack-save-tag,.pack-lowest-tag{font-size:6px!important;padding:1px 4px}.pack-title{font-size:11px!important;margin-bottom:4px!important}.pack-price{font-size:13px!important}.pack-option-label{padding:10px 4px 6px!important;min-height:85px;gap:4px;overflow:visible;border-radius:8px!important}.pack-badge{font-size:7px!important;padding:2px 6px!important;top:-7px!important}.pack-pricing{margin-bottom:1px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/product-pack-options.css.map */