.seo-article{padding-block:var(--section-outer-spacing-block)}.seo-article__breadcrumbs{margin-bottom:var(--spacing-6);font-size:var(--text-sm)}.seo-article__breadcrumbs-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);color:rgb(var(--text-color) / .6)}.seo-article__breadcrumbs-item a{color:inherit;text-decoration:none}.seo-article__breadcrumbs-item a:hover,.seo-article__breadcrumbs-item a:focus-visible{color:rgb(var(--text-color))}.seo-article__breadcrumbs-item:after{content:"/";margin-left:var(--spacing-2);color:rgb(var(--text-color) / .35)}.seo-article__breadcrumbs-item:last-child:after{content:""}.seo-article__layout{display:grid;gap:var(--spacing-12);margin-top:20px}.seo-article__main{display:flex;flex-direction:column;gap:var(--spacing-10);min-width:0}.seo-article-hero{display:grid;gap:var(--spacing-8);align-items:center;grid-template-areas:"header" "image" "body"}.seo-article-hero__header{grid-area:header;display:flex;flex-direction:column;gap:var(--spacing-3)}.seo-article-hero__body{grid-area:body;display:flex;flex-direction:column;gap:var(--spacing-6)}.seo-article-hero__eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.seo-article-hero__title{font-family:var(--heading-font-family);font-size:var(--text-h1);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);margin:0}@media screen and (max-width:899px){.seo-article-hero__title{font-size:var(--text-h2)}}.seo-article-hero__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center;color:rgb(var(--text-color) / .75);font-size:var(--text-sm)}.seo-article-hero__meta-item{display:flex;gap:var(--spacing-2);align-items:center}.seo-article-hero__meta-label{font-weight:600;color:rgb(var(--text-color) / .55)}.seo-article-hero__meta-link{color:rgb(var(--text-color));text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.seo-article-hero__meta-link:hover,.seo-article-hero__meta-link:focus-visible{color:rgb(var(--text-color));border-color:rgb(var(--text-color))}.seo-article-hero__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--text-color) / .06)}.seo-article-hero__avatar img{width:100%;height:100%;object-fit:cover}.seo-article__excerpt{margin:0;padding:var(--spacing-5) var(--spacing-6);background:rgb(var(--text-color) / .04);border-left:3px solid rgb(var(--text-color) / .2);font-style:italic;position:relative}.seo-article__excerpt:before,.seo-article__excerpt:after{content:"\201c";position:absolute;font-size:2rem;color:rgb(var(--text-color) / .2)}.seo-article__excerpt:before{top:-.5rem;left:var(--spacing-4)}.seo-article__excerpt:after{content:"\201d";bottom:-.5rem;right:var(--spacing-4)}.seo-article-hero__image{grid-area:image;position:relative;border-radius:var(--rounded-lg);overflow:hidden;background:rgb(var(--text-color) / .04)}.seo-article-hero__image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--seo-article-hero-image);background-size:cover;background-position:center;filter:blur(26px);transform:scale(1.1);opacity:.5}.seo-article-hero__image img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.seo-article-share{border-radius:var(--rounded-lg);background:rgb(var(--background));display:flex;align-items:center;gap:20px}.seo-article-share__title{margin:0;font-weight:600;font-size:var(--text-sm)}.seo-article-share__content{display:grid;gap:var(--spacing-3)}.seo-article-share__list{display:flex;gap:var(--spacing-3);margin:0;padding:0;list-style:none}.seo-article-share__link{width:36px;height:36px;border-radius:50%;border:1px solid rgb(var(--text-color) / .12);display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--text-color));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seo-article-share__link:hover,.seo-article-share__link:focus-visible{transform:translateY(-2px);border-color:rgb(var(--text-color) / .4);box-shadow:0 10px 20px rgb(var(--text-color) / .1)}.seo-article-share__copy{display:inline-flex;align-items:center;gap:var(--spacing-2);border-radius:999px;border:1px solid rgb(var(--text-color) / .12);background:transparent;color:rgb(var(--text-color));font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;padding:0;width:36px;height:36px;justify-content:center}.seo-article-share__copy:hover,.seo-article-share__copy:focus-visible{transform:translateY(-1px);border-color:rgb(var(--text-color) / .4);box-shadow:0 10px 20px rgb(var(--text-color) / .1)}.seo-article-share__status{font-size:var(--text-sm);color:rgb(var(--text-color) / .6)}.seo-article__content{font-size:var(--text-base)}.seo-article__content img{margin:0 auto}@media screen and (min-width:900px){.seo-article__layout{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;margin-top:42px}.seo-article__content{font-size:var(--text-lg)}.seo-article-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header image" "body image"}}.seo-article__content p{margin-bottom:var(--spacing-5);line-height:2}.seo-article__content h2,.seo-article__content h3{scroll-margin-top:calc(var(--sticky-area-height) + var(--spacing-6))}.seo-article-table{margin-block:var(--spacing-6);width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.seo-article-table table{width:100%;min-width:38rem;border-collapse:collapse}.seo-article-table th,.seo-article-table td{padding:var(--spacing-3) var(--spacing-4);border:1px solid rgb(var(--text-color) / .12);text-align:left}.seo-article-table th{background:rgb(var(--text-color) / .05);font-weight:600}.seo-article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.seo-article-tag{padding:var(--spacing-2) var(--spacing-4);border-radius:999px;border:1px solid rgb(var(--text-color) / .12);text-decoration:none;font-size:var(--text-sm);color:rgb(var(--text-color));transition:border-color .2s ease,transform .2s ease}.seo-article-tag:hover,.seo-article-tag:focus-visible{border-color:rgb(var(--text-color) / .4);transform:translateY(-1px)}.seo-article-divider{height:1px;width:100%;background:rgb(var(--text-color) / .12)}.seo-article-author{border-radius:var(--rounded-lg);padding:var(--spacing-6);display:grid;gap:var(--spacing-5)}.seo-article-author__header{display:flex;gap:var(--spacing-4);align-items:center}.seo-article-author__avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:rgb(var(--text-color) / .06);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.seo-article-author__avatar img{width:100%;height:100%;object-fit:contain}.seo-article-author__name{margin:0 0 var(--spacing-2);font-size:var(--text-h4)}.seo-article-author__name a{text-decoration:none;color:rgb(var(--text-color))}.seo-article-author__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.seo-article-author__tag{padding:var(--spacing-1) var(--spacing-3);border-radius:999px;background:rgb(var(--text-color) / .06);font-size:var(--text-xs)}.seo-article-author__bio{color:rgb(var(--text-color) / .8);line-height:1.6}.seo-article-author__footer{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center;justify-content:space-between}.seo-article-author__socials{display:flex;gap:var(--spacing-3)}.seo-article-author__socials a{width:34px;height:34px;border-radius:50%;border:1px solid rgb(var(--text-color) / .12);display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--text-color));transition:transform .2s ease,border-color .2s ease}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{transform:translateY(-2px);border-color:rgb(var(--text-color) / .4)}.seo-article-author__button{padding:var(--spacing-2) var(--spacing-5);border-radius:999px;border:1px solid #ff8a1cf0;text-decoration:none;font-weight:600;background:#ff8a1cf0;color:#fff;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.seo-article-author__button:hover,.seo-article-author__button:focus-visible{transform:translateY(-1px);filter:brightness(.95)}.seo-article-pagination{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-4)}.seo-article-pagination__item{display:grid;gap:var(--spacing-3);text-decoration:none;color:inherit;padding:var(--spacing-5);border-radius:var(--rounded-lg);border:1px solid rgb(var(--text-color) / .12);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seo-article-pagination__media img{width:100%;height:160px;object-fit:cover;border-radius:var(--rounded-sm)}.seo-article-pagination__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--text-color) / .6)}.seo-article-pagination__title{font-size:var(--text-sm);font-weight:600}.seo-article-card:hover,.seo-article-card:focus-visible,.seo-article-card:focus-within{transform:translateY(-3px);border-color:rgb(var(--text-color) / .3);box-shadow:0 12px 24px rgb(var(--text-color) / .12)}.seo-article__sidebar{position:sticky;top:calc(var(--sticky-area-height) + var(--spacing-6));display:grid;gap:var(--spacing-6);align-self:start}.seo-article-sidebar__card{border-radius:var(--rounded-lg);border:1px solid rgb(var(--text-color) / .12);padding:var(--spacing-5);background:rgb(var(--background));display:grid;gap:var(--spacing-4)}.seo-article-sidebar__heading{margin:0;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.seo-article-toc__list,.seo-article-toc__sublist{list-style:none;padding-left:0;margin:0;display:grid;gap:var(--spacing-2)}.seo-article-toc__sublist{margin-left:var(--spacing-3);margin-top:var(--spacing-2)}.seo-article-toc__link{text-decoration:none;color:rgb(var(--text-color) / .75);font-size:var(--text-sm);transition:color .2s ease}.seo-article-toc__link[data-toc-kind=h2]{font-weight:700}.seo-article-toc__link.is-active,.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible{color:rgb(var(--text-color))}.seo-article-products{display:grid;gap:var(--spacing-4)}.seo-article-product-card{display:grid;grid-template-columns:72px 1fr;gap:var(--spacing-3);align-items:center;padding:var(--spacing-3);border-radius:var(--rounded-sm);border:1px solid rgb(var(--text-color) / .12);text-decoration:none;color:inherit;background:rgb(var(--background));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-article-product-card__media{width:72px;height:72px;border-radius:var(--rounded-sm);overflow:hidden;background:rgb(var(--text-color) / .06);display:flex;align-items:center;justify-content:center}.seo-article-product-card__media img{width:100%;height:100%;object-fit:cover}.seo-article-product-card__title{font-size:var(--text-sm);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.seo-article-product-card__content{display:grid;gap:var(--spacing-2)}.seo-article-product-card__title a{text-decoration:none;color:inherit}.seo-article-product-card:hover,.seo-article-product-card:focus-visible,.seo-article-product-card:focus-within{transform:translateY(-2px);border-color:rgb(var(--text-color) / .3);box-shadow:0 12px 24px rgb(var(--text-color) / .12)}.seo-article-more{margin-top:var(--spacing-16);padding-top:var(--spacing-12);border-top:1px solid rgb(var(--text-color) / .12)}.seo-article-more__title{margin:0 0 var(--spacing-8);font-size:var(--text-h2)}.seo-article-more__grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.seo-article-more-card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--rounded-lg);overflow:hidden;border:1px solid rgb(var(--text-color) / .12);background:rgb(var(--background));height:100%}.seo-article-more-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:rgb(var(--text-color) / .06)}.seo-article-more-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.seo-article-more-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,rgb(var(--text-color) / .08),rgb(var(--text-color) / .02))}.seo-article-more-card:hover .seo-article-more-card__media img,.seo-article-more-card:focus-visible .seo-article-more-card__media img{transform:scale(1.04)}.seo-article-more-card__body{padding:var(--spacing-5)}.seo-article-more-card__meta{display:flex;gap:var(--spacing-3);font-size:var(--text-xs);color:rgb(var(--text-color) / .6)}.seo-article-more-card__tag{padding:0 var(--spacing-2);border-radius:999px;background:rgb(var(--text-color) / .08)}.seo-article-more-card__title{margin:0;font-size:var(--text-h4)}.seo-article-more-card__title a{text-decoration:none;color:inherit}.seo-article-more-card__excerpt{margin:0;color:rgb(var(--text-color) / .75)}.seo-article__mobile-products{display:none;border-radius:var(--rounded-lg);border:1px solid rgb(var(--text-color) / .12);padding:var(--spacing-6);gap:var(--spacing-4);background:rgb(var(--background))}.seo-article__section-title{margin:0 0 var(--spacing-4);font-size:var(--text-h4)}@media screen and (max-width:899px){.seo-article__breadcrumbs-item--current{display:none}.seo-article-hero{grid-template-columns:1fr}.seo-article-hero__image{aspect-ratio:4 / 3}.seo-article-share__content{grid-template-columns:1fr}.seo-article__sidebar{display:none}.seo-article__mobile-products{display:grid}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-seo-article-template.css.map */