.article-template{background:#faf8f4}.article-layout{display:grid;gap:3rem;padding-top:3rem;padding-bottom:4rem}@media screen and (min-width:990px){.article-layout{grid-template-columns:minmax(0,1fr) 32rem;gap:4rem;align-items:start}}.article-layout__main>*:first-child{margin-top:0}.article-layout__header{margin:0 0 2rem}.article-template__title{font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.2;margin-bottom:1.2rem}.article-layout__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;font-size:1.4rem;color:#6b6b6b}.article-layout__author{font-weight:700;color:#1a1a1a}.article-layout__meta time{color:inherit}.article-layout__share{margin-left:auto}.article-layout__share .share-button{margin:0}.article-layout__share .share-button__button{min-height:auto;padding:.6rem 1.2rem;font-size:1.3rem}.article-layout__hero{margin:0 0 2.4rem;border-radius:1.6rem;overflow:hidden}.article-layout__hero img{display:block;width:100%;height:auto}.article-template__content{margin:0;font-size:1.6rem;line-height:1.75;color:#2a2a2a}.article-template__content h2,.article-template__content h3{scroll-margin-top:10rem}.article-layout__sidebar{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:990px){.article-layout__sidebar{position:sticky;top:2rem}}.article-sidebar__toc,.article-sidebar__products{background:#fff;border-radius:1.6rem;padding:2rem;box-shadow:0 .4rem 2.4rem #0000000f}.article-sidebar__heading{margin:0 0 1.4rem;font-size:1.6rem;font-weight:700;color:#1a1a1a}.article-sidebar__toc.article-toc{padding:0;overflow:hidden;border:.1rem solid rgba(61,124,71,.12)}.article-toc__header{display:flex;align-items:center;gap:1rem;padding:1.6rem 2rem;background:linear-gradient(135deg,#eef5ef,#faf8f4 55%,#fff5eb);border-bottom:.1rem solid rgba(61,124,71,.1)}.article-toc__icon{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:1rem;background:#3d7c47;color:#fff;flex-shrink:0}.article-toc__title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;color:#1a1a1a}.article-toc__nav{max-height:300px;overflow:scroll;padding:1.2rem 1.4rem 1.6rem}.article-toc__list{margin:0;padding:0;list-style:none}.article-toc__item+.article-toc__item{margin-top:.6rem}.article-toc__item a{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;border-radius:1rem;font-size:1.4rem;line-height:1.45;color:#4a4a4a;text-decoration:none;border:.1rem solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.article-toc__item a:hover{background:#f3f8f4;border-color:#3d7c4726;color:#2d6340;transform:translate(.2rem)}.article-toc__item a.is-active{background:linear-gradient(90deg,#eef5ef,#fff);border-color:#3d7c4740;color:#1a1a1a;box-shadow:0 .2rem 1rem #3d7c4714}.article-toc__item a.is-active .article-toc__num{background:#3d7c47;color:#fff}.article-toc__num{flex:0 0 auto;min-width:2.8rem;padding:.2rem .5rem;border-radius:.6rem;background:#f0f0f0;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-align:center;color:#6b6b6b;transition:background .2s ease,color .2s ease}.article-toc__text{flex:1;min-width:0;font-weight:500}.article-toc__item a.is-active .article-toc__text{font-weight:700}.article-toc__item--h3 a{padding:.8rem 1rem .8rem 2.4rem;font-size:1.3rem}.article-toc__item--h3 .article-toc__num{display:none}.article-toc__item--h3 a:before{content:"";position:absolute;left:1.4rem;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border-radius:50%;background:#fe860f}.article-toc__item--h3 a{position:relative}.article-toc__item--h3 a.is-active{background:#fffaf5;border-color:#fe860f33}.article-toc__item--h3 a.is-active .article-toc__num{color:#fe860f;background:transparent}.article-sidebar__products.article-sidebar-products{padding:0;overflow:hidden;border:.1rem solid rgba(254,134,15,.15)}.article-sidebar-products__header{display:flex;align-items:center;gap:1rem;padding:1.6rem 2rem;background:linear-gradient(135deg,#fff5eb,#faf8f4 55%,#eef5ef);border-bottom:.1rem solid rgba(254,134,15,.12)}.article-sidebar-products__icon{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:1rem;background:#fe860f;color:#fff;flex-shrink:0}.article-sidebar-products__title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;color:#1a1a1a}.article-sidebar-products__list{display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem}.article-sidebar-product{display:grid;grid-template-columns:1fr 2fr;text-decoration:none;color:inherit;border-radius:1.2rem;overflow:hidden;background:#fafafa;border:.1rem solid #eee;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.article-sidebar-product__media{overflow:hidden;background:#f5f5f5}.article-sidebar-product__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.article-sidebar-product__body{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.4rem 1.4rem}.article-sidebar-product__title{margin:0;font-size:1.4rem;font-weight:700;line-height:1.35;color:#1a1a1a}.article-sidebar-product__price{margin:0;font-size:1.3rem;color:#3d7c47}.article-sidebar-product__price s{margin-right:.5rem;color:#999;font-weight:400}.article-sidebar-product__price span{font-weight:700}.article-sidebar-product__cta{margin-top:.2rem;font-size:10px;font-weight:600;color:#fe860f}.article-sidebar-product__cta span{display:inline-block;transition:transform .2s ease}@media(hover:hover){.article-sidebar-product:hover{transform:translateY(-.3rem);border-color:#3d7c4733;box-shadow:0 .8rem 2rem #00000014}.article-sidebar-product:hover .article-sidebar-product__media img{transform:scale(1.04)}.article-sidebar-product:hover .article-sidebar-product__title{color:#3d7c47}.article-sidebar-product:hover .article-sidebar-product__cta span{transform:translate(.3rem)}}.article-template__back,.article-template__comment-wrapper{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}.article-template__back:last-child{margin-bottom:3.2rem}@media screen and (max-width:680px){.article-sidebar__toc.article-toc{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-article-layout.css.map */