.product-form__input--pill>input[type=radio],.product-form__input--pill>label:not(.form__label){display:none!important}.rahmen-dropdown{position:relative;width:100%}.rahmen-dropdown__selected{display:flex;align-items:center;gap:12px;padding:0 16px;background-color:#fff;border:1px solid #d6d6d6;border-radius:15px;cursor:pointer;transition:all .2s ease;font-family:inherit;min-height:47px}.rahmen-dropdown__selected:hover{background-color:#f9f9f9}.rahmen-dropdown[data-open=true] .rahmen-dropdown__selected{border-color:rgb(var(--color-foreground))}.rahmen-dropdown__label{text-align:left;font-size:14px;color:rgb(var(--color-foreground))}.rahmen-dropdown__label-container,.rahmen-dropdown__option-label-container{display:flex;flex-direction:column;gap:0;flex:1}.rahmen-dropdown__subtitle{font-size:11px;color:#3f3f3e;line-height:1.3;margin-top:-2px;display:flex;align-items:center;gap:4px;padding-bottom:5px}.rahmen-dropdown__badge{display:inline-block;font-weight:600;color:#fff;background:#b1c89c;padding:2px 5px;border-radius:5px;line-height:1.2;white-space:nowrap}.rahmen-dropdown__price-container{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.rahmen-dropdown__price{font-size:13px;color:rgb(var(--color-foreground));font-weight:500}.rahmen-dropdown__price--sale{font-size:13px;color:#d32f2f}.rahmen-dropdown__price--compare{font-size:12px;color:#999;text-decoration:line-through;margin-top:-8px}.rahmen-dropdown__arrow{width:16px;height:16px;fill:rgb(var(--color-foreground));transition:transform .2s ease;flex-shrink:0}.rahmen-dropdown[data-open=true] .rahmen-dropdown__arrow{transform:rotate(180deg)}.rahmen-dropdown__options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 16px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:5;max-height:400px;overflow-y:auto}.rahmen-dropdown[data-open=true] .rahmen-dropdown__options{opacity:1;visibility:visible;transform:translateY(0)}.rahmen-dropdown__mobile-header{display:none}.rahmen-dropdown__options-container{padding:8px}.rahmen-dropdown__option{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color .15s ease;border-radius:50px;margin-bottom:4px}.rahmen-dropdown__option:last-child{margin-bottom:0}.rahmen-dropdown__option:hover{background-color:#f5f5f5}.rahmen-dropdown__option--selected{background-color:#f0f0f0}.rahmen-dropdown__option-label-container{grid-column:1}.rahmen-dropdown__option-label{text-align:left;font-size:14px;color:rgb(var(--color-foreground))}.rahmen-dropdown__option-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-right:8px;grid-column:2}.rahmen-dropdown__radio{width:20px;height:20px;border:1px solid #999;border-radius:50%;position:relative;flex-shrink:0;grid-column:3}.rahmen-dropdown__option--selected .rahmen-dropdown__radio{border-color:rgb(var(--color-foreground))}.rahmen-dropdown__option--selected .rahmen-dropdown__radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#7b826d;border-radius:50%}.rahmen-dropdown__overlay{display:none}.rahmen-dropdown__mobile-header h3{font-family:Montserrat}@media(max-width:767px){.rahmen-dropdown__options{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:80vh;border-radius:20px 20px 0 0;transform:translateY(100%);padding:0}.rahmen-dropdown__options[data-open=true]{opacity:1;visibility:visible;transform:translateY(0);z-index:5}.rahmen-dropdown__mobile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0 26px;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.rahmen-dropdown__mobile-header h3{margin:0;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.rahmen-dropdown__close{background:none;border:none;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));transition:opacity .2s ease}.rahmen-dropdown__close svg{width:24px;height:24px;display:block}.rahmen-dropdown__close:hover{opacity:.6}.rahmen-dropdown__options-container{padding:10px}.rahmen-dropdown__option:last-child{margin-bottom:1rem}.rahmen-dropdown__overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:5}.rahmen-dropdown__overlay[data-open=true]{opacity:1;visibility:visible}}.product-form__input--rahmen-color .form__label{font-weight:600}.rahmen-color-row{display:flex;gap:8px;max-width:350px!important}.rahmen-color-col{width:25%;max-width:77px;display:flex;flex-direction:column}.rahmen-color-card{position:relative;cursor:pointer;border:1px solid transparent;border-radius:8px;transition:border-color .2s}.rahmen-color-card.active{border-color:rgb(var(--color-foreground))}.rahmen-color-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.rahmen-color-label{display:block;cursor:pointer;position:relative}.rahmen-color-label:before,.rahmen-color-label:after{display:none;content:none}.rahmen-color-thumbnail{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px}.rahmen-color-checkmark{display:none;position:absolute;top:-6px;right:-6px;width:20px;height:20px;pointer-events:none;background:rgb(var(--color-foreground));border-radius:50%;padding:3px}.rahmen-color-checkmark__check{stroke:rgb(var(--color-background));stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.rahmen-color-card.active .rahmen-color-checkmark{display:block}.rahmen-color-text{display:block;text-align:left;margin-top:.8rem;font-size:1rem;line-height:1.4;color:rgb(var(--color-foreground))}.rahmen-color-card--disabled{opacity:.5;pointer-events:none;position:relative}.rahmen-color-card--disabled .rahmen-color-thumbnail{filter:grayscale(100%);opacity:.6}.rahmen-color-card--disabled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:80%;height:2px;background:red;z-index:10}.rahmen-color-card--disabled+.rahmen-color-text{opacity:.6;text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/4/assets/rahmen-variant-picker.css.map */
