:root{--info-sale:#ba4444;--info-new:#7cccbf;--info-info:#005976;--joh-green-light:#f4fbfa;--joh-green-light-hover:#eef9f7;--joh-green-light-active:#ddf3ef;--joh-green-normal:#90d7cb;--joh-green-normal-hover:#82c2b7;--joh-green-normal-active:#73aca2;--joh-green-dark:#6ca198;--joh-green-dark-hover:#56817a;--joh-green-dark-active:#41615b;--joh-green-darker:#324b47;--joh-dark-blue-light:#e6eaec;--joh-dark-blue-light-hover:#d9e0e3;--joh-dark-blue-light-active:#b0bfc5;--joh-dark-blue-normal:#013143;--joh-dark-blue-normal-hover:#012c3c;--joh-dark-blue-normal-active:#012736;--joh-dark-blue-dark:#012532;--joh-dark-blue-dark-hover:#011d28;--joh-dark-blue-dark-active:#00161e;--joh-dark-blue-darker:#001117;--joh-standard-blue-light:#e6eff2;--joh-standard-blue-light-hover:#d9e6ec;--joh-standard-blue-light-active:#b0ccd7;--joh-standard-blue-normal:#005b7d;--joh-standard-blue-normal-hover:#005271;--joh-standard-blue-normal-active:#004964;--joh-standard-blue-dark:#00445e;--joh-standard-blue-dark-hover:#00374b;--joh-standard-blue-dark-active:#002938;--joh-standard-blue-darker:#00202c;--cream-light:#fffffe;--cream-light-hover:#fffffd;--cream-light-active:#fffffc;--cream-normal:#fefef4;--cream-normal-hover:#e5e5dc;--cream-normal-active:#cbcbc3;--cream-dark:#bfbfb7;--cream-dark-hover:#989892;--cream-dark-active:#72726e;--cream-darker:#595955;--red-light:#fef0f0;--red-light-hover:#fee8e9;--red-light-active:#fcd0d1;--red-normal:#f5686b;--red-normal-hover:#dd5e60;--red-normal-active:#c45356;--red-dark:#b84e50;--red-dark-hover:#933e40;--red-dark-active:#6e2f30;--red-darker:#562425;--purple-light:#f8f5fa;--purple-light-hover:#f4f0f7;--purple-light-active:#e9e0ef;--purple-normal:#b79acc;--purple-normal-hover:#a58bb8;--purple-normal-active:#927ba3;--purple-dark:#897499;--purple-dark-hover:#6e5c7a;--purple-dark-active:#52455c;--purple-darker:#403647;--orange-light:#fff8f0;--orange-light-hover:#fff4e9;--orange-light-active:#ffe8d1;--orange-normal:#ffb469;--orange-normal-hover:#e6a25f;--orange-normal-active:#cc9054;--orange-dark:#bf874f;--orange-dark-hover:#996c3f;--orange-dark-active:#73512f;--orange-darker:#593f25;--green-light:#f7faf3;--green-light-hover:#f3f8ee;--green-light-active:#e5f1db;--green-normal:#acd18b;--green-normal-hover:#9bbc7d;--green-normal-active:#8aa76f;--green-dark:#819d68;--green-dark-hover:#677d53;--green-dark-active:#4d5e3f;--green-darker:#3c4931;--yellow-light:#fffef5;--yellow-light-hover:#fffef0;--yellow-light-active:#fffcdf;--yellow-normal:#fff698;--yellow-normal-hover:#e6dd89;--yellow-normal-active:#ccc57a;--yellow-dark:#bfb972;--yellow-dark-hover:#99945b;--yellow-dark-active:#736f44;--yellow-darker:#595635}.hero__sidebyside-content-inner .hero__link a.btn{margin:0;min-width:222px}.hero__sidebyside-content-inner .hero__title{color:#005976}.promotion-banner-text-top-and-center .promo-grid>.flex-grid>.flex-grid__item--50 .enlarge-text{font-size:18px;letter-spacing:0;margin:16px auto;max-width:319px;padding:0!important}.promotion-banner-text-center-and-left .type-advanced .rte--block,.promotion-banner-text-top-and-center .type-advanced .rte--block{margin:0 auto;max-width:450px}.promotion-banner-text-center-and-left .type-advanced .rte--block{margin-left:0}.promotion-banner-text-center-and-left .type-advanced .enlarge-text,.promotion-banner-text-top-and-center .type-advanced .enlarge-text{margin:16px auto}.promotion-banner-text-center-and-left .type-advanced .enlarge-text{margin-left:0}.promotion-banner-text-top-and-center .type-advanced .promo-grid__content{padding:40px 32px}.promotion-banner-text-center-and-left .promo-grid__container.horizontal-left,.promotion-banner-text-top-and-center .promo-grid__container.horizontal-center{border-radius:8px}.text-with-icons__block-icon img{margin:0 auto;max-width:60px}.text-with-icons__block-icon{margin-bottom:12px}.text-with-icons__block-title h3{color:#005976;margin-bottom:12px}.promotion-banner-text-center-and-left .promo-grid__content{padding:32px}.image-column-with-button .float-grid{display:flex;flex-wrap:wrap;gap:20px;margin-left:0}.image-column-with-button .float-grid .grid__item{background:#00283808;border:1px solid #7cccbf40;border-radius:24px;margin:0;padding:var(--spacing-6);width:calc(33.33% - 14px)}.image-column-with-button .grid__item a.btn{font-size:16px;line-height:24px;padding:10px 48px}.image-column-with-button .grid__item h2{color:#005976}.image-column-with-button .grid__item .rte-setting p{color:#002838}.image-column-with-button .float-grid .grid__item img.image-element{border-radius:4px}.custom-content-text-left .hero__text-content .hero__text-shadow.overlay{text-align:left}.image-column-with-button .section-header h2{font-size:40px;line-height:48px}.hero__sidebyside-text--left .hero__sidebyside-image{border-bottom-left-radius:8px;border-top-left-radius:8px}.text-with-icons__blocks .text-with-icons__block{padding:0 32px}.product .info-banner{border-radius:0 0 1rem 1rem}.product-gallery .info-banner,.product-grid .info-banner{background:#005976;bottom:0;color:#fff;font-size:.9rem;left:0;padding:8px 10px;position:absolute;text-align:center;width:100%;z-index:3}.info-banner.bg-sale{background:var(--info-sale)!important}.info-banner.bg-new{background:var(--info-new)!important}.info-banner.bg-info{background:var(--info-info)!important}.price-list{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-0-5) var(--spacing-2)}.price-list .text-subdued{color:#505050;font-weight:170;line-height:1;text-align:left;width:-moz-min-content;width:min-content}@media(max-width:1200px){.image-column-with-button .float-grid .grid__item{padding:16px}}@media(max-width:768px){.index-section--hero .one-slide-with-button{height:auto!important}.one-slide-with-button .hero__sidebyside-image .hero__image,.one-slide-with-button .hero__sidebyside-image .placeholder-svg{position:relative}.one-slide-with-button .hero__sidebyside-image{order:2}.one-slide-with-button .hero__sidebyside-content{order:1}.one-slide-with-button .hero__sidebyside-content-inner{padding:0 0 var(--spacing-6) 0;text-align:left!important}.one-slide-with-button .hero__sidebyside-content-inner .hero__link a.btn{margin-top:30px;min-width:100%}.one-slide-with-button .hero__sidebyside{padding:0 20px 16px}.one-slide-with-button .hero__sidebyside-content-inner .hero__title{font-size:24px!important;line-height:33px}.promotion-banner-text-top-and-center .flex-grid__item{min-height:491px}.promotion-banner-text-top-and-center .type-advanced .promo-grid__content{flex:1 1 auto;padding:48px 20px}.promotion-banner-text-center-and-left .image-fit,.promotion-banner-text-top-and-center .image-fit{-o-object-position:top;object-position:top}.promotion-banner-text-top-and-center .type-advanced .promo-grid__content{padding:48px 32px}.promotion-banner-text-center-and-left .type-advanced .rte--block,.promotion-banner-text-top-and-center .type-advanced .rte--block{padding:0}.promotion-banner-text-center-and-left .flex-grid__item{min-height:491px}.promotion-banner-text-center-and-left .promo-grid__content{align-self:flex-start;padding:32px;text-align:center}.image-column-with-button .float-grid .grid__item{width:100%}.image-column-with-button .float-grid{gap:16px}.image-column-with-button .section-header h2{font-size:32px;line-height:38px}}.custom-image-shape .feature-row .feature-row__item{padding:0}.custom-image-shape .feature-row{padding:70px 0}.custom-image-shape .feature-row-wrapper .feature-row__text{flex:0 1 50%;min-width:50%}.custom-image-shape.image-radius-with-style-1 .feature-row-wrapper .feature-row__item{justify-content:flex-end}.image-radius-with-style-1 .feature-row__item--overlap-images .feature-row__first-image{transform:none;width:46%}.image-radius-with-style-1 .feature-row__item--overlap-images .feature-row__second-image{width:37%}.image-radius-with-style-2 .feature-row__item--overlap-images .feature-row__first-image{transform:translate(77px,45px);width:41%}.image-radius-with-style-2 .feature-row__item--overlap-images .feature-row__second-image{transform:translateY(-50px);width:41%;z-index:1}.image-radius-with-style-3 .feature-row-wrapper .feature-row__images{display:flex;justify-content:center}.image-radius-with-style-3.index-section{margin-bottom:0;margin-top:0}.index-section.image-radius-with-style-2{margin-bottom:0}.image-radius-with-style-3 .feature-row__item--overlap-images .feature-row__first-image{transform:translateY(-45px);width:62%}.image-radius-with-style-3 .feature-row__images .feature-row__first-image{width:58%}.image-radius-with-style-4 .feature-row__item--overlap-images .feature-row__first-image{transform:translate(50px,70px);width:35%}.image-radius-with-style-4 .feature-row__item--overlap-images .feature-row__second-image{transform:translate(-30px,-45px);width:52%}.custom-image-shape .feature-row-wrapper .feature-row__images{justify-content:center}.image-radius-with-style-1 .feature-row__first-image .image-wrap{border-radius:48px 4px;border-right:11px solid #7cccbf;transform:rotate(10deg)}.image-radius-with-style-1 .feature-row__second-image .image-wrap{border-radius:48px 4px;transform:rotate(-6deg) translate(-15px)}.image-radius-with-style-2 .feature-row__first-image .image-wrap{border-radius:48px 4px;border-right:11px solid #7cccbf;transform:rotate(-7deg)}.image-radius-with-style-2 .feature-row__second-image .image-wrap{border-radius:48px 4px;transform:rotate(10deg)}.image-radius-with-style-3 .feature-row__first-image .image-wrap{border-radius:48px 4px;border-right:11px solid #7cccbf;transform:rotate(5deg)}.image-radius-with-style-4 .feature-row__first-image .image-wrap{border-radius:48px 4px;border-right:1px solid #7cccbf;transform:rotate(-5deg)}.image-radius-with-style-4 .feature-row__second-image .image-wrap{border-radius:48px 4px;transform:rotate(-2deg)}@media(max-width:768px){.custom-image-shape .feature-row{padding:35px 0}.custom-image-shape .feature-row-wrapper .feature-row__images{padding-bottom:70px}.custom-image-shape .feature-row__item--overlap-images{margin:0}.custom-image-shape.image-radius-with-style-1 .feature-row-wrapper .feature-row__item{justify-content:center}.image-radius-with-style-1 .feature-row__first-image .image-wrap,.image-radius-with-style-2 .feature-row__first-image .image-wrap,.image-radius-with-style-4 .feature-row__first-image .image-wrap{border-radius:32px 4px;border-right:6px solid #7cccbf}.image-radius-with-style-4 .feature-row__first-image .image-wrap{border-right:1px solid #7cccbf}.image-radius-with-style-1 .feature-row__item--overlap-images .feature-row__first-image,.image-radius-with-style-2 .feature-row__item--overlap-images .feature-row__first-image,.image-radius-with-style-4 .feature-row__item--overlap-images .feature-row__first-image{transform:translate(22px,45px);width:51%}.image-radius-with-style-2 .feature-row__item--overlap-images .feature-row__first-image{z-index:2}.image-radius-with-style-1 .feature-row__second-image .image-wrap,.image-radius-with-style-2 .feature-row__second-image .image-wrap,.image-radius-with-style-4 .feature-row__second-image .image-wrap{border-radius:32px 4px;transform:rotate(-10deg)}.image-radius-with-style-1 .feature-row__item--overlap-images .feature-row__second-image,.image-radius-with-style-2 .feature-row__item--overlap-images .feature-row__second-image,.image-radius-with-style-4 .feature-row__item--overlap-images .feature-row__second-image{transform:translate(-30px,-36px);width:38%}.image-radius-with-style-2 .feature-row__first-image .image-wrap,.image-radius-with-style-4 .feature-row__first-image .image-wrap{border-radius:48px 4px;border-right:11px solid #7cccbf;transform:rotate(10deg)}.custom-image-shape .feature-row__item h2{font-size:28px;letter-spacing:0;line-height:36px}.image-radius-with-style-3 .feature-row__images .feature-row__first-image{width:95%}.image-radius-with-style-3 .feature-row-wrapper .feature-row__images{padding-bottom:40px}.image-radius-with-style-3 .feature-row__first-image .image-wrap{border-radius:32px 4px;border-right:6px solid #7cccbf;transform:rotate(2deg)}}.custom-image-style-2{margin:20px 0}.custom-image-style-2 .feature-row{padding:0!important}.custom-image-style-2 .page-width{max-width:900px}.custom-image-style-2 .feature-row{gap:20px}.custom-richtext-style-2{margin:20px 0;padding-top:30px!important}.custom-richtext-style-2 .page-width{max-width:900px}.custom-banner-style-2{margin:0 auto;max-height:424px;max-width:900px;min-height:424px}@media only screen and (max-width:768px){.custom-banner-style-2{max-height:162px;min-height:162px}.custom-image-style-2 .feature-row__images{padding-bottom:10px}.custom-richtext-style-2{padding-top:20px!important}}.article-template__width{margin:0 auto;max-width:900px}.article-main__header{display:flex;flex-direction:column;gap:24px;padding-bottom:20px;text-align:center}.article-date__message-wrapper{align-items:center;display:flex;gap:16px;justify-content:center}.article-date,.article-time{align-items:center;display:flex;gap:8px}.article-image__container img{height:100%;max-height:424px;-o-object-fit:cover;object-fit:cover;width:100%}.article-image__container{padding-bottom:40px}.article-main__content{padding-bottom:20px}.article-author{align-items:center;display:flex;gap:8px;justify-content:center}.article-author span{font-size:16px;font-weight:600;line-height:24px;text-align:left;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-style:solid;text-underline-position:from-font}.article-author img{border-radius:100%;height:33px;-o-object-fit:cover;object-fit:cover;width:33px}.article__category{border-radius:4px;margin:0 auto;padding:4px 16px;width:-moz-fit-content;width:fit-content}.article-url{color:#7cccbf}.article-url:hover{color:inherit}@media only screen and (max-width:767px){.header-wrapper--init .site-header__element--sub{position:static}}.block_product-frequently-info-image img{width:800px}[dir=ltr] [data-grid-style=simple] .new-grid:not([data-view=list]) .grid-item__meta{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-2);height:-moz-fit-content;height:fit-content;justify-content:space-between}.grid-item__meta-secondary{flex:unset;margin-top:0}.grid-product__title{display:-webkit-box;font-size:14px;font-weight:400;line-height:21px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:768px){.grid-product__title{font-size:16px;line-height:24px}}.background-media-text__text{max-height:310px;overflow:auto;scrollbar-width:thin}.metafield-rich_text_field a{text-decoration:underline}.section-stack{display:grid;gap:25px;grid-auto-columns:minmax(0,1fr)}@media screen and (min-width:1150px){.section-stack--horizontal{display:flex;justify-content:center}.section-stack--center{justify-items:center}.section-stack--reverse{flex-direction:row-reverse}.section-stack__intro{width:var(--section-stack-intro,50%)}.section-stack__main{width:var(--section-stack-main,50%)}}.order-6{order:6}[x-cloak]{display:none!important}.object-fill{height:100%;position:absolute;top:0;width:100%}.object-fill:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.object-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.object-cover,.object-fill,.object-fill-safe{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.object-contain{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.sr-only{height:1px;width:1px;clip:rect(0,0,0,0);border-width:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.sr-only[type=checkbox]:focus-visible+label,.sr-only[type=radio]:focus-visible+label{outline:2px solid Highlight;outline:2px solid -webkit-focus-ring-color}@media screen and (pointer:fine){.pointer-fine\:hidden{display:none}.pointer-fine\:block{display:block}}@media not screen and (pointer:fine){.pointer-coarse\:hidden{display:none}.pointer-coarse\:block{display:block}}@media(prefers-reduced-motion:reduce){.motion-reduce\:hidden{display:none}.motion-reduce\:block{display:block}}.border-none{border:none!important}.border{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-block-end-width:1px;border-block-start-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-s{border-block-start-width:1px}.border-e{border-block-end-width:1px}.divide-x>:not([hidden])~:not([hidden]){border-inline-start-width:1px}.divide-y>:not([hidden])~:not([hidden]){border-block-start-width:1px}.ring{box-shadow:0 0 0 1px rgb(var(--text-color)/.12)}.ring-current{box-shadow:0 0 0 1px rgb(var(--text-color))}.ring-inset{box-shadow:inset 0 0 0 1px rgb(var(--text-color)/.12)}@media screen and (min-width:700px){.sm\:border-none{border:none!important}}.shape-circle,.shape-diamond,.shape-square{--size:var(--spacing-1-5);background:currentColor;display:block;height:var(--size);width:var(--size)}.shape-circle{border-radius:var(--rounded-full)}.shape-diamond{transform:rotate(45deg)}.shape-line{background:rgb(var(--text-color)/.1);height:100%;width:1px}.shape--sm{--size:var(--spacing-1)}.shape--lg{--size:var(--spacing-2)}@keyframes pulse{50%{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/css-common-css.bundle.css.map */