@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
.kb{--navy:#062456;--green:#007a59;--green-dark:#00694d;--pale:#f3f6fa;--line:#d9e1eb;--ink:#203e68;background:var(--pale);color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.45;overflow:hidden}
.kb *{box-sizing:border-box}.kb button,.kb select{font:inherit}.kb button{cursor:pointer}.kb button:disabled{cursor:not-allowed;opacity:.55}.kb img{display:block;max-width:100%}.kb a{color:inherit}.kb :focus-visible{outline:3px solid #188dc1;outline-offset:3px}.kb [hidden]{display:none!important}.kb-shell{max-width:1500px;margin:auto;padding:28px 32px 64px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:44px}.kb-media{min-width:0;align-self:start;position:sticky;top:24px}.kb-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px}.kb-thumbs{display:flex;flex-direction:column;gap:10px;max-height:660px;overflow:auto;scrollbar-width:thin}.kb-thumbs button{border:2px solid transparent;border-radius:14px;padding:0;background:white;overflow:hidden;min-width:0;aspect-ratio:1}.kb-thumbs button.is-active{border-color:var(--green)}.kb-thumbs img{width:100%;height:100%;object-fit:cover}.kb-stage{margin:0;position:relative;background:#e8eff7;border-radius:24px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 8px 40px #14375a10}.kb-stage.is-square{aspect-ratio:1}.kb-stage img{width:100%;height:100%;object-fit:cover}.kb-stage figcaption{position:absolute;right:15px;bottom:15px;background:#fffefa;padding:7px 14px;border-radius:30px;font-size:12px;font-weight:700}.kb-gallery-meta{margin:11px 0 0 90px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:#58718e}.kb-gallery-meta button{border:0;background:transparent;color:var(--navy);font-weight:800;font-size:12px;text-transform:none;letter-spacing:0}.kb-gallery-meta button span{font-size:21px;vertical-align:middle;margin-left:4px}.kb-buy{min-width:0}.kb-eyebrow,.kb-section-head>span,.kb-more>div>span,.kb-complete-head>span{color:var(--green);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;margin:0}.kb-buy h1,.kb-editorial h2,.kb-aromas h2,.kb-bottom h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.08}.kb-buy h1{font-size:clamp(40px,4.1vw,68px);margin:10px 0 19px}.kb h1 em,.kb h2 em{font-style:normal;color:var(--green)}.kb-intro{font-size:17px;line-height:1.6;color:#506680;max-width:730px;margin:0 0 20px}.kb-reputation{border-block:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;font-size:12px}.kb-reputation>a{text-decoration:none;font-weight:700}.kb-stars{letter-spacing:.08em;color:#ec9700;font-size:15px}.kb-reputation-note{color:#5f7189}.kb-benefits{list-style:none;padding:0;margin:17px 0 22px;display:flex;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px}.kb-benefits li{flex:1;font-size:12px;font-weight:700;line-height:1.35;padding-left:29px;position:relative}.kb-benefits li:before{content:'✓';position:absolute;left:0;top:0;border:1px solid var(--green);border-radius:50%;width:20px;height:20px;text-align:center;line-height:18px;color:var(--green)}
.kb-primary,.kb-complete{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;box-shadow:0 12px 36px #0921490b}.kb-section-head{margin-bottom:13px}.kb-section-head h2{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-.04em;margin:4px 0}.kb-product-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;font-size:19px}.kb-product-head>strong:last-child{font-size:24px;white-space:nowrap}.kb-color{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kb-color button,.kb-complete-colors button{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);padding:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}.kb-color button.is-active,.kb-complete-colors button.is-active{border:2px solid var(--green);background:#e8f4f8}.kb-white,.kb-black{width:25px;height:25px;border-radius:50%;box-shadow:0 2px 6px #00264233}.kb-white{background:linear-gradient(140deg,#fff,#e9eef3);border:1px solid #ccd5dc}.kb-black{background:linear-gradient(140deg,#0b151d,#6a7379 55%,#111)}.kb-discount{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;border:2px solid var(--green);border-radius:17px;background:#dcebf7;padding:14px 18px;margin:15px 0}.kb-discount>span{display:flex;flex-direction:column;color:var(--green);line-height:1}.kb-discount>span strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3vw,42px);white-space:nowrap;letter-spacing:-.06em}.kb-discount>span small{font-size:8px;letter-spacing:.13em;font-weight:800;white-space:nowrap}.kb-discount>div strong{display:block;font-size:16px}.kb-discount>div small{display:block;color:#526580;font-size:11px}.kb-discount>b{font-size:20px;white-space:nowrap}.kb-flavor-details{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px}.kb-flavor-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 15px;cursor:pointer}.kb-flavor-details summary::-webkit-details-marker{display:none}.kb-flavor-details summary strong,.kb-flavor-details summary small{display:block}.kb-flavor-details summary strong{font-size:14px}.kb-flavor-details summary small{font-size:11px;color:#60728a}.kb-flavor-details summary>span:last-child{font-size:20px;color:var(--green)}.kb-flavor-content{padding:0 13px 15px}.kb-flavor-content>p{font-size:12px;color:#5c6d86}.kb-flavor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kb-flavor-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.kb-flavor-card.has-selection{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.kb-flavor-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f6f8}.kb-flavor-card>div{padding:6px}.kb-flavor-card strong{font-size:10px;display:block;line-height:1.25;min-height:27px}.kb-flavor-card small{display:block;font-size:9px;color:#60718a}.kb-flavor-controls{display:flex;align-items:center;justify-content:space-between;background:#f2f5f8;border-radius:20px;margin-top:5px}.kb-flavor-controls button{background:#fff;border:0;border-radius:50%;width:22px;height:22px;font-weight:800}.kb-flavor-controls output{font-size:10px;font-weight:800}.kb-flavor-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px}.kb-flavor-foot button{border:0;background:transparent;color:var(--green);font-size:11px;text-decoration:underline}.kb-cart-button{border:0;background:var(--green);color:#fff;border-radius:12px;padding:16px 19px;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;font-weight:800;font-size:16px;box-shadow:0 10px 25px #006c4c33}.kb-cart-button:hover:not(:disabled){background:var(--green-dark)}.kb-cart-status{min-height:17px;text-align:center;color:#5d7188;font-size:11px;margin:7px 0 0}.kb-cart-status.is-error{color:#9b1c1c}.kb-cart-status.is-success{color:var(--green)}
.kb-more{margin:13px 0;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fff}.kb-more>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 3px 9px}.kb-more>div>strong{font-size:16px}.kb-more>button:not(.kb-back-three){width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 15px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--navy);text-align:left}.kb-more>button.is-active{border-color:var(--green);background:#e8f4f8}.kb-more button span{font-weight:800}.kb-more button small{display:block;color:#677991;font-weight:500;font-size:11px}.kb-more button strong{white-space:nowrap;font-size:15px}.kb-back-three{border:0;background:none;color:var(--green);font-weight:700;font-size:11px;margin-top:8px;padding:4px}.kb-complete{padding:16px;margin-top:13px;border-color:#b4d5cc}.kb-complete-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 15px}.kb-complete-head span{grid-column:1/-1}.kb-complete-head strong{font-size:16px}.kb-complete-head b{font-size:18px;white-space:nowrap}.kb-equation{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0}.kb-equation figure{margin:0;border:1px solid var(--line);border-radius:12px;background:#fafbfc;min-width:0;flex:1;overflow:hidden}.kb-equation img{height:105px;width:100%;object-fit:contain}.kb-equation figcaption{text-align:center;padding:4px;font-size:10px;font-weight:700}.kb-equation>span{font-size:22px;color:var(--green);font-weight:800}.kb-complete-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kb-complete-controls label{font-size:10px;font-weight:700}.kb-complete-controls select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);padding:9px;font-size:12px}.kb-complete-colors{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-self:end}.kb-complete-colors button{padding:9px;font-size:11px}.kb-complete-toggle{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;padding:11px;color:var(--navy);font-weight:700;display:flex;justify-content:space-between}.kb-complete-flavors{margin-top:10px}.kb-complete-flavors>p{font-size:11px}.kb-complete-add{margin-top:10px;width:100%;border:1px solid var(--navy);border-radius:11px;background:var(--navy);color:#fff;padding:11px;font-size:12px;font-weight:800}.kb-quotes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.kb-quotes article{border:1px solid var(--line);border-radius:15px;background:#fff;padding:13px}.kb-quotes span{color:#ed9b00;letter-spacing:.1em}.kb-quotes p{font-size:12px;font-weight:700;margin:7px 0}.kb-quotes small{font-size:10px;color:#61738d}
.kb-services{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:26px max(24px,calc((100vw - 1350px)/2))}.kb-services>div{text-align:center;padding:8px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:4px}.kb-services>div:last-child{border:0}.kb-services span{display:grid;place-items:center;width:52px;height:52px;background:#f1f5f9;border-radius:15px;color:var(--green);font-size:24px}.kb-services strong{font-size:13px}.kb-services small{font-size:11px;color:#8190a6}.kb-editorial,.kb-aromas,.kb-bottom{max-width:1350px;margin:auto;padding:70px 32px}.kb-editorial h2,.kb-aromas h2,.kb-bottom h2{font-size:clamp(36px,4vw,62px);margin:12px 0 28px}.kb-editorial>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kb-editorial article{background:#fff;border-radius:18px;padding:23px}.kb-editorial article span{color:var(--green);letter-spacing:.12em;font-size:11px;font-weight:800}.kb-editorial article h3{font-size:21px;margin:12px 0 8px}.kb-editorial article p{color:#5a7089;font-size:14px;margin:0}.kb-aromas{padding-top:35px}.kb-aromas>p:not(.kb-eyebrow){color:#5a7089}.kb-aroma-showcase{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.kb-aroma-showcase figure{background:#fff;border-radius:15px;overflow:hidden;margin:0;padding:7px}.kb-aroma-showcase img{aspect-ratio:1;object-fit:contain;width:100%}.kb-aroma-showcase figcaption{text-align:center;font-weight:700;font-size:11px;padding:5px}.kb-bottom{background:var(--navy);color:white;max-width:none;text-align:center;padding:65px 22px}.kb-bottom .kb-eyebrow,.kb-bottom h2 em{color:#82d3b6}.kb-bottom h2{margin:12px 0}.kb-bottom p:not(.kb-eyebrow){color:#c9d6e3;max-width:600px;margin:0 auto 24px}.kb-bottom a{display:inline-block;background:var(--green);color:white;text-decoration:none;border-radius:9px;padding:13px 21px;font-weight:800}
.kb-reviews{max-width:1350px;margin:auto;padding:65px 32px 20px}.kb-reviews-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.kb-reviews-head h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.4vw,48px);letter-spacing:-.05em;margin:8px 0}.kb-reviews-head p:last-child{color:#5c708a;margin:0 0 12px}.kb-reviews-head p:last-child span,.kb-review-track article span{color:#f0a000}.kb-reviews-head button{width:40px;height:40px;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--navy);font-size:20px;margin-left:4px}.kb-review-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:8px 0 18px}.kb-review-track article{flex:0 0 min(340px,80vw);min-height:195px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;scroll-snap-align:start}.kb-review-track article strong,.kb-review-track article span{display:block}.kb-review-track article span{font-size:20px;margin:9px 0}.kb-review-track article p{color:#4f5e72;line-height:1.6}.kb-review-source{font-size:11px;color:#677991}.kb-review-source a{font-weight:700}
.kb-pens{max-width:1350px;margin:32px auto 0;padding:35px 32px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.kb-pens h2,.kb-faq h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.5vw,52px);letter-spacing:-.06em;margin:10px 0}.kb-pens p:not(.kb-eyebrow){color:#596e87}.kb-pen-colors{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.kb-pen-colors button{border:1px solid var(--line);background:#fff;border-radius:30px;padding:7px 13px;color:var(--navy);font-size:11px;font-weight:800}.kb-pen-colors button.is-active{border-color:var(--green);background:#e5f1ed}.kb-pens figure{margin:0;border-radius:23px;background:#e5eef9;min-height:340px;display:grid;place-items:center;position:relative}.kb-pens figure img{height:320px;max-width:80%;object-fit:contain}.kb-pens figure figcaption{position:absolute;bottom:15px;right:16px;background:#fff;border-radius:25px;padding:5px 13px;font-weight:800;font-size:11px}.kb-faq{max-width:1350px;margin:auto;padding:45px 32px 70px;display:grid;grid-template-columns:1fr 1.5fr;gap:35px}.kb-faq details{border-bottom:1px solid var(--line);padding:16px 0}.kb-faq summary{font-weight:800;cursor:pointer}.kb-faq details p{color:#5c7087;margin:9px 0 0}
@media(max-width:1050px){.kb-shell{grid-template-columns:1fr;max-width:790px;gap:22px}.kb-media{position:static}.kb-stage{max-height:560px}.kb-benefits{flex-wrap:wrap}.kb-benefits li{flex:1 1 180px}.kb-aroma-showcase{grid-template-columns:repeat(4,1fr)}}
@media(max-width:750px){.kb-pens,.kb-faq{grid-template-columns:1fr}.kb-pens figure{min-height:270px}.kb-pens figure img{height:240px}}
@media(max-width:650px){.kb-shell{padding:16px 12px 42px}.kb-gallery{grid-template-columns:54px minmax(0,1fr);gap:8px}.kb-thumbs{max-height:380px;gap:6px}.kb-thumbs button{border-radius:8px}.kb-stage{border-radius:15px}.kb-stage figcaption{font-size:9px;right:7px;bottom:7px;padding:5px 8px}.kb-gallery-meta{margin-left:62px}.kb-buy h1{font-size:39px}.kb-intro{font-size:15px}.kb-benefits{display:block}.kb-benefits li{margin:0 0 8px}.kb-primary,.kb-complete{padding:13px}.kb-section-head h2{font-size:21px}.kb-product-head{font-size:14px}.kb-product-head>strong:last-child{font-size:19px}.kb-color button{padding:10px 5px;font-size:12px}.kb-discount{grid-template-columns:auto 1fr;gap:5px 10px;padding:11px}.kb-discount>span strong{font-size:29px}.kb-discount>div strong{font-size:13px}.kb-discount>b{grid-column:2;font-size:16px}.kb-flavor-grid{gap:5px}.kb-flavor-card>div{padding:4px}.kb-flavor-card strong{font-size:9px}.kb-flavor-card small{font-size:8px}.kb-flavor-controls button{width:18px;height:18px}.kb-cart-button{font-size:13px;padding:14px}.kb-complete-head strong{font-size:13px}.kb-complete-head b{font-size:15px}.kb-equation img{height:72px}.kb-equation figcaption{font-size:8px}.kb-equation>span{font-size:17px}.kb-quotes{grid-template-columns:1fr}.kb-services{grid-template-columns:1fr 1fr;padding:18px 8px}.kb-services>div{border-right:0;border-bottom:1px solid var(--line);padding:15px 8px}.kb-services>div:nth-last-child(-n+2){border:0}.kb-services strong{font-size:11px}.kb-reviews{padding:45px 16px 15px}.kb-pens,.kb-faq{padding:45px 16px}.kb-editorial,.kb-aromas{padding:48px 16px}.kb-editorial>div{grid-template-columns:1fr}.kb-aroma-showcase{grid-template-columns:repeat(3,1fr);gap:6px}.kb-aroma-showcase figcaption{font-size:9px}.kb-bottom{padding:55px 18px}}
