.multi-select-variant-label{position:relative;cursor:pointer;transition:all .3s ease}.multi-select-variant-label:hover:not(.option-disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.multi-select-variant-label.selected{border-color:var(--color-primary, #000);background-color:rgba(var(--color-primary-rgb, 0, 0, 0),.05);box-shadow:0 0 0 2px var(--color-primary, #000)}.multi-select-variant-label.option-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.multi-select-variant-label .checkmark-icon{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--color-primary, #000);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;z-index:3;transition:all .2s ease}.multi-select-variant-label .checkmark-icon svg{width:12px;height:12px;stroke:#fff}.multi-select-variant-label .checkmark-icon.hidden{display:none}.selected-count{font-weight:600;color:var(--color-heading, #000)}.selected-count .count{color:var(--color-primary, #000)}.selected-count.error .count{color:var(--color-error, #d10028)}.selection-message{width:100%;margin-top:10px;min-height:20px}.selection-message .error-message,.selection-message .max-message{color:var(--color-error, #d10028);font-size:.875rem;display:block;animation:fadeIn .3s ease}.selection-message .error-message.hidden,.selection-message .max-message.hidden{display:none}.product-form__submit.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.product-form__submit:not(.disabled):not([disabled]){opacity:1!important;cursor:pointer!important;pointer-events:auto!important}.product-form__success-message{background-color:#4caf501a;color:#4caf50;padding:10px 15px;border-radius:5px;margin-bottom:15px;display:none}.product-form__success-message svg{width:16px;height:16px;margin-right:8px}.multi-select-variants-wrapper{display:flex;flex-wrap:wrap;gap:10px}.multi-select-variant-label.product__color-swatch{width:50px;height:50px;border-radius:50%;border:2px solid transparent;padding:0;min-width:50px}.multi-select-variant-label.product__color-swatch.selected{border-color:var(--color-primary, #000);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 0, 0),.2)}.multi-select-variant-label.product__color-swatch .checkmark-icon{top:-5px;right:-5px;width:24px;height:24px}@media(max-width:749px){.multi-select-variants-wrapper{gap:8px}.multi-select-variant-label{padding:8px 15px;font-size:.875rem}.multi-select-variant-label.product__color-swatch{width:45px;height:45px;min-width:45px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.product-form__submit .icon-load{transition:opacity .3s ease}.product-form__submit .icon-load:not(.opacity-0){animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lens-type-selection{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--color-border, #e0e0e0);border-radius:.5rem;background-color:rgba(var(--color-background-rgb, 255, 255, 255),.5)}.lens-type-selection .form__label{font-weight:600;margin-bottom:.8rem;display:block}.lens-type-selection .form__label label{display:block;margin-bottom:.4rem;font-size:1.5rem;color:var(--color-text, #333)}.lens-type-selection .form__helper-text{font-size:1.3rem;color:#6b7280;margin:0;margin-top:.3rem;line-height:1.5;font-weight:400}.lens-type-selection select{width:100%;padding:1.2rem 4rem 1.2rem 1.5rem;border:1px solid var(--color-border, #e0e0e0);border-radius:.5rem;background-color:var(--color-background, #fff);color:var(--color-text, #000);font-size:1.4rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M1.41 0L6 4.58 10.59 0 12 1.42l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center}.lens-type-selection select:hover{border-color:var(--color-primary, #000)}.lens-type-selection select:focus{outline:none;border-color:var(--color-primary, #000);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 0, 0, 0),.1)}.lens-type-selection select option{padding:1rem}.lens-type-selection select:disabled{background-color:#f9fafb;background-image:linear-gradient(to bottom,#f9fafb,#f3f4f6);color:#9ca3af;cursor:not-allowed;opacity:.65;border-color:#e5e7eb;box-shadow:none}.lens-type-selection select:disabled:hover{border-color:#e5e7eb;box-shadow:none}.eye-power-row:has(select:disabled) .form__label label{color:#9ca3af}.eye-power-row:has(select:disabled) .form__helper-text{color:#cbd5e1}.lens-type-selection select:disabled:after{content:"";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.lens-type-selection select:not(:disabled):not([value=""]){border-color:#10b981;background-color:#f0fdf4}.lens-type-selection select,.eye-power-row .form__label label,.eye-power-row .form__helper-text,.eye-power-hint{transition:all .3s ease}.eye-power-selection{margin-top:1.5rem;animation:fadeIn .3s ease}.eye-power-hint{margin-bottom:1.5rem;padding:1.2rem 1.5rem;background-color:#eff6ff;border-left:3px solid #3b82f6;border-radius:.4rem;transition:all .3s ease}.eye-power-hint .hint-text{margin:0;font-size:1.35rem;color:#1e40af;line-height:1.6;display:flex;align-items:center}.eye-power-hint .hint-text svg{flex-shrink:0;color:#3b82f6}.eye-power-row{margin-bottom:1.5rem}.eye-power-row:last-child{margin-bottom:0}.eye-power-row .form__label{margin-bottom:.8rem}.eye-power-row .form__label label{display:inline-block;font-size:1.45rem;font-weight:600;color:var(--color-text, #333)}.eye-power-row .form__label .text-small{font-size:1.2rem;font-weight:400;margin-left:.3rem}.eye-power-row .form__helper-text{font-size:1.25rem;color:#6b7280;margin:0;margin-top:.3rem;line-height:1.4;font-weight:400}@media(max-width:749px){.lens-type-selection{padding:1rem;margin-bottom:1.5rem}.lens-type-selection select{font-size:1.3rem;padding:1rem 3.5rem 1rem 1.2rem}.lens-type-selection .form__helper-text{font-size:1.2rem}.eye-power-selection{margin-top:1.2rem}.eye-power-row{margin-bottom:1.2rem}.eye-power-row .form__label label{font-size:1.35rem}.eye-power-row .form__helper-text{font-size:1.15rem}.eye-power-hint{padding:1rem 1.2rem}.eye-power-hint .hint-text{font-size:1.25rem}}.product-addons-title{font-size:1.6rem;font-weight:600;margin-bottom:2rem;color:var(--color-heading, #000)}.addon-group{margin-bottom:2.5rem;padding:2rem;border:1px solid var(--color-border, #e0e0e0);border-radius:.5rem;background-color:rgba(var(--color-background-rgb, 255, 255, 255),.5)}.addon-group-title{margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;color:var(--color-heading, #000);display:flex;align-items:center;gap:.5rem}.required-indicator{color:var(--color-error, #d10028);font-size:1.6rem;line-height:1}.addon-items{display:flex;flex-wrap:wrap;gap:1.5rem}.addon-item-label{position:relative;cursor:pointer;transition:all .3s ease;border:1px solid var(--color-border, #ddd);padding:1rem 2rem;border-radius:.3rem;display:inline-flex;align-items:center;gap:.8rem;background-color:var(--color-background, #fff);min-height:4.5rem}.addon-item-label:hover:not(.no-charge){border-color:var(--color-primary, #000);background-color:rgba(var(--color-primary-rgb, 0, 0, 0),.02);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.addon-item-label.selected{border-color:var(--color-primary, #000);background-color:rgba(var(--color-primary-rgb, 0, 0, 0),.05);box-shadow:0 0 0 2px var(--color-primary, #000);font-weight:600}.addon-item-label.no-charge{border-style:dashed;opacity:.8}.addon-item-label.no-charge:hover{opacity:1;border-color:var(--color-border, #ddd)}.addon-label-text{position:relative;z-index:2;line-height:1.4}.addon-price{font-size:.9em;margin-left:.6rem;color:var(--color-text-muted, #666);font-weight:500}.addon-item-label.selected .addon-price{color:var(--color-primary, #000);font-weight:600}.addon-item-label .checkmark-icon{position:absolute;top:-1rem;right:-1rem;width:2rem;height:2rem;background:var(--color-primary, #000);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.2rem;transition:all .2s ease;z-index:3}.addon-item-label .checkmark-icon svg{width:1.2rem;height:1.2rem;stroke:#fff}.addon-item-label .checkmark-icon.hidden{display:none}.addon-total-price{margin-top:2rem;padding:1.5rem;border:2px solid var(--color-border, #e0e0e0);border-radius:.5rem;background-color:rgba(var(--color-primary-rgb, 0, 0, 0),.03)}.addon-total-amount{font-weight:700;color:var(--color-primary, #000);font-size:1.1em}.addon-grand-total{font-size:1.5em;font-weight:700;color:var(--color-primary, #000)}@media(max-width:768px){.product-addons-title{font-size:1.4rem;margin-bottom:1.5rem}.addon-group{padding:1.5rem;margin-bottom:2rem}.addon-group-title{font-size:1.2rem;margin-bottom:1.2rem}.addon-items{gap:1rem}.addon-item-label{padding:.8rem 1.5rem;font-size:.9rem;min-height:4rem}.addon-price{font-size:.85em}.addon-total-price{padding:1.2rem;margin-top:1.5rem}.addon-grand-total{font-size:1.3em}}.addon-group-error{border-color:var(--color-error, #dc2626)!important;background-color:#dc262608;animation:shake .4s ease-in-out}.addon-error-message{color:var(--color-error, #dc2626);font-size:.9rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;background-color:#dc262614;border-left:3px solid var(--color-error, #dc2626);border-radius:.3rem;display:flex;align-items:center}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.addon-group-error .addon-group-title{color:var(--color-error, #dc2626)}.addon-group-error .required-indicator{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:480px){.addon-items{flex-direction:column}.addon-item-label{width:100%;justify-content:space-between}.addon-label-text{flex:1}}.multi-select-variant-label.viewing-active{position:relative;border-color:var(--color-primary, #000);background-color:rgba(var(--color-primary-rgb, 0, 0, 0),.05);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 0, 0, 0),.1)}.multi-select-variant-label .viewing-indicator{display:inline-flex;align-items:center;color:var(--color-primary, #000);animation:fadeIn .3s ease}.color-gallery-notification{position:relative;margin-bottom:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;opacity:0;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 4px 12px #667eea33}.color-gallery-notification.visible{opacity:1;transform:translateY(0)}.color-notification-content{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.4rem;font-weight:500}.color-notification-content svg{flex-shrink:0;color:#ffffffe6}.color-notification-content strong{font-weight:700;text-transform:capitalize}.swiper-slide.hidden-by-filter{display:none!important}.swiper-slide{transition:opacity .3s ease,transform .3s ease}.multi-select-variant-label.viewing-active:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid var(--color-primary, #000);border-radius:inherit;opacity:.3;animation:pulse-border 2s ease-in-out infinite;pointer-events:none}@keyframes pulse-border{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.15;transform:scale(1.02)}}@media(max-width:749px){.color-gallery-notification{margin-bottom:1rem;padding:.8rem 1rem}.color-notification-content{font-size:1.3rem;gap:.5rem}.color-notification-content svg{width:14px;height:14px}}media-gallery{position:relative;transition:opacity .3s ease}media-gallery.updating{opacity:.7;pointer-events:none}media-gallery:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}media-gallery.updating:after{opacity:1}.product__media-wrapper{position:relative}.metafield-color-label{position:absolute;top:12px;left:12px;background:#000000bf;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;line-height:1.4;text-transform:capitalize;z-index:10;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003;transition:opacity .3s ease,transform .3s ease}.swiper-slide[data-metafield-image=true] .metafield-color-label{display:block}.swiper-slide:not([data-metafield-image=true]) .metafield-color-label{display:none}@media(max-width:768px){.metafield-color-label{top:8px;left:8px;padding:6px 12px;font-size:12px}}.swiper-slide:hover .metafield-color-label{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/main-product-multi-select.css.map */