.seo-article{padding:var(--spacing-10) var(--container-gutter) var(--spacing-16)}.seo-article__article{width:min(100%,var(--container-max-width));margin:0 auto;display:grid;gap:var(--spacing-12)}.seo-article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);color:rgb(var(--text-color) / .68);font-size:.88rem}.seo-article-breadcrumb__link{transition:color .2s ease}.seo-article-breadcrumb__link:hover,.seo-article-breadcrumb__link:focus-visible{color:rgb(var(--text-color))}.seo-article-breadcrumb__current,.seo-article-breadcrumb__separator--current{display:none}.seo-article-hero,.seo-article-hero__layout{display:grid;gap:var(--spacing-6)}.seo-article-hero__intro,.seo-article-hero__details{display:grid;gap:var(--spacing-5)}.seo-article-hero__blog-link{width:fit-content}.seo-article-hero__title{margin:0;font-size:clamp(2.2rem,6vw,3.6rem);line-height:.98;letter-spacing:-.04em;text-wrap:balance;font-weight:700}.seo-article-hero__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.seo-article-hero__meta-item{display:inline-flex;align-items:center;gap:var(--spacing-3);min-height:3rem;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .05)}.seo-article-hero__author-avatar,.seo-article-hero__author-avatar:hover,.seo-article-hero__author-avatar:focus-visible{display:inline-flex;color:inherit}.seo-article-hero__author-image{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.seo-article-hero__meta-copy{display:grid;gap:.1rem}.seo-article-hero__meta-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .56)}.seo-article-hero__meta-value{font-size:.95rem;font-weight:600}.seo-article-hero__excerpt{margin:0;padding:var(--spacing-5);border-left:4px solid var(--seo-article-accent);border-radius:var(--rounded);background:rgb(var(--seo-article-accent-rgb) / .08);font-size:1.05rem;font-style:italic}.seo-article-hero__excerpt p{margin:0}.seo-article-hero__media{position:relative;overflow:hidden;min-height:18rem;border-radius:var(--rounded-lg);background:rgb(var(--text-color) / .04)}.seo-article-hero__media-backdrop,.seo-article-hero__media-frame{position:absolute;top:0;right:0;bottom:0;left:0}.seo-article-hero__blur-image{width:100%;height:100%;object-fit:cover;filter:blur(24px);transform:scale(1.08);opacity:.38}.seo-article-hero__media-frame{display:flex;align-items:center;justify-content:center;padding:var(--spacing-5)}.seo-article-hero__image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.seo-article-share{display:grid;gap:var(--spacing-3)}.seo-article-share__label{font-size:.88rem;font-weight:600}.seo-article-share__list{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.seo-article-share__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:2.75rem;padding:var(--spacing-3) var(--spacing-4);border:1px solid rgb(var(--text-color) / .1);border-radius:var(--rounded-full);background:rgb(var(--background));color:rgb(var(--text-color));transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{color:var(--seo-article-accent);border-color:rgb(var(--seo-article-accent-rgb) / .24);box-shadow:0 0 0 4px rgb(var(--seo-article-accent-rgb) / .08);transform:translateY(-1px)}.seo-article__layout{display:grid;gap:var(--spacing-10)}.seo-article__primary{display:grid;gap:var(--spacing-8);min-width:0}.seo-article__body{font-size:1rem;line-height:1.78;min-width:0}.seo-article__body>:first-child{margin-top:0}.seo-article__body [data-blog-title]{scroll-margin-top:calc(var(--header-height, 0px) + var(--spacing-10))}.seo-article__body img,.seo-article__body video,.seo-article__body iframe{border-radius:var(--rounded)}.seo-article__body table{width:100%;min-width:38rem;border-collapse:collapse}.seo-article__body th,.seo-article__body td{padding:.95rem 1rem;border:1px solid rgb(var(--text-color) / .12);vertical-align:top}.seo-article__body th{background:rgb(var(--text-color) / .04);text-align:left;font-weight:600}.seo-article-table-wrapper{width:100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.seo-article-table-hint{margin:var(--spacing-3) 0 0;font-size:.82rem;color:rgb(var(--text-color) / .56)}.seo-article__body .seo-article-product-card{margin-block:var(--spacing-8)}.seo-article-tags{display:grid;gap:var(--spacing-3)}.seo-article-tags__label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .58)}.seo-article-tags__list,.seo-article-author-card__roles{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.seo-article-tags__tag,.seo-article-role-tag{display:inline-flex;align-items:center;min-height:2rem;padding:.45rem .85rem;border-radius:var(--rounded-full);background:rgb(var(--seo-article-accent-rgb) / .08);color:var(--seo-article-accent);font-size:.82rem;font-weight:600}.seo-article__divider{height:1px;background:rgb(var(--text-color) / .12)}.seo-article-author-card{display:grid;gap:var(--spacing-5);padding:var(--spacing-6);border:1px solid rgb(var(--text-color) / .08);border-radius:var(--rounded-lg);background:linear-gradient(180deg,rgb(var(--seo-article-accent-rgb) / .08),transparent)}.seo-article-author-card__header,.seo-article-author-card__identity{display:grid;gap:var(--spacing-4)}.seo-article-author-card__avatar,.seo-article-author-card__avatar:hover,.seo-article-author-card__avatar:focus-visible{display:inline-flex;width:4.5rem;height:4.5rem;color:inherit}.seo-article-author-card__avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.seo-article-author-card__copy{display:grid;gap:var(--spacing-2)}.seo-article-author-card__eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .6)}.seo-article-author-card__name{font-size:1.45rem;font-weight:700;line-height:1.08}.seo-article-author-card__socials{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.seo-article-author-card__socials a{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .08);transition:transform .2s ease,border-color .2s ease,color .2s ease}.seo-article-author-card__socials a:hover,.seo-article-author-card__socials a:focus-visible{color:var(--seo-article-accent);border-color:rgb(var(--seo-article-accent-rgb) / .25);transform:translateY(-1px)}.seo-article-author-card__description{color:rgb(var(--text-color) / .78)}.seo-article-author-card__description>:first-child,.seo-article-author-card__description .metafield-rich_text_field>:first-child{margin-top:0}.seo-article-author-card__description .metafield-rich_text_field>:last-child{margin-bottom:0}.seo-article__mobile-sidebar{display:grid;gap:var(--spacing-5)}.seo-article-post-nav__grid{display:grid;gap:var(--spacing-4)}.seo-article-post-nav__card{display:grid;gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--rounded-lg);border:1px solid rgb(var(--text-color) / .08);background:rgb(var(--background));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-post-nav__card:hover,.seo-article-post-nav__card:focus-visible,.seo-article-more__card-link:hover,.seo-article-more__card-link:focus-visible,.seo-article-product-card__link:hover,.seo-article-product-card__link:focus-visible{transform:translateY(-2px);border-color:rgb(var(--seo-article-accent-rgb) / .2);box-shadow:0 18px 40px rgb(var(--text-color) / .08)}.seo-article-post-nav__media{overflow:hidden;border-radius:var(--rounded);aspect-ratio:16 / 10}.seo-article-post-nav__image,.seo-article-more__image,.seo-article-product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.seo-article-post-nav__card:hover .seo-article-post-nav__image,.seo-article-more__card-link:hover .seo-article-more__image,.seo-article-product-card__link:hover .seo-article-product-card__image{transform:scale(1.04)}.seo-article-post-nav__label,.seo-article-more__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:.82rem;color:rgb(var(--text-color) / .56)}.seo-article-post-nav__content{display:grid;gap:var(--spacing-2)}.seo-article-post-nav__title,.seo-article-more__title,.seo-article-product-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:700;line-height:1.25}.seo-article-more,.seo-article-more__grid{display:grid;gap:var(--spacing-5)}.seo-article-more__card{min-width:0}.seo-article-more__card-link{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border:1px solid rgb(var(--text-color) / .08);border-radius:var(--rounded-lg);background:rgb(var(--background));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-more__media{overflow:hidden;aspect-ratio:16 / 10}.seo-article-more__content{display:grid;grid-template-rows:auto auto 1fr;gap:var(--spacing-3);padding:var(--spacing-5)}.seo-article-more__excerpt{color:rgb(var(--text-color) / .68)}.seo-article__sidebar{display:none}.seo-article__sticky{display:grid;gap:var(--spacing-5)}.seo-article-sidebar__card{padding:var(--spacing-5);border:1px solid rgb(var(--text-color) / .08);border-radius:var(--rounded-lg);background:rgb(var(--background))}.seo-article-sidebar__heading{margin:0 0 var(--spacing-4);font-size:1.02rem}.seo-article-sidebar__product-list{display:grid;gap:var(--spacing-4)}.seo-article-sidebar__text{margin:0 0 var(--spacing-4);color:rgb(var(--text-color) / .7)}.seo-article-newsletter{display:grid;gap:var(--spacing-4)}.seo-article-newsletter__status{margin:0;padding:var(--spacing-3);border-radius:var(--rounded);background:rgb(var(--seo-article-accent-rgb) / .08);font-size:.92rem}.seo-article-newsletter__status--error{background:#ba262614}.seo-article-toc__list,.seo-article-toc__sublist{display:grid;gap:var(--spacing-2)}.seo-article-toc__sublist{margin-top:var(--spacing-2);padding-left:var(--spacing-4)}.seo-article-toc__item--level-3{padding-left:var(--spacing-4)}.seo-article-toc__link{display:inline-flex;padding:.15rem 0;color:rgb(var(--text-color) / .68);transition:color .2s ease,transform .2s ease}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{color:var(--seo-article-accent);transform:translate(2px)}.seo-article-product-card__link{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--spacing-4);align-items:center;min-height:100%;padding:var(--spacing-4);border:1px solid rgb(var(--text-color) / .08);border-radius:var(--rounded);background:rgb(var(--background));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-product-card--inline .seo-article-product-card__link{grid-template-columns:minmax(0,11rem) minmax(0,1fr)}.seo-article-product-card__media{overflow:hidden;min-height:5.5rem;border-radius:var(--rounded);background:rgb(var(--text-color) / .04)}.seo-article-product-card--inline .seo-article-product-card__media{min-height:11rem}.seo-article-product-card__placeholder{width:100%;height:100%}.seo-article-product-card__content{display:grid;gap:var(--spacing-2);min-width:0}.seo-article-product-card__badge{width:fit-content;padding:.25rem .55rem;border-radius:var(--rounded-full);background:rgb(var(--seo-article-accent-rgb) / .08);color:var(--seo-article-accent);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.seo-article-product-card__price{color:rgb(var(--text-color) / .78)}.seo-article-product-card__cta{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:.88rem;color:var(--seo-article-accent)}@media screen and (max-width:699px){.seo-article{padding-top:var(--spacing-6);padding-bottom:var(--spacing-12)}.seo-article-share__label{display:none}.seo-article-share__button{width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0}.seo-article-share__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-article-product-card--inline .seo-article-product-card__link{grid-template-columns:1fr}.seo-article-product-card--inline .seo-article-product-card__media{min-height:13rem}}@media screen and (min-width:700px){.seo-article{padding-bottom:var(--spacing-20)}.seo-article-breadcrumb__current,.seo-article-breadcrumb__separator--current{display:inline-flex}.seo-article__body{font-size:1.12rem}.seo-article-author-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.seo-article-author-card__identity{grid-template-columns:auto minmax(0,1fr);align-items:center}.seo-article-post-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-article-post-nav__grid--single{grid-template-columns:minmax(0,1fr)}.seo-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1000px){.seo-article__article{gap:var(--spacing-16)}.seo-article-hero__layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.6fr);gap:var(--spacing-8);align-items:center}.seo-article-hero__media{grid-column:2;grid-row:1 / span 2;min-height:30rem}.seo-article__layout{grid-template-columns:minmax(0,1fr) 19rem;align-items:start}.seo-article-post-nav__grid--single{grid-template-columns:minmax(0,34rem)}.seo-article-post-nav__grid--single .seo-article-post-nav__card{grid-template-columns:minmax(0,10rem) minmax(0,1fr);align-items:center}.seo-article-post-nav__grid--single .seo-article-post-nav__content{min-width:0;align-content:center}.seo-article-post-nav__grid--single .seo-article-post-nav__content:first-child{grid-column:1 / -1}.seo-article-post-nav__grid--next-only{justify-content:end}.seo-article-post-nav__grid--single .seo-article-post-nav__card--next{grid-template-columns:minmax(0,1fr) minmax(0,10rem)}.seo-article-post-nav__grid--single .seo-article-post-nav__card--next .seo-article-post-nav__media{order:2}.seo-article-post-nav__grid--single .seo-article-post-nav__card--next .seo-article-post-nav__content{text-align:right}.seo-article-post-nav__grid--single .seo-article-post-nav__card--next .seo-article-post-nav__content:first-child{grid-column:1 / -1}.seo-article__sidebar{display:block}.seo-article__sticky{position:sticky;top:calc(var(--header-height, 0px) + var(--spacing-6))}.seo-article__mobile-sidebar{display:none}}@media screen and (min-width:1200px){.seo-article-more__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-seo-article-template.css.map */