.article-template{--font-heading-scale: .8;--text-size-hxl: calc(var(--font-heading-scale) * var(--size-hxl));--text-size-h0: calc(var(--font-heading-scale) * var(--size-h0));--text-size-h1: calc(var(--font-heading-scale) * var(--size-h1));--text-size-h2: calc(var(--font-heading-scale) * var(--size-h2));--text-size-h3: calc(var(--font-heading-scale) * var(--size-h3));--text-size-h4: calc(var(--font-heading-scale) * var(--size-h4));--text-size-h5: calc(var(--font-heading-scale) * var(--size-h5));--text-size-h6: calc(var(--font-heading-scale) * var(--size-h6))}.article-template header{margin-bottom:3rem;line-height:calc(.8 / var(--font-body-scale))}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:2rem}.article-template__hero-container+header{margin-top:3rem}.article-template__content{margin-top:5rem;margin-bottom:5rem}.article-template__content p,.article-template__content{margin-bottom:1.25rem;line-height:calc(1.7 / var(--font-body-scale))}.article-template__content iframe{margin-bottom:1.25rem}.article-template__tags{margin-top:3rem}.article-template__tags a{border-radius:var(--btn-border-radius);border:1px solid rgba(var(--color-foreground)/ .1)}.article-template__social-sharing{margin-top:3rem}.article-template__content :is(iframe[src*=youtube],iframe[src*="youtu.be"],iframe[src*=vimeo]){aspect-ratio:16 / 9;width:100%;height:auto}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem}.article-template__comments-comment p{margin:0 0 .5rem}.article-template__comment-fields>*{margin-bottom:2rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:3rem}}.article-template__comments .pagination-wrapper{margin:3rem 0 0}.article-template__next-article-subtitle svg{width:1.5rem;height:1.5rem}.article-products{position:fixed;inset:auto 0 0;z-index:100;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground) / .15);box-shadow:0 -4px 20px rgba(var(--color-foreground) / .06);padding-bottom:env(safe-area-inset-bottom,0px)}.article-products__summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:44px;padding:.8rem 1.6rem;cursor:pointer;list-style:none}.article-products__summary::-webkit-details-marker{display:none}.article-products__heading{font-family:var(--font-heading-family);font-size:var(--text-size-small);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-spacing)}.article-products__toggle{display:flex;flex:0 0 1.2rem}.article-products__toggle .icon-caret{position:static;inset:auto;width:1.2rem;height:1.2rem}.article-products__panel:not([open]) .article-products__toggle{transform:rotate(180deg)}.article-products__list{display:flex;gap:1.2rem;margin:0;padding:0 1.6rem 1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.6rem;scrollbar-width:thin;list-style:none}.article-products__item{flex:0 0 min(86vw,36rem);min-width:0;scroll-snap-align:start}.article-products__item:only-child{flex-basis:100%}.article-products__card{display:flex;align-items:center;gap:1.2rem;min-height:64px;color:inherit;text-decoration:none}.article-products__image{flex:0 0 64px;height:80px;overflow:hidden;border-radius:var(--media-radius)}.article-products__image :is(img,svg){width:100%;height:100%;object-fit:contain}.article-products__info{flex:1;min-width:0}.article-products__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--text-size-small)}.article-products__card:hover .article-products__title{text-decoration:underline;text-underline-offset:3px}.article-products__info .price{margin-top:.4rem}.article-products :is(a,summary,ul):focus-visible{outline:2px solid currentColor;outline-offset:-2px}@media screen and (max-width:1023px){.article-products__heading{font-size:var(--text-size-base)}body:has(.article-products){padding-bottom:calc(54px + env(safe-area-inset-bottom,0px))}body:has(.article-products__panel[open]){padding-bottom:calc(156px + env(safe-area-inset-bottom,0px))}}@media screen and (min-width:1024px){.article-template__reading-layout{display:grid;grid-template-columns:minmax(0,80rem) minmax(32rem,44rem);gap:clamp(2rem,4vw,6rem);max-width:134rem;margin:5rem auto 0;padding-inline:var(--fluid-offset, 24px);align-items:start}.article-template__reading-layout>.article-template__content{width:100%;min-width:0;margin-top:0;padding-inline:0}.article-products{position:sticky;inset:auto;top:calc(var(--header-height, 80px) + 2rem);z-index:1;padding:0;border:1px solid rgba(var(--color-foreground) / .15);border-radius:var(--media-radius);box-shadow:none}.article-products__summary{padding:1.6rem}.article-products__heading{font-size:var(--text-size-large)}.article-products__list{display:block;max-height:calc(100dvh - var(--header-height, 80px) - 12rem);overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:none}.article-products__item+.article-products__item{border-top:1px solid rgba(var(--color-foreground) / .1);margin-top:1.6rem;padding-top:1.6rem}.article-products__image{flex-basis:80px;height:100px}.article-products__title{-webkit-line-clamp:3}}@media print{.article-products{display:none}.article-template__reading-layout{display:block}body:has(.article-products){padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-blog-post.css.map */