[data-ku-coffee]{max-width:1600px;margin:auto;padding:50px 5% 65px;display:grid;grid-template-columns:1fr 1.02fr;gap:55px;align-items:center}[data-ku-coffee] .eyebrow{font-size:11px;letter-spacing:1.5px;line-height:1.6}[data-ku-coffee] .dot{display:inline-block;width:7px;height:7px;background:#a5ae74;border-radius:50%;margin-right:9px}[data-ku-coffee] h2{font-size:clamp(45px,4.3vw,72px);font-weight:600;letter-spacing:-3px;line-height:1.04;margin:23px 0}[data-ku-coffee] h2 em{font-style:normal;color:#73794e}[data-ku-coffee] .intro{max-width:500px;font-size:16px;line-height:1.7;color:#625f56;margin:25px 0}[data-ku-coffee] .facts{display:flex;gap:0;margin:25px 0 30px;font-size:12px}[data-ku-coffee] .facts span+span{border-left:1px solid #c8c1b4;padding-left:15px;margin-left:15px}[data-ku-coffee] .buy{display:flex;gap:25px;align-items:center}[data-ku-coffee] .primary{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#292b28;color:#fffaf2;border-radius:40px;padding:19px 24px;text-decoration:none;font-size:14px}[data-ku-coffee] .primary:hover{background:#4a5037}[data-ku-coffee] .primary span{font-size:21px;color:#ffd618}[data-ku-coffee] .price{font-weight:600;font-size:22px;white-space:nowrap}[data-ku-coffee] .price small{font-size:10px;font-weight:400;display:block;color:#777;margin-top:5px}[data-ku-coffee] .fine{font-size:11px;color:#777;margin-top:15px}[data-ku-coffee] .plain{display:inline-block;margin-top:20px;font-size:12px;text-underline-offset:5px}[data-ku-coffee] .visual{background:#e5e1d6;border:1px solid #d9d3c7;border-radius:28px;overflow:hidden;position:relative}[data-ku-coffee] .visual-top{padding:23px 25px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;letter-spacing:1px}[data-ku-coffee] .pill{background:#f6f2e9;padding:9px 12px;border-radius:25px;font-size:10px;letter-spacing:0;white-space:nowrap}[data-ku-coffee] .cup-stage{height:410px;position:relative;display:grid;place-items:center;overflow:hidden}[data-ku-coffee] .halo{position:absolute;width:330px;height:330px;border-radius:50%;background:#f1ece1}[data-ku-coffee] .cup-stage canvas{width:410px;height:410px;transform:rotate(90deg);mix-blend-mode:multiply;position:relative}[data-ku-coffee] .note{position:absolute;right:24px;bottom:32px;transform:rotate(-7deg);font-size:14px;line-height:1.5;color:#747454}[data-ku-coffee] .mini-config{position:relative;background:#f9f6ef;border-top:1px solid #d5cdbf;padding:20px 25px}[data-ku-coffee] .demo-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}[data-ku-coffee] .demo-heading>span{font-size:10px;color:#777}[data-ku-coffee] .demo-row{display:flex;align-items:center;gap:20px;margin-top:13px}[data-ku-coffee] input[type=text]{min-width:0;width:45%;background:#fffdf8;border:1px solid #cbc3b4;padding:12px 14px;border-radius:10px;font-size:17px;color:#292b28}[data-ku-coffee] .colors{display:flex;gap:9px;align-items:center}[data-ku-coffee] .colors button{width:23px;height:23px;cursor:pointer;border-radius:50%;background:var(--swatch);border:3px solid #f9f6ef;box-shadow:0 0 0 1px transparent}[data-ku-coffee] .colors button[aria-pressed=true]{box-shadow:0 0 0 1px #292b28}[data-ku-coffee] .colors>span{font-size:11px;color:#777}[data-ku-coffee] .mini-config p{font-size:10px;color:#777;margin:12px 0 0}[data-ku-coffee] a:focus-visible,[data-ku-coffee] button:focus-visible,[data-ku-coffee] input:focus-visible{outline:3px solid #8b9257;outline-offset:4px}@media(min-width:1600px){[data-ku-coffee]{padding-top:65px;padding-bottom:75px}[data-ku-coffee] .cup-stage{height:470px}[data-ku-coffee] .cup-stage canvas{width:470px;height:470px}[data-ku-coffee] .halo{width:370px;height:370px}}@media(max-width:850px){[data-ku-coffee]{grid-template-columns:1fr;padding:32px 20px;gap:28px}[data-ku-coffee] h2{font-size:49px;letter-spacing:-2px;margin:17px 0}[data-ku-coffee] .intro{font-size:14px;line-height:1.65;margin:18px 0}[data-ku-coffee] .facts{margin:20px 0 25px;font-size:11px}[data-ku-coffee] .buy{gap:17px}[data-ku-coffee] .primary{padding:16px 17px;font-size:12px;gap:12px;flex:1}[data-ku-coffee] .price{font-size:20px}[data-ku-coffee] .fine{font-size:10px}[data-ku-coffee] .plain{margin-top:15px;font-size:11px}[data-ku-coffee] .visual-top{padding:18px 16px 0;font-size:8px;gap:8px}[data-ku-coffee] .pill{font-size:8px;padding:8px 9px}[data-ku-coffee] .cup-stage{height:330px}[data-ku-coffee] .cup-stage canvas{width:350px;height:350px}[data-ku-coffee] .halo{width:260px;height:260px}[data-ku-coffee] .note{font-size:11px;right:15px;bottom:25px}[data-ku-coffee] .mini-config{padding:17px 16px}[data-ku-coffee] .demo-heading{font-size:11px}[data-ku-coffee] .demo-heading>span{font-size:9px}[data-ku-coffee] .demo-row{gap:13px}[data-ku-coffee] .colors{gap:6px}[data-ku-coffee] .colors button{width:22px;height:22px}}@media(max-width:850px){[data-ku-coffee]{display:flex;flex-direction:column;align-items:stretch;gap:14px}[data-ku-coffee] .copy{display:contents}[data-ku-coffee] .copy>.eyebrow{order:0}[data-ku-coffee] .copy>h1{order:1;font-size:43px;margin:0 0 8px}[data-ku-coffee] .visual{order:2}[data-ku-coffee] .copy>.intro{order:3;margin:5px 0}[data-ku-coffee] .copy>.facts{order:4;margin:6px 0}[data-ku-coffee] .copy>.buy{order:5;margin-top:6px}[data-ku-coffee] .copy>.fine{order:6;margin:0}[data-ku-coffee] .copy>.plain{order:7;margin:2px 0}[data-ku-coffee] .cup-stage{height:300px}[data-ku-coffee] .cup-stage canvas{width:320px;height:320px}}@media(max-width:850px){[data-ku-coffee] .cup-stage canvas{width:300px;height:300px}[data-ku-coffee] .note{display:none}}.ku-header nav a.ku-coffee-nav{display:inline-flex;align-items:center;gap:12px;background:#292b28;color:#fff9ee;border-radius:30px;padding:11px 18px;white-space:nowrap}.ku-coffee-nav span{color:#ffd618}.ku-header nav{align-items:center}[data-ku-coffee] .eyebrow{color:#292b28;margin:0}[data-ku-coffee] .demo-heading label{margin:0;font-size:inherit;font-weight:400;line-height:1.4}[data-ku-coffee] .intro{color:#625f56}[data-ku-coffee] .mini-config p{line-height:1.5}[data-ku-coffee] .colors button{padding:0;min-height:0;min-width:0;flex:none;-webkit-appearance:none;appearance:none}[data-ku-coffee] canvas,[data-ku-coffee] .coffee-fallback{grid-area:1/1;display:block;max-width:none}[data-ku-coffee] .coffee-fallback{width:470px;height:470px;transform:rotate(90deg);mix-blend-mode:multiply;object-fit:contain;position:relative}[data-ku-coffee] [hidden]{display:none!important}[data-ku-coffee] .coffee-status{margin:0 0 10px;color:#625f56}@media(max-width:1599px){[data-ku-coffee] .coffee-fallback{width:410px;height:410px}}@media(max-width:850px){[data-ku-coffee] .coffee-fallback{width:300px;height:300px}.ku-header nav{justify-content:space-between;gap:8px;font-size:11px}.ku-header nav a.ku-coffee-nav{padding:10px 11px;gap:6px}}@media(max-width:360px){[data-ku-coffee] h2{font-size:37px}[data-ku-coffee] .demo-row{gap:8px}[data-ku-coffee] .colors{gap:3px}[data-ku-coffee] .colors button{width:20px;height:20px}[data-ku-coffee] .primary{font-size:11px;padding:14px 12px}.ku-header{gap:12px}.ku-header .ku-logo img{width:125px}.ku-header .ku-cart{font-size:11px;padding:8px 12px}.ku-header nav{font-size:9px;gap:5px}.ku-header nav a.ku-coffee-nav{padding:9px 10px;gap:4px}}[data-ku-coffee] a.coffee-preview-link{display:block;position:relative;border-radius:28px 28px 0 0;outline-offset:-4px;cursor:pointer}[data-ku-coffee] a.coffee-preview-link:hover{background:#ffffff2e}[data-ku-coffee] a.coffee-preview-link:focus-visible{outline:3px solid #73794e}[data-ku-coffee] .note{font-size:12px;transform:none;bottom:23px;right:20px;color:#4c5135}[data-ku-coffee] .coffee-motif-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;border-top:1px solid #ddd6c9;padding-top:14px}[data-ku-coffee] .coffee-motif-row>span{font-size:11px;white-space:nowrap}[data-ku-coffee] .coffee-motifs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:285px;max-width:100%}[data-ku-coffee] .coffee-motifs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:70px;border:1px solid #d4ccbd;background:#fffdf8;border-radius:9px;padding:6px;cursor:pointer;color:#292b28;font:inherit;font-size:9px;line-height:1.3}[data-ku-coffee] .coffee-motifs button[aria-pressed=true]{border-color:#73794e;background:#e9e5d9}[data-ku-coffee] .coffee-motifs img{width:38px;height:38px;object-fit:contain;mix-blend-mode:multiply}@media(max-width:850px){[data-ku-coffee] .coffee-motif-row{display:block}[data-ku-coffee] .coffee-motifs{width:100%;margin-top:8px}[data-ku-coffee] .coffee-motifs button{min-height:70px}[data-ku-coffee] .note{display:block;font-size:10px;right:12px;bottom:9px;background:#f9f6efdd;padding:4px 7px;border-radius:10px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/kuinea-coffee-feature.css.map */