.seo-article{--seo-article-surface: #ffffff;--seo-article-surface-soft: #f6f8f7;--seo-article-border: rgba(var(--border-color-rgb), .14);--seo-article-shadow: 0 24px 60px rgba(0, 0, 0, .06);padding-top:var(--seo-article-padding-top, 48px);padding-bottom:var(--seo-article-padding-bottom, 56px);background:#fff}.seo-article .t4s-container{max-width:min(var(--wrapper-mw),1420px)}.seo-article__inner{display:grid;gap:clamp(32px,4vw,48px)}.seo-article__header{display:grid;gap:clamp(16px,2vw,22px);margin-bottom:clamp(28px,4vw,52px)}.seo-article__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,42rem);gap:clamp(24px,3vw,40px);align-items:stretch}.seo-article__hero--text-only{grid-template-columns:minmax(0,1fr)}.seo-article-hero__main{display:flex;flex-direction:column;justify-content:center;gap:clamp(2.4rem,3vw,3.2rem);padding-inline-end:clamp(0px,1vw,1.2rem)}.seo-article-hero__intro{display:grid;gap:clamp(1.6rem,2vw,2.2rem)}.seo-article-breadcrumb{margin:0}.seo-article-breadcrumb__list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.seo-article-breadcrumb__item{position:relative;font-size:1.3rem;color:rgba(var(--text-color-rgb),.72)}.seo-article-breadcrumb__item+.seo-article-breadcrumb__item{padding-inline-start:1.6rem}.seo-article-breadcrumb__item+.seo-article-breadcrumb__item:before{content:"/";position:absolute;inset-inline-start:.4rem;color:rgba(var(--text-color-rgb),.42)}.seo-article-breadcrumb__item a,.seo-article-breadcrumb__item span{color:inherit;text-decoration:none}.seo-article-breadcrumb__item a:hover{color:var(--accent-color)}.seo-article-hero__title{margin:0;font-size:clamp(3.2rem,5vw,5.2rem);line-height:1.08;letter-spacing:-.03em}.seo-article-hero__meta{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.2rem;list-style:none;margin:0;padding:0}.seo-article-meta__item{display:inline-flex;align-items:center;gap:1rem;min-height:6.2rem;padding:1rem 1.6rem;border:1px solid var(--seo-article-border);border-radius:999px;background-color:#ffffffd1;color:rgba(var(--text-color-rgb),.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seo-article-meta__person-link,.seo-article-meta__person-text{display:inline-flex;align-items:center;gap:1rem;color:inherit;text-decoration:none}.seo-article-meta__content{display:grid;align-items:center;gap:.35rem}.seo-article-meta__person-link:hover{color:var(--accent-color)}.seo-article-meta__label{display:block;font-size:1.1rem;line-height:1.05;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.56)}.seo-article-meta__value{display:block;font-size:1.45rem;line-height:1.2;font-weight:500;color:var(--heading-color)}.seo-article-avatar{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:999px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.18),rgba(var(--accent-color-rgb),.32));color:var(--heading-color);font-size:1.4rem;font-weight:600}.seo-article-avatar img{width:100%;height:100%;object-fit:cover;display:block}.seo-article-hero__excerpt{position:relative;padding:2.2rem 3.8rem 2.2rem 4.8rem;border-radius:2.4rem;border:1px solid rgba(var(--accent-color-rgb),.14);background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.08),#fffffff5);color:rgba(var(--text-color-rgb),.86);font-size:1.9rem;line-height:1.7;font-style:italic}.seo-article-hero__excerpt:before,.seo-article-hero__excerpt:after{position:absolute;font-size:3.2rem;line-height:1;color:rgba(var(--accent-color-rgb),.28);pointer-events:none}.seo-article-hero__excerpt:before{content:"\201c";top:1.1rem;inset-inline-start:1.6rem}.seo-article-hero__excerpt:after{content:"\201d";inset-inline-end:1.5rem;bottom:.8rem}.seo-article-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem}.seo-article-share{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1rem}.seo-article-share__label{font-size:1.25rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.58)}.seo-article-share__list{display:inline-flex;flex-wrap:wrap;gap:.8rem}.seo-article-share__link{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:999px;border:1px solid var(--seo-article-border);background-color:var(--seo-article-surface);color:var(--heading-color);transition:transform .2s ease,color .2s ease,border-color .2s ease,background-color .2s ease}.seo-article-share__button{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border-radius:999px;border:1px solid var(--seo-article-border);background-color:var(--seo-article-surface);color:var(--heading-color);cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s ease,color .2s ease,border-color .2s ease,background-color .2s ease}.seo-article-share__link:hover,.seo-article-share__button:hover{transform:translateY(-2px);color:var(--accent-color);border-color:rgba(var(--accent-color-rgb),.42)}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{background-color:rgba(var(--accent-color-rgb),.12);color:var(--heading-color);border-color:rgba(var(--accent-color-rgb),.42);outline:none}.seo-article-share__button.is-copied{background-color:var(--accent-color);color:var(--button-color-hover);border-color:var(--accent-color)}.seo-article-share__button.is-copied:hover,.seo-article-share__button.is-copied:focus-visible{background-color:var(--accent-color);color:var(--button-color-hover);border-color:var(--accent-color)}.seo-article-share__icon{width:1.6rem;height:1.6rem;fill:currentColor}.seo-article-share__icon--link{fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.seo-article-hero__toc-link{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.8rem 1.6rem;border-radius:999px;border:1px solid var(--seo-article-border);background-color:rgba(var(--accent-color-rgb),.08);color:var(--heading-color);font-size:1.4rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease}.seo-article-hero__toc-link:hover{background-color:var(--accent-color);color:var(--button-color-hover)}.seo-article-hero__media{position:relative;width:100%;max-width:min(100%,42rem);min-height:clamp(260px,31vw,460px);justify-self:end;border-radius:3.2rem;overflow:hidden;border:1px solid var(--seo-article-border);background:linear-gradient(180deg,rgba(var(--accent-color-rgb),.12),#ffffffeb);box-shadow:var(--seo-article-shadow)}.seo-article-hero__media-blur,.seo-article-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0}.seo-article-hero__media-blur{width:100%;height:100%;object-fit:cover;filter:blur(32px);transform:scale(1.08);opacity:.28}.seo-article-hero__media-figure{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;padding:clamp(2rem,3vw,3rem)}.seo-article-hero__media-figure img{position:relative;width:100%;height:100%;max-height:46rem;object-fit:contain}.seo-article__layout{display:grid;grid-template-columns:minmax(0,1.76fr) minmax(24rem,.58fr);gap:clamp(24px,3vw,36px);align-items:start}.seo-article__sidebar{position:-webkit-sticky;position:sticky;top:96px;align-self:start;height:fit-content}.seo-article__content-shell{padding:clamp(24px,3vw,38px);border-radius:3rem;border:1px solid var(--seo-article-border);background-color:var(--seo-article-surface);box-shadow:var(--seo-article-shadow)}.seo-article__content.article-content{color:rgba(var(--text-color-rgb),.9)}.seo-article__content.article-content>*:first-child{margin-top:0}.seo-article__content.article-content>*:last-child{margin-bottom:0}.seo-article__content.article-content h2,.seo-article__content.article-content h3{scroll-margin-top:14rem}.seo-article__content.article-content h2{margin-top:4.2rem;margin-bottom:1.4rem;font-size:clamp(2.8rem,3vw,3.6rem);line-height:1.15}.seo-article__content.article-content h3{margin-top:3rem;margin-bottom:1.2rem;font-size:clamp(2.1rem,2.5vw,2.8rem);line-height:1.2}.seo-article__content.article-content p,.seo-article__content.article-content li{font-size:1.7rem;line-height:1.85}.seo-article__content.article-content img,.seo-article__content.article-content video,.seo-article__content.article-content iframe{max-width:100%;height:auto;border-radius:2rem}.seo-article__content.article-content table{display:block;width:100%;overflow-x:auto}.seo-article__content.article-content blockquote{margin-inline:0;padding:2rem 2.4rem 2rem 2.8rem;border-inline-start:4px solid rgba(var(--accent-color-rgb),.42);background-color:var(--seo-article-surface-soft);border-radius:1.8rem}.seo-article__content.article-content blockquote:before,.seo-article__content.article-content blockquote:after{content:none;display:none}.seo-article__content.article-content blockquote>*:first-child{margin-top:0}.seo-article__content.article-content blockquote>*:last-child{margin-bottom:0}.seo-article__sidebar-inner{display:grid;gap:1.8rem}.seo-article-sidebar__card{padding:2rem;border-radius:2.4rem;border:1px solid var(--seo-article-border);background-color:var(--seo-article-surface);box-shadow:var(--seo-article-shadow)}.seo-article-sidebar__heading{margin:0 0 1.6rem;font-size:1.3rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.58)}.seo-article .seo-article-sidebar__toc #toc [allow-hash-change]{padding-inline-start:1rem;border-left-width:2px;color:rgba(var(--text-color-rgb),.78)}.seo-article .seo-article-sidebar__toc #toc .h2-nav [allow-hash-change]{font-size:1.45rem;font-weight:600;color:var(--heading-color)}.seo-article .seo-article-sidebar__toc #toc .h3-nav [allow-hash-change]{color:rgba(var(--text-color-rgb),.68)}.seo-article .seo-article-sidebar__toc #toc [allow-hash-change]:hover,.seo-article .seo-article-sidebar__toc #toc [allow-hash-change].active{color:var(--accent-color);border-left-color:var(--accent-color)}.seo-article-sidebar__products-list{display:grid;gap:1.6rem}.seo-article-product-card{display:grid;gap:1.4rem;padding:1.8rem;border-radius:2.2rem;border:1px solid rgba(var(--accent-color-rgb),.14);background:linear-gradient(180deg,rgba(var(--accent-color-rgb),.07),#fffffffa)}.article-content .seo-article-product-card{margin:3.2rem 0}.seo-article-product-card__badge{margin:0;font-size:1.1rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.58)}.seo-article-product-card__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:18rem;padding:1.4rem;border-radius:2rem;background-color:#ffffffe6;text-decoration:none}.seo-article-product-card__media img{width:100%;max-height:22rem;object-fit:contain}.seo-article-product-card__media-fallback{color:var(--heading-color);font-size:1.4rem;font-weight:600;text-align:center}.seo-article-product-card__body{display:grid;gap:1rem}.seo-article-product-card__title{margin:0;font-size:1.9rem;line-height:1.4}.seo-article-product-card__title a{color:var(--heading-color);text-decoration:none}.seo-article-product-card__title a:hover{color:var(--accent-color)}.seo-article-product-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem}.seo-article-product-card__price-current{font-size:2rem;font-weight:600;color:var(--heading-color)}.seo-article-product-card__price-compare{font-size:1.5rem;color:rgba(var(--text-color-rgb),.48);text-decoration:line-through}.seo-article-product-card__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.8rem 1.6rem;border-radius:999px;background-color:var(--button-background);color:var(--button-color);font-size:1.4rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease}.seo-article-product-card__button:hover{background-color:var(--button-background-hover);color:var(--button-color-hover)}.seo-article__tags{margin-top:2rem}.seo-article__tags-list{display:flex;flex-wrap:wrap;gap:.8rem}.seo-article__tag{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.6rem 1.2rem;border-radius:999px;background-color:rgba(var(--accent-color-rgb),.08);color:var(--heading-color);font-size:1.3rem;text-decoration:none}.seo-article__tag:hover{background-color:var(--accent-color);color:var(--button-color-hover)}.seo-article__divider{margin:3.4rem 0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--border-color-rgb),.3),transparent)}.seo-article-author-card{display:grid;gap:1.8rem;padding:clamp(22px,3vw,32px);border-radius:3rem;border:1px solid var(--seo-article-border);background:radial-gradient(circle at top right,rgba(var(--accent-color-rgb),.12),transparent 35%),linear-gradient(180deg,#fffffffa,rgba(var(--accent-color-rgb),.05))}.seo-article-author-card__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;align-items:start}.seo-article-author-card__avatar-wrap,.seo-article-author-card__avatar-static{display:inline-flex;text-decoration:none}.seo-article-author-card__avatar{width:7.2rem;height:7.2rem;font-size:2.2rem}.seo-article-author-card__eyebrow{margin:0 0 .6rem;font-size:1.2rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.58)}.seo-article-author-card__name{margin:0;font-size:2.4rem;line-height:1.18}.seo-article-author-card__name a{color:var(--heading-color);text-decoration:none}.seo-article-author-card__name a:hover{color:var(--accent-color)}.seo-article-author-card__identity{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.seo-article-role-tag{display:inline-flex;align-items:center;min-height:3rem;padding:.4rem 1rem;border-radius:999px;background-color:rgba(var(--accent-color-rgb),.08);color:var(--heading-color);font-size:1.2rem;font-weight:500}.seo-article-author-card__bio-wrap{display:grid;gap:1.2rem}.seo-article-author-card__bio{color:rgba(var(--text-color-rgb),.86);font-size:1.6rem;line-height:1.75}.seo-article-author-card__bio>*{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.seo-article-author-card.is-expanded .seo-article-author-card__bio{overflow:visible}.seo-article-author-card.is-expanded .seo-article-author-card__bio>*{display:block;-webkit-line-clamp:unset;overflow:visible}.seo-article-author-card__bio .metafield-rich_text_field>*:first-child{margin-top:0}.seo-article-author-card__bio .metafield-rich_text_field>*:last-child{margin-bottom:0}.seo-article-author-card__toggle{display:none;align-items:center;justify-content:flex-start;padding:0;border:0;background:transparent;color:var(--accent-color);font-size:1.4rem;font-weight:600;cursor:pointer}.seo-article-author-card.is-collapsible .seo-article-author-card__toggle{display:inline-flex}.seo-article-author-card__footer{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;align-items:center;justify-content:space-between}.seo-article-author-card__profile-link{display:inline-flex;align-items:center;justify-content:center;min-height:4.2rem;padding:.8rem 1.4rem;border-radius:999px;border:1px solid rgba(var(--accent-color-rgb),.25);color:var(--heading-color);text-decoration:none;font-size:1.4rem;font-weight:600}.seo-article-author-card__profile-link:hover{background-color:var(--accent-color);color:var(--button-color-hover)}.seo-article-author-card__socials{display:flex;flex-wrap:wrap;gap:.8rem}.seo-article-author-card__social-link{display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:999px;border:1px solid var(--seo-article-border);color:var(--heading-color);text-decoration:none}.seo-article-author-card__social-link:hover{color:var(--accent-color);border-color:rgba(var(--accent-color-rgb),.35)}.seo-article-author-card__social-link svg{width:1.4rem;height:1.4rem;fill:currentColor}.seo-article-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2.4rem}.seo-article-switch--single-next{grid-template-columns:minmax(0,1fr)}.seo-article-switch--single-next .seo-article-switch__item--next{justify-self:end}.seo-article-switch__item{display:flex;gap:1.4rem;align-items:center;min-height:100%;padding:1.8rem;border-radius:2.4rem;border:1px solid var(--seo-article-border);background-color:var(--seo-article-surface);text-decoration:none;color:inherit}.seo-article-switch__item:hover{border-color:rgba(var(--accent-color-rgb),.28);transform:translateY(-2px)}.seo-article-switch__item--next{flex-direction:row-reverse}.seo-article-switch__body{display:grid;gap:.8rem;min-width:0;flex:1 1 auto}.seo-article-switch__item--next .seo-article-switch__body{text-align:right}.seo-article-switch__thumb{position:relative;flex:0 0 9.6rem;width:9.6rem;aspect-ratio:4 / 3;overflow:hidden;border-radius:1.6rem;border:1px solid rgba(var(--accent-color-rgb),.14);background-color:rgba(var(--accent-color-rgb),.08)}.seo-article-switch__thumb img{width:100%;height:100%;object-fit:cover;display:block}.seo-article-switch__label{font-size:1.2rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--text-color-rgb),.58)}.seo-article-switch__title{font-size:1.8rem;line-height:1.45;color:var(--heading-color)}.seo-article-more{margin-top:4rem}.seo-article-more__heading{margin:0 0 1.8rem;font-size:clamp(2.6rem,3vw,3.4rem);line-height:1.15}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}.seo-article-related-card{display:flex;flex-direction:column;min-height:100%;border-radius:2.6rem;overflow:hidden;border:1px solid var(--seo-article-border);background-color:var(--seo-article-surface);box-shadow:var(--seo-article-shadow)}.seo-article-related-card__media{position:relative;display:block;aspect-ratio:1.08;overflow:hidden;background-color:var(--seo-article-surface-soft)}.seo-article-related-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.seo-article-related-card:hover .seo-article-related-card__media img{transform:scale(1.04)}.seo-article-related-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;color:var(--heading-color);font-size:1.6rem;font-weight:600;text-align:center}.seo-article-related-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:1.2rem;padding:2rem}.seo-article-related-card__meta{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;font-size:1.2rem;color:rgba(var(--text-color-rgb),.58)}.seo-article-related-card__tag{display:inline-flex;align-items:center;min-height:2.8rem;padding:.4rem .9rem;border-radius:999px;background-color:rgba(var(--accent-color-rgb),.08);color:var(--heading-color);text-decoration:none}.seo-article-related-card__tag:hover{background-color:var(--accent-color);color:var(--button-color-hover)}.seo-article-related-card__title{margin:0;font-size:2rem;line-height:1.35}.seo-article-related-card__title a{color:var(--heading-color);text-decoration:none}.seo-article-related-card__title a:hover{color:var(--accent-color)}.seo-article-related-card__excerpt{margin:0;color:rgba(var(--text-color-rgb),.78);font-size:1.5rem;line-height:1.75}.seo-article-related-card__link{margin-top:auto;color:var(--accent-color);font-size:1.4rem;font-weight:600;text-decoration:none}.seo-article-related-card__link:hover{color:var(--accent-color-darken)}.seo-article-empty{padding:3rem;border-radius:2.4rem;border:1px dashed rgba(var(--border-color-rgb),.32);background-color:rgba(var(--accent-color-rgb),.04);color:rgba(var(--text-color-rgb),.78);font-size:1.6rem;text-align:center}@media(max-width:1199px){.seo-article__hero{grid-template-columns:minmax(0,1fr)}.seo-article-hero__media{min-height:36rem;max-width:100%;justify-self:stretch}.seo-article__layout{grid-template-columns:minmax(0,1fr)}.seo-article__sidebar{position:static;top:auto}.seo-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:989px){.seo-article-sidebar__toc,.seo-article-hero__toc-link{display:none}}@media(max-width:767px){.seo-article{padding-top:max(24px,var(--seo-article-padding-top, 24px));padding-bottom:max(32px,var(--seo-article-padding-bottom, 32px))}.seo-article__header,.seo-article__hero{gap:1.8rem}.seo-article-hero__media{order:-1;min-height:0}.seo-article-breadcrumb__item--current{display:none}.seo-article-hero__meta{gap:.8rem}.seo-article-meta__item{width:100%;border-radius:1.8rem;justify-content:flex-start}.seo-article__content-shell,.seo-article-sidebar__card,.seo-article-author-card{border-radius:2.2rem}.seo-article-author-card__top,.seo-article-switch,.seo-article-more__grid{grid-template-columns:minmax(0,1fr)}.seo-article-switch__item,.seo-article-switch--single-next .seo-article-switch__item--next{justify-self:stretch}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-seo-article-template.css.map */