.section--seo-article{position:relative}.seo-article{--seo-article-border: rgba(var(--color-border) / .55);--seo-article-border-strong: rgba(var(--color-foreground) / .16);--seo-article-card-bg: linear-gradient(180deg, rgba(var(--color-background) / .98), rgba(var(--color-background) / .92));--seo-article-muted: rgba(var(--color-foreground) / .72);--seo-article-subtle: rgba(var(--color-foreground) / .58);--seo-article-soft-bg: linear-gradient(180deg, rgba(var(--color-foreground) / .03), rgba(var(--color-foreground) / .015));--seo-article-accent: rgb(var(--color-heading));--seo-article-max: min(1320px, calc(100vw - 2rem) );--seo-article-copy-max: 72ch;--seo-article-sticky-offset: calc(var(--header-height, 0px) + 2.4rem);color:rgb(var(--color-foreground))}.seo-article__inner{width:var(--seo-article-max);margin:0 auto}.seo-article-breadcrumb{margin-bottom:1.8rem}.seo-article-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;padding:0;list-style:none;color:var(--seo-article-subtle);font-size:1.3rem;letter-spacing:.02em}.seo-article-breadcrumb__list a{color:inherit;text-decoration:none;transition:color .2s ease}.seo-article-breadcrumb__list a:hover,.seo-article-breadcrumb__list a:focus-visible{color:rgb(var(--color-heading))}.seo-article-breadcrumb__separator{width:.4rem;height:.4rem;border-radius:999px;background:rgba(var(--color-foreground) / .25)}.seo-article-hero{padding-top:.2rem}.seo-article-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}.seo-article-hero__main{display:flex;flex-direction:column;justify-content:center;gap:1rem}.seo-article-hero__blog{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;color:var(--seo-article-subtle);text-decoration:none;font-size:1.35rem;letter-spacing:.12em;text-transform:uppercase}.seo-article-hero__blog:before{content:"";width:1.8rem;height:1px;background:currentColor;opacity:.5}.seo-article-hero__title{margin:0;color:rgb(var(--color-heading));font-size:clamp(3.2rem,5vw,5.8rem);line-height:1.05;letter-spacing:-.03em}.seo-article-hero__media{position:relative;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + 1.4rem);overflow:hidden;background:radial-gradient(circle at top left,rgba(var(--color-foreground) / .08),transparent 45%),linear-gradient(180deg,rgba(var(--color-background) / 1),rgba(var(--color-foreground) / .05));aspect-ratio:1.08;isolation:isolate}.seo-article-hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(34px);transform:scale(1.12);opacity:.42}.seo-article-hero__image-wrap{position:relative;z-index:1;width:100%;height:100%;padding:clamp(1.6rem,3vw,3rem)}.seo-article-hero__image{width:100%;height:100%;object-fit:contain}.seo-article-hero__meta{display:grid;gap:1.6rem;align-content:start}.seo-article-hero__meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--seo-article-muted)}.seo-article-hero__author{display:inline-flex;align-items:center;gap:.9rem;min-width:0}.seo-article-hero__author-link,.seo-article-hero__reviewer-link,.seo-article-author-card__name-link{color:rgb(var(--color-heading));text-decoration:none;transition:color .2s ease}.seo-article-hero__author-link:hover,.seo-article-hero__author-link:focus-visible,.seo-article-hero__reviewer-link:hover,.seo-article-hero__reviewer-link:focus-visible,.seo-article-author-card__name-link:hover,.seo-article-author-card__name-link:focus-visible{color:rgb(var(--color-foreground))}.seo-article-hero__avatar,.seo-article-author-card__avatar{flex:0 0 auto;width:4.4rem;height:4.4rem;border-radius:999px;object-fit:cover;border:1px solid rgba(var(--color-foreground) / .1)}.seo-article-hero__avatar-link,.seo-article-author-card__avatar-link{display:inline-flex;border-radius:999px}.seo-article-hero__dot,.seo-article-hero__reviewer-label:before{content:"";width:.35rem;height:.35rem;border-radius:999px;background:rgba(var(--color-foreground) / .32)}.seo-article-hero__reviewer{display:inline-flex;align-items:center;gap:.65rem}.seo-article-hero__reviewer-label{display:inline-flex;align-items:center;gap:.65rem;color:var(--seo-article-subtle)}.seo-article-hero__excerpt{position:relative;margin:0;padding:1.6rem 1.8rem 1.6rem 2rem;border-inline-start:3px solid rgba(var(--color-heading) / .45);background:var(--seo-article-soft-bg);color:rgb(var(--color-heading));font-size:clamp(1.7rem,2vw,2rem);font-style:italic;line-height:1.6}.seo-article-hero__excerpt:before,.seo-article-hero__excerpt:after{position:absolute;color:rgba(var(--color-heading) / .16);font-size:4rem;line-height:1}.seo-article-hero__excerpt:before{content:"\201c";top:.1rem;left:.55rem}.seo-article-hero__excerpt:after{content:"\201d";right:.8rem;bottom:-.6rem}.seo-article-share{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.seo-article-share__label{color:var(--seo-article-muted);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase}.seo-article-share__links{display:flex;flex-wrap:wrap;gap:.75rem}.seo-article-share__button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:4rem;min-width:4rem;padding:0 1.2rem;border:1px solid var(--seo-article-border);border-radius:999px;background:rgba(var(--color-background) / .96);color:rgb(var(--color-heading));text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.seo-article-share__button svg{width:1.6rem;height:1.6rem}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{transform:translateY(-1px);border-color:var(--seo-article-border-strong);box-shadow:0 .8rem 1.8rem rgba(var(--color-foreground) / .08)}.seo-article-share__copy{position:relative;padding-inline:1.3rem 1.5rem}.seo-article-share__status{min-height:1.8rem;color:var(--seo-article-subtle);font-size:1.3rem}.seo-article__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;margin-top:4.2rem}.seo-article__main{min-width:0}.seo-article__content.rte{font-size:clamp(1.6rem,1.8vw,1.85rem);line-height:1.9}.seo-article__content.rte>*:first-child{margin-top:0}.seo-article__content.rte h2,.seo-article__content.rte h3{scroll-margin-top:calc(var(--seo-article-sticky-offset) + 1.8rem);color:rgb(var(--color-heading))}.seo-article__content.rte h2{margin-top:4rem;margin-bottom:1.6rem;font-size:clamp(2.6rem,3vw,3.4rem);line-height:1.15}.seo-article__content.rte h3{margin-top:3.2rem;margin-bottom:1.2rem;font-size:clamp(2rem,2.2vw,2.6rem);line-height:1.2}.seo-article__content.rte img{width:100%;height:auto;border-radius:calc(var(--media-radius) + .8rem)}.seo-article__content.rte blockquote{margin-inline:0;padding-inline:1.8rem 0;border-inline-start:3px solid rgba(var(--color-heading) / .32);color:rgb(var(--color-heading))}.seo-article-table-wrap{margin:2.4rem 0}.seo-article-table-hint{margin:0 0 .9rem;color:var(--seo-article-subtle);font-size:1.3rem}.seo-article-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + .6rem)}.seo-article__content.rte table{min-width:38rem;margin:0}.seo-article__content.rte th,.seo-article__content.rte td{padding:1rem 1.2rem;word-break:normal}.seo-article__footer{margin-top:4rem}.seo-article__tags{display:flex;flex-wrap:wrap;gap:.9rem;margin:0 0 3rem;padding:0;list-style:none}.seo-article__tag{display:inline-flex;align-items:center;min-height:3.5rem;padding:.6rem 1.2rem;border:1px solid var(--seo-article-border);border-radius:999px;background:rgba(var(--color-foreground) / .03);color:rgb(var(--color-heading));text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.seo-article__tag:hover,.seo-article__tag:focus-visible{transform:translateY(-1px);border-color:var(--seo-article-border-strong);background:rgba(var(--color-foreground) / .05)}.seo-article__apps{display:grid;gap:1.6rem;margin:0 0 3rem}.seo-article-author-card{display:grid;gap:1.8rem;padding:2.2rem;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + 1.2rem);background:var(--seo-article-card-bg);box-shadow:0 1.4rem 3.4rem rgba(var(--color-foreground) / .05)}.seo-article-author-card__header{display:flex;gap:1.4rem;align-items:flex-start}.seo-article-author-card__title{margin:0;color:rgb(var(--color-heading));font-size:clamp(2rem,2vw,2.4rem)}.seo-article-author-card__roles{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.9rem}.seo-article-role-tag{display:inline-flex;align-items:center;min-height:2.8rem;padding:.35rem .85rem;border-radius:999px;background:rgba(var(--color-foreground) / .06);color:var(--seo-article-muted);font-size:1.25rem}.seo-article-author-card__description{color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.8}.seo-article-author-card__description>*:first-child{margin-top:0}.seo-article-author-card__description>*:last-child{margin-bottom:0}.seo-article-author-card__links{display:flex;flex-wrap:wrap;gap:.9rem}.seo-article-author-card__social{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px solid var(--seo-article-border);border-radius:999px;color:rgb(var(--color-heading));text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.seo-article-author-card__social svg{width:1.7rem;height:1.7rem}.seo-article-author-card__social:hover,.seo-article-author-card__social:focus-visible{transform:translateY(-1px);border-color:var(--seo-article-border-strong);background:rgba(var(--color-foreground) / .04)}.seo-article-author-card__cta{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;color:rgb(var(--color-heading));text-decoration:none;font-weight:600}.seo-article-author-card__cta svg{width:1.35rem;height:1.35rem}.seo-article-author-card__cta:hover,.seo-article-author-card__cta:focus-visible{color:rgb(var(--color-foreground))}.seo-article__separator{width:100%;height:1px;margin:3rem 0;background:rgba(var(--color-foreground) / .1)}.seo-article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.seo-article-navigation__card{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1.2rem;align-items:stretch;min-height:12.5rem;padding:1.2rem;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + .8rem);background:rgba(var(--color-background) / .94);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-article-navigation__card:hover,.seo-article-navigation__card:focus-visible{transform:translateY(-1px);border-color:var(--seo-article-border-strong);box-shadow:0 1.2rem 2.4rem rgba(var(--color-foreground) / .06)}.seo-article-navigation__card--next{text-align:right}.seo-article-navigation__card--next .seo-article-navigation__copy{align-items:flex-end}.seo-article-navigation__media{width:100%;height:100%;border-radius:calc(var(--media-radius) + .3rem);object-fit:cover}.seo-article-navigation__media-fallback{display:flex;align-items:center;justify-content:center;height:100%;border-radius:calc(var(--media-radius) + .3rem);background:rgba(var(--color-foreground) / .04);color:var(--seo-article-subtle)}.seo-article-navigation__copy{display:flex;flex-direction:column;justify-content:center;gap:.65rem;min-width:0}.seo-article-navigation__label{color:var(--seo-article-subtle);font-size:1.2rem;letter-spacing:.11em;text-transform:uppercase}.seo-article-navigation__title{display:-webkit-box;margin:0;overflow:hidden;color:rgb(var(--color-heading));font-size:1.75rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article__aside{min-width:0}.seo-article-sidebar{position:sticky;top:var(--seo-article-sticky-offset);display:grid;gap:1.6rem;align-content:start}.seo-article-sidebar__card{padding:2rem;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + .8rem);background:var(--seo-article-card-bg)}.seo-article-sidebar__heading{margin:0 0 1.3rem;color:rgb(var(--color-heading));font-size:1.8rem}.seo-article-sidebar__toc{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - var(--seo-article-sticky-offset) - 2rem);min-height:0}.seo-article-toc{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-inline-end:.4rem;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.seo-article-toc__list,.seo-article-toc__sublist{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.seo-article-toc__sublist{margin-top:.65rem;margin-inline-start:1.1rem;padding-inline-start:1.1rem;border-inline-start:1px solid rgba(var(--color-foreground) / .12)}.seo-article-toc__link{display:inline-flex;width:100%;color:var(--seo-article-muted);text-decoration:none;line-height:1.55;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:rgb(var(--color-heading));transform:translate(.2rem)}.seo-article-toc__link--subitem{font-size:1.45rem}.seo-article-product-list{display:grid;gap:1rem}.seo-article-product-card{display:grid;grid-template-columns:8.6rem minmax(0,1fr);gap:1rem;align-items:stretch;min-height:10rem;padding:1rem;border:1px solid rgba(var(--color-foreground) / .08);border-radius:calc(var(--media-radius) + .5rem);background:rgba(var(--color-background) / .92);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-article-product-card:hover,.seo-article-product-card:focus-within{transform:translateY(-1px);border-color:var(--seo-article-border-strong);box-shadow:0 1rem 2rem rgba(var(--color-foreground) / .06)}.seo-article-product-card--inline{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:1.4rem;margin:2.6rem 0;padding:1.2rem}.seo-article-product-card__media{position:relative;overflow:hidden;border-radius:calc(var(--media-radius) + .3rem);background:rgba(var(--color-foreground) / .03)}.seo-article-product-card__image,.seo-article-product-card__placeholder{width:100%;height:100%;object-fit:cover}.seo-article-product-card__content{display:grid;gap:.65rem;align-content:center;min-width:0}.seo-article-product-card__eyebrow{margin:0;color:var(--seo-article-subtle);font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase}.seo-article-product-card__title{display:-webkit-box;margin:0;overflow:hidden;color:rgb(var(--color-heading));font-size:1.65rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-product-card__title a{color:inherit;text-decoration:none}.seo-article-product-card__price{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline}.seo-article-product-card__price-current{color:rgb(var(--color-heading));font-weight:700}.seo-article-product-card__price-compare{color:var(--seo-article-subtle);text-decoration:line-through}.seo-article-product-card__cta{display:inline-flex;width:fit-content;color:rgb(var(--color-heading));text-decoration:none;font-weight:600}.seo-article-product-card__cta:hover,.seo-article-product-card__cta:focus-visible,.seo-article-product-card__title a:hover,.seo-article-product-card__title a:focus-visible{color:rgb(var(--color-foreground))}.seo-article-recommended--mobile{display:none}.seo-article-more{margin-top:5rem}.seo-article-more__heading{margin:0 0 1.8rem;color:rgb(var(--color-heading));font-size:clamp(2.4rem,2.8vw,3.3rem)}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.seo-article-more__card{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + 1rem);background:rgba(var(--color-background) / .96);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-article-more__card:hover,.seo-article-more__card:focus-visible{transform:translateY(-2px);border-color:var(--seo-article-border-strong);box-shadow:0 1.6rem 3rem rgba(var(--color-foreground) / .07)}.seo-article-more__media{aspect-ratio:1.2;overflow:hidden;background:rgba(var(--color-foreground) / .04)}.seo-article-more__media img,.seo-article-more__placeholder{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.seo-article-more__card:hover .seo-article-more__media img,.seo-article-more__card:hover .seo-article-more__placeholder{transform:scale(1.04)}.seo-article-more__content{display:grid;grid-template-rows:auto auto 1fr;gap:.8rem;padding:1.6rem}.seo-article-more__meta{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--seo-article-subtle);font-size:1.25rem}.seo-article-more__tag{color:rgb(var(--color-heading))}.seo-article-more__title{display:-webkit-box;margin:0;overflow:hidden;color:rgb(var(--color-heading));font-size:2rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-more__excerpt{margin:0;color:var(--seo-article-muted);line-height:1.65}.seo-article-comments{margin-top:4.5rem}.seo-article-comments__box{padding:2.2rem;border:1px solid var(--seo-article-border);border-radius:calc(var(--media-radius) + 1rem);background:var(--seo-article-card-bg)}.seo-article-comments__list{display:grid;gap:1.6rem}.seo-article-comments__comment{padding-bottom:1.6rem;border-bottom:1px solid rgba(var(--color-foreground) / .08)}.seo-article-comments__comment:last-child{padding-bottom:0;border-bottom:0}.seo-article-comments__footer{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;color:var(--seo-article-subtle);font-size:1.3rem}.seo-article-comments__form{margin-top:2.8rem}.seo-article-comments__fields{display:grid;gap:1.2rem}.seo-article-comments__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.seo-article-comments .field{margin:0}.seo-article-comments .btn{margin-top:1.6rem}.seo-article-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (min-width:990px){.seo-article-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(32rem,.72fr);grid-template-areas:"main media" "meta media";gap:2.4rem 3.6rem}.seo-article-hero__main{grid-area:main}.seo-article-hero__meta{grid-area:meta}.seo-article-hero__media{grid-area:media}.seo-article__layout{grid-template-columns:minmax(0,1fr) 31rem;gap:4rem}}@media screen and (max-width:989px){.seo-article__content{max-width:100%}.seo-article__aside{display:none}.seo-article-recommended--mobile{display:block;margin-top:2.4rem}.seo-article-more__grid{grid-template-columns:1fr}}@media screen and (max-width:749px){.section--seo-article.section-padding{padding-top:min(var(--section-padding-top, 2.4rem),2rem)}.seo-article{--seo-article-max: calc(100vw - 1.4rem) }.seo-article-breadcrumb__item--current{display:none}.seo-article-hero__main{align-items:center;text-align:center}.seo-article-hero__blog{margin-inline:auto}.seo-article-hero__media{aspect-ratio:1}.seo-article-hero__meta{justify-items:center}.seo-article-hero__meta-row{align-items:center;justify-content:center;text-align:center}.seo-article-hero__author,.seo-article-hero__reviewer,.seo-article-share{justify-content:center}.seo-article-hero__excerpt{margin-inline:auto;text-align:left}.seo-article-share__label{width:100%;text-align:center}.seo-article-share__links{width:100%;justify-content:center}.seo-article-share__button{padding-inline:.95rem}.seo-article-navigation,.seo-article-navigation__card,.seo-article-product-card--inline{grid-template-columns:1fr}.seo-article-navigation__card--next .seo-article-navigation__copy{align-items:flex-start;text-align:left}.seo-article-author-card__header{flex-direction:column}.seo-article-comments__row{grid-template-columns:1fr}.seo-article-table-hint{margin-bottom:.7rem}.seo-article__content.rte table{min-width:40rem}.seo-article__inner{width:auto;margin:0 20px}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-seo-article-template.css.map */