.product-details:has(.dynoco-bundle-color-mix){--dynoco-config-navy:#0b1f3a;--dynoco-config-navy-deep:#071426;--dynoco-config-ice:#eaf0f8;--dynoco-config-surface:#f6f8fb;--dynoco-config-line:#d8e1ec;--dynoco-config-text:#111827;--dynoco-config-muted:#5b6472}.product-details:has(.dynoco-bundle-color-mix) .variant-picker__form{display:grid;gap:12px}.product-details:has(.dynoco-bundle-color-mix) .variant-option--buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-inline-size:0;margin:0;padding:16px;border:1px solid var(--dynoco-config-line);border-radius:18px;background:linear-gradient(145deg,#fff 0%,var(--dynoco-config-surface) 100%);box-shadow:0 8px 28px #0b1f3a0e}.product-details:has(.dynoco-bundle-color-mix) .variant-option--buttons legend{grid-column:1/-1;width:100%;margin:0 0 2px;padding:0;color:var(--dynoco-config-navy);font-size:12px;font-weight:900;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.product-details:has(.dynoco-bundle-color-mix) .variant-option__button-label{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-width:0!important;min-height:52px;margin:0!important;padding:11px 12px!important;overflow:hidden;border:1px solid #d1dae6!important;border-radius:13px!important;background:#fff!important;box-shadow:0 1px #0b1f3a08;color:var(--dynoco-config-text)!important;font-size:15px;font-weight:750;line-height:1.2;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.product-details:has(.dynoco-bundle-color-mix) .variant-option__button-label:hover{transform:translateY(-1px);border-color:#0b1f3a6b!important;background:var(--dynoco-config-ice)!important;box-shadow:0 7px 18px #0b1f3a14}.product-details:has(.dynoco-bundle-color-mix) .variant-option__button-label:has(input:checked){transform:translateY(-1px);border-color:var(--dynoco-config-navy)!important;background:linear-gradient(135deg,var(--dynoco-config-navy) 0%,var(--dynoco-config-navy-deep) 100%)!important;box-shadow:0 10px 24px #0b1f3a3d;color:#fff!important}.product-details:has(.dynoco-bundle-color-mix) .variant-option__button-label:has(input[value="Farben mischen"]){display:none!important}.dynoco-bundle-color-mix{display:block;position:relative;width:100%;margin-bottom:18px;padding:18px 18px 18px 21px;overflow:hidden;border:1px solid var(--dynoco-config-line,#d8e1ec);border-radius:18px;background:linear-gradient(135deg,#f8fafc,#edf3fa);box-shadow:0 8px 28px #0b1f3a0e;color:var(--dynoco-config-text,#111827)}.dynoco-bundle-color-mix:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#315f97,#0b1f3a)}.dynoco-bundle-color-mix__intro{display:flex;justify-content:space-between;align-items:center;gap:18px}.dynoco-bundle-color-mix__eyebrow{margin:0 0 4px;color:var(--dynoco-config-navy,#0b1f3a);font-size:11px;font-weight:900;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.dynoco-bundle-color-mix h3{margin:0;color:var(--dynoco-config-text,#111827);font-size:18px;line-height:1.2;letter-spacing:-.02em}.dynoco-bundle-color-mix__toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid rgba(11,31,58,.16);border-radius:999px;background:#fff;box-shadow:0 3px 12px #0b1f3a0f;color:var(--dynoco-config-navy,#0b1f3a);font-size:14px;font-weight:850;cursor:pointer}.dynoco-bundle-color-mix__toggle input{position:absolute;opacity:0;pointer-events:none}.dynoco-bundle-color-mix__switch{position:relative;width:40px;height:23px;border-radius:999px;background:#c8d0da;transition:background .2s ease}.dynoco-bundle-color-mix__switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000038;transition:transform .2s ease}.dynoco-bundle-color-mix__toggle input:checked+.dynoco-bundle-color-mix__switch{background:var(--dynoco-config-navy,#0b1f3a)}.dynoco-bundle-color-mix__toggle input:checked+.dynoco-bundle-color-mix__switch:after{transform:translate(17px)}.dynoco-bundle-color-mix__panel{margin-top:17px;padding-top:17px;border-top:1px solid rgba(11,31,58,.13)}.dynoco-bundle-color-mix__instruction{margin:0 0 13px;color:var(--dynoco-config-text,#111827);font-size:14px;font-weight:800}.dynoco-bundle-color-mix__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dynoco-bundle-color-mix__color{display:grid;grid-template-columns:18px 1fr 72px;align-items:center;gap:9px;min-height:50px;padding:8px 9px 8px 12px;border:1px solid rgba(11,31,58,.13);border-radius:13px;background:#fff;box-shadow:0 3px 12px #0b1f3a0a;color:var(--dynoco-config-text,#111827);font-size:14px;font-weight:750}.dynoco-bundle-color-mix__dot{width:16px;height:16px;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:var(--dynoco-color)}.dynoco-bundle-color-mix__color input{width:100%;min-width:0;height:35px;padding:4px 6px;border:1px solid rgba(11,31,58,.2);border-radius:9px;background:#f8fafc;color:var(--dynoco-config-text,#111827);text-align:center;font:inherit}.dynoco-bundle-color-mix__status{margin:12px 0 0;color:var(--dynoco-config-muted,#5b6472);font-size:14px;font-weight:800}.dynoco-bundle-color-mix__status[data-complete=true]{color:#247244}.dynoco-bundle-color-mix__status[data-error=true]{color:#b42318}.dynoco-bundle-color-mix__availability{margin:5px 0 0;color:#6b7280;font-size:12px;line-height:1.4}.dynoco-color-option--mix-active{display:none!important}.product-details:has(.dynoco-bundle-color-mix) .buy-buttons-block{--height-buy-buttons:56px;display:block;width:100%;padding:16px;border:1px solid var(--dynoco-config-line);border-radius:20px;background:linear-gradient(145deg,#fff 0%,var(--dynoco-config-surface) 100%);box-shadow:0 8px 28px #0b1f3a0e}.product-details:has(.dynoco-bundle-color-mix) .add-to-cart-button{min-height:56px;border:1px solid var(--dynoco-config-navy)!important;border-radius:14px!important;background:linear-gradient(135deg,var(--dynoco-config-navy) 0%,var(--dynoco-config-navy-deep) 100%)!important;box-shadow:0 10px 24px #0b1f3a38;color:#fff!important;font-weight:850}@media(max-width:540px){.product-details:has(.dynoco-bundle-color-mix) .variant-option--buttons{padding:14px}.dynoco-bundle-color-mix{padding:16px 15px 16px 18px}.dynoco-bundle-color-mix__grid{grid-template-columns:1fr}}@media(max-width:420px){.dynoco-bundle-color-mix__intro{align-items:flex-start;flex-direction:column;gap:13px}.dynoco-bundle-color-mix__toggle{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/dynoco-bundle-color-mix-personalized.css.map */
