.cmsk{--cmsk-navy: #1A2A3A;--cmsk-accent: #FFAB41;--cmsk-accent-text: #1A2A3A;--cmsk-bg: #F3F5F6;--cmsk-card: #ffffff;--cmsk-line: #dfe5ea;--cmsk-muted: #5b6b7a;--cmsk-ok: #1e8570;--cmsk-radius: 10px;position:relative;background:var(--cmsk-bg);color:var(--cmsk-navy);padding:0}.cmsk *,.cmsk__bar *{box-sizing:border-box}.cmsk button,.cmsk__bar button{font:inherit;color:inherit;cursor:pointer}.cmsk__hero{background:var(--cmsk-navy);color:#fff;padding:36px 20px 28px;text-align:center}.cmsk__hero h1,.cmsk__hero h2{color:#fff;margin:0 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.15}.cmsk__hero p{margin:0 auto;max-width:680px;opacity:.85;font-size:16px}.cmsk__steps{display:flex;justify-content:center;gap:4px;list-style:none;margin:22px auto 0;padding:0;max-width:900px;flex-wrap:wrap}.cmsk__step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:transparent;border:0;color:#fff9;font-weight:700;font-size:14px}.cmsk__step[disabled]{cursor:default}.cmsk__step-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid currentColor;font-size:13px}.cmsk__step.is-done{color:#fff}.cmsk__step.is-done .cmsk__step-num{background:#fff;color:var(--cmsk-navy);border-color:#fff}.cmsk__step.is-active{color:var(--cmsk-navy);background:var(--cmsk-accent)}.cmsk__step.is-active .cmsk__step-num{border-color:var(--cmsk-navy)}.cmsk__wrap{max-width:1320px;margin:0 auto;padding:28px 20px 32px}.cmsk__title{font-size:clamp(20px,2.6vw,28px);margin:0 0 6px}.cmsk__lead{margin:0 0 20px;color:var(--cmsk-muted)}.cmsk__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.cmsk__chip{border:1px solid var(--cmsk-line);background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px}.cmsk__chip[aria-pressed=true]{background:var(--cmsk-navy);border-color:var(--cmsk-navy);color:#fff}.cmsk__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.cmsk__card{display:flex;flex-direction:column;text-align:left;background:var(--cmsk-card);border:2px solid transparent;border-radius:var(--cmsk-radius);overflow:hidden;box-shadow:0 2px 10px #00000014;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s}.cmsk__card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000001f}.cmsk__card:focus-visible,.cmsk__chip:focus-visible,.cmsk__swatch:focus-visible,.cmsk__opt:focus-visible,.cmsk__btn:focus-visible,.cmsk__step:focus-visible{outline:3px solid var(--cmsk-ok);outline-offset:2px}.cmsk__card.is-selected{border-color:var(--cmsk-accent)}.cmsk__card-head{background:var(--cmsk-navy);color:#fff;padding:12px 14px;font-weight:700;font-size:17px;line-height:1.25}.cmsk__card-head small{display:block;font-weight:400;opacity:.75;font-size:13px}.cmsk__card-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:#fff;padding:10px}.cmsk__card-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.cmsk__card-meta{color:var(--cmsk-muted);font-size:13px}.cmsk__card-price{margin-top:auto;font-weight:800;font-size:18px}.cmsk__card-price s{font-weight:400;color:var(--cmsk-muted);font-size:14px;margin-left:6px}.cmsk__dots{display:flex;gap:4px}.cmsk__dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.cmsk__badge{display:inline-block;background:var(--cmsk-accent);color:var(--cmsk-accent-text);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 7px;border-radius:4px;margin-right:4px}.cmsk__badge--muted{background:#e9eef2;color:var(--cmsk-navy)}.cmsk__filters{display:grid;gap:18px;background:#fff;border-radius:var(--cmsk-radius);box-shadow:0 2px 10px #00000014;padding:22px;margin-bottom:20px}.cmsk__filters .cmsk__chips{margin:0}.cmsk__filters .cmsk__sub{margin:0 0 10px}.cmsk__chip small{font-weight:400;opacity:.7;margin-left:4px}.cmsk__chip[disabled]{opacity:.4;cursor:not-allowed}.cmsk__count{font-size:18px;font-weight:800;margin:0 0 14px}.cmsk__toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--cmsk-muted);margin:0 0 16px}.cmsk__split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:28px;align-items:start}.cmsk__stage{position:sticky;top:90px;background:#fff;border-radius:var(--cmsk-radius);box-shadow:0 2px 10px #00000014;padding:18px}.cmsk__stage-img{display:block;width:100%;height:auto;max-width:620px;margin:0 auto;aspect-ratio:1 / 1;object-fit:contain;transition:opacity .25s}.cmsk__stage-img.is-fading{opacity:.2}.cmsk__thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto}.cmsk__thumb{flex:0 0 72px;height:56px;border:2px solid var(--cmsk-line);border-radius:6px;background:#fff;padding:2px}.cmsk__thumb img{width:100%;height:100%;object-fit:contain}.cmsk__thumb[aria-pressed=true]{border-color:var(--cmsk-accent)}.cmsk__stage-name{margin:14px 0 0;font-size:22px}.cmsk__panel{background:#fff;border-radius:var(--cmsk-radius);box-shadow:0 2px 10px #00000014;padding:22px}.cmsk__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px}.cmsk__swatch{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:2px solid transparent;border-radius:var(--cmsk-radius);padding:10px 6px;font-size:14px;font-weight:700}.cmsk__swatch-color{width:54px;height:54px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 -8px 14px #00000026,inset 0 6px 10px #ffffff59}.cmsk__swatch[aria-pressed=true]{border-color:var(--cmsk-accent);background:#fff8ee}.cmsk__swatch.is-soldout{opacity:.45}.cmsk__swatch small{font-weight:400;color:var(--cmsk-muted);font-size:12px}.cmsk__opts{display:grid;gap:10px;margin-bottom:22px}.cmsk__opt{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:2px solid var(--cmsk-line);background:#fff;border-radius:var(--cmsk-radius);padding:14px 16px;font-weight:700}.cmsk__opt[aria-pressed=true]{border-color:var(--cmsk-accent);background:#fff8ee}.cmsk__opt[disabled]{opacity:.45;cursor:not-allowed}.cmsk__opt small{font-weight:400;color:var(--cmsk-muted)}.cmsk__specs{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cmsk__specs li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:1.45}.cmsk__specs li:before{content:"\2713";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cmsk-ok);color:#fff;font-size:12px;font-weight:800}.cmsk__specs strong{display:block}.cmsk__sub{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--cmsk-muted);margin:0 0 12px}.cmsk__summary{width:100%;border-collapse:collapse;margin-bottom:18px}.cmsk__summary th,.cmsk__summary td{text-align:left;padding:10px 0;border-bottom:1px solid var(--cmsk-line);font-size:15px;vertical-align:top}.cmsk__summary th{color:var(--cmsk-muted);font-weight:400;width:40%}.cmsk__total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin:6px 0 4px}.cmsk__total strong{font-size:28px}.cmsk__note{font-size:13px;color:var(--cmsk-muted);margin:0 0 16px}.cmsk__trust{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:6px;font-size:14px}.cmsk__trust li:before{content:"\2713  ";color:var(--cmsk-ok);font-weight:800}.cmsk__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:14px 22px;font-weight:800;font-size:16px;text-decoration:none;background:var(--cmsk-accent);color:var(--cmsk-accent-text)}.cmsk__btn:hover{filter:brightness(.96)}.cmsk__btn[disabled]{opacity:.5;cursor:not-allowed}.cmsk__btn--ghost{background:transparent;color:var(--cmsk-navy);border:2px solid var(--cmsk-line)}.cmsk__btn--block{width:100%}.cmsk__panel-next{margin-top:22px}.cmsk__links{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:14px}.cmsk__links a,.cmsk__links button{color:var(--cmsk-navy);text-decoration:underline;background:none;border:0;padding:0}.cmsk__msg{margin-top:12px;padding:12px 14px;border-radius:6px;font-size:14px}.cmsk__msg--ok{background:#e6f4ef;color:#145c4d}.cmsk__msg--err{background:#fbe9ea;color:#a11f27}.cmsk__bar{position:sticky;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--cmsk-line);box-shadow:0 -6px 20px #00000014}.cmsk__bar-in{max-width:1320px;margin:0 auto;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:16px}.cmsk--fallback .cmsk__bar{position:absolute;left:0;right:0;bottom:0}.cmsk--fallback .cmsk__bar.is-fixed{position:fixed}.cmsk__bar-spacer{display:none}.cmsk--fallback .cmsk__bar-spacer{display:block}.cmsk__bar-img{width:64px;height:48px;object-fit:contain}.cmsk__bar-txt{flex:1;min-width:0;font-size:14px;line-height:1.3}.cmsk__bar-txt strong{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.cmsk__bar-price{font-size:22px;font-weight:800;white-space:nowrap}.cmsk__empty{padding:40px;text-align:center;color:var(--cmsk-muted);background:#fff;border-radius:var(--cmsk-radius)}.cmsk__item{display:flex;flex-direction:column}.cmsk__item .cmsk__card{flex:1;border-bottom-left-radius:0;border-bottom-right-radius:0}.cmsk__cmp-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-top:1px solid var(--cmsk-line);background:#fff;border-radius:0 0 var(--cmsk-radius) var(--cmsk-radius);padding:10px;font-size:14px;font-weight:700;box-shadow:0 2px 10px #00000014}.cmsk__cmp-toggle:before{content:"";width:18px;height:18px;border:2px solid var(--cmsk-navy);border-radius:4px;flex:0 0 18px}.cmsk__cmp-toggle[aria-pressed=true]{background:#fff8ee}.cmsk__cmp-toggle[aria-pressed=true]:before{content:"\2713";display:grid;place-items:center;background:var(--cmsk-accent);border-color:var(--cmsk-accent);color:var(--cmsk-accent-text);font-size:12px}.cmsk__cmp-toggle[disabled]{opacity:.45;cursor:not-allowed}.cmsk__cmp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}.cmsk__cmp-head .cmsk__lead{margin:0}.cmsk__cmp-grid{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:0 18px}.cmsk__cmp-card{grid-row:span 15;display:grid;grid-template-rows:subgrid;background:#fff;border-radius:var(--cmsk-radius);box-shadow:0 4px 12px #1a2a3a0f;overflow:hidden;border:2px solid transparent;margin-bottom:18px}.cmsk__cmp-card.is-selected{border-color:var(--cmsk-accent)}.cmsk__cmp-card-head{background:var(--cmsk-navy);color:#fff;padding:12px 14px;text-align:center;font-weight:700;line-height:1.3}.cmsk__cmp-card-head small{display:block;font-weight:400;opacity:.75;font-size:13px}.cmsk__cmp-card.is-selected .cmsk__cmp-card-head{background:var(--cmsk-accent);color:var(--cmsk-accent-text)}.cmsk__cmp-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;max-height:220px;object-fit:contain;padding:12px}.cmsk__cmp-row{padding:10px 14px;border-top:1px solid var(--cmsk-line);font-size:14px;line-height:1.45}.cmsk__cmp-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#7da5bd;margin-bottom:2px}.cmsk__cmp-row strong{font-size:18px}.cmsk__cmp-cta{align-self:end;display:grid;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--cmsk-line)}.cmsk__cmp-remove{background:none;border:0;padding:4px;font-size:13px;color:var(--cmsk-muted);text-decoration:underline}.cmsk__cmp-add{background:#fff;border-radius:var(--cmsk-radius);box-shadow:0 2px 10px #00000014;padding:18px 22px;margin-top:8px}.cmsk__cmp-add .cmsk__chips{margin:0}.cmsk__cmp-hint{display:none;text-align:center;font-size:13px;color:var(--cmsk-muted);margin:4px 0 0}.cmsk__cmp-next{margin-top:18px}.cmsk__allbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:var(--cmsk-navy);color:#fff!important;border:2px solid var(--cmsk-navy);border-radius:var(--cmsk-radius);padding:14px 18px;box-shadow:0 2px 10px #00000014}.cmsk__allbar.is-selected{border-color:var(--cmsk-accent)}.cmsk__allbar-txt{display:flex;flex-direction:column;gap:2px;font-size:14px}.cmsk__allbar-txt strong{font-size:17px}.cmsk__allbar-txt span{opacity:.8}.cmsk__allbar-go{flex:0 0 auto;background:var(--cmsk-accent);color:var(--cmsk-accent-text);font-weight:800;border-radius:6px;padding:10px 16px;white-space:nowrap}.cmsk__allbar:focus-visible{outline:3px solid var(--cmsk-ok);outline-offset:2px}@media screen and (max-width:599px){.cmsk__allbar{padding:12px 14px}.cmsk__allbar-go{padding:8px 10px;font-size:14px}}.cmsk__bar [data-cmp-open]{white-space:nowrap}.cmsk__bar [hidden]{display:none!important}@media screen and (max-width:989px){.cmsk__cmp-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,78%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.cmsk__cmp-card{scroll-snap-align:start}.cmsk__cmp-hint{display:block}}@media screen and (max-width:899px){.cmsk__split{grid-template-columns:minmax(0,1fr)}.cmsk__stage{position:static}.cmsk__step-label{display:none}.cmsk__step.is-active .cmsk__step-label{display:inline}}@media screen and (max-width:599px){.cmsk__wrap{padding:20px 12px 0}.cmsk__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cmsk__card-head{font-size:14px;padding:10px}.cmsk__card-body{padding:4px 10px 10px}.cmsk__card-price{font-size:16px}.cmsk__bar-in{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;flex-wrap:wrap}.cmsk__bar-img{display:none}.cmsk__bar-txt{flex:1 1 60%;font-size:13px}.cmsk__bar-txt strong{font-size:15px}.cmsk__bar-price{font-size:18px}.cmsk__btn{padding:12px 14px;font-size:15px}.cmsk__bar .cmsk__btn{min-height:44px}.cmsk__bar [data-back]{flex:0 0 auto;padding:10px 14px}.cmsk__bar [data-cmp-open]:not([hidden]){display:inline-flex;padding:10px;flex:1 1 auto}.cmsk__bar [data-next]{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.cmsk__card,.cmsk__stage-img{transition:none}}.cmsks{background:#fff;color:#1a2a3a;padding:48px 20px}.cmsks__in{max-width:960px;margin:0 auto}.cmsks h2{font-size:clamp(22px,2.8vw,30px);line-height:1.2;margin:0 0 16px;color:#1a2a3a}.cmsks h3{font-size:18px;margin:0 0 8px;color:#1a2a3a}.cmsks__text{font-size:16px;line-height:1.65}.cmsks__text h3{margin-top:24px}.cmsks__block+.cmsks__block{margin-top:44px}.cmsks details{border-bottom:1px solid #dfe5ea;padding:14px 0}.cmsks summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.cmsks summary::-webkit-details-marker{display:none}.cmsks summary:after{content:"+";font-size:22px;line-height:1;color:#ffab41}.cmsks details[open] summary:after{content:"\2013"}.cmsks__answer{margin-top:10px;line-height:1.6}.cmsks__dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px 32px}.cmsks__dir ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.cmsks__dir a{color:#1a2a3a;overflow-wrap:anywhere}.cmsks__dir span{color:#5b6b7a;white-space:nowrap}.cmsks__brand-link{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:#1a2a3a}@media screen and (max-width:599px){.cmsks{padding:32px 12px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cms-konfigurator.css.map */