.premium-picker{background:#fff;border:2px solid #ececec;border-radius:22px;padding:22px;margin:25px 0;box-shadow:0 8px 25px #0000000f}.premium-picker-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}.premium-title{font-size:22px;font-weight:700;color:#111}.premium-selected{font-size:14px;color:#666}.premium-selected strong{display:block;font-size:17px;color:#111;margin-top:3px}.premium-options{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:24px}.premium-color-card{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;transition:.25s}.premium-color-card input{display:none}.premium-color{width:62px;height:62px;border-radius:50%;border:3px solid #ececec;transition:.25s;box-shadow:0 5px 18px #00000026;position:relative}.premium-name{font-size:14px;font-weight:600;color:#555;transition:.25s}.premium-color-card:hover .premium-color{transform:scale(1.08)}.premium-color-card input:checked+.premium-color{transform:scale(1.15);border:3px solid #111;box-shadow:0 0 0 5px #fff,0 0 0 8px #111,0 12px 30px #00000040}.premium-color-card input:checked+.premium-color:after{content:"\2713";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:22px}.premium-color-card input:checked~.premium-name{font-weight:700;color:#111}.premium-benefits{display:flex;gap:12px;flex-wrap:wrap}.premium-benefits div{background:#f7f7f7;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600}@media(max-width:768px){.premium-options{justify-content:center}.premium-picker-header{justify-content:center;text-align:center}}.luxury-variant-box{background:#fff;border:2px solid #ececec;padding:22px;border-radius:20px;margin:30px 0;box-shadow:0 10px 30px #0000000d}.luxury-title{font-size:18px;font-weight:700;margin-bottom:15px}.luxury-options{display:flex;flex-wrap:wrap;gap:12px}.luxury-option input{display:none}.luxury-option span{display:flex;align-items:center;justify-content:center;padding:14px 24px;border:2px solid #ddd;border-radius:14px;cursor:pointer;font-weight:600;transition:.25s;background:#fff;min-width:90px}.luxury-option:hover span{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.luxury-option input:checked+span{background:#111;color:#fff;border-color:#111;transform:scale(1.05);box-shadow:0 10px 30px #00000040}
/*# sourceMappingURL=/cdn/shop/t/1/assets/premium-color-picker.css.map */