@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-vietnamese-wdth-normal-Rd0aZl9c.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-ext-wdth-normal-CQ1tG6In.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-wdth-normal-BMVx8nn_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.kk{--kk-panel-w: 452px;--kk-ease: cubic-bezier(.22, 1, .36, 1);--kk-shadow: 0 10px 28px -16px rgba(26, 29, 31, .42);--kk-line-strong: #c9cdd2;--kk-text: var(--kk-dark);--kk-text-dim: #4b5058;--kk-text-faint: var(--kk-grey-mid);--kk-accent-tint: #dfeeeb;position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--kk-panel-w);height:var(--kk-height, 100%);min-height:600px;background:var(--kk-grey);color:var(--kk-text);font-family:var(--kk-font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;isolation:isolate;text-align:left}:where(.kk) *,:where(.kk) *:before,:where(.kk) *:after{box-sizing:border-box}.kk ::selection{background:var(--kk-accent);color:var(--kk-dark)}:where(.kk) button,:where(.kk) input,:where(.kk) select,:where(.kk) textarea{font:inherit;color:inherit;letter-spacing:inherit}:where(.kk) button{cursor:pointer;background:none;border:0;padding:0;margin:0;border-radius:0;-webkit-tap-highlight-color:transparent}:where(.kk) button:disabled{cursor:default}.kk :focus-visible{outline:2px solid var(--kk-accent-dark);outline-offset:2px}:where(.kk) :is(h2,h3,p,ul,dl,dd,fieldset){margin:0}:where(.kk) ul{padding:0;list-style:none}:where(.kk) fieldset{border:0;padding:0;min-width:0}:where(.kk) a{color:inherit}.kk-boot{grid-column:1 / -1;background:var(--kk-grey)}.kk-stage{position:relative;min-width:0;min-height:0;background:var(--kk-grey);touch-action:none;overflow:hidden}@media(pointer:coarse){.kk-stage{touch-action:pan-y!important}}.kk-canvas{position:absolute;inset:0}.kk-stage-top{position:absolute;inset:16px 16px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;z-index:2}.kk-summary,.kk-pricecard{background:#ffffffeb;border:1px solid var(--kk-line);border-radius:var(--kk-r-card);box-shadow:var(--kk-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.kk-summary{padding:12px 16px 12px 15px;max-width:min(440px,58%);border-left:3px solid var(--kk-accent)}.kk-summary-title{font-family:var(--kk-font-display);font-weight:600;font-size:20px;line-height:1.15}.kk-summary-meta{margin-top:3px;color:var(--kk-text-dim);font-size:13px}.kk-pricecard{padding:12px 18px;text-align:right;min-width:240px}.kk-pricecard-label{color:var(--kk-text-faint);font-size:12px;letter-spacing:.02em}.kk-pricecard-value{display:block;font-family:var(--kk-font-display);font-weight:600;font-size:27px;line-height:1.1;margin-top:2px;white-space:nowrap;font-variant-numeric:lining-nums}.kk-pricecard-note{margin-top:5px;color:var(--kk-text-faint);font-size:11.5px;max-width:250px;margin-left:auto}.kk-stage-tools{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;z-index:2}.kk-iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--kk-r-button);color:var(--kk-dark);background:#ffffffeb;border:1px solid var(--kk-line);box-shadow:var(--kk-shadow);transition:background-color .18s var(--kk-ease),color .18s var(--kk-ease),transform .12s var(--kk-ease)}.kk-iconbtn:hover{background-color:var(--kk-white)}.kk-iconbtn:active{transform:translateY(1px)}.kk-iconbtn[aria-pressed=true]{background:var(--kk-dark);color:var(--kk-accent);border-color:var(--kk-dark)}.kk-hint{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;color:var(--kk-text-dim);background:#ffffffeb;border:1px solid var(--kk-line);border-radius:var(--kk-r-card);pointer-events:none;transition:opacity .4s var(--kk-ease)}.kk-hint.is-hidden{opacity:0}.kk-loader{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:var(--kk-grey);transition:opacity .5s var(--kk-ease),visibility 0s linear .5s}.kk-loader.is-done{opacity:0;visibility:hidden}.kk-loader-inner{width:min(260px,70%);text-align:center}.kk-loader-text{font-size:13px;color:var(--kk-text-dim)}.kk .kk-appslot{display:contents}.kk .kk-appslot[hidden]{display:none}.kk-loader-pct{color:var(--kk-text);font-weight:600}.kk-loader-bar{margin-top:10px;height:2px;background:var(--kk-line);overflow:hidden}.kk-loader-bar>span{display:block;height:100%;background:var(--kk-accent);transform-origin:left;transition:transform .22s var(--kk-ease)}.kk-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--kk-text-dim)}.kk-fallback .kk-btn{margin-top:14px}.kk-fallback img{width:100%;max-width:420px;border-radius:var(--kk-r-card);margin-bottom:12px}.kk-tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 9px;border-radius:var(--kk-r-small);font:600 12.5px/1.25 var(--kk-font-body);color:var(--kk-white);background:#1a1d1fdb;box-shadow:0 4px 12px -6px #00000080;user-select:none}.kk-tag.is-active{background:var(--kk-accent);color:var(--kk-accent-text)}.kk-tag strong{font-weight:700;color:var(--kk-accent)}.kk-tag.is-active strong{color:var(--kk-dark)}button.kk-tag{cursor:pointer}.kk-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;background:var(--kk-white);border-left:1px solid var(--kk-line)}.kk-head{padding:16px 24px 0}.kk-brandrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--kk-line)}.kk-brand{display:inline-flex;align-items:center;gap:10px}.kk-brand img{display:block;height:34px;width:auto}.kk-brand>span{font-family:var(--kk-font-display);font-weight:700;font-size:17px;letter-spacing:.04em;line-height:1;text-transform:uppercase}.kk-brand small{display:block;margin-top:3px;font-family:var(--kk-font-body);font-weight:500;font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--kk-text-faint)}.kk-phone{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;text-decoration:none;color:var(--kk-text-dim);padding:8px 2px}.kk-phone svg{color:var(--kk-accent-dark)}.kk-phone:hover{color:var(--kk-dark)}.kk-progress{display:grid;gap:4px}.kk-progress button{height:20px;display:flex;align-items:center}.kk-progress button:before{content:"";display:block;width:100%;height:3px;background:var(--kk-line);transition:background-color .25s var(--kk-ease)}.kk-progress button.is-done:before{background:var(--kk-dark)}.kk-progress button.is-current:before{background:var(--kk-accent)}.kk-stepmeta{display:flex;justify-content:space-between;margin-top:4px;font-size:12.5px;color:var(--kk-text-faint)}.kk-stepmeta span:last-child{color:var(--kk-dark);font-weight:600}.kk-body{overflow-y:auto;overscroll-behavior:contain;padding:18px 24px 28px;scrollbar-width:thin;scrollbar-color:var(--kk-line-strong) transparent}.kk-body::-webkit-scrollbar{width:8px}.kk-body::-webkit-scrollbar-thumb{background:var(--kk-line-strong)}.kk-step{animation:kk-in .28s var(--kk-ease) both}@keyframes kk-in{0%{transform:translateY(6px)}}.kk-q{font-family:var(--kk-font-display);font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.005em;text-wrap:balance}.kk-qhint{margin-top:6px;color:var(--kk-text-dim);max-width:60ch}.kk-section{margin-top:22px}.kk-section-title{margin:26px 0 10px;font-weight:700;font-size:15px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.kk-section-title small{font-weight:500;color:var(--kk-text-faint);font-size:13px}.kk-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}.kk-product{position:relative;display:flex;flex-direction:column;border:1px solid var(--kk-line);border-radius:var(--kk-r-card);overflow:hidden;background:var(--kk-white);transition:border-color .18s var(--kk-ease),transform .12s var(--kk-ease)}.kk-product img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;filter:saturate(.92)}.kk-product-label{padding:6px 4px 7px;font-size:11.5px;font-weight:600;text-align:center;line-height:1.2;hyphens:auto}.kk-product:hover{border-color:var(--kk-line-strong)}.kk-product[aria-checked=true]{border-color:var(--kk-accent);box-shadow:inset 0 0 0 1px var(--kk-accent)}.kk-product[aria-checked=true] .kk-product-label{background:var(--kk-dark);color:var(--kk-white)}.kk-product .kk-opt-check{top:6px;right:6px}.kk-product[aria-checked=false] .kk-opt-check{display:none}.kk-highlights{margin-top:16px;display:grid;gap:6px}.kk-highlights li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:14px;color:var(--kk-text-dim)}.kk-highlights svg{margin-top:3px;color:var(--kk-accent-dark)}.kk-options{display:grid;gap:8px;margin-top:16px}.kk-section-title+.kk-options{margin-top:0}.kk-options.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-options.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-opt{position:relative;display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;padding:14px 40px 14px 14px;border-radius:var(--kk-r-card);background:var(--kk-white);border:1px solid var(--kk-line);transition:border-color .18s var(--kk-ease),background-color .18s var(--kk-ease),transform .12s var(--kk-ease)}.kk-options.cols-2 .kk-opt,.kk-options.cols-3 .kk-opt{flex-direction:column;gap:3px;padding-right:34px}.kk-options.cols-3 .kk-opt{padding-left:12px}.kk-opt:hover{border-color:var(--kk-line-strong)}.kk-opt:active{transform:translateY(1px)}.kk-opt[aria-checked=true],.kk-opt[aria-pressed=true]{border-color:var(--kk-accent);background:var(--kk-accent-tint);box-shadow:inset 0 0 0 1px var(--kk-accent)}.kk-opt:disabled{opacity:.45}.kk-opt-body{display:flex;flex-direction:column;gap:3px;min-width:0}.kk-opt-title{font-weight:700;font-size:15px;line-height:1.3}.kk-opt-big{font-family:var(--kk-font-display);font-weight:600;font-size:21px;line-height:1.15}.kk-opt-text{color:var(--kk-text-dim);font-size:13.5px;line-height:1.45}.kk-opt-delta{margin-top:2px;font-size:12.5px;font-weight:600;color:var(--kk-accent-dark)}.kk-opt-check{position:absolute;top:12px;right:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--kk-r-small);border:1px solid var(--kk-line-strong);background:var(--kk-white);color:transparent;transition:all .18s var(--kk-ease)}[aria-checked=true]>.kk-opt-check,[aria-pressed=true]>.kk-opt-check{background:var(--kk-accent);border-color:var(--kk-accent);color:var(--kk-dark)}.kk-glyph{flex:none;color:var(--kk-dark)}.kk-opt-img{flex:none;width:72px;height:56px;object-fit:cover;border-radius:var(--kk-r-small)}.kk-colorrow{align-items:center}.kk-swatch{flex:none;width:44px;height:44px;border-radius:var(--kk-r-small);border:1px solid rgba(0,0,0,.12)}.kk-linkbtn{margin-top:14px;font-size:14px;font-weight:600;color:var(--kk-dark);text-decoration:underline;text-decoration-color:var(--kk-accent);text-underline-offset:4px;text-decoration-thickness:2px}.kk-chips{display:flex;flex-wrap:wrap;gap:6px}.kk-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:7px 12px;border-radius:var(--kk-r-small);border:1px solid var(--kk-line);background:var(--kk-white);font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s var(--kk-ease),border-color .15s var(--kk-ease),color .15s var(--kk-ease)}.kk-chip small{font-weight:500;color:var(--kk-text-faint);font-size:12px}.kk-chip:hover{border-color:var(--kk-line-strong)}.kk-chip[aria-pressed=true]{background:var(--kk-dark);border-color:var(--kk-dark);color:var(--kk-white)}.kk-chip[aria-pressed=true] small{color:color-mix(in srgb,var(--kk-white) 70%,transparent)}.kk-chip:disabled{opacity:.4}.kk-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-top:16px;border:1px solid var(--kk-line);border-radius:var(--kk-r-button);padding:3px;gap:3px;background:var(--kk-grey)}.kk-seg button{min-height:40px;padding:6px 10px;border-radius:var(--kk-r-small);font-weight:600;font-size:14px;color:var(--kk-text-dim)}.kk-seg button[aria-pressed=true]{background:var(--kk-white);color:var(--kk-dark);box-shadow:0 1px 3px #1a1d1f2e}.kk-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;height:46px;border:1px solid var(--kk-line);border-radius:var(--kk-r-button);overflow:hidden;background:var(--kk-white)}.kk-stepper button{display:grid;place-items:center;color:var(--kk-dark);background:var(--kk-grey)}.kk-stepper button:hover:not(:disabled){background:#eceef0}.kk-stepper button:disabled{color:var(--kk-line-strong)}.kk-stepper label{display:flex;align-items:center;justify-content:center;gap:4px;border-left:1px solid var(--kk-line);border-right:1px solid var(--kk-line)}.kk-stepper input{width:5.2ch;min-width:0;padding:0;border:0;outline:0;text-align:right;font-weight:700;font-size:17px;background:transparent}.kk-stepper span{color:var(--kk-text-faint);font-size:14px}.kk-dimrow{margin-top:18px}.kk-dimrow-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.kk-dimrow-head strong{font-size:15px}.kk-dimrow-head small{color:var(--kk-text-faint);font-size:12.5px}.kk-dimrow-ctrl{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:14px;align-items:center}.kk-slider{position:relative;padding:14px 0;touch-action:pan-y;cursor:pointer;outline:none}.kk-slider.is-disabled{opacity:.4;cursor:default}.kk-slider-track{position:relative;height:3px;background:var(--kk-line)}.kk-slider-fill{position:absolute;inset:0 auto 0 0;background:var(--kk-dark)}.kk-slider-thumb{position:absolute;top:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;background:var(--kk-accent);border:2px solid var(--kk-white);box-shadow:0 1px 4px #1a1d1f73;border-radius:var(--kk-r-small);transform:rotate(45deg) scale(.92);transition:transform .15s var(--kk-ease)}.kk-slider:focus-visible .kk-slider-thumb,.kk-slider.is-active .kk-slider-thumb{transform:rotate(45deg) scale(1.12)}.kk-range-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--kk-text-faint);margin-top:-4px}.kk-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:20px;background:var(--kk-line);border:1px solid var(--kk-line)}.kk-fact{background:var(--kk-white);padding:10px 12px}.kk-fact dt{font-size:12px;color:var(--kk-text-faint)}.kk-fact dd{font-weight:700;font-size:16px}.kk-fact dd small{display:block;font-weight:500;font-size:12px;color:var(--kk-text-faint)}.kk-note,.kk-warn{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--kk-text-dim)}.kk-note svg,.kk-warn svg{flex:none;margin-top:2px}.kk-note svg{color:var(--kk-accent-dark)}.kk-warn{color:var(--kk-danger)}.kk-empty{margin-top:16px;padding:14px;border:1px dashed var(--kk-line-strong);color:var(--kk-text-dim);font-size:14px}.kk-suggest{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;gap:10px;align-items:start;margin-top:14px;padding:12px 8px 12px 12px;border:1px solid #ead9b8;border-left:3px solid var(--kk-accent);background:var(--kk-accent-tint);border-radius:var(--kk-r-card);animation:kk-in .28s var(--kk-ease) both}.kk-suggest-icon{color:var(--kk-accent-dark);margin-top:1px}.kk-suggest-body p{font-size:14px;line-height:1.45}.kk-suggest-note{margin-top:4px;color:var(--kk-text-faint);font-size:12.5px!important}.kk-suggest-btn{margin-top:10px;min-height:36px;padding:6px 14px;border-radius:var(--kk-r-button);background:var(--kk-dark);color:var(--kk-white);font-weight:600;font-size:13.5px}.kk-suggest-btn:hover{background:var(--kk-dark-2)}.kk-suggest-x{display:grid;place-items:center;width:32px;height:32px;color:var(--kk-text-faint)}.kk-suggest-x:hover{color:var(--kk-dark)}.kk-suggest-list{display:grid;gap:8px;margin-top:16px}.kk-suggest-list .kk-suggest{margin-top:0}.kk-points{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px}.kk-points span{position:relative;padding-left:12px;font-size:12.5px;font-weight:600;color:var(--kk-dark)}.kk-points span:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--kk-accent)}.kk-dim-note{font-size:12.5px;color:var(--kk-text-faint);line-height:1.35}.kk-swatch-wide{width:56px;height:44px}.kk-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--kk-r-small);background:var(--kk-dark);color:var(--kk-accent);font-size:11px;font-weight:700;vertical-align:2px}.kk-siderows{display:grid;gap:10px;margin-top:6px}.kk-siderow{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--kk-line)}.kk-siderow-extra{padding:2px 0 12px;border-bottom:1px solid var(--kk-line)}.kk-siderow-label{font-weight:700;font-size:14px}.kk-nightbtn{margin-top:10px;width:100%;min-height:44px;font-size:14px}.kk-options.cols-3.keep-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--kk-r-button);background:var(--kk-accent);color:var(--kk-accent-text);font-weight:700;font-size:15px;white-space:nowrap;transition:background-color .15s var(--kk-ease),transform .12s var(--kk-ease)}.kk-btn:active{transform:translateY(1px)}.kk-btn:disabled{opacity:.7}.kk-btn.is-wide{width:100%}.kk-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:var(--kk-r-button);border:1px solid var(--kk-dark);font-weight:600;font-size:15px}.kk-btn-outline:disabled{border-color:var(--kk-line);color:var(--kk-line-strong)}.kk-btn-ghost{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:var(--kk-r-button);border:1px dashed var(--kk-line-strong);font-weight:600;font-size:14px}.kk-btn-ghost small{font-weight:500;color:var(--kk-text-faint)}.kk-btn-ghost:hover:not(:disabled){border-color:var(--kk-dark);border-style:solid}.kk-btn-ghost:disabled{opacity:.4}.kk-bar{display:flex;align-items:center;gap:12px;padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--kk-line);background:var(--kk-white)}.kk-bar-spacer{flex:1}.kk-bar-price{flex:1;min-width:0;line-height:1.2}.kk-bar-price small{display:block;font-size:11.5px;color:var(--kk-text-faint)}.kk-bar-price span{font-family:var(--kk-font-display);font-weight:600;font-size:17px;white-space:nowrap}.kk-field-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--kk-text-dim)}.kk-field-label output{color:var(--kk-dark)}.kk-result-price{margin-top:18px;padding:16px 18px;background:var(--kk-dark);color:var(--kk-white);border-radius:var(--kk-r-card)}.kk-result-price-label{font-size:12.5px;color:color-mix(in srgb,var(--kk-white) 70%,transparent)}.kk-result-price-value{font-family:var(--kk-font-display);font-weight:600;font-size:30px;line-height:1.15;color:var(--kk-accent);margin:2px 0 6px}.kk-result-price p{font-size:13px;color:color-mix(in srgb,var(--kk-white) 78%,transparent)}.kk-result-list{margin-top:16px;border-top:1px solid var(--kk-line)}.kk-result-list>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--kk-line);font-size:14px}.kk-result-list dt{color:var(--kk-text-faint)}.kk-result-list dd{font-weight:600}.kk-result-list small{display:block;font-weight:400;color:var(--kk-text-dim);font-size:13px}.kk-form{display:grid;gap:14px;margin-top:26px;padding-top:22px;border-top:3px solid var(--kk-dark)}.kk-form-title{font-family:var(--kk-font-display);font-weight:600;font-size:22px;line-height:1.2}.kk-form-sub{margin-top:-8px;color:var(--kk-text-dim);font-size:14px}.kk-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kk-form-help{margin-top:-6px;font-size:12.5px;color:var(--kk-text-faint)}.kk-input{display:grid;gap:5px}.kk-input label,.kk-input legend{font-size:13px;font-weight:600;color:var(--kk-text-dim);padding:0;margin-bottom:5px}.kk-input label span[aria-hidden]{color:var(--kk-accent-dark)}.kk-optional{font-weight:400;color:var(--kk-text-faint)}.kk-input input,.kk-input select,.kk-input textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--kk-line-strong);border-radius:var(--kk-r-small);background:var(--kk-white);font-size:16px;outline:none;transition:border-color .15s var(--kk-ease),box-shadow .15s var(--kk-ease)}.kk-input textarea{resize:vertical}.kk-input input::placeholder,.kk-input textarea::placeholder{color:#7a808a}.kk-input input:focus,.kk-input select:focus,.kk-input textarea:focus{border-color:var(--kk-dark);box-shadow:0 0 0 3px #d8a85859}.kk-input[data-invalid=true] input{border-color:var(--kk-danger)}.kk-input-error{display:block;font-size:12.5px;color:var(--kk-danger)}.kk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.kk-consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:13.5px;color:var(--kk-text-dim);cursor:pointer}.kk-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--kk-dark)}.kk-consent a{text-decoration-color:var(--kk-accent);text-underline-offset:3px}.kk-formerror{padding:12px;border:1px solid var(--kk-danger);color:var(--kk-danger);font-size:14px;border-radius:var(--kk-r-small)}.kk-spin{width:16px;height:16px;border:2px solid rgba(26,29,31,.3);border-top-color:var(--kk-dark);border-radius:50%;animation:kk-spin .7s linear infinite}@keyframes kk-spin{to{transform:rotate(360deg)}}.kk-success{display:grid;gap:12px;margin-top:24px;padding:18px;border:1px solid var(--kk-accent);background:var(--kk-accent-tint);border-radius:var(--kk-r-card)}.kk-success h3{display:flex;align-items:center;gap:10px;font-family:var(--kk-font-display);font-weight:600;font-size:21px}.kk-success h3 svg{color:var(--kk-accent-dark);flex:none}@media(min-width:1024px){.kk-bar-price{display:none}}@media(max-width:1023.98px){.kk{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,48%) minmax(0,1fr)}.kk-panel{border-left:0;border-top:1px solid var(--kk-line)}.kk-pricecard{display:none}.kk-summary{max-width:100%}.kk-bar-spacer{display:none}}@media(max-width:640px){.kk{grid-template-rows:minmax(230px,42%) minmax(0,1fr)}.kk-head{padding:10px 16px 0}.kk-brandrow{display:none}.kk-body{padding:14px 16px 24px}.kk-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:10px}.kk-bar-back{padding:0 13px}.kk-bar-back span{display:none}.kk-btn{padding:0 18px}.kk-bar .kk-btn{flex:none;white-space:nowrap;padding:0 14px}.kk-bar-price span{font-size:15px;white-space:normal}.kk-q{font-size:24px}.kk-stage-top{inset:10px 10px auto}.kk-summary{padding:8px 12px}.kk-summary-title{font-size:17px}.kk-summary-meta{font-size:12px}.kk-hint{display:none}.kk-stage-tools{right:10px;bottom:10px;gap:6px}.kk-products{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-form-grid{grid-template-columns:minmax(0,1fr)}.kk-options.cols-2:not(.keep-2),.kk-options.cols-3:not(.keep-3){grid-template-columns:minmax(0,1fr)}.kk-result-list>div{grid-template-columns:104px minmax(0,1fr)}.kk-plan{height:clamp(220px,64vw,300px)}.kk-dimrow-ctrl{grid-template-columns:minmax(0,1fr) 164px;gap:10px}.kk-stepper{grid-template-columns:40px minmax(0,1fr) 40px}.kk-shapes{grid-template-columns:repeat(5,minmax(0,1fr))}.kk-shape span{font-size:11px}}@media(prefers-reduced-motion:reduce){.kk *,.kk *:before,.kk *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1023.98px){.kk.kk-flow{height:auto;min-height:0;grid-template-rows:clamp(280px,64vw,540px) auto;overflow:visible}.kk.kk-flow .kk-body{overflow:visible}.kk.kk-flow .kk-bar{position:sticky;bottom:0;z-index:4}}.kk .kk-nightchip{position:absolute;left:16px;bottom:16px;z-index:3;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border-radius:var(--kk-r-button);background:#1a1d1fdb;color:var(--kk-white);font-size:13px;backdrop-filter:blur(6px)}.kk .kk-nightchip button{padding:7px 12px;border-radius:var(--kk-r-small);background:var(--kk-accent);color:var(--kk-accent-text, #1a1d1f);font-weight:700;font-size:13px}.kk .kk-nightchip button:hover{background:var(--kk-accent-dark)}@media(max-width:1023.98px){.kk .kk-nightchip{left:12px;bottom:12px;right:120px;font-size:12px}}.kk .kk-credit{margin-top:18px;font-size:11px;line-height:1.5;color:var(--kk-text-faint)}.kk{--kk-accent-tint: #e4eee9;--kk-text-dim: #4a4f53}.kk-q{font-stretch:112%;font-weight:560;font-size:24px;line-height:1.12;letter-spacing:-.015em}.kk-summary-title,.kk-form-title,.kk-success h3{font-stretch:110%;font-weight:600;letter-spacing:-.01em}.kk-pricecard-value,.kk-result-price-value{font-stretch:108%;font-weight:560;letter-spacing:-.01em}.kk-section-title,.kk-pricecard-label,.kk-result-price-label{font-size:11px;font-stretch:110%;font-weight:640;letter-spacing:.14em;text-transform:uppercase}.kk-section-title small{letter-spacing:.02em;text-transform:none}.kk-btn{font-weight:620;letter-spacing:.01em}.kk-btn:hover{background:var(--kk-accent-dark)}.kk-product-label{font-size:10.5px;font-weight:560}.kk-loader-logo{display:block;width:52px;margin:0 auto 14px;color:var(--kk-accent)}.kk-loader-logo svg{width:100%;height:auto;display:block}.kk-brand-signet{display:inline-block;width:30px;color:var(--kk-accent)}.kk-brand-signet svg{width:100%;height:auto;display:block}.kk-result-price-demo{color:var(--kk-accent);font-weight:600}.kk-suggest{border:0;background:var(--kk-accent-tint)}.kk-bar>.kk-btn:last-child{margin-left:auto}@media(max-width:420px){.kk-bar .kk-btn{padding:0 14px;gap:6px}.kk-bar .kk-btn svg{display:none}.kk-bar-price span{font-size:14.5px}}.kk .kk-diag{position:absolute;left:12px;bottom:64px;z-index:4;max-width:70%;margin:0;padding:8px 10px;border-radius:8px;background:#000000b8;color:#fff;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}:root{--bg: #f2f1ee;--surface: #ffffff;--text: #16191b;--text-dim: #5d6163;--line: #e2e0db;--accent: #245c4a;--accent-dark: #1a4637;--accent-tint: #e4eee9;--top-h: 60px;--radius: 14px;--font: "Mona Sans Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}html[data-view=konfigurator],html[data-view=konfigurator] body{height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.top{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:var(--top-h);padding:0 max(16px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:#000;color:#fff}.top-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;justify-self:start}.top-wordmark{color:#fff;font-size:17px;line-height:1}.top-name{padding-left:12px;border-left:1px solid rgba(255,255,255,.22);font-weight:560;font-stretch:112%;letter-spacing:-.005em;font-size:16px}.top-badge{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#ffffffd1;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.top-made,.cat-made{display:inline-flex;align-items:baseline;gap:10px;font-size:13px;white-space:nowrap}.top-made{justify-self:end;color:#9aa3b2}.nero-wordmark{padding-bottom:3px;border-bottom:2px solid #8f8f8f;font-weight:560;letter-spacing:.42em;margin-right:-.42em}.top-made .nero-wordmark{color:#fff}.cat-made{color:var(--text-dim)}.cat-made .nero-wordmark{color:#000;border-bottom-color:#000}.switch{display:inline-flex;padding:4px;gap:4px;border-radius:12px;background:#141414;border:1px solid #2a2a2a}.switch button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#a7a7a7;font-size:14.5px;font-weight:560;cursor:pointer;transition:background .2s,color .2s}.switch button:hover{color:#fff}.switch button[aria-pressed=true]{background:#fff;color:#000}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top a:focus-visible,.top button:focus-visible{outline-color:#fff}@media(max-width:900px){.top-made{display:none}.top{grid-template-columns:auto 1fr}.switch{justify-self:end}}@media(max-width:560px){.top-name,.top-badge{display:none}.top-wordmark{font-size:13.5px;letter-spacing:.26em;margin-right:-.26em}.switch button{padding:0 12px;font-size:14px}}.konf{height:calc(100dvh - var(--top-h))}.konf>.kk{height:100%;min-height:0}.start{max-width:1200px;min-height:calc(100dvh - var(--top-h));margin:0 auto;padding:clamp(28px,5vw,64px) 16px 48px;display:flex;flex-direction:column;justify-content:center}@media(min-width:700px){.start{padding-inline:32px}}@media(orientation:portrait){.start{justify-content:flex-start}}.start-head h1{font-size:clamp(32px,4.6vw,52px);font-weight:620;font-stretch:112%;letter-spacing:-.02em;line-height:1.05}.start-head p{margin-top:10px;color:var(--text-dim);font-size:17px}.start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(24px,3.5vw,40px)}@media(max-width:760px){.start-grid{grid-template-columns:1fr}}.start-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}.start-card:hover{border-color:#c9c6bf;box-shadow:0 10px 30px -18px #16191b59}.start-img{display:block;aspect-ratio:16 / 10;background:#ecebe7}.start-img img{display:block;width:100%;height:100%;object-fit:cover}.start-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px 22px}.start-title{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:620;font-stretch:110%;letter-spacing:-.01em}.start-title svg{color:var(--accent)}.start-text{color:var(--text-dim);font-size:15.5px;line-height:1.5}.start-cta{margin-top:auto}.start-text{margin-bottom:8px}.btn.start-cta--rahmen{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text)}.start-card:hover .btn.start-cta--rahmen{background:var(--text);color:#fff}.start-card:hover .start-cta:not(.start-cta--rahmen){background:var(--accent-dark)}.loading{display:grid;place-content:center;justify-items:center;gap:14px;height:calc(100dvh - var(--top-h));color:var(--text-dim);font-size:13px;letter-spacing:.06em}.loading-bar{position:relative;width:160px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.loading-bar i{position:absolute;inset:0;background:var(--accent);animation:lauf 1.4s cubic-bezier(.65,0,.35,1) infinite}@keyframes lauf{0%{transform:translate(-100%) scaleX(.4)}to{transform:translate(100%) scaleX(.4)}}.cat{max-width:1400px;margin:0 auto;padding:clamp(28px,4vw,56px) 16px 80px}@media(min-width:700px){.cat{padding-inline:32px}}.cat-intro{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 32px}.cat-intro h1{font-size:clamp(30px,4vw,44px);font-weight:620;font-stretch:112%;letter-spacing:-.02em;line-height:1.05}.cat-intro p{margin-top:10px;max-width:52ch;color:var(--text-dim)}.cat-colors{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cat-colors-label{margin-right:4px;font-size:11px;font-weight:640;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.cat-swatch{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;cursor:pointer}.cat-swatch i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.cat-swatch[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cat-filter{position:sticky;top:var(--top-h);z-index:10;margin:clamp(24px,3vw,36px) -16px 0;padding:10px 16px;background:var(--bg);border-bottom:1px solid var(--line)}@media(min-width:700px){.cat-filter{margin-inline:-32px;padding-inline:32px}}.cat-filter-inner{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cat-filter-inner::-webkit-scrollbar{display:none}.cat-filter button{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;font-weight:560;cursor:pointer;white-space:nowrap}.cat-filter button small{color:var(--text-dim);font-size:12px;font-weight:500}.cat-filter button[aria-pressed=true]{background:#000;border-color:#000;color:#fff}.cat-filter button[aria-pressed=true] small{color:#ffffffa6}.cat-group{margin-top:clamp(32px,4vw,52px)}.cat-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--line)}.cat-group-head h2{font-size:22px;font-weight:620;font-stretch:110%;letter-spacing:-.01em}.cat-group-head p{color:var(--text-dim);font-size:15px}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:1180px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:880px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.cat-grid{grid-template-columns:1fr}}.cat-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.cat-3d{position:relative;aspect-ratio:4 / 3;background:#ecebe7;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.cat-3d:active{cursor:grabbing}.cat-3d-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.cat-studio{position:fixed;left:0;top:0;z-index:-1;overflow:hidden;opacity:0;pointer-events:none}.cat-loading{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid rgba(22,25,27,.12);border-top-color:var(--accent);animation:dreh .9s linear infinite;pointer-events:none}.cat-3d.is-ready .cat-loading{display:none}@keyframes dreh{to{transform:rotate(360deg)}}.cat-hint{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#ffffffdb;color:var(--text-dim);font-size:11.5px;pointer-events:none;opacity:0;transition:opacity .3s}.cat-3d.is-ready .cat-hint{opacity:1}.cat-3d .cat-hint.is-hidden{opacity:0}.cat-card{transition:border-color .2s,box-shadow .2s}.cat-card:hover{border-color:#c9c6bf;box-shadow:0 10px 30px -20px #16191b59}.cat-card-body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:8px;padding:16px 16px 18px;border:0;background:none;text-align:left;cursor:pointer}.cat-card-title{font-size:17px;font-weight:620;font-stretch:106%;letter-spacing:-.005em;line-height:1.25}.cat-card-text{color:var(--text-dim);font-size:14.5px;line-height:1.45}.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}.cat-tags>span{padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--text-dim);font-size:12px}.cat-card-foot{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}.cat-card-more{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:14px;font-weight:600}.cat-card:hover .cat-card-more svg{transform:translate(2px)}.cat-card-more svg{transition:transform .2s}.cat-price{display:grid;font-size:15px;font-weight:600}.cat-price small{font-size:11px;font-weight:560;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.pd-crumbs{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:14px}.pd-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;font-weight:560;cursor:pointer}.pd-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);margin-top:20px;align-items:start}@media(max-width:900px){.pd-grid{grid-template-columns:1fr}}.pd-media{display:grid;gap:14px}@media(min-width:901px){.pd-media{position:sticky;top:calc(var(--top-h) + 20px)}}.cat-3d.pd-3d{aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pd-gatebtn{position:absolute;right:12px;bottom:12px;height:40px;padding:0 16px;border:0;border-radius:10px;background:#000;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.pd-group{color:var(--accent);font-size:12px;font-weight:640;letter-spacing:.12em;text-transform:uppercase}.pd-info h1{margin-top:6px;font-size:clamp(28px,3.4vw,40px);font-weight:620;font-stretch:110%;letter-spacing:-.02em;line-height:1.08}.pd-lead{margin-top:14px;color:var(--text-dim);font-size:16.5px;line-height:1.55}.pd-points{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.pd-points li{display:flex;align-items:flex-start;gap:10px;font-size:15px}.pd-points svg{flex:none;margin-top:3px;color:var(--accent)}.pd-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.pd-buy .cat-price{font-size:19px}.btn--rahmen{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text)}.btn--rahmen:hover{background:var(--text);color:#fff}.pd-note{margin-top:10px;color:var(--text-dim);font-size:13px}.pd-info h2{margin-top:30px;font-size:18px;font-weight:620}.pd-facts{margin:12px 0 0;border-top:1px solid var(--line)}.pd-facts>div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.pd-facts dt{color:var(--text-dim)}.pd-facts dd{margin:0;font-weight:560}.pd-pager{display:flex;justify-content:space-between;gap:12px;margin-top:clamp(36px,5vw,60px)}.pd-pager button{display:inline-flex;align-items:center;gap:12px;max-width:48%;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;font-size:15px;font-weight:600;cursor:pointer}.pd-pager button.is-next{margin-left:auto;text-align:right}.pd-pager small{display:block;color:var(--text-dim);font-size:12px;font-weight:500}.cat-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--text-dim);font-size:13px}.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:14.5px;cursor:pointer;transition:background .2s}.btn:hover{background:var(--accent-dark)}.btn--small{height:38px;padding:0 14px;font-size:13.5px}@media(prefers-reduced-motion:reduce){.loading-bar i,.cat-loading{animation:none}}