.cnh .cnf{--citron:#ffc928;--vanille:#e2a061;background:#fff}.cnh .cnf-stage{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch;padding:56px 0 0 56px;border-radius:28px;overflow:hidden;color:#fff;background:radial-gradient(70% 60% at 78% 38%,#1f6f8b8c,#1f6f8b00 70%),radial-gradient(50% 45% at 92% 92%,#e2a06138,#e2a06100 70%),radial-gradient(40% 40% at 60% 8%,#ffc92824,#ffc92800 70%),var(--cn-ink)}.cnh .cnf-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}.cnh .cnf-intro{position:relative;z-index:1;padding-bottom:56px;align-self:center}.cnh .cnf-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-size:15px;font-weight:600;color:#ffffffb8}.cnh .cnf-brand span{padding:5px 11px;border-radius:999px;background:#ffc92824;border:1px solid rgba(255,201,40,.45);color:var(--citron);font-size:12.5px;font-weight:700;letter-spacing:.02em}.cnh .cnf-intro h2{color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;max-width:14ch}.cnh .cnf-lead{font-size:17.5px;line-height:1.55;color:#ffffffc7;margin:0 0 18px;max-width:44ch}.cnh .cnf-uses{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.cnh .cnf-uses li{padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:14px;color:#ffffffd9}.cnh .cnf-fmt-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 26px}.cnh .cnf-fmts{display:flex;gap:6px}.cnh .cnf-fmt{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:74px;height:80px;padding:8px 0;border-radius:12px;border:1.5px solid rgba(255,255,255,.16);background:#ffffff0a;color:#fff;font:700 14px var(--cn-f);cursor:pointer;transition:border-color .2s,background .2s}.cnh .cnf-fmt svg{fill:#ffffff4d;transition:fill .25s}.cnh .cnf-fmt:hover{border-color:#fff6}.cnh .cnf-fmt.is-on{background:#fff;border-color:#fff;color:var(--cn-ink)}.cnh .cnf-fmt.is-on svg{fill:#e8a900}.cnh .cnf-fmt:focus-visible,.cnh .cnf-mol:focus-visible,.cnh .cnf-spray:focus-visible,.cnh .cnf-card-x:focus-visible{outline:3px solid #7fd0e6;outline-offset:2px}.cnh .cnf-fmt-text{margin:0;flex:1;min-width:170px;font-size:14.5px;color:#ffffffb3}.cnh .cnf-stage .cnh-hero-cta{justify-content:flex-start}.cnh .cnf-sign{display:flex;align-items:center;gap:10px;margin:20px 0 0;font-size:13.5px;color:#fff9}.cnh .cnf-sign svg{width:20px;height:20px;flex:none;fill:none;stroke:#7fd0e6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cnh .cnf-scene{position:relative;min-height:600px}.cnh .cnf-scene canvas[data-scene]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.cnh .cnf-nojs{position:absolute;left:8%;bottom:18%;height:70%}.cnh .cnf-dock{position:absolute;left:0;right:18px;bottom:16px;display:flex;justify-content:flex-end;pointer-events:none;z-index:2}.cnh .cnf-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.cnh .cnf-dock-b{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}.cnh .cnf-mol,.cnh .cnf-spray{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0c1726b8;color:#fff;font:600 14px var(--cn-f);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.cnh .cnf-mol:hover,.cnh .cnf-spray:hover{border-color:#ffffff80}.cnh .cnf-mol i{width:10px;height:10px;border-radius:50%;background:var(--citron);box-shadow:0 0 10px 2px #ffc928b3}.cnh .cnf-mol-v i{background:var(--vanille);box-shadow:0 0 10px 2px #e2a061b3}.cnh .cnf-mol[aria-expanded=true],.cnh .cnf-spray{background:#fff;color:var(--cn-ink);border-color:#fff}.cnh .cnf-spray:hover{background:#eef3f6}.cnh .cnf-spray svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cnh .cnf-card{position:absolute;z-index:3;right:20px;top:24px;width:min(300px,calc(100% - 40px));padding:16px 18px 18px;border-radius:18px;background:#0c1726d1;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px -20px #000000b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .25s,transform .25s}.cnh .cnf-card.is-open{opacity:1;transform:none}.cnh .cnf-card[data-k=limonene]{border-top:2px solid var(--citron)}.cnh .cnf-card[data-k=vanilline]{border-top:2px solid var(--vanille)}.cnh .cnf-card canvas{display:block;width:100%;height:150px;cursor:grab;touch-action:none}.cnh .cnf-card-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.cnh .cnf-card-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.cnh .cnf-card h3{margin:6px 0;color:#fff;font-size:21px;letter-spacing:-.02em}.cnh .cnf-card h3 small{display:block;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--citron);margin-bottom:2px}.cnh .cnf-card[data-k=vanilline] h3 small{color:var(--vanille)}.cnh .cnf-card h3 span{font-size:14px;font-weight:500;color:#fff9;margin-left:4px}.cnh .cnf-card p{margin:0 0 12px;font-size:14px;line-height:1.45;color:#fffc}.cnh .cnf-card dl{margin:0;display:grid;gap:0;font-size:13.5px}.cnh .cnf-card dl div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid rgba(255,255,255,.1)}.cnh .cnf-card dt{color:#ffffff8c}.cnh .cnf-card dd{margin:0;color:#fff;font-weight:600;text-align:right}.cnh .cnf-steps{list-style:none;counter-reset:st;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cnh .cnf-steps li{counter-increment:st;position:relative;padding:18px 20px 20px 62px;border-radius:16px;border:1.5px solid var(--cn-line);background:#fff;transition:border-color .35s,box-shadow .35s,transform .35s}.cnh .cnf-steps li:before{content:counter(st);position:absolute;left:18px;top:17px;width:30px;height:30px;border-radius:50%;background:var(--cn-mist);color:var(--cn-ink);font:700 14px/30px var(--cn-f);text-align:center;transition:background .35s,color .35s}.cnh .cnf-steps b{display:block;font-size:16.5px;letter-spacing:-.01em;margin-bottom:4px;color:var(--cn-ink)}.cnh .cnf-steps span{display:block;font-size:14.5px;line-height:1.45;color:var(--cn-mut)}.cnh .cnf-steps li.is-on{border-color:#7fd0e6;box-shadow:0 14px 30px -18px #1f6f8b99;transform:translateY(-2px)}.cnh .cnf-steps li.is-on:before{background:var(--cn-rinse);color:#fff}.cnh .cnf-steps li.cnf-st-l.is-on{border-color:#ffc928;box-shadow:0 14px 30px -18px #e8a900b3}.cnh .cnf-steps li.cnf-st-l.is-on:before{background:#e8a900}.cnh .cnf-steps li.cnf-st-v.is-on{border-color:#e2a061;box-shadow:0 14px 30px -18px #aa6932b3}.cnh .cnf-steps li.cnf-st-v.is-on:before{background:#b8743a}.cnh .cnf-safe{margin-top:88px;padding-top:22px;border-top:2px solid var(--cn-ink)}.cnh .cnf-safe-h{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}.cnh .cnf-safe h3{font-size:clamp(28px,3.2vw,40px);line-height:1.06;letter-spacing:-.03em;margin:0}.cnh .cnf-safe-h p{margin:0;font-size:16px;color:var(--cn-mut);max-width:40ch}.cnh .cnf-rules{list-style:none;margin:28px 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--cn-line)}.cnh .cnf-rules li{padding:22px 22px 6px;border-left:1px solid var(--cn-line)}.cnh .cnf-rules li:first-child{border-left:0;padding-left:0}.cnh .cnf-rules svg{width:40px;height:40px;fill:none;stroke:var(--cn-rinse);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}.cnh .cnf-rules b{display:block;font-size:17px;letter-spacing:-.01em;margin-bottom:4px}.cnh .cnf-rules span{display:block;font-size:15px;color:var(--cn-mut);line-height:1.45}.cnh .cnf-pro{border-radius:14px;border:1.5px solid var(--cn-line);background:#fff}.cnh .cnf-pro summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;font-size:16.5px}.cnh .cnf-pro summary::-webkit-details-marker{display:none}.cnh .cnf-pro summary:after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--cn-ink)}.cnh .cnf-pro[open] summary:after{content:"\2013"}.cnh .cnf-pro summary:focus-visible{outline:3px solid var(--cn-rinse);outline-offset:2px;border-radius:14px}.cnh .cnf-pro-b{padding:0 20px 20px}.cnh .cnf-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;padding-top:16px;border-top:1px solid var(--cn-line)}.cnh .cnf-pro h4{font-size:15.5px;margin:0 0 10px}.cnh .cnf-pro h4 small{display:block;font-weight:500;color:var(--cn-mut);font-size:13px;margin-top:2px}.cnh .cnf-pro dl{margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14.5px}.cnh .cnf-pro dt{font-weight:700;color:var(--cn-red2)}.cnh .cnf-pro dd{margin:0;color:var(--cn-ink2)}.cnh .cnf-pro p{margin:0 0 10px;font-size:14px;color:var(--cn-mut)}.cnh .cnf-sos{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;font-size:14.5px;color:var(--cn-mut)}.cnh .cnf-sos svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--cn-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnh .cnf-sos a{color:var(--cn-ink)!important;font-weight:700;text-decoration:none!important;white-space:nowrap}@media(prefers-reduced-motion:reduce){.cnh .cnf-card,.cnh .cnf-steps li{transition:none}}@media(max-width:960px){.cnh .cnf-stage{grid-template-columns:1fr;padding:40px 28px 0;gap:0}.cnh .cnf-intro{padding-bottom:8px}.cnh .cnf-scene{min-height:0;height:540px;margin:0 -28px}.cnh .cnf-steps,.cnh .cnf-pro-grid{grid-template-columns:1fr}.cnh .cnf-rules{grid-template-columns:1fr 1fr}.cnh .cnf-rules li:nth-child(3){border-left:0;padding-left:0}.cnh .cnf-safe{margin-top:72px}}@media(max-width:600px){.cnh .cnf-stage{padding:32px 20px 0;border-radius:22px}.cnh .cnf-scene{height:500px;margin:0 -20px}.cnh .cnf-intro h2{font-size:34px}.cnh .cnf-lead{font-size:16.5px}.cnh .cnf-fmt{width:68px;height:74px}.cnh .cnf-dock{right:12px;left:12px;bottom:12px}.cnh .cnf-dock-b{flex-wrap:nowrap;gap:6px}.cnh .cnf-mol,.cnh .cnf-spray{min-height:38px;padding:0 11px;gap:6px;font-size:13px}.cnh .cnf-spray svg{width:16px;height:16px}.cnh .cnf-card{right:12px;left:12px;width:auto;top:12px}.cnh .cnf-card canvas{height:120px}.cnh .cnf-rules{grid-template-columns:1fr 1fr;gap:0 16px}.cnh .cnf-rules li{border-left:0;padding:16px 0 8px}.cnh .cnf-rules svg{width:32px;height:32px;margin-bottom:8px}.cnh .cnf-rules b{font-size:15.5px}.cnh .cnf-rules span{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cn-fresh.css.map */