.jo{--jo-bg: #F5F1E8;--jo-card: #E6DFCF;--jo-ink: #1F2A22;--jo-ink-soft: rgba(31, 42, 34, .72);--jo-green: #2F4A3A;--jo-accent: #C8662B;--jo-line: rgba(31, 42, 34, .14);--jo-radius: 14px;background:var(--jo-bg);color:var(--jo-ink);font-family:var(--jo-font-body, inherit);padding:var(--jo-pt, 64px) 0 var(--jo-pb, 64px)}.jo--alt{background:var(--jo-card)}.jo--dark{background:var(--jo-green);color:#f5f1e8;--jo-ink-soft: rgba(245, 241, 232, .78);--jo-line: rgba(245, 241, 232, .2)}.jo *,.jo *:before,.jo *:after{box-sizing:border-box}.jo__wrap{max-width:1200px;margin:0 auto;padding:0 20px}.jo__wrap--narrow{max-width:860px}.jo__eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--jo-accent);font-weight:600;margin:0 0 10px}.jo--dark .jo__eyebrow{color:#e9a673}.jo__title{font-family:var(--jo-font-head, inherit);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,3.6vw,40px);line-height:1.1;margin:0 0 14px;color:inherit}.jo__lead{font-size:16px;line-height:1.65;color:var(--jo-ink-soft);margin:0;max-width:640px}.jo__head{margin-bottom:36px}.jo__head--center{text-align:center}.jo__head--center .jo__lead{margin:0 auto}.jo-h3{font-family:var(--jo-font-head, inherit);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:18px;line-height:1.2;margin:0 0 8px;color:inherit}.jo-p{font-size:15px;line-height:1.6;color:var(--jo-ink-soft);margin:0}.jo-icon{width:28px;height:28px;flex:none}.jo-icon svg{width:100%;height:100%;display:block}.jo-ph{position:relative;width:100%;aspect-ratio:var(--jo-ratio, 4 / 3);background:repeating-linear-gradient(135deg,#2f4a3a0f 0 12px,#2f4a3a1c 12px 24px),var(--jo-card);border-radius:var(--jo-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--jo-green);font-size:13px;text-align:center;padding:16px}.jo-ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jo-ph__label{opacity:.8}.jo-points{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}.jo-points li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}.jo-points__check{flex:none;width:20px;height:20px;border-radius:50%;background:#2f4a3a;color:#f5f1e8;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.jo-points__check svg{width:12px;height:12px}.jo-benefits{display:grid;grid-template-columns:repeat(var(--jo-cols, 3),1fr);gap:28px}.jo-benefit{display:flex;flex-direction:column;gap:12px}.jo-benefit__icon{width:56px;height:56px;border-radius:50%;background:#f5f1e81f;border:1px solid var(--jo-line);display:flex;align-items:center;justify-content:center;color:#e9a673}.jo:not(.jo--dark) .jo-benefit__icon{background:var(--jo-card);color:var(--jo-accent)}.jo-usages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jo-usage{background:#fffdf8;border-radius:var(--jo-radius);overflow:hidden;border:1px solid var(--jo-line);display:flex;flex-direction:column}.jo-usage .jo-ph{border-radius:0;--jo-ratio: 16 / 10}.jo-usage__body{padding:18px 20px 22px}.jo-usage__tag{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--jo-green);background:#2f4a3a1a;padding:4px 10px;border-radius:99px;margin-bottom:10px}.jo-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.jo-story__text{font-size:16px;line-height:1.7;color:var(--jo-ink-soft)}.jo-story__text h2,.jo-story__text h3{font-family:var(--jo-font-head, inherit);color:var(--jo-ink);text-transform:uppercase;font-weight:600;font-size:20px;letter-spacing:.02em;margin:24px 0 8px}.jo-story__text p{margin:0 0 14px}.jo-story__text ul{margin:0 0 14px;padding-left:0;list-style:none}.jo-story__text li{padding-left:22px;position:relative;margin-bottom:6px}.jo-story__text li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--jo-accent)}.jo-story__text a{color:var(--jo-green);text-decoration:underline}.jo-readmore{position:relative;max-height:380px;overflow:hidden;transition:max-height .3s ease}.jo-readmore:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(245,241,232,0),var(--jo-bg));pointer-events:none}.jo-readmore.is-open{max-height:none}.jo-readmore.is-open:after{display:none}.jo-readmore-btn{margin-top:12px;background:none;border:0;padding:0;color:var(--jo-accent);font-weight:600;font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.jo-specs{width:100%;border-collapse:collapse;background:#fffdf8;border-radius:var(--jo-radius);overflow:hidden;border:1px solid var(--jo-line)}.jo-specs th,.jo-specs td{text-align:left;padding:14px 20px;font-size:15px;line-height:1.45;border-bottom:1px solid var(--jo-line);vertical-align:top}.jo-specs tr:last-child th,.jo-specs tr:last-child td{border-bottom:0}.jo-specs th{width:42%;font-weight:600;color:var(--jo-ink);background:#e6dfcf8c}.jo-specs td{color:var(--jo-ink-soft)}.jo-specs td.jo-specs__full{color:var(--jo-ink)}.jo-understand{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.jo-understand__figure{display:flex;align-items:baseline;justify-content:center;gap:6px;font-family:var(--jo-font-head, inherit);font-weight:600;color:var(--jo-green);line-height:1;margin-bottom:28px}.jo-understand__num{font-size:clamp(64px,10vw,112px)}.jo-understand__num--b{color:var(--jo-accent)}.jo-understand__x{font-size:clamp(36px,5vw,56px);opacity:.5}.jo-understand__cards{display:grid;gap:14px}.jo-understand__card{background:#fffdf8;border:1px solid var(--jo-line);border-radius:var(--jo-radius);padding:18px 20px;border-left:4px solid var(--jo-green)}.jo-understand__card--b{border-left-color:var(--jo-accent)}.jo-understand__card--c{border-left-color:var(--jo-ink)}.jo-box{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.jo-box__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.jo-box__list li{display:flex;align-items:center;gap:14px;background:#fffdf8;border:1px solid var(--jo-line);border-radius:12px;padding:14px 18px;font-size:15px}.jo-box__num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--jo-green);color:#f5f1e8;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.jo-compare{width:100%;border-collapse:separate;border-spacing:0;background:#fffdf8;border-radius:var(--jo-radius);overflow:hidden;border:1px solid var(--jo-line)}.jo-compare th,.jo-compare td{padding:16px 18px;font-size:15px;border-bottom:1px solid var(--jo-line);text-align:center}.jo-compare tr:last-child td{border-bottom:0}.jo-compare td:first-child,.jo-compare th:first-child{text-align:left}.jo-compare thead th{font-family:var(--jo-font-head, inherit);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:600}.jo-compare__us{background:#2f4a3a14}.jo-compare thead .jo-compare__us{background:var(--jo-green);color:#f5f1e8}.jo-compare__yes,.jo-compare__no{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center}.jo-compare__yes{background:var(--jo-green);color:#f5f1e8}.jo-compare__no{background:#1f2a2214;color:#1f2a2280}.jo-compare__yes svg,.jo-compare__no svg{width:14px;height:14px}.jo-compare__detail{display:block;font-size:13px;color:var(--jo-ink-soft);margin-top:2px}.jo-note{font-size:13px;color:var(--jo-ink-soft);margin:12px 0 0}.jo-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jo-review{background:#fffdf8;border:1px solid var(--jo-line);border-radius:var(--jo-radius);padding:22px;display:flex;flex-direction:column;gap:10px}.jo-review__stars{color:var(--jo-accent);letter-spacing:2px;font-size:16px}.jo-review__meta{font-size:13px;color:var(--jo-ink-soft);margin-top:auto}.jo-review__name{font-weight:600;color:var(--jo-ink)}.jo-faq{border-top:1px solid var(--jo-line)}.jo-faq details{border-bottom:1px solid var(--jo-line)}.jo-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:16px;font-weight:600}.jo-faq summary::-webkit-details-marker{display:none}.jo-faq__plus{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--jo-line);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.jo-faq details[open] .jo-faq__plus{transform:rotate(45deg);background:var(--jo-green);color:#f5f1e8;border-color:var(--jo-green)}.jo-faq__answer{padding:0 4px 22px;font-size:15px;line-height:1.65;color:var(--jo-ink-soft);max-width:720px}.jo-faq__answer p{margin:0 0 10px}.jo-faq__answer a{color:var(--jo-green);text-decoration:underline}.jo-guarantees{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.jo-guarantee{background:#fffdf8;border:1px solid var(--jo-line);border-radius:var(--jo-radius);padding:24px 20px;display:flex;flex-direction:column;gap:12px}.jo-guarantee .jo-icon{color:var(--jo-accent);width:32px;height:32px}.jo-guarantee a{color:var(--jo-green);text-decoration:underline;word-break:break-word}.jo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--jo-accent);color:#fff;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;transition:filter .2s ease}.jo-btn:hover{filter:brightness(.92)}.jo__cta{margin-top:32px;text-align:center}@media(max-width:989px){.jo-benefits,.jo-usages,.jo-guarantees,.jo-reviews{grid-template-columns:repeat(2,1fr)}.jo-story,.jo-understand,.jo-box{gap:32px}}@media(max-width:749px){.jo{padding:calc(var(--jo-pt, 64px) * .7) 0 calc(var(--jo-pb, 64px) * .7)}.jo__head{margin-bottom:26px}.jo-benefits{grid-template-columns:1fr;gap:22px}.jo-benefit{flex-direction:row;align-items:flex-start;gap:16px}.jo-benefit__icon{width:48px;height:48px;flex:none}.jo-usages,.jo-story,.jo-understand,.jo-box{grid-template-columns:1fr}.jo-story__media{order:-1}.jo-specs th,.jo-specs td{padding:12px 14px;font-size:14px}.jo-specs th{width:45%}.jo-compare th,.jo-compare td{padding:12px 10px;font-size:14px}.jo-reviews,.jo-guarantees{grid-template-columns:1fr}.jo-guarantee{flex-direction:row;align-items:flex-start;gap:14px}}.jo .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.jo--alt .jo-readmore:after{background:linear-gradient(rgba(230,223,207,0),var(--jo-card))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jo-product.css.map */