:root{--fn-gap:16px;--fn-radius:10px;--fn-muted:#5d695e;--fn-card-border:rgba(30,42,31,.08);--fn-shadow:0 1px 2px rgba(20,30,20,.06);--fn-bar:var(--jon-mint,#EAF5DD);--fn-accent:var(--jon-green,#78BE43);--fn-accent-dark:var(--jon-forest,#214B3B)}.shopify-section.section:has(>.jon-fn),.shopify-section.section:has(>.jon-nl-band),.shopify-section.section:has(>.jon-section){margin-top:0;margin-bottom:0}.jon-fn{padding:26px 0}.jon-fn--tight{padding:14px 0}@media(max-width:640px){.jon-fn{padding:20px 0}}.jon-fn-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 16px}.jon-fn-head h2{margin:0;font-size:clamp(22px,2.6vw,28px);line-height:1.2}.jon-fn-head h2:after{content:"";display:block;width:34px;height:2px;border-radius:2px;background:var(--jon-yellow,#C9A227);margin-top:8px}.jon-fn-head p{margin:0;color:var(--fn-muted);font-size:14px}.jon-fn-head .link{font-weight:700;white-space:nowrap;font-size:14px}.jon-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:2}.jon-arrow{pointer-events:auto;position:absolute;top:0;width:32px;height:32px;border-radius:50%;border:0;background:var(--fn-accent-dark);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px #0000002e;transition:opacity .15s,transform .15s}.jon-arrow:hover{transform:scale(1.06)}.jon-arrow svg{width:16px;height:16px}.jon-arrow--prev{left:-16px}.jon-arrow--next{right:-16px}.jon-arrow[disabled]{opacity:.25;cursor:default;transform:none}@media(max-width:1000px){.jon-arrow{display:none}}.jon-track{display:flex;gap:var(--fn-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px;margin:-4px -2px -8px}.jon-track::-webkit-scrollbar{display:none}.jon-track>*{scroll-snap-align:start;flex:0 0 auto}.jon-fn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer;line-height:1.2}.jon-fn-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.jon-fn-btn--primary{background:var(--fn-accent);color:#fff}.jon-fn-btn--dark{background:var(--fn-accent-dark);color:#fff}.jon-fn-btn--white{background:#fff;color:var(--jon-ink,#18251E)}.jon-fn-btn--outline{background:transparent;color:var(--fn-accent-dark);border-color:var(--fn-accent-dark)}.jon-fn-btn--outline:hover{background:var(--fn-accent-dark);color:#fff}.jon-mosaic{display:grid;gap:var(--fn-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,156px);grid-template-areas:"l1 main main r1" "l2 main main r1" "l2 b1 b2 r2"}.jon-mosaic__tile{position:relative;overflow:hidden;border-radius:var(--fn-radius);display:block;padding:16px 16px 34px;color:#fff;text-decoration:none;background:var(--tile-bg,var(--fn-accent-dark));min-height:0;transition:transform .2s,box-shadow .2s}.jon-mosaic__tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000024}.jon-mosaic__tile--dark{color:var(--jon-ink,#1B2622);border:1px solid var(--fn-card-border)}.jon-mosaic__tile--dark .jon-mosaic__price,.jon-mosaic__tile--dark .jon-mosaic__cta{color:var(--fn-accent-dark)}.jon-mosaic__tile--dark .jon-mosaic__sub{color:var(--fn-muted);opacity:1}.jon-mosaic__tile--l1{grid-area:l1}.jon-mosaic__tile--l2{grid-area:l2}.jon-mosaic__tile--r1{grid-area:r1}.jon-mosaic__tile--r2{grid-area:r2}.jon-mosaic__tile--b1{grid-area:b1}.jon-mosaic__tile--b2{grid-area:b2}.jon-mosaic__main{grid-area:main}.jon-mosaic__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.jon-mosaic__img--product{inset:auto;right:4%;bottom:5%;width:44%;height:72%;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply}.jon-mosaic__tile--l2 .jon-mosaic__img--product,.jon-mosaic__tile--r1 .jon-mosaic__img--product{width:70%;height:55%;right:8%;bottom:6%;object-position:center bottom}.jon-mosaic__tile--photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#000000a6);z-index:1}.jon-mosaic__copy{position:relative;z-index:2;max-width:58%;display:flex;flex-direction:column;gap:3px}.jon-mosaic__tile--l2 .jon-mosaic__copy,.jon-mosaic__tile--r1 .jon-mosaic__copy{max-width:100%}.jon-mosaic__tile--photo .jon-mosaic__copy{max-width:85%;position:absolute;left:16px;right:16px;bottom:34px}.jon-mosaic__title{font-family:var(--text-font-family,inherit);font-weight:800;font-size:16px;line-height:1.2;margin:0;color:inherit;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jon-mosaic__sub{font-size:12px;opacity:.9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jon-mosaic__price{font-size:20px;font-weight:800;margin:4px 0 0;line-height:1.1}.jon-mosaic__price small{font-size:12px;font-weight:600;opacity:.9;margin-right:4px}.jon-mosaic__cta{position:absolute;left:16px;bottom:12px;z-index:2;font-size:12.5px;font-weight:700}.jon-mosaic__main{position:relative;overflow:hidden;border-radius:var(--fn-radius);background:radial-gradient(120% 90% at 85% 15%,#ffffff29,#fff0 55%),linear-gradient(135deg,var(--tile-bg,#273A65) 0%,color-mix(in srgb,var(--tile-bg,#273A65) 72%,#000) 100%);color:#fff;display:flex;align-items:center;padding:28px 32px;text-decoration:none}.jon-mosaic__main:after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:#ffffff12;z-index:0}.jon-mosaic__main .jon-mosaic__img{opacity:1}.jon-mosaic__main--dark{color:var(--jon-ink,#18251E)}.jon-mosaic__main-copy{position:relative;z-index:2;max-width:56%;display:flex;flex-direction:column;gap:6px}.jon-mosaic__eyebrow{font-size:15px;font-weight:600;margin:0;opacity:.95}.jon-mosaic__big{font-family:var(--text-font-family,inherit);font-weight:800;font-size:clamp(40px,4.6vw,68px);line-height:.95;margin:0;letter-spacing:-.02em;color:inherit}.jon-mosaic__big small{display:block;font-size:.4em;font-weight:600;letter-spacing:0;margin-top:6px;line-height:1.2}.jon-mosaic__code{font-size:14px;font-weight:600;margin:6px 0 0}.jon-mosaic__main .jon-fn-btn{align-self:flex-start;margin-top:14px}.jon-mosaic__main-img{position:absolute;right:0;top:0;bottom:0;width:50%;z-index:1}.jon-mosaic__main-img img{width:100%;height:100%;object-fit:cover;object-position:center}.jon-mosaic__main-img:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:26%;background:linear-gradient(90deg,var(--tile-bg,#273A65) 0%,rgba(0,0,0,0) 100%);z-index:1}@media(max-width:1000px){.jon-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px repeat(3,156px);grid-template-areas:"main main" "l1 r1" "l2 r2" "b1 b2"}.jon-mosaic__main-copy{max-width:60%}.jon-mosaic__tile--l2 .jon-mosaic__img--product,.jon-mosaic__tile--r1 .jon-mosaic__img--product{width:44%;height:72%;right:4%;object-position:right bottom}.jon-mosaic__tile--l2 .jon-mosaic__copy,.jon-mosaic__tile--r1 .jon-mosaic__copy{max-width:58%}}@media(max-width:640px){.jon-mosaic{grid-template-columns:1fr;grid-template-rows:230px repeat(6,140px);grid-template-areas:"main" "l1" "l2" "r1" "r2" "b1" "b2"}.jon-mosaic__main{padding:20px}.jon-mosaic__main-copy{max-width:100%}.jon-mosaic__main-img{width:45%;opacity:.55}}.jon-zweck{position:relative}.jon-zweck__item{width:calc((100% - 4*var(--fn-gap))/5);background:#fff;border:1px solid var(--fn-card-border);border-radius:var(--fn-radius);padding:22px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:var(--jon-ink,#18251E);box-shadow:var(--fn-shadow);transition:transform .18s,box-shadow .18s}.jon-zweck__item:hover{transform:translateY(-3px);box-shadow:0 10px 22px #141e141f}.jon-zweck__icon{width:74px;height:74px;display:grid;place-items:center;color:#fff;background:var(--z-color,var(--fn-accent));flex:none;transition:transform .2s}.jon-zweck__item:hover .jon-zweck__icon{transform:scale(1.06)}.jon-zweck__icon svg{width:40px;height:40px;stroke-width:1.7}.jon-zweck__icon--circle{border-radius:50%}.jon-zweck__icon--square{border-radius:22px}.jon-zweck__icon--hex{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.jon-zweck__icon--blob{border-radius:56% 44% 52% 48%/50% 56% 44% 50%}.jon-zweck__icon--diamond{border-radius:26px;transform:rotate(45deg)}.jon-zweck__icon--diamond svg{transform:rotate(-45deg)}.jon-zweck__item:hover .jon-zweck__icon--diamond{transform:rotate(45deg) scale(1.06)}.jon-zweck__title{font-family:var(--text-font-family,inherit);font-size:14px;font-weight:700;text-align:center;margin:0;line-height:1.3;letter-spacing:0}.jon-zweck__count{font-size:12px;color:var(--fn-muted);margin-top:-8px}@media(max-width:1000px){.jon-zweck__item{width:calc((100% - 2*var(--fn-gap))/3)}}@media(max-width:640px){.jon-zweck__item{width:calc((100% - var(--fn-gap))/2.3);padding:16px 10px 14px}.jon-zweck__icon{width:64px;height:64px}.jon-zweck__icon svg{width:30px;height:30px}}.jon-uspbar{background:var(--fn-bar);border-radius:var(--fn-radius);padding:18px 28px;display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap}.jon-uspbar__item{display:flex;align-items:center;gap:14px;min-width:0}.jon-uspbar__icon{width:46px;height:46px;border-radius:50%;background:var(--fn-accent);color:#fff;display:grid;place-items:center;flex:none}.jon-uspbar__icon svg{width:24px;height:24px}.jon-uspbar__text{font-size:14px;font-weight:700;color:var(--jon-ink,#18251E);line-height:1.35}.jon-uspbar__text small{display:block;font-size:13px;font-weight:600;color:var(--fn-accent-dark)}@media(max-width:760px){.jon-uspbar{justify-content:flex-start;padding:16px 18px;gap:14px 24px}.jon-uspbar__item{flex:1 1 45%}}.jon-carousel{position:relative}.jon-carousel .jon-track .product-item{width:calc((100% - 4*var(--fn-gap))/5);margin:0}.jon-carousel--4 .jon-track .product-item{width:calc((100% - 3*var(--fn-gap))/4)}@media(max-width:1000px){.jon-carousel .jon-track .product-item,.jon-carousel--4 .jon-track .product-item{width:calc((100% - 2*var(--fn-gap))/3)}}@media(max-width:640px){.jon-carousel .jon-track .product-item,.jon-carousel--4 .jon-track .product-item{width:calc((100% - var(--fn-gap))/1.8)}}.jon-fn .product-item__primary-image,.jon-fn .product-item__secondary-image,.jon-row__promo-media img,.jon-mosaic__img--product{mix-blend-mode:multiply}.jon-fn .product-item{border-radius:var(--fn-radius);background:#fff}.jon-fn .product-item__vendor{font-size:12px;color:var(--fn-muted);text-decoration:none;font-weight:500}.jon-fn .product-item__title{font-size:14px;line-height:1.3}.jon-fn .product-item__size{display:block;font-size:12px;color:var(--fn-muted);margin:4px 0 0}.jon-fn .product-item__bulletpoints{margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--fn-card-border);list-style:none;font-size:12.5px;color:#3d463f;line-height:1.35}.jon-fn .product-item__bulletpoints li{position:relative;padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jon-fn .product-item__bulletpoints li:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--fn-accent)}.jon-fn .price-list .price{font-size:17px;font-weight:800}.jon-fn .price-list .price--compare{font-size:12px;font-weight:400}.jon-fn .product-label--on-sale{border-radius:999px;font-weight:800;background:var(--jon-orange,#FF7A3D);color:#fff}.jon-fn .product-item__action-button{border-radius:6px;font-size:13px;font-weight:600;padding:10px 8px;line-height:1.25;white-space:normal;min-height:0;height:auto;letter-spacing:0}.jon-fn .product-item--vertical{display:flex;flex-direction:column;height:100%}.jon-fn .product-item__info{display:flex;flex-direction:column;flex:1}.jon-fn .product-item__info-inner{flex:1}.jon-fn .product-item__action-list{margin-top:12px}.jon-track .product-item,.jon-row__grid .product-item{align-self:stretch}.jon-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jon-teaser{display:flex;flex-direction:column;border-radius:var(--fn-radius);overflow:hidden;text-decoration:none;color:var(--jon-ink,#1B2622);background:#fff;border:1px solid var(--fn-card-border);box-shadow:var(--fn-shadow);min-height:300px;transition:transform .2s,box-shadow .2s}.jon-teaser:hover{transform:translateY(-3px);box-shadow:0 12px 26px #141e141a}.jon-teaser__media{aspect-ratio:16/9;background:var(--t-color,var(--fn-accent-dark));overflow:hidden;position:relative}.jon-teaser__media img{width:100%;height:100%;object-fit:cover;display:block}.jon-teaser__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1;border-top:3px solid var(--t-color,var(--fn-accent-dark))}.jon-teaser__title{font-size:19px;font-weight:600;margin:0;color:var(--t-color,var(--fn-accent-dark))}.jon-teaser__text{font-size:14px;line-height:1.5;margin:0;color:var(--fn-muted)}.jon-teaser .jon-fn-btn{align-self:flex-start;margin-top:auto;font-size:13px;padding:9px 18px;background:transparent;border-color:var(--t-color,var(--fn-accent-dark));color:var(--t-color,var(--fn-accent-dark))}.jon-teaser:hover .jon-fn-btn{background:var(--t-color,var(--fn-accent-dark));color:#fff}@media(max-width:900px){.jon-teasers{grid-template-columns:1fr;gap:14px}.jon-teaser{min-height:0}.jon-teaser__media{aspect-ratio:21/9}}.jon-nl{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.jon-nl--bar{background:var(--fn-bar);border-radius:var(--fn-radius);padding:18px 26px}.jon-nl__left{display:flex;align-items:center;gap:16px;min-width:0}.jon-nl__icon{width:52px;height:52px;border-radius:12px;background:var(--fn-accent);color:#fff;display:grid;place-items:center;flex:none}.jon-nl__icon svg{width:26px;height:26px}.jon-nl__title{font-family:var(--text-font-family,inherit);font-size:17px;font-weight:800;margin:0;letter-spacing:0}.jon-nl__sub{font-size:13px;margin:2px 0 0;color:var(--fn-muted)}.jon-nl__form{flex:1 1 420px;max-width:520px}.jon-nl__row{display:flex;background:#fff;border:1px solid rgba(30,42,31,.15);border-radius:8px;overflow:hidden}.jon-nl__row input{flex:1;border:0;padding:12px 16px;font-size:14px;min-width:0;background:transparent}.jon-nl__row input:focus{outline:none}.jon-nl__row button{border:0;background:var(--fn-accent);color:#fff;font-weight:700;padding:0 20px;cursor:pointer;font-size:14px}.jon-nl__row button:hover{background:var(--fn-accent-dark)}.jon-nl__consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--fn-muted);margin:8px 0 0;line-height:1.35}.jon-nl__consent input{margin-top:2px}.jon-nl__consent a{color:inherit;text-decoration:underline}.jon-nl__note{font-size:13px;margin:10px 0 0;font-weight:600}.jon-nl-band{background:var(--fn-accent-dark);color:#fff;padding:34px 0;position:relative;overflow:hidden}.jon-nl-band:before,.jon-nl-band:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ffffff14}.jon-nl-band:before{left:-90px;top:-120px}.jon-nl-band:after{right:-80px;bottom:-140px}.jon-nl-band .jon-nl__big{display:flex;align-items:center;gap:18px}.jon-nl-band .jon-nl__pct{font-family:var(--text-font-family,inherit);font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1;letter-spacing:-.02em;margin:0;color:#fff}.jon-nl-band .jon-nl__big svg{width:64px;height:64px;opacity:.9}.jon-nl-band .jon-nl__sub{color:#ffffffe6;font-size:15px;font-weight:600;margin:6px 0 0}.jon-nl-band .jon-nl__row{border:0}.jon-nl-band .jon-nl__consent{color:#ffffffd9}.jon-nl-band .jon-nl__row button{background:var(--fn-accent)}.jon-nl-band .jon-nl__row button:hover{background:var(--jon-lime,#C7E85B);color:var(--jon-ink,#18251E)}@media(max-width:760px){.jon-nl--bar{padding:16px}.jon-nl__form{flex-basis:100%}}.jon-account{background:var(--fn-bar);border-radius:var(--fn-radius);padding:16px 26px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.jon-account__icon{width:50px;height:50px;border-radius:50%;background:var(--fn-accent);color:#fff;display:grid;place-items:center;flex:none}.jon-account__icon svg{width:26px;height:26px}.jon-account__title{font-family:var(--text-font-family,inherit);font-size:16px;font-weight:800;margin:0;letter-spacing:0}.jon-account__text{font-size:13px;margin:2px 0 0;color:var(--fn-muted)}.jon-account .jon-fn-btn{margin-left:20px}@media(max-width:640px){.jon-account{justify-content:flex-start}.jon-account .jon-fn-btn{margin-left:0;width:100%}}.jon-row{position:relative}.jon-row__bg{position:absolute;left:-22px;top:-22px;width:calc(20% + 30px);bottom:-22px;background:var(--row-bg,var(--fn-bar));border-radius:var(--fn-radius);z-index:0}.jon-row__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--fn-gap);align-items:stretch}.jon-row__promo{display:flex;flex-direction:column;border-radius:var(--fn-radius);overflow:hidden;text-decoration:none;color:#fff;background:var(--row-color,var(--fn-accent-dark));transition:transform .2s,box-shadow .2s}.jon-row__promo:hover{transform:translateY(-3px);box-shadow:0 12px 26px #00000024}.jon-row__promo-media{aspect-ratio:1/1;overflow:hidden;background:#eee}.jon-row__promo-media img{width:100%;height:100%;object-fit:cover;display:block}.jon-row__promo-body{padding:18px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.jon-row__promo-title{font-family:var(--text-font-family,inherit);font-size:17px;font-weight:800;margin:0;color:inherit;letter-spacing:0}.jon-row__promo-text{font-size:13px;margin:0;opacity:.95;line-height:1.4}.jon-row__promo .jon-fn-btn{margin-top:auto;align-self:stretch;background:transparent;border-color:#ffffffb3;color:#fff;font-size:13px}.jon-row__promo .jon-fn-btn:hover{background:#fff;color:var(--row-color,var(--fn-accent-dark))}.jon-row__grid .product-item{margin:0}@media(max-width:1000px){.jon-row__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jon-row__bg{width:calc(33.33% + 30px)}.jon-row__grid .product-item:nth-child(n+6){display:none}}@media(max-width:640px){.jon-row__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jon-row__bg{display:none}.jon-row__promo{grid-column:1/-1}.jon-row__promo-media{aspect-ratio:21/9}}.jon-fn .jon-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:16px}.jon-fn .jon-tabs::-webkit-scrollbar{display:none}.jon-fn .jon-tab{flex:none;padding:10px 18px;border-radius:8px;border:1px solid rgba(30,42,31,.12);background:#fff;font-weight:600;font-size:14px;color:var(--jon-ink,#18251E);cursor:pointer;white-space:nowrap}.jon-fn .jon-tab[aria-selected=true]{border-color:var(--fn-accent);color:var(--fn-accent-dark);background:#fff;box-shadow:inset 0 0 0 1px var(--fn-accent)}
/*# sourceMappingURL=/cdn/shop/t/36/assets/jonelia-fn.css.map */