.oel-article__hero{height:80vh;background-position:top center;background-size:cover;background-repeat:no-repeat}.hero__title{height:60vh}.hero__title>a{margin-bottom:var(--gut-xl);width:fit-content;background-color:var(--color-alpha-white);padding:var(--gut-xxs) var(--gut-xs)}.hero__title>a .icon-arrow{transform:rotate(180deg);margin-right:var(--gut-xs)}.oel-article__hero h1{margin:0;font-family:var(--font-cond);font-weight:var(--font-weight-cond-bold);font-size:4.5rem}.oel-article__hero h1 span{display:block;width:fit-content;background-color:var(--gradient-background);padding:var(--gut-xs) var(--gut-l);line-height:6rem}.oel-article__hero h1 span:first-child{text-transform:uppercase;margin-bottom:var(--gut-xs);background-color:#fff}.oel-article__content{display:grid;grid-template-areas:"article-content article-sidebar";grid-template-columns:2fr 1fr;row-gap:var(--gut);column-gap:var(--gut);margin-top:-20vh}.article-content{grid-area:article-content;background-color:#fff;padding:var(--gut-l)}.article-content__excerpt{padding-bottom:var(--gut);border-bottom:var(--border-solid-light);margin-bottom:var(--gut-l)}.article-content__excerpt:first-letter{float:left;font-size:4.5rem;padding-right:.5rem;line-height:100%;margin-top:-1rem}.article-content h2{margin-top:var(--gut-xl);font-weight:var(--font-weight-cond-bold);font-size:3.2rem;position:relative;width:fit-content}.article-content h2:after{content:"";position:absolute;background-color:var(--color-focus);left:1.5rem;bottom:0;width:calc(100% - 1.5rem);height:.4rem}.article-content__skindiag h2{border:var(--border-solid-light);margin-top:var(--gut-xl);margin-bottom:0;width:fit-content;background-color:var(--gradient-background);line-height:1;padding:var(--gut-xs) var(--gut-s);font-weight:var(--font-weight-cond-bold);font-size:3.2rem;box-shadow:.3rem .3rem 0 0 var(--color-focus);-webkit-box-shadow:.3rem .3rem 0 0 var(--color-focus);-moz-box-shadow:.3rem .3rem 0 0 var(--color-focus)}.article-content__skindiag h2:after{content:unset}.article-content h3{font-weight:var(--font-weight-cond-bold);font-size:2.8rem;margin-top:var(--gut-l)}.article-content__content a:not(.sec-btn):not(.banner){font-weight:var(--font-weight-serif-bold);text-decoration:underline;text-decoration-color:var(--color-focus);text-underline-offset:.2rem}.article-content__content img{width:100%;height:100%;object-fit:cover;margin:var(--gut) 0}.article-content__content img.half{width:50%;min-width:30rem;height:auto;min-height:30rem}.article-content__content .image-text{display:flex;gap:var(--gut)}.article-content__content .image-text img{display:block;width:33%;height:33%;object-fit:cover;margin:0}.article-content__skindiag>div{width:100%;gap:var(--gut);margin-top:calc(var(--gut-s) * -1);border-top:var(--border-solid-light);padding-top:var(--gut-l)}.article-content__skindiag div.gap{gap:var(--gut)}.article-content__skindiag img{width:33%;height:20rem;display:block;object-fit:cover}.article-content__skindiag .sec-btn{width:fit-content;display:inline-block;padding:0 var(--gut-xs)}.article-content__banner{margin-top:var(--gut-xl);border-top:var(--border-dotted-light);padding:var(--gut);border-bottom:var(--border-dotted-light)}.article-content__banner .banner{padding:var(--gut-xs);background-color:rgb(var(--color-background));text-decoration:none}.article-content__banner .banner img{width:100%;height:12rem;display:block;object-fit:cover;margin:0}.article-content__banner .flex{gap:var(--gut-xs)}.article-content__banner .banner .small-btn{width:fit-content}.article-sidebar{grid-area:article-sidebar}.article-sidebar__item{background-color:#fff;padding:var(--gut-s);margin-top:var(--gut);margin-bottom:var(--gut-xl)}.article-sidebar__item h2{border:var(--border-solid-light);margin-top:calc(var(--gut-xl) * -1);margin-bottom:var(--gut-s);width:fit-content;background-color:var(--gradient-background);line-height:1;padding:var(--gut-xs) var(--gut-s);font-weight:var(--font-weight-cond-bold);font-size:3.2rem;box-shadow:.3rem .3rem 0 0 var(--color-focus);-webkit-box-shadow:.3rem .3rem 0 0 var(--color-focus);-moz-box-shadow:.3rem .3rem 0 0 var(--color-focus)}.article-sidebar__item h3{font-size:var(--font-size-medium);font-weight:var(--font-weight-cond-bold);margin-bottom:var(--gut-xs)}.article-sidebar__offer img{max-width:100%}.article-sidebar__navigation{font-family:var(--font-cond);font-size:var(--font-size-inter)}.article-sidebar__navigation details>summary>.icon-caret{transition:.15s}.article-sidebar__navigation details[open]>summary>.icon-caret{transform:rotate(180deg);transition:.15s}.nav--1>summary>span{position:relative;display:inline-block;padding:var(--gut-xxs) 0;font-weight:var(--font-weight-cond-bold)}.nav--1>summary>span:after{content:"";position:absolute;background-color:var(--color-focus);width:calc(100% - 1.5rem);left:1.5rem;bottom:0;height:.2rem}.nav--1>ul>li>ul{margin-top:var(--gut-xs);margin-bottom:0}.nav--2 summary{margin-top:var(--gut-xs);margin-left:1.5rem;padding:var(--gut-xs);background-color:var(--color-alpha)}.nav--2 ul{background-color:var(--color-alpha);margin-left:var(--gut-s)}.nav--2 ul>li{font-size:var(--font-size-basis);padding-bottom:var(--gut-xs)}.nav--2 ul>li:first-child{padding-top:var(--gut-xs)}.products__product{position:relative;border:var(--border-solid-light);gap:var(--gut-s);margin-bottom:var(--gut-s)}.products__product:hover{background-color:var(--color-alpha)}.products__product:last-child{margin-bottom:0}.products__product div{font-family:var(--font-cond);font-size:var(--font-size-basis)}.products__product .product__description{flex-grow:1}.products__product a:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.products__product a span:first-child{text-transform:uppercase;font-weight:var(--font-weight-cond-bold)}.products__product img{width:20%;height:auto;display:block}.oel-article__product-form{padding:var(--gut-xs)}.oel-article__product-form .product-form__submit{display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 var(--gut-xs)}.oel-article__product-form .product-form__submit span{display:none}.oel-article__product-form .product-form__submit .menu-icon path{stroke:#fff}@media only screen and (max-width: 989px){.oel-article__hero{height:75vh}.hero__title{height:calc(100% - var(--gut-xs))}.oel-article__hero h1 span{font-size:3.6rem;line-height:1;padding:var(--gut-xs) var(--gut-s)}.oel-article__content{margin-top:var(--gut-s);grid-template-areas:"article-content" "article-sidebar";grid-template-columns:1fr}.article-content{padding:var(--gut-s);padding-bottom:var(--gut);margin-bottom:var(--gut-l)}.article-content__content img.half{width:100%}.article-content__content .image-text{flex-direction:column}.article-content__content .image-text img{width:100%;height:100%}.article-content__skindiag img{width:100%}.article-content__banner{padding:var(--gut-xs)}.products__product{gap:var(--gut-xs)}.products__product>img{margin-left:var(--gut-xs)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-oel-article.css.map */