.kl{--kl-green:#06a567;--kl-green-ink:#03784a;--kl-green-soft:#e6f6ee;--kl-espresso:#2a1b14;--kl-ink:#2b2420;--kl-muted:#6a5d54;--kl-cream:#faf6f0;--kl-paper:#ffffff;--kl-sand:#f3ebe0;--kl-line:#e7ddd1;--kl-crema:#c98a4b;--kl-crema-soft:#f7ead9;--kl-berry:#b3445a;--kl-berry-soft:#f8e6ea;--kl-citrus:#d99a17;--kl-citrus-soft:#fbf1d8;--kl-choco:#6b4128;--kl-radius:20px;--kl-radius-sm:12px;--kl-shadow:0 1px 2px rgba(42,27,20,.06),0 8px 24px rgba(42,27,20,.07);--kl-shadow-lg:0 2px 4px rgba(42,27,20,.06),0 18px 48px rgba(42,27,20,.12);--kl-font:var(--typeBasePrimary, system-ui), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--kl-font-head:var(--typeHeaderPrimary, system-ui), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;font-family:var(--kl-font);color:var(--kl-ink);background:var(--kl-cream);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:clip}.kl *,.kl *:before,.kl *:after{box-sizing:border-box}.kl h1,.kl h2,.kl h3,.kl h4{font-family:var(--kl-font-head);color:var(--kl-espresso);text-transform:none;letter-spacing:-.015em;line-height:1.18;margin:0 0 .5em;font-weight:750}.kl h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.6rem)}.kl h3{font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem)}.kl h4{font-size:1.05rem}.kl p{margin:0 0 1em}.kl a{color:var(--kl-green-ink);text-decoration-thickness:1px;text-underline-offset:3px}.kl a:hover,.kl strong{color:var(--kl-espresso)}.kl ul,.kl ol{margin:0 0 1em;padding-left:1.2em}.kl li{margin:.25em 0}.kl img{max-width:100%;height:auto;display:block}.kl button{font:inherit;color:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;min-height:0;border-radius:0}.kl :focus-visible{outline:3px solid var(--kl-green);outline-offset:3px;border-radius:6px}.kl .kl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kl-wrap{max-width:1160px;margin:0 auto;padding:0 20px}.kl-narrow{max-width:760px}.kl-sec{padding:clamp(56px,7vw,104px) 0;position:relative}.kl-sec--white{background:var(--kl-paper)}.kl-sec--sand{background:var(--kl-sand)}.kl-sec--dark{background:var(--kl-espresso);color:#f3e9de}.kl-sec--dark h2,.kl-sec--dark h3,.kl-sec--dark strong{color:#fff}.kl-sec--dark .kl-quiz h3,.kl-sec--dark .kl-quiz strong{color:var(--kl-espresso)}.kl-sec--dark .kl-quiz a{color:var(--kl-green-ink)}.kl-sec--dark a{color:#8fe3bd}.kl-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}.kl-head--center{margin-left:auto;margin-right:auto;text-align:center}.kl-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--kl-green-ink);margin-bottom:14px}.kl-eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}.kl-sec--dark .kl-eyebrow{color:#8fe3bd}.kl-lede{font-size:clamp(1.05rem,1rem + .35vw,1.22rem);color:var(--kl-muted)}.kl-sec--dark .kl-lede{color:#d9c9b8}.kl-grid{display:grid;gap:20px}.kl-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.kl-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.kl-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.kl-card{background:var(--kl-paper);border:1px solid var(--kl-line);border-radius:var(--kl-radius);padding:24px;box-shadow:var(--kl-shadow)}.kl-sec--white .kl-card{background:var(--kl-cream)}.kl-num{font-variant-numeric:tabular-nums}.kl-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:650;line-height:1;padding:7px 11px;border-radius:999px;background:var(--kl-sand);color:var(--kl-espresso);white-space:nowrap}.kl-tag--berry{background:var(--kl-berry-soft);color:var(--kl-berry)}.kl-tag--citrus{background:var(--kl-citrus-soft);color:#8a5d00}.kl-tag--crema{background:var(--kl-crema-soft);color:#7a4a1c}.kl-tag--choco{background:#efe2d8;color:var(--kl-choco)}.kl-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.kl .kl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;line-height:1.1}.kl .kl-btn--primary{background:var(--kl-green);color:#fff;box-shadow:0 8px 20px #06a56747}.kl .kl-btn--primary:hover{background:var(--kl-green-ink);color:#fff;transform:translateY(-2px)}.kl .kl-btn--ghost{background:transparent;color:var(--kl-espresso);border-color:var(--kl-espresso)}.kl .kl-btn--light{background:#fff;color:var(--kl-espresso)}.kl .kl-btn--light:hover{background:var(--kl-green-soft);color:var(--kl-espresso)}.kl-btn svg{width:18px;height:18px}.kl-progress{position:fixed;left:0;bottom:0;height:4px;width:100%;z-index:60;pointer-events:none;background:transparent}.kl-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--kl-green),var(--kl-crema));border-radius:0 4px 4px 0}.kl-hero{background:radial-gradient(1200px 500px at 85% -10%,#fff 0,#fff0 60%),linear-gradient(180deg,var(--kl-cream),var(--kl-sand));padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,80px);overflow:hidden}.kl-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center}.kl-hero h1{font-size:clamp(2.1rem,1.3rem + 3.6vw,3.7rem);letter-spacing:-.03em;margin-bottom:.35em}.kl-hero h1 em{font-style:normal;color:var(--kl-green-ink);position:relative;white-space:nowrap}.kl-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.18em;background:var(--kl-crema);opacity:.28;border-radius:4px;z-index:-1}.kl-hero__lede{font-size:clamp(1.08rem,1rem + .45vw,1.3rem);color:var(--kl-muted);max-width:36em}.kl-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.kl-hero__cta{display:flex;flex-wrap:wrap;gap:12px}.kl-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:560px}.kl-stat{background:#ffffffbf;border:1px solid var(--kl-line);border-radius:16px;padding:14px 14px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kl-stat b{display:block;font-size:1.45rem;color:var(--kl-espresso);line-height:1.1;font-family:var(--kl-font-head)}.kl-stat span{font-size:.8rem;color:var(--kl-muted);line-height:1.35;display:block;margin-top:4px}.kl-hero__art{position:relative;aspect-ratio:1/1;max-width:480px;width:100%;margin:0 auto}.kl-photo{margin:0;border-radius:28px;overflow:hidden;box-shadow:var(--kl-shadow-lg)}.kl-photo img{width:100%;height:100%;object-fit:cover}.kl-hero__art .kl-photo,.kl-cupart{position:absolute;top:0;right:0;bottom:0;left:0}.kl-cupart svg{width:100%;height:100%}.kl-steam path{stroke:#c9b6a3;stroke-width:6;fill:none;stroke-linecap:round;opacity:.55;animation:klSteam 4.5s ease-in-out infinite}.kl-steam path:nth-child(2){animation-delay:1.2s}.kl-steam path:nth-child(3){animation-delay:2.4s}@keyframes klSteam{0%{transform:translateY(12px);opacity:0}30%{opacity:.6}to{transform:translateY(-26px);opacity:0}}.kl-float{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--kl-line);border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:650;box-shadow:var(--kl-shadow);animation:klBob 6s ease-in-out infinite;color:var(--kl-espresso)}.kl-float i{width:12px;height:12px;border-radius:50%;display:inline-block}.kl-float--1{top:10%;left:-2%}.kl-float--2{top:30%;right:-4%;animation-delay:1.5s}.kl-float--3{bottom:22%;left:-6%;animation-delay:3s}.kl-float--4{bottom:6%;right:4%;animation-delay:.8s}@keyframes klBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kl .kl-toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;counter-reset:toc;margin:0;padding:0;list-style:none}.kl-toc li{margin:0}.kl-toc a{counter-increment:toc;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--kl-paper);border:1px solid var(--kl-line);text-decoration:none;color:var(--kl-espresso);font-weight:650;font-size:.95rem;line-height:1.3;transition:border-color .2s,transform .2s}.kl-toc a:before{content:counter(toc,decimal-leading-zero);font-size:.75rem;font-weight:800;color:var(--kl-green-ink);background:var(--kl-green-soft);border-radius:8px;padding:5px 7px;flex:none}.kl-toc a:hover{border-color:var(--kl-green);transform:translateY(-2px);color:var(--kl-espresso)}.kl-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:8px 0 28px;counter-reset:chain}.kl-chain__step{position:relative;background:var(--kl-paper);border:1px solid var(--kl-line);border-radius:18px;padding:20px 16px 18px;counter-increment:chain}.kl-chain__step:before{content:counter(chain);position:absolute;top:-13px;left:16px;width:26px;height:26px;border-radius:50%;background:var(--kl-espresso);color:#fff;font-size:.8rem;font-weight:800;display:grid;place-items:center}.kl-chain__step:not(:last-child):after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--kl-crema);border-right:2px solid var(--kl-crema);transform:translateY(-50%) rotate(45deg);z-index:1}.kl-chain__step h3{font-size:1.02rem;margin:4px 0 6px}.kl-chain__step p{font-size:.9rem;color:var(--kl-muted);margin:0}.kl-chain__icon{width:40px;height:40px;border-radius:12px;background:var(--kl-crema-soft);display:grid;place-items:center;margin-bottom:10px;color:var(--kl-choco)}.kl-chain__icon svg{width:22px;height:22px}.kl-bubble{position:relative;background:#fff;border:2.5px solid var(--kl-espresso);border-radius:22px;padding:18px 20px 18px 74px;box-shadow:6px 6px 0 var(--kl-espresso);margin:26px 0;font-size:1rem}.kl-bubble:before{content:"";position:absolute;left:14px;top:14px;width:44px;height:44px;border-radius:50%;background:var(--kl-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 8h1a4 4 0 1 1 0 8h-1'/%3E%3Cpath d='M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z'/%3E%3Cline x1='6' x2='6' y1='2' y2='4'/%3E%3Cline x1='10' x2='10' y1='2' y2='4'/%3E%3Cline x1='14' x2='14' y1='2' y2='4'/%3E%3C/svg%3E") center/24px no-repeat}.kl-bubble:after{content:"";position:absolute;left:40px;bottom:-16px;width:26px;height:26px;background:#fff;border-right:2.5px solid var(--kl-espresso);border-bottom:2.5px solid var(--kl-espresso);transform:skew(35deg) rotate(20deg);border-radius:0 0 6px}.kl-bubble b.kl-bubble__label{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--kl-green-ink);margin-bottom:2px}.kl-bubble p:last-child{margin:0}.kl-bubble--myth:before{background-color:var(--kl-berry);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 7v6'/%3E%3Ccircle cx='12' cy='17' r='.6' fill='%23fff'/%3E%3C/svg%3E")}.kl-bubble--myth b.kl-bubble__label{color:var(--kl-berry)}.kl-bubble--tip:before{background-color:var(--kl-citrus);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2Z'/%3E%3C/svg%3E")}.kl-bubble--tip b.kl-bubble__label{color:#8a5d00}.kl-sec--dark .kl-bubble{color:var(--kl-ink)}.kl-note{border-left:4px solid var(--kl-green);background:var(--kl-green-soft);padding:14px 18px;border-radius:0 14px 14px 0;font-size:.95rem;margin:18px 0}.kl-note p:last-child{margin:0}.kl-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}.kl-vs__card{border-radius:24px;padding:28px;position:relative;overflow:hidden;border:1px solid var(--kl-line);background:#fff}.kl-vs__card--a{background:linear-gradient(160deg,#fff 0,#f0f9f4)}.kl-vs__card--r{background:linear-gradient(160deg,#fff 0,#f7eee6)}.kl-vs__card h3{font-size:1.6rem;margin-bottom:2px}.kl-vs__latin{font-style:italic;color:var(--kl-muted);font-size:.95rem;margin-bottom:14px}.kl-vs__mid{display:grid;place-items:center}.kl-vs__mid span{width:58px;height:58px;border-radius:50%;background:var(--kl-espresso);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;box-shadow:var(--kl-shadow)}.kl-vs__bean{position:absolute;right:-18px;top:-18px;width:110px;height:110px;opacity:.12}.kl-meter{margin:12px 0}.kl-meter__top{display:flex;justify-content:space-between;font-size:.86rem;font-weight:650;margin-bottom:5px}.kl-meter__top span:last-child{color:var(--kl-muted);font-weight:600}.kl-meter__bar{height:10px;border-radius:999px;background:var(--kl-sand);overflow:hidden}.kl-meter__bar i{display:block;height:100%;border-radius:999px;background:var(--kl-green);width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.kl-vs__card--r .kl-meter__bar i{background:var(--kl-crema)}.kl-is-in .kl-meter__bar i,.kl:not(.kl-js) .kl-meter__bar i{width:var(--w)}.kl-table-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--kl-line);background:#fff;margin-top:28px;-webkit-overflow-scrolling:touch}.kl-table{width:100%;border-collapse:collapse;min-width:620px;font-size:.95rem}.kl-table caption{text-align:left;padding:16px 18px 4px;font-weight:700;color:var(--kl-espresso)}.kl-table th,.kl-table td{padding:13px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--kl-line)}.kl-table thead th{background:var(--kl-sand);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--kl-espresso)}.kl-table tbody th{font-weight:700;color:var(--kl-espresso);width:24%}.kl-table tbody tr:last-child th,.kl-table tbody tr:last-child td{border-bottom:0}.kl-table tbody tr:hover{background:#fcfaf7}.kl-alt{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,4vw,48px);align-items:center;margin-top:12px}.kl-mountain{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#eaf3f7 0,#f6efe6);border:1px solid var(--kl-line)}.kl-mountain svg{display:block;width:100%;height:auto}.kl .kl-bands{list-style:none;margin:0;padding:0;display:grid;gap:10px}.kl-bands li{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--kl-line);margin:0}.kl-bands b{font-size:.9rem;color:var(--kl-espresso);font-variant-numeric:tabular-nums}.kl-bands span{font-size:.92rem;color:var(--kl-muted)}.kl-bands small{display:block;margin-top:8px;white-space:normal;line-height:1.35;width:fit-content;max-width:100%}.kl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.kl .kl-chip{border:1.5px solid var(--kl-line);background:#fff;padding:9px 16px;border-radius:999px;font-weight:650;font-size:.9rem;color:var(--kl-espresso);transition:all .2s}.kl .kl-chip:hover{border-color:var(--kl-espresso)}.kl .kl-chip[aria-pressed=true]{background:var(--kl-espresso);border-color:var(--kl-espresso);color:#fff}.kl-origins{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:16px}.kl-origin{background:#fff;border:1px solid var(--kl-line);border-radius:20px;padding:20px;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s,opacity .25s}.kl-origin:hover{box-shadow:var(--kl-shadow-lg);transform:translateY(-3px)}.kl-origin.kl-is-hl{border-color:var(--kl-green);box-shadow:0 0 0 3px #06a56738,var(--kl-shadow-lg)}.kl-origin[hidden]{display:none}.kl-origin__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.kl-origin h3{margin:0;font-size:1.25rem}.kl-origin__region{font-size:.78rem;font-weight:700;color:var(--kl-muted);text-transform:uppercase;letter-spacing:.06em}.kl-origin__dot{width:14px;height:14px;border-radius:50%;flex:none;margin-top:6px}.kl-origin dl{margin:12px 0 0;font-size:.88rem;display:grid;gap:6px}.kl-origin dt{font-weight:700;color:var(--kl-espresso);display:inline}.kl-origin dd{display:inline;margin:0;color:var(--kl-muted)}.kl-origin dl div{line-height:1.45}.kl-minibars{display:grid;gap:6px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--kl-line)}.kl-minibar{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;font-size:.78rem;color:var(--kl-muted);font-weight:600}.kl-dots{display:flex;gap:4px}.kl-dots i{width:100%;height:7px;border-radius:4px;background:var(--kl-sand)}.kl-dots i.on{background:var(--kl-crema)}.kl-origin__link{margin-top:auto;padding-top:14px;font-size:.9rem;font-weight:700}.kl-rd-sa{background:#d99a17}.kl-rd-ca{background:#06a567}.kl-rd-af{background:#b3445a}.kl-rd-as{background:#6b4128}.kl-mapwrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,44px);align-items:center;margin-top:44px}.kl-fmap{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;background:#fff;border:1px solid var(--kl-line);border-radius:24px;box-shadow:var(--kl-shadow)}.kl-fmap__plot{position:absolute;top:44px;right:24px;bottom:24px;left:44px;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--kl-line) calc(50% - .5px),var(--kl-line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),var(--kl-line) calc(50% - .5px),var(--kl-line) calc(50% + .5px),transparent calc(50% + .5px)),radial-gradient(circle at 85% 15%,rgba(179,68,90,.1),transparent 45%),radial-gradient(circle at 15% 85%,rgba(107,65,40,.12),transparent 45%);border-radius:14px}.kl-fmap__q{position:absolute;font-size:.72rem;font-weight:700;color:#9b8b7f;letter-spacing:.04em;text-transform:uppercase;max-width:45%;line-height:1.3}.kl-fmap__q--tl{top:10px;left:12px}.kl-fmap__q--tr{top:10px;right:12px;text-align:right}.kl-fmap__q--bl{bottom:10px;left:12px}.kl-fmap__q--br{bottom:10px;right:12px;text-align:right}.kl-fmap__ax{position:absolute;font-size:.78rem;font-weight:700;color:var(--kl-espresso)}.kl-fmap__ax--x{bottom:4px;left:44px;right:24px;text-align:center}.kl-fmap__ax--y{left:0;top:44px;bottom:24px;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;width:40px;display:flex;align-items:center;justify-content:center}.kl .kl-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2}.kl-pin i{width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px #00000040;transition:transform .2s}.kl-pin span{font-size:.75rem;font-weight:750;background:#ffffffeb;padding:2px 7px;border-radius:999px;color:var(--kl-espresso);white-space:nowrap}.kl .kl-pin:hover i,.kl .kl-pin[aria-pressed=true] i{transform:scale(1.35)}.kl .kl-pin[aria-pressed=true] span{background:var(--kl-espresso);color:#fff}.kl-fmap__info{min-height:180px}.kl-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;color:var(--kl-muted);margin-top:14px}.kl-legend span{display:inline-flex;align-items:center;gap:7px}.kl-legend i{width:11px;height:11px;border-radius:50%}.kl-roast{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,48px);align-items:center;background:#fff;border:1px solid var(--kl-line);border-radius:28px;padding:clamp(20px,4vw,40px);box-shadow:var(--kl-shadow)}.kl-roast__visual{display:grid;place-items:center;position:relative}.kl-roast__beans{width:min(100%,300px);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--kl-sand) 0,#fff 70%);display:grid;place-items:center;position:relative}.kl-roast__beans svg{width:72%;height:72%;overflow:visible}.kl-roast__beans .kl-bean-body{transition:fill .5s ease}.kl-roast__beans .kl-bean-shine{transition:opacity .5s ease}.kl-roast__temp{position:absolute;bottom:4%;left:50%;transform:translate(-50%);background:var(--kl-espresso);color:#fff;font-size:.8rem;font-weight:700;padding:7px 12px;border-radius:999px;white-space:nowrap}.kl-range{width:100%;margin:22px 0 6px;accent-color:var(--kl-crema)}.kl-range-scale{display:flex;justify-content:space-between;font-size:.78rem;color:var(--kl-muted);font-weight:650}.kl-roast__level{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.kl-roast__level b{font-size:3rem;line-height:1;font-family:var(--kl-font-head);color:var(--kl-crema)}.kl-roast__panel h3{margin:0}.kl-roast__alt{font-size:.85rem;color:var(--kl-muted);margin:4px 0 12px}.kl-roast__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:14px 0}.kl-roast__prod{margin-top:16px}.kl-roast__prod>div[hidden]{display:none}.kl-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding:6px;background:var(--kl-sand);border-radius:18px;width:fit-content;max-width:100%}.kl .kl-tab{border:0;background:transparent;padding:10px 16px;border-radius:13px;font-weight:700;font-size:.92rem;color:var(--kl-muted);transition:all .2s}.kl .kl-tab:hover{color:var(--kl-espresso)}.kl .kl-tab[aria-selected=true]{background:#fff;color:var(--kl-espresso);box-shadow:var(--kl-shadow)}.kl-panel{background:#fff;border:1px solid var(--kl-line);border-radius:24px;padding:clamp(20px,3.5vw,34px);box-shadow:var(--kl-shadow)}.kl-js .kl-panel[hidden]{display:none}.kl-panel+.kl-panel{margin-top:16px}.kl-js .kl-panel+.kl-panel{margin-top:0}.kl-panel__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,3vw,36px)}.kl .kl-steps{list-style:none;padding:0;margin:14px 0 0;counter-reset:st;display:grid;gap:0}.kl-steps li{counter-increment:st;position:relative;padding:0 0 18px 46px;margin:0}.kl-steps li:before{content:counter(st);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--kl-green-soft);color:var(--kl-green-ink);font-weight:800;font-size:.85rem;display:grid;place-items:center}.kl-steps li:not(:last-child):after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--kl-line)}.kl-steps b{display:block;color:var(--kl-espresso)}.kl-steps span{font-size:.93rem;color:var(--kl-muted)}.kl-aside{background:var(--kl-cream);border-radius:18px;padding:20px;border:1px solid var(--kl-line)}.kl-aside h4{margin-bottom:8px}.kl-aside ul{font-size:.93rem;padding-left:1.1em}.kl-cherry{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;margin:8px 0 34px;background:#fff;border:1px solid var(--kl-line);border-radius:24px;padding:clamp(18px,3vw,28px)}.kl-cherry svg{width:100%;height:auto}.kl-cherry ol{margin:0;padding-left:1.2em;font-size:.95rem}.kl-cherry li{margin:.35em 0}.kl-flavors{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:14px}.kl-flavor{background:#fff;border:1px solid var(--kl-line);border-radius:18px;padding:18px;position:relative;overflow:hidden}.kl-flavor:before{content:"";position:absolute;right:-26px;top:-26px;width:84px;height:84px;border-radius:50%;background:var(--c);opacity:.16}.kl-flavor h3{font-size:1.08rem;display:flex;align-items:center;gap:9px;margin-bottom:6px}.kl-flavor h3 i{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none}.kl-flavor p{font-size:.9rem;color:var(--kl-muted);margin:0 0 8px}.kl-flavor small{display:block;font-size:.8rem;color:var(--kl-espresso);font-weight:600;line-height:1.45}.kl-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,44px);align-items:center;background:#fff;border-radius:28px;border:1px solid var(--kl-line);padding:clamp(20px,4vw,40px);margin-top:36px;box-shadow:var(--kl-shadow)}.kl-sliders{display:grid;gap:14px}.kl-slider label{display:flex;justify-content:space-between;font-weight:700;font-size:.92rem;color:var(--kl-espresso)}.kl-slider label output{color:var(--kl-muted);font-weight:650;font-size:.85rem}.kl-slider input{width:100%;accent-color:var(--kl-green);margin:6px 0 0}.kl-radar{width:100%;max-width:380px;margin:0 auto;display:block}.kl-radar .kl-radar-grid{fill:none;stroke:var(--kl-line);stroke-width:1}.kl-radar .kl-radar-axis{stroke:var(--kl-line);stroke-width:1}.kl-radar .kl-radar-shape{fill:#06a56738;stroke:var(--kl-green);stroke-width:2.5;transition:all .35s ease}.kl-radar .kl-radar-match{fill:#c98a4b24;stroke:var(--kl-crema);stroke-width:2;stroke-dasharray:5 4}.kl-radar text{font-size:12px;font-weight:700;fill:var(--kl-espresso)}.kl-match{margin-top:14px;padding:16px 18px;border-radius:16px;background:var(--kl-green-soft);font-size:.95rem}.kl-match b{color:var(--kl-espresso)}.kl-match p{margin:0}.kl-match p+p{margin-top:6px}.kl-quiz{background:#fff;color:var(--kl-ink);border-radius:28px;padding:clamp(20px,4vw,44px);max-width:860px;margin:0 auto;box-shadow:0 30px 80px #00000059;position:relative}.kl-quiz__bar{height:8px;background:var(--kl-sand);border-radius:999px;overflow:hidden;margin-bottom:10px}.kl-quiz__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--kl-green),var(--kl-crema));border-radius:999px;transition:width .4s ease}.kl-quiz__count{font-size:.82rem;font-weight:700;color:var(--kl-muted);display:flex;justify-content:space-between;margin-bottom:18px}.kl-quiz h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);margin-bottom:18px}.kl-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}.kl .kl-answer{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 18px;border-radius:16px;border:2px solid var(--kl-line);background:var(--kl-cream);font-weight:650;font-size:.98rem;color:var(--kl-espresso);transition:all .18s;line-height:1.35}.kl .kl-answer:hover{border-color:var(--kl-green);background:#fff;transform:translateY(-2px)}.kl-answer .kl-ico{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none;font-size:1.25rem;border:1px solid var(--kl-line)}.kl-quiz__nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;min-height:36px}.kl .kl-link-btn{background:none;border:0;padding:6px 0;font-weight:700;color:var(--kl-muted);text-decoration:underline;text-underline-offset:3px}.kl-quiz__start{text-align:center;padding:10px 0}.kl-quiz__start p{color:var(--kl-muted);max-width:34em;margin:0 auto 20px}.kl-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.kl-result{animation:klPop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes klPop{0%{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}.kl-result__badge{display:inline-flex;align-items:center;gap:8px;background:var(--kl-espresso);color:#fff;padding:8px 14px;border-radius:999px;font-weight:750;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.kl-result h3{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem);margin:14px 0 8px}.kl-result__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin:18px 0}.kl-result__grid div{background:var(--kl-cream);border-radius:14px;padding:12px 14px;border:1px solid var(--kl-line)}.kl-result__grid b{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kl-muted);margin-bottom:3px}.kl-result__grid span{font-weight:700;color:var(--kl-espresso);font-size:.95rem;line-height:1.35;display:block}.kl-result__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}.kl-result__prods>div[hidden]{display:none}.kl-toast{font-size:.85rem;color:var(--kl-green-ink);font-weight:700}.kl-brew__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px;margin:16px 0}.kl-spec{background:var(--kl-cream);border:1px solid var(--kl-line);border-radius:14px;padding:12px 14px}.kl-spec b{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--kl-muted)}.kl-spec span{font-weight:750;color:var(--kl-espresso);font-size:1rem;line-height:1.3;display:block;margin-top:3px}.kl-grind{margin:26px 0 8px;position:relative}.kl-grind__bar{height:16px;border-radius:999px;background:linear-gradient(90deg,#3a2419 0,#6b4128 25%,#a26c42 55%,#d3a577 80%,#ecd6b8)}.kl-grind__labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--kl-muted);font-weight:650;margin-top:6px}.kl-grind__marker{position:absolute;top:-30px;transform:translate(-50%);transition:left .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:center}.kl-grind__marker span{background:var(--kl-espresso);color:#fff;font-size:.72rem;font-weight:750;padding:4px 9px;border-radius:999px;white-space:nowrap}.kl-grind__marker:after{content:"";width:0;height:0;border:6px solid transparent;border-top-color:var(--kl-espresso)}.kl-calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(16px,3vw,32px);align-items:center;margin-top:30px;background:var(--kl-espresso);color:#f3e9de;border-radius:24px;padding:clamp(20px,3.5vw,34px)}.kl-calc h3{color:#fff}.kl-calc label{font-weight:700;font-size:.9rem;display:block;margin:12px 0 6px;color:#fff}.kl-calc select{width:100%;padding:12px 14px;border-radius:12px;border:0;font:inherit;font-weight:650;background:#fff;color:var(--kl-espresso);min-height:auto}.kl-calc input[type=range]{width:100%;accent-color:var(--kl-green)}.kl-calc__out{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px;text-align:center}.kl-calc__out b{display:block;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);line-height:1;color:#fff;font-family:var(--kl-font-head);font-variant-numeric:tabular-nums}.kl-calc__out small{display:block;color:#d9c9b8;margin-top:8px;font-size:.9rem}.kl-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}.kl-prods--2{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.kl .kl-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kl-line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--kl-ink);transition:transform .22s,box-shadow .22s,border-color .22s;height:100%}.kl .kl-prod:hover{transform:translateY(-4px);box-shadow:var(--kl-shadow-lg);border-color:#d6c8b8;color:var(--kl-ink)}.kl-prod__img{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:14px;position:relative;border-bottom:1px solid var(--kl-line)}.kl-prod__img img{width:100%;height:100%;object-fit:contain}.kl-prod__badge{position:absolute;left:10px;top:10px;font-size:.72rem;font-weight:750;padding:5px 9px;border-radius:999px;background:var(--kl-green-soft);color:var(--kl-green-ink)}.kl-prod__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.kl-prod__title{font-weight:750;color:var(--kl-espresso);font-size:.95rem;line-height:1.3}.kl-prod__why{font-size:.84rem;color:var(--kl-muted);line-height:1.45}.kl-prod__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.kl-prod__price{font-weight:800;color:var(--kl-espresso)}.kl-prod__go{font-size:.82rem;font-weight:750;color:var(--kl-green-ink)}.kl-shelf+.kl-shelf{margin-top:42px}.kl-shelf__head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.kl-shelf__head h3{margin:0}.kl-shelf__head p{margin:4px 0 0;color:var(--kl-muted);font-size:.95rem}.kl-shelf__head a{font-weight:750;font-size:.92rem;white-space:nowrap}.kl-inline-prods{margin-top:22px;padding:18px;border-radius:20px;background:var(--kl-cream);border:1px dashed #d8c7b4}.kl-sec--white .kl-inline-prods{background:var(--kl-cream)}.kl-inline-prods__label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kl-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.kl-deep{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}.kl-deep details{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:0;transition:background .2s}.kl-deep details[open]{background:#ffffff17}.kl-deep summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;gap:14px;align-items:center;font-weight:750;color:#fff;font-size:1.05rem}.kl-deep summary::-webkit-details-marker{display:none}.kl-deep summary .kl-lvl{margin-left:auto;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#8fe3bd29;color:#8fe3bd;padding:5px 8px;border-radius:999px;white-space:nowrap}.kl-deep summary:after{content:"+";font-size:1.4rem;line-height:1;color:#8fe3bd;transition:transform .2s;flex:none}.kl-deep details[open] summary:after{transform:rotate(45deg)}.kl-deep__body{padding:0 20px 18px;color:#e6d8c9;font-size:.95rem}.kl-deep__body table{width:100%;border-collapse:collapse;font-size:.88rem;margin:8px 0 12px}.kl-deep__body td,.kl-deep__body th{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.kl-deep__body th{color:#fff}.kl-deep__ico{width:36px;height:36px;border-radius:10px;background:#c98a4b38;display:grid;place-items:center;flex:none;color:#f0c38f}.kl-deep__ico svg{width:20px;height:20px}.kl-path{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:path}.kl-path__step{background:#fff;border:1px solid var(--kl-line);border-radius:20px;padding:22px 18px;position:relative;counter-increment:path}.kl-path__step:before{content:"Vaihe " counter(path);display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kl-green-ink);background:var(--kl-green-soft);padding:5px 9px;border-radius:999px;margin-bottom:10px}.kl-path__step h3{font-size:1.1rem}.kl-path__step p,.kl-path__step li{font-size:.92rem;color:var(--kl-muted)}.kl-path__step ul{padding-left:1.05em;margin:0}.kl-ifthen{margin-top:30px}.kl-ifthen .kl-table{min-width:560px}.kl .kl-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px 22px}.kl-check li{padding-left:30px;position:relative;margin:0;font-size:.95rem}.kl-check li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;background:var(--kl-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat}.kl-mistakes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:22px 16px}.kl-mistake{background:#fff;border:2px solid var(--kl-espresso);border-radius:20px;padding:20px;box-shadow:5px 5px 0 var(--kl-espresso);position:relative}.kl-mistake__no{position:absolute;top:-14px;right:16px;background:var(--kl-berry);color:#fff;font-weight:800;font-size:.78rem;padding:5px 10px;border-radius:999px;border:2px solid var(--kl-espresso)}.kl-mistake h3{font-size:1.05rem;margin-bottom:8px}.kl-mistake p{font-size:.92rem;color:var(--kl-muted);margin:0 0 8px}.kl-mistake .kl-fix{font-size:.9rem;color:var(--kl-espresso);background:var(--kl-green-soft);border-radius:12px;padding:10px 12px;margin:0}.kl-mistake .kl-fix b{color:var(--kl-green-ink)}.kl-game{margin-top:48px;background:var(--kl-crema-soft);border-radius:28px;padding:clamp(20px,4vw,40px);border:1px solid #ecd6bc}.kl-game__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.kl-game__score{font-weight:800;background:#fff;border-radius:999px;padding:8px 14px;color:var(--kl-espresso);border:1px solid #ecd6bc}.kl-claims{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}.kl-claim{background:#fff;border-radius:18px;padding:18px;border:1px solid #ecd6bc;display:flex;flex-direction:column}.kl-claim p.kl-claim__q{font-weight:750;color:var(--kl-espresso);margin-bottom:12px}.kl-claim__btns{display:flex;gap:8px;margin-top:auto}.kl .kl-claim__btns button{flex:1;border-radius:12px;border:2px solid var(--kl-line);background:var(--kl-cream);padding:10px;font-weight:750;transition:all .2s;color:var(--kl-espresso)}.kl .kl-claim__btns button:hover:not([disabled]){border-color:var(--kl-espresso)}.kl .kl-claim__btns button[disabled]{cursor:default;opacity:.55}.kl .kl-claim__btns button.kl-right{background:var(--kl-green);border-color:var(--kl-green);color:#fff;opacity:1}.kl .kl-claim__btns button.kl-wrong{background:var(--kl-berry);border-color:var(--kl-berry);color:#fff;opacity:1}.kl-claim__a{font-size:.9rem;color:var(--kl-muted);margin:12px 0 0}.kl-js .kl-claim__a[hidden]{display:none}.kl-faq{display:grid;gap:10px}.kl-faq details{background:#fff;border:1px solid var(--kl-line);border-radius:16px;transition:box-shadow .2s}.kl-faq details[open]{box-shadow:var(--kl-shadow)}.kl-faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 20px;position:relative;font-weight:750;color:var(--kl-espresso);font-size:1.02rem}.kl-faq summary::-webkit-details-marker{display:none}.kl-faq summary:after{content:"";position:absolute;right:20px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--kl-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2303784a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .25s}.kl-faq details[open] summary:after{transform:rotate(45deg)}.kl-faq summary h3{font-size:inherit;margin:0;display:inline;font-weight:inherit;letter-spacing:0}.kl-faq__a{padding:0 20px 18px;color:var(--kl-muted);font-size:.97rem}.kl-faq__a p:last-child{margin:0}.kl-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px;margin-top:28px}.kl .kl-cat{display:flex;flex-direction:column;gap:10px;padding:20px 16px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;border-radius:20px;background:#fff;border:1px solid var(--kl-line);text-decoration:none;color:var(--kl-espresso);font-weight:750;transition:all .22s}.kl .kl-cat:hover{border-color:var(--kl-green);transform:translateY(-3px);box-shadow:var(--kl-shadow-lg);color:var(--kl-espresso)}.kl-cat svg{width:30px;height:30px;color:var(--kl-green-ink)}.kl-cat small{font-weight:600;color:var(--kl-muted);font-size:.82rem;line-height:1.4}.kl-author{display:flex;gap:16px;align-items:center;margin-top:40px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--kl-line)}.kl-author__av{width:56px;height:56px;border-radius:50%;background:var(--kl-green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem;flex:none;overflow:hidden}.kl-author__av img{width:100%;height:100%;object-fit:cover}.kl-author p{margin:0;font-size:.92rem;color:var(--kl-muted)}.kl-author b{color:var(--kl-espresso)}.kl-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.kl-js .kl-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.kl-js .kl-reveal.kl-is-in{opacity:1;transform:none}@media(max-width:980px){.kl-chain{grid-template-columns:repeat(2,1fr)}.kl-chain__step:not(:last-child):after{display:none}.kl-path{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.kl-hero__grid,.kl-alt,.kl-mapwrap,.kl-roast,.kl-panel__grid,.kl-builder,.kl-calc,.kl-cherry{grid-template-columns:1fr}.kl-hero__art{max-width:320px}.kl-vs{grid-template-columns:1fr}.kl-vs__mid{margin:-6px 0}.kl-fmap{margin:0 auto}}@media(max-width:560px){.kl{font-size:16px}.kl-wrap{padding:0 16px}.kl-hero__stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.kl-stat{padding:10px}.kl-stat b{font-size:1.15rem}.kl-stat span{font-size:.72rem}.kl-chain,.kl-path{grid-template-columns:1fr}.kl-bubble{padding:64px 18px 18px}.kl-bubble:before{top:12px;left:16px}.kl-float{font-size:.75rem;padding:7px 11px}.kl-float--1,.kl-float--3{left:0}.kl-float--2{right:0}.kl-bands li{grid-template-columns:1fr;gap:4px}.kl-roast__grid{grid-template-columns:1fr}.kl-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kl-tabs::-webkit-scrollbar{display:none}.kl .kl-tab{white-space:nowrap}.kl-pin span{font-size:.66rem;padding:1px 5px}.kl-fmap__q{display:none}.kl-prods,.kl-prods--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kl-prod__img{padding:8px}.kl-prod__body{padding:10px 12px 12px}.kl-prod__title{font-size:.85rem}.kl-prod__why{font-size:.78rem}.kl-prod__foot{flex-direction:column;align-items:flex-start;gap:2px}.kl-inline-prods{padding:12px}.kl-radar text{font-size:14px}.kl-fmap__plot{top:40px;right:14px;bottom:20px;left:36px}.kl-fmap__ax--y{width:34px}.kl-grind__labels span:nth-child(2n){visibility:hidden}}@media(prefers-reduced-motion:reduce){.kl *,.kl *:before,.kl *:after{animation:none!important;transition:none!important}.kl-js .kl-reveal{opacity:1;transform:none}}@media print{.kl-progress,.kl-quiz,.kl-game,.kl-hero__cta,.kl-builder,.kl-calc{display:none!important}.kl-js .kl-panel[hidden]{display:block!important}}.kl-photo--wide{aspect-ratio:21/9;margin:0 0 36px}.kl-photo--wide img{width:100%;height:100%;object-fit:cover}@media(max-width:560px){.kl-photo--wide{aspect-ratio:4/3}}.kl-cats--related{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.kl{--kl-green:#06a567;--kl-green-ink:#047a4c;--kl-green-soft:#e2f4ea;--kl-plum:#7a3483;--kl-plum-ink:#5e2466;--kl-plum-soft:#f3e8f4;--kl-aubergine:#2b1633;--kl-espresso:#141414;--kl-ink:#1d1d1d;--kl-muted:#5c5f62;--kl-cream:#f4f4f1;--kl-paper:#ffffff;--kl-sand:#f4f4f1;--kl-line:#e5e5df;--kl-crema:#7a3483;--kl-crema-soft:#f3e8f4;--kl-citrus:#e8a900;--kl-citrus-soft:#fdf3d6;--kl-berry:#7a3483;--kl-berry-soft:#f3e8f4;--kl-choco:#4a3428;--kl-radius:22px;--kl-shadow:none;--kl-shadow-lg:0 12px 32px rgba(20,20,20,.08);--kl-font:var(--typeBasePrimary, "DM Sans"), "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--kl-font-head:var(--kl-font);background:#fff}.kl h1,.kl h2,.kl h3{font-weight:800;letter-spacing:-.025em}.kl h2{font-size:clamp(1.9rem,1.25rem + 2.6vw,3rem);line-height:1.08}.kl h4{font-weight:700}.kl-sec--gray,.kl-sec--sand{background:var(--kl-cream)}.kl-sec--plum{background:var(--kl-plum-soft)}.kl-sec--green{background:var(--kl-green-soft)}.kl-sec--dark{background:var(--kl-aubergine);color:#eadcef}.kl-sec--dark .kl-lede{color:#d2bfd8}.kl-sec--dark .kl-eyebrow{background:#ffffff1f;color:#fff}.kl-sec--dark a{color:#9fe6c4}.kl-card,.kl-flavor,.kl-chain__step,.kl-path__step,.kl-mistake,.ke-cause,.ke-steps li{background:var(--kl-cream);border-color:transparent}.kl-sec--gray :is(.kl-card,.kl-flavor,.kl-chain__step,.kl-path__step,.kl-mistake,.ke-cause,.ke-steps li,.kl-toc a),.kl-sec--plum :is(.kl-card,.kl-flavor,.kl-chain__step,.kl-path__step,.kl-mistake,.ke-cause,.ke-steps li,.kl-toc a),.kl-sec--green :is(.kl-card,.kl-flavor,.kl-chain__step,.kl-path__step,.kl-mistake,.ke-cause,.ke-steps li,.kl-toc a){background:#fff}.kl-eyebrow{background:var(--kl-green-soft);color:var(--kl-green-ink);padding:6px 12px;border-radius:999px;font-size:.72rem;letter-spacing:.08em}.kl-sec--green .kl-eyebrow{background:#fff}.kl-sec--plum .kl-eyebrow{background:#fff;color:var(--kl-plum-ink)}.kl-eyebrow:before{display:none}.kl-hero{background:#fff;padding:clamp(28px,5vw,72px) 0 clamp(40px,5vw,72px)}.kl-hero h1{font-size:clamp(2.3rem,1.3rem + 4.2vw,4.4rem);letter-spacing:-.04em;line-height:1.02}.kl-hero h1 em{color:var(--kl-plum)}.kl-hero h1 em:after{background:var(--kl-plum);opacity:.14;height:.28em;bottom:.02em}.kl-hero__art:before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:var(--kl-plum);right:-8%;top:-6%;z-index:0}.kl-hero__art:after{content:"";position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:var(--kl-green);left:-5%;bottom:-3%;z-index:0}.kl-hero__art .kl-photo,.kl-hero__art .kl-cupart{z-index:1;border-radius:28px}.kl-hero__art .kl-photo{top:6%;right:6%;bottom:6%;left:6%;box-shadow:none}.kl-float{z-index:2;border:0;box-shadow:0 6px 18px #1414141f}.kl-stat{border:0;border-radius:18px;background:var(--kl-cream);-webkit-backdrop-filter:none;backdrop-filter:none}.kl-stat:nth-child(1){background:var(--kl-green-soft)}.kl-stat:nth-child(2){background:var(--kl-plum-soft)}.kl-stat b{font-weight:800}.kl .kl-btn--primary{box-shadow:none}.kl .kl-btn--ghost{border-color:var(--kl-espresso);color:var(--kl-espresso)}.kl .kl-btn--ghost:hover{background:var(--kl-espresso);color:#fff}.kl-tag{background:var(--kl-cream);color:var(--kl-espresso);font-weight:700}.kl-tag--green{background:var(--kl-green-soft);color:var(--kl-green-ink)}.kl-tag--crema,.kl-tag--berry{background:var(--kl-plum-soft);color:var(--kl-plum-ink)}.kl-tag--citrus{background:var(--kl-citrus-soft);color:#6b4d00}.kl-tag--choco{background:#ecebe6;color:var(--kl-espresso)}.kl-card,.kl-flavor,.kl-origin,.kl-panel,.kl-roast,.kl-builder,.kl-chain__step,.kl-path__step,.kl-cherry,.kl-aside,.kl-author,.kl-faq details,.kl .kl-cat,.kl .kl-prod,.kl-toc a,.kl-table-wrap,.kl-claim{box-shadow:none}.kl-flavor:before{opacity:.18;width:96px;height:96px}.kl-toc a:before{background:var(--kl-espresso);color:#fff}.kl-toc a:hover{border-color:var(--kl-plum)}.kl-bubble{border:0;box-shadow:none;background:var(--kl-green-soft);border-radius:22px;padding:22px 24px 22px 80px}.kl-bubble:after{display:none}.kl-bubble:before{top:20px;left:20px;background-color:var(--kl-green)}.kl-bubble--tip{background:var(--kl-plum-soft)}.kl-bubble--tip:before{background-color:var(--kl-plum)}.kl-bubble--tip b.kl-bubble__label{color:var(--kl-plum-ink)}.kl-bubble--myth{background:var(--kl-espresso);color:#fff}.kl-bubble--myth:before{background-color:var(--kl-plum)}.kl-bubble--myth b.kl-bubble__label{color:#e5c6ea}.kl-bubble--myth strong{color:#fff}.kl-sec--plum .kl-bubble--tip,.kl-sec--green .kl-bubble{background:#fff}.kl-sec--green .kl-bubble--myth{background:var(--kl-espresso);color:#fff}.kl-note{background:var(--kl-cream);border-left-color:var(--kl-plum);border-radius:0 18px 18px 0}.kl-sec--gray .kl-note{background:#fff}.kl-mistake{border:0;box-shadow:none;border-radius:22px}.kl-mistake__no{border:0;background:var(--kl-plum)}.kl-game{background:var(--kl-aubergine);border:0;color:#eadcef}.kl-game h3{color:#fff}.kl-game .kl-eyebrow{background:#ffffff1f;color:#fff}.kl-game__score{border:0;background:var(--kl-green);color:#fff}.kl-claim{border:0}.kl .kl-claim__btns button.kl-wrong{background:var(--kl-plum);border-color:var(--kl-plum)}.kl-table thead th{background:var(--kl-espresso);color:#fff}.kl-table tbody tr:hover{background:#fafaf8}.kl-prod__img{background:var(--kl-cream);border-bottom:0}.kl .kl-prod{border-color:var(--kl-line)}.kl .kl-prod:hover{border-color:var(--kl-espresso)}.kl-inline-prods{background:#fff;border:1.5px solid var(--kl-line)}.kl-sec--gray .kl-inline-prods,.kl-sec--plum .kl-inline-prods,.kl-sec--green .kl-inline-prods{border-color:transparent}.kl-prod__badge{background:var(--kl-plum);color:#fff}.kl-progress span{background:linear-gradient(90deg,var(--kl-green),var(--kl-plum))}.kl-tabs{background:var(--kl-cream)}.kl .kl-tab[aria-selected=true]{background:var(--kl-espresso);color:#fff;box-shadow:none}.kl .kl-chip[aria-pressed=true]{background:var(--kl-espresso);border-color:var(--kl-espresso)}.kl-meter__bar{background:#e9e9e4}.kl-vs__card--r .kl-meter__bar i{background:var(--kl-plum)}.kl-cat svg{color:var(--kl-plum)}.kl-author__av{background:var(--kl-plum)}@media(max-width:860px){.kl-hero__art{max-width:340px}}@media(max-width:560px){.kl-bubble{padding:70px 18px 18px}.kl-bubble:before{top:16px;left:18px}}.ke-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--kl-muted);margin-bottom:14px}.ke-crumbs a{color:var(--kl-muted);text-decoration:none}.ke-crumbs a:hover{color:var(--kl-green-ink);text-decoration:underline}.kl-rd-sa{background:var(--kl-plum)}.kl-rd-ca{background:var(--kl-green)}.kl-rd-af{background:#e8a900}.kl-rd-as{background:var(--kl-espresso)}.kl-vs__card{border:0}.kl-vs__card--a{background:var(--kl-green-soft)}.kl-vs__card--r{background:var(--kl-plum-soft)}.kl-vs__mid span{background:var(--kl-espresso)}.kl-calc{background:var(--kl-aubergine)}.kl-roast__level b{color:var(--kl-plum)}.kl-range{accent-color:var(--kl-plum)}.kl-roast__temp{background:var(--kl-espresso)}.kl-origin{border-color:transparent}.kl-sec--white .kl-origin,.kl-origin{background:#fff}.kl-sec--plum .kl-panel,.kl-sec--plum .kl-cherry{border-color:transparent}.kl-dots i.on{background:var(--kl-plum)}.kl-fmap{box-shadow:none;border-color:transparent}.kl-chain__step:before{background:var(--kl-plum)}.kl-chain__step:not(:last-child):after{border-color:var(--kl-plum)}.kl-chain__icon{background:var(--kl-plum-soft);color:var(--kl-plum)}.kl-path__step:before{background:#fff;color:var(--kl-green-ink)}.kl-sec--green .kl-path__step:before{background:var(--kl-green-soft)}.kl .kl-answer{background:var(--kl-cream);border-color:transparent}.kl .kl-answer:hover{border-color:var(--kl-green);background:#fff}.kl-result__badge{background:var(--kl-plum)}.kl-quiz__bar i{background:linear-gradient(90deg,var(--kl-green),var(--kl-plum))}.kl-deep details{border-color:#ffffff29}.kl-deep__ico{background:#ffffff1f;color:#e5c6ea}.kl-deep summary .kl-lvl{background:#06a56738;color:#9fe6c4}.kl-grind__marker span{background:var(--kl-plum)}.kl-grind__marker:after{border-top-color:var(--kl-plum)}.kl-check li:before{background-color:var(--kl-green)}.kl-mountain{border-color:transparent}.kl-hero__art .kl-cupart svg>circle:first-child{display:none}.ke-small{font-size:.8rem;color:var(--kl-muted);margin:12px 0 0}.ke-label{display:block;font-weight:750;color:var(--kl-espresso)}.ke-curve{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(18px,3vw,36px);align-items:center;background:var(--kl-cream);border:1px solid var(--kl-line);border-radius:28px;padding:clamp(18px,3.5vw,34px);margin-bottom:24px}.ke-curve__chart svg{width:100%;height:auto;display:block}.ke-curve text{font-family:inherit}.ke-readout .kl-meter__bar i{transition:width .25s ease}.ke-verdict{margin-top:14px;padding:12px 14px;border-radius:14px;font-weight:700;font-size:.95rem;background:#fff;border:1px solid var(--kl-line)}.ke-verdict[data-z=sour]{background:var(--kl-citrus-soft);color:#6b4d00;border-color:transparent}.ke-verdict[data-z=ok]{background:var(--kl-green-soft);color:var(--kl-green-ink);border-color:transparent}.ke-verdict[data-z=bitter]{background:#111;color:#fff;border-color:#111}.ke-tool{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,3vw,30px);background:#fff;color:var(--kl-ink);border-radius:28px;padding:clamp(18px,3.5vw,36px);box-shadow:0 30px 80px #00000059}.kl-sec--dark .ke-tool h3,.kl-sec--dark .ke-tool strong,.kl-sec--dark .ke-tool b{color:var(--kl-espresso)}.kl-sec--dark .ke-tool a{color:var(--kl-green-ink)}.ke-tool__form{display:grid;gap:18px;align-content:start}.ke-tool fieldset{border:0;margin:0;padding:0;min-width:0}.ke-tool legend{font-weight:750;color:var(--kl-espresso);font-size:.92rem;margin-bottom:8px;padding:0}.ke-seg{display:flex;flex-wrap:wrap;gap:6px}.ke-seg legend{width:100%}.ke-seg label{position:relative;cursor:pointer}.ke-seg input{position:absolute;opacity:0;width:1px;height:1px}.ke-seg span{display:inline-block;padding:9px 14px;border-radius:999px;border:1.5px solid var(--kl-line);background:var(--kl-cream);font-weight:650;font-size:.9rem;color:var(--kl-espresso);transition:all .15s}.ke-seg input:checked+span{background:var(--kl-espresso);border-color:var(--kl-espresso);color:#fff}.ke-seg input:focus-visible+span{outline:3px solid var(--kl-green);outline-offset:2px}.ke-field label{display:flex;justify-content:space-between;font-weight:750;color:var(--kl-espresso);font-size:.92rem}.ke-field output{color:var(--kl-green-ink);font-variant-numeric:tabular-nums}.ke-field input{width:100%;accent-color:var(--kl-green);margin-top:6px}.ke-checks{display:grid;gap:8px}.ke-checks label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--kl-ink);cursor:pointer}.ke-checks input{margin-top:3px;accent-color:var(--kl-green);width:18px;height:18px;flex:none}.ke-tool__out{background:var(--kl-cream);border:1px solid var(--kl-line);border-radius:22px;padding:clamp(14px,2.5vw,24px)}.ke-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ke-tiles div{background:#fff;border:1px solid var(--kl-line);border-radius:14px;padding:10px 12px}.ke-tiles b{display:block;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--kl-muted)}.ke-tiles span{display:block;font-weight:800;color:var(--kl-espresso);font-size:.98rem;line-height:1.3;margin-top:2px;font-variant-numeric:tabular-nums}.ke-plot{width:100%;height:auto;display:block;margin:14px 0 6px;background:#fff;border-radius:14px;border:1px solid var(--kl-line)}.ke-plot text{font-family:inherit}.ke-dx{margin:10px 0 8px;font-size:1.2rem}.ke-dx small{display:block;font-size:.85rem;font-weight:600;color:var(--kl-muted);margin-top:2px;letter-spacing:0}.kl .ke-fixes{margin:0;padding-left:1.3em;display:grid;gap:8px}.ke-fixes li{font-size:.93rem;line-height:1.5;margin:0}.ke-fixes li b{color:var(--kl-espresso)}.ke-next{margin-top:14px;background:var(--kl-espresso);color:#fff;border-radius:16px;padding:14px 16px;font-size:.95rem}.ke-next b{color:#8fe3bd!important;display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.ke-causes{display:grid;gap:14px}.ke-cause{display:grid;grid-template-columns:56px 1fr;gap:18px;background:var(--kl-cream);border:1px solid var(--kl-line);border-radius:22px;padding:22px}.ke-cause__n{width:48px;height:48px;border-radius:14px;background:var(--kl-espresso);color:#fff;font-weight:800;font-size:1.3rem;display:grid;place-items:center;font-family:var(--kl-font-head)}.ke-cause h3{margin:4px 0 6px}.ke-cause p{font-size:.95rem;margin:0 0 8px}.ke-cause__row{color:var(--kl-muted)}.ke-cause__row b{color:var(--kl-espresso)}.kl-fix-inline{background:var(--kl-green-soft);border-radius:12px;padding:10px 14px;margin:0!important}.kl-fix-inline b{color:var(--kl-green-ink)}.kl .ke-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:ks}.ke-steps li{counter-increment:ks;background:#fff;border:1px solid var(--kl-line);border-radius:20px;padding:20px 18px 18px;margin:0;position:relative}.ke-steps li:before{content:counter(ks);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--kl-green);color:#fff;font-weight:800;margin-bottom:10px}.ke-steps b{display:block;color:var(--kl-espresso);font-size:1.05rem;margin-bottom:4px}.ke-steps span{font-size:.92rem;color:var(--kl-muted)}@media(max-width:860px){.ke-curve,.ke-tool{grid-template-columns:1fr}.kl .ke-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.kl .ke-steps{grid-template-columns:1fr}.ke-cause{grid-template-columns:1fr;gap:10px;padding:18px}.ke-tiles span{font-size:.85rem}}.ke-recipe td:not(:last-child){white-space:nowrap}.ke-curve{background:#fff}.ke-cause{border:0}.ke-cause__n{background:var(--kl-plum)}.ke-steps li{border:0}.ke-steps li:before{background:var(--kl-green)}.ke-tool__out{background:var(--kl-cream);border:0}.ke-tiles div{border:0}.ke-next{background:var(--kl-espresso)}.ke-seg input:checked+span{background:var(--kl-espresso);border-color:var(--kl-espresso)}.kl-sec--dark .ke-tool{box-shadow:none}.kl-fix-inline{background:var(--kl-green-soft)}.kl fieldset{border:0;margin:0;padding:0;min-width:0}.kl legend{font-weight:750;color:var(--kl-espresso);font-size:.92rem;margin-bottom:8px;padding:0}.eh-plan{display:grid;gap:12px;margin-top:14px}.eh-plan__g{background:#fff;border:1px solid var(--kl-line);border-radius:16px;padding:12px 16px}.kl .eh-plan__g h4{margin:0 0 6px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--kl-green-ink)}.kl .eh-plan__g ul{margin:0;padding-left:18px;display:grid;gap:4px}.kl .eh-plan__g li{font-size:.92rem;margin:0;color:var(--kl-ink)}.eh-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.kl .kl-list{margin:0;padding-left:18px;display:grid;gap:6px}.kl .kl-list li{margin:0;font-size:.93rem;color:var(--kl-ink)}@media(min-width:1000px){.kl .kl-mistakes--3{grid-template-columns:repeat(3,1fr)}}.pt-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.pt-f{display:flex;flex-direction:column;gap:6px;font-weight:750;color:var(--kl-espresso);font-size:.88rem}.pt-in{position:relative;display:block}.kl .pt-f input,.kl .pt-f select{width:100%;box-sizing:border-box;border:1.5px solid var(--kl-line);border-radius:12px;padding:10px 44px 10px 12px;font:inherit;font-weight:700;font-size:1rem;background:var(--kl-cream);color:var(--kl-espresso);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.kl .pt-f select{padding-right:12px}.kl .pt-f input:focus,.kl .pt-f select:focus{outline:3px solid var(--kl-green);outline-offset:1px;border-color:transparent;background:#fff}.pt-f input::-webkit-inner-spin-button,.pt-f input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pt-in i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:700;color:var(--kl-muted);font-size:.85rem;pointer-events:none}.pt-verdict{border-radius:18px;padding:16px 18px;background:#fff;border:1px solid var(--kl-line)}.pt-verdict b{display:block;font-size:1.2rem;color:var(--kl-espresso)}.pt-verdict span{display:block;font-size:.93rem;color:var(--kl-muted);margin-top:2px}.pt-verdict[data-z=ok]{background:var(--kl-green);border-color:var(--kl-green)}.pt-verdict[data-z=ok] b,.pt-verdict[data-z=ok] span,.pt-verdict[data-z=ok] a{color:#fff}.pt-verdict[data-z=warn]{background:#f3e8f4;border-color:transparent}.pt-verdict[data-z=bad]{background:#141414;border-color:#141414}.pt-verdict[data-z=bad] b,.pt-verdict[data-z=bad] span{color:#fff}.kl .pt-res{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.kl .pt-res li{margin:0;display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--kl-line);border-radius:14px;padding:10px 12px}.pt-res b{display:block;color:var(--kl-espresso);font-size:.95rem}.kl .pt-res p{margin:2px 0 0;font-size:.88rem;color:var(--kl-muted)}.pt-pill{flex:none;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;margin-top:1px;min-width:74px;text-align:center}.pt-res li[data-z=ok] .pt-pill{background:#e2f4ea;color:#047a4c}.pt-res li[data-z=warn] .pt-pill{background:#f3e8f4;color:#5e2466}.pt-res li[data-z=bad] .pt-pill{background:#141414;color:#fff}.pt-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(16px,3vw,32px);align-items:start}.pt-panel h3{margin-top:0}.pt-ref{background:var(--kl-green-soft,#e2f4ea);border-radius:20px;padding:18px 20px}.pt-ref b{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kl-green-ink);margin-bottom:6px}.pt-ref span{display:block;color:var(--kl-espresso);margin-bottom:4px}.kl .pt-ref p{margin:10px 0 0;font-size:.9rem;color:var(--kl-ink)}@media(max-width:760px){.pt-panel{grid-template-columns:1fr}}@media(max-width:420px){.pt-fields{grid-template-columns:1fr}}.kl-photo--card{aspect-ratio:4/3;border-radius:20px;box-shadow:none;margin:0 0 14px}.kl-photo--card img{width:100%;height:100%;object-fit:cover}.pe-gauge{position:relative;max-width:240px;margin:0 auto}.pe-gauge svg{width:100%;display:block}.pe-gauge path:last-of-type{transition:stroke-dasharray .5s ease,stroke .3s}.pe-gauge__n{position:absolute;left:0;right:0;bottom:4px;text-align:center}.pe-gauge__n b{font-size:2.6rem;font-weight:800;color:var(--kl-espresso);line-height:1}.pe-gauge__n span{color:var(--kl-muted);font-weight:700;margin-left:4px}.vl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.vl-dot.is-ok{background:#06a567}.vl-dot.is-mid{background:#7a3483}.vl-dot.is-bad{background:#141414}.op-filters{display:flex;flex-wrap:wrap;gap:6px}.kl .op-filters button{border:1.5px solid var(--kl-line);background:#fff;color:var(--kl-espresso);border-radius:999px;padding:9px 16px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}.kl .op-filters button[aria-pressed=true]{background:var(--kl-espresso);border-color:var(--kl-espresso);color:#fff}.op-search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--kl-line);border-radius:999px;padding:0 14px;background:#fff;min-width:min(100%,280px)}.op-search svg{width:18px;height:18px;color:var(--kl-muted);flex:none}.kl .op-search input{border:0;outline:0;font:inherit;font-size:.95rem;padding:11px 0;width:100%;background:transparent}.op-search:focus-within{border-color:var(--kl-green)}.op-empty{text-align:center;color:var(--kl-muted);margin-top:20px}.el-step{display:flex;align-items:center;gap:6px}.kl .el-step button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--kl-line);background:#fff;color:var(--kl-espresso);font-size:1.2rem;font-weight:700;line-height:1;cursor:pointer;padding:0}.kl .el-step button:hover{border-color:var(--kl-espresso)}.kl .el-step button[data-d="1"]{background:var(--kl-green);border-color:var(--kl-green);color:#fff}.el-step output{min-width:22px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/77/assets/kk-opas.css.map */