:root{--package-pink: #ff0080;--package-pink-glow: rgba(255, 0, 128, .4);--package-bg: rgba(255, 0, 128, .05);--package-border: rgba(255, 0, 128, .2);--package-hover-bg: rgba(255, 0, 128, .1);--package-selected-bg: rgba(255, 0, 128, .15);--package-selected-border: rgba(255, 0, 128, .5);--package-transition: all .3s cubic-bezier(.4, 0, .2, 1);--package-cyan: #0cf6e1;--package-cyan-glow: rgba(12, 246, 225, .4)}.product__package-selection{margin:2rem 0;padding:2.5rem 2rem 2rem;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.package-selection-header{text-align:center;margin-bottom:1.5rem}.package-selection-title{font-size:1.3rem;font-weight:700;color:var(--package-pink);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.package-selection-subtitle{font-size:.9rem;color:#ffffffb3;margin:0}.package-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.package-option{position:relative;background:var(--package-bg);border:2px solid var(--package-border);border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:var(--package-transition);overflow:hidden}.package-option:hover{background:var(--package-hover-bg);border-color:var(--package-pink);transform:translateY(-2px);box-shadow:0 8px 25px var(--package-pink-glow)}.package-option.package-option--selected{background:#0cf6e11a!important;border-color:var(--package-cyan)!important;box-shadow:0 0 20px var(--package-cyan-glow)!important}.package-option.package-option--selected:hover{background:#0cf6e11a!important;border-color:var(--package-cyan)!important;transform:none!important;box-shadow:0 0 20px var(--package-cyan-glow)!important}.package-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:.7rem;font-weight:900;padding:.6rem 1.2rem;border-radius:18px;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 4px 15px #ff000080;z-index:10;border:2px solid rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.6);min-width:85px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.2;white-space:nowrap}.package-option--selected .package-badge{background:linear-gradient(135deg,var(--package-cyan) 0%,#00d4aa 100%)!important;box-shadow:0 4px 15px #0cf6e180!important;border-color:#fff6!important}.package-option-content{position:relative;z-index:1}.package-number{font-size:2.5rem;font-weight:900;color:var(--package-pink);margin-bottom:.5rem;text-shadow:0 2px 8px rgba(255,0,128,.3)}.package-option.package-option--selected .package-number,.package-option.package-option--selected:hover .package-number{color:var(--package-cyan)!important;text-shadow:0 0 15px var(--package-cyan-glow)!important}.package-option.package-option--selected .package-label,.package-option.package-option--selected:hover .package-label,.package-option.package-option--selected .package-price,.package-option.package-option--selected:hover .package-price{color:var(--package-cyan)!important}.package-label{font-size:1rem;font-weight:600;color:#fffc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.package-price{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.package-savings{font-size:.8rem;font-weight:600;color:var(--package-cyan);text-transform:uppercase;letter-spacing:.3px}.package-option--recommended{border-color:#ff008066;background:#ff008014}.package-option--recommended:hover{border-color:var(--package-pink);background:#ff008026}.package-option--best:hover{border-color:var(--package-pink);background:var(--package-hover-bg)}@media screen and (max-width: 768px){.package-options{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;align-items:stretch}.package-option{flex:1;padding:.8rem .5rem;min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.package-number{font-size:1.4rem;margin-bottom:.3rem}.package-label{font-size:.7rem;margin-bottom:.3rem;line-height:1.2}.package-price{font-size:.9rem;margin-bottom:.2rem}.package-savings{font-size:.6rem;line-height:1.1}.package-selection-title{font-size:1rem;margin-bottom:.3rem}.package-selection-subtitle{font-size:.75rem;margin-bottom:1rem}.package-badge{top:-6px;right:-6px;padding:.3rem .6rem;min-width:60px;font-size:.55rem;border-radius:12px;line-height:1.1}.product__package-selection{padding:1.5rem 1rem 1.2rem;margin:1.5rem 0}.product__package-selection{overflow:visible}}@media screen and (min-width: 769px) and (max-width: 1024px){.package-options{grid-template-columns:repeat(3,1fr);gap:.8rem}.package-option{padding:1.2rem .8rem}.package-number{font-size:2.2rem}}@media (prefers-reduced-motion: reduce){.package-option,.package-badge{transition:none!important;animation:none!important}.package-option:hover{transform:none!important}}.package-option:focus-visible{outline:2px solid var(--package-pink);outline-offset:2px}@media (prefers-contrast: high){.package-option{border-width:3px}.package-option:hover{border-color:#fff}.package-number,.package-label{color:#fff}}@media print{.package-option{background:transparent!important;border:1px solid #000!important;box-shadow:none!important}.package-badge{background:transparent!important;color:#000!important;border:1px solid #000!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-package-selection.css.map */
