.seo-article{--seo-article-bg: rgb(var(--body-bg-color));--seo-article-text: rgb(var(--body-text-color));--seo-article-heading: rgb(var(--body-heading-color));--seo-article-link: rgb(var(--body-link-color));--seo-article-border: rgb(var(--text-color)/.12);--seo-article-card: #ffffff;--seo-article-muted: rgb(var(--text-color)/.7);background:var(--seo-article-bg);color:var(--seo-article-text)}.seo-article .container{width:min(1200px,100%)}.seo-article__hero{padding:clamp(32px,4vw,56px) 0 clamp(24px,3vw,40px)}.seo-article__breadcrumb{font-size:.85rem;letter-spacing:.01em;color:var(--seo-article-muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center;text-transform:uppercase}.seo-article__breadcrumb a{color:inherit;text-decoration:none;position:relative}.seo-article__breadcrumb a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;opacity:.4;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.seo-article__breadcrumb a:hover:after,.seo-article__breadcrumb a:focus-visible:after{transform:scaleX(1)}.seo-article-hero__main{margin-top:16px;display:grid;gap:18px;align-items:center}.seo-article-hero__title{font-family:var(--heading-font-family);font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.1;margin:0;color:var(--seo-article-heading)}.seo-article-hero__meta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;font-size:.95rem;color:var(--seo-article-muted)}.seo-article-hero__meta a{color:var(--seo-article-heading);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.seo-article-hero__meta a:hover,.seo-article-hero__meta a:focus-visible{color:var(--seo-article-link);border-color:currentColor}.seo-article-hero__author{display:inline-flex;align-items:center;gap:10px}.seo-article-hero__avatar{max-width:68px;max-height:68px;padding:4px;border-radius:12px;overflow:hidden;flex-shrink:0}.seo-article-hero__avatar img{width:100%;height:100%;object-fit:cover;display:block}.seo-article-hero__excerpt{position:relative;padding:18px 22px;border-left:3px solid var(--seo-article-link);background:rgb(var(--text-color)/.04);font-style:italic;line-height:1.6;margin:0}.seo-article-hero__excerpt p{margin-bottom:0}.seo-article-hero__excerpt:before,.seo-article-hero__excerpt:after{font-family:var(--heading-font-family);font-size:1.8rem;color:rgb(var(--text-color)/.3);position:absolute}.seo-article-hero__excerpt:before{content:"\201c";top:6px;left:10px}.seo-article-hero__excerpt:after{content:"\201d";right:10px;bottom:-4px}.seo-article-hero__media{position:relative;border-radius:18px;overflow:hidden;background:rgb(var(--text-color)/.04);min-height:240px;display:grid;place-items:center}.seo-article-hero__media-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:blur(22px);transform:scale(1.08);opacity:.7}.seo-article-hero__image{position:relative;z-index:1;width:100%;height:100%;max-height:420px;object-fit:contain}.seo-article__share{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seo-article__share-label{font-weight:600;color:var(--seo-article-heading)}.seo-article-share__list{display:flex;gap:8px;align-items:center}.seo-article-share__link,.seo-article-share__copy{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--seo-article-border);background:var(--seo-article-card);color:var(--seo-article-heading);font-size:.88rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seo-article-share__link svg,.seo-article-share__copy svg{width:16px;height:16px}.seo-article-share__link:hover,.seo-article-share__link:focus-visible,.seo-article-share__copy:hover,.seo-article-share__copy:focus-visible{transform:translateY(-1px);border-color:rgb(var(--text-color)/.3);box-shadow:0 10px 24px rgb(var(--text-color)/.12)}.seo-article-share__copy{cursor:pointer}.seo-article-share__copy[data-copy-state=success]{border-color:rgb(var(--text-color)/.35)}.seo-article__layout{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1fr) minmax(240px,320px);padding-bottom:clamp(36px,4vw,60px)}.seo-article__content{font-size:1.05rem;line-height:1.8}.seo-article__content h2,.seo-article__content h3{font-family:var(--heading-font-family);color:var(--seo-article-heading);margin:32px 0 12px;scroll-margin-top:90px}.seo-article__content h2{font-size:clamp(1.5rem,2.2vw,2rem)}.seo-article__content h3{font-size:clamp(1.2rem,1.8vw,1.5rem)}.seo-article__content p{margin:0 0 18px}.seo-article__content a{color:var(--seo-article-link)}.seo-article__content img{max-width:100%;height:auto;border-radius:12px}.seo-article-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:18px 0 24px;padding-bottom:8px}.seo-article-table table{min-width:38rem;width:100%;border-collapse:collapse;font-size:.98rem}.seo-article-table th,.seo-article-table td{padding:12px 14px;border:1px solid var(--seo-article-border);text-align:left;vertical-align:top}.seo-article-table thead th{background:rgb(var(--text-color)/.05);font-weight:600}.seo-article-table__hint{font-size:.82rem;color:var(--seo-article-muted);margin-top:6px}.seo-article__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.seo-article__tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--seo-article-border);text-decoration:none;font-size:.85rem;color:var(--seo-article-heading);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-sidebar{position:sticky;top:90px;display:grid;gap:18px;align-self:start}.seo-article-sidebar__card{background:var(--seo-article-card);border:1px solid var(--seo-article-border);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgb(var(--text-color)/.06)}.seo-article-sidebar__heading{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--seo-article-heading)}.seo-article-sidebar__products{display:grid;gap:14px}.seo-article-toc{list-style:none;padding:0;margin:0;display:grid;gap:8px}.seo-article-toc__item--h3{padding-left:14px}.seo-article-toc__link{text-decoration:none;color:var(--seo-article-text);font-size:.95rem;line-height:1.4;position:relative}.seo-article-toc__link:before{content:"";position:absolute;left:-12px;top:7px;width:6px;height:6px;border-radius:999px;background:rgb(var(--text-color)/.25);opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.seo-article-toc__link.is-active{color:var(--seo-article-heading);font-weight:600}.seo-article-toc__link.is-active:before{opacity:1;transform:scale(1)}.seo-article-product-card{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.seo-article-product-card__media{display:block;border-radius:12px;overflow:hidden;background:rgb(var(--text-color)/.05);width:90px;height:90px}.seo-article-product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.seo-article-product-card__media:hover img,.seo-article-product-card__media:focus-visible img{transform:scale(1.04)}.seo-article-product-card__media-placeholder{width:100%;height:100%;background:rgb(var(--text-color)/.07)}.seo-article-product-card__title{margin:0 0 6px;font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.seo-article-product-card__title a{text-decoration:none;color:var(--seo-article-heading)}.seo-article-product-card__price{font-size:.9rem;display:flex;gap:8px;align-items:center}.seo-article-product-card__price--compare{color:var(--seo-article-muted);text-decoration:line-through}.seo-article__divider{border-top:1px solid var(--seo-article-border);margin:32px 0}.seo-article-author{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start}.seo-article-author__avatar{max-width:96px;max-height:96px;padding:0 4px;border-radius:12px;overflow:hidden}.seo-article-author__avatar img{width:100%;height:100%;object-fit:cover}.seo-article-author__name{margin:0 0 8px;font-family:var(--heading-font-family);font-size:1.3rem}.seo-article-author__name a{color:var(--seo-article-heading);text-decoration:none}.seo-article-author__identity{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.seo-article-author__chip{padding:4px 10px;border-radius:999px;background:rgb(var(--text-color)/.06);font-size:.78rem}.seo-article-author__bio{margin:0 0 14px;color:var(--seo-article-muted)}.seo-article-author__bio p{margin:0 0 12px}.seo-article-author__socials{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.seo-article-author__socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:var(--seo-article-heading);transition:transform .2s ease,box-shadow .2s ease}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{transform:translateY(-1px);box-shadow:0 10px 20px rgb(var(--text-color)/.12)}.seo-article-author__button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--seo-article-border);color:var(--seo-article-heading);text-decoration:none;font-weight:600}.seo-article-author__button:hover,.seo-article-author__button:focus-visible{border-color:rgb(var(--text-color)/.35);box-shadow:0 12px 22px rgb(var(--text-color)/.1)}.seo-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seo-article-nav--single-left,.seo-article-nav--single-right{grid-template-columns:minmax(0,1fr)}.seo-article-nav--single-right .seo-article-nav__card{justify-self:end}.seo-article-nav__card{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--seo-article-border);text-decoration:none;color:var(--seo-article-heading);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seo-article-nav__card:hover,.seo-article-nav__card:focus-visible{transform:translateY(-2px);border-color:rgb(var(--text-color)/.35);box-shadow:0 16px 26px rgb(var(--text-color)/.1)}.seo-article-nav__media{width:90px;height:90px;border-radius:12px;overflow:hidden;background:rgb(var(--text-color)/.06)}.seo-article-nav__media img{width:100%;height:100%;object-fit:cover}.seo-article-nav__label{font-size:.75rem;text-transform:uppercase;color:var(--seo-article-muted);letter-spacing:.08em;margin-bottom:6px}.seo-article-nav__title{font-size:.95rem;line-height:1.4;margin:0}.seo-article-more{padding:clamp(36px,4vw,60px) 0;border-top:1px solid var(--seo-article-border)}.seo-article-more__grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.seo-article-more__card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--seo-article-border);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--seo-article-heading);height:100%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seo-article-more__card:hover,.seo-article-more__card:focus-visible{transform:translateY(-2px);border-color:rgb(var(--text-color)/.35);box-shadow:0 20px 32px rgb(var(--text-color)/.12)}.seo-article-more__media{aspect-ratio:4 / 3;background:rgb(var(--text-color)/.06);overflow:hidden}.seo-article-more__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.seo-article-more__card:hover .seo-article-more__media img,.seo-article-more__card:focus-visible .seo-article-more__media img{transform:scale(1.03)}.seo-article-more__body{padding:16px;display:grid;gap:10px;grid-template-rows:auto auto 1fr auto}.seo-article-more__meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--seo-article-muted)}.seo-article-more__title{margin:0;font-size:1rem;line-height:1.4}.seo-article-more__excerpt{color:var(--seo-article-muted);font-size:.92rem}.seo-article-more__tag{display:inline-flex;padding:4px 10px;border-radius:999px;background:rgb(var(--text-color)/.06);font-size:.75rem;width:fit-content}@media(max-width:990px){.seo-article__layout{grid-template-columns:minmax(0,1fr)}.seo-article-sidebar{position:static}}@media(min-width:1024px){.seo-article__content{font-size:1.125rem}}@media(max-width:749px){.seo-article__hero{padding-top:20px}.seo-article__breadcrumb-current{display:none}.seo-article-hero__main{gap:14px}.seo-article-hero__media{min-height:200px;aspect-ratio:4 / 3}.seo-article-hero__image{max-height:300px}.seo-article__share{gap:8px}.seo-article-share__link span,.seo-article-share__copy span{display:none}.seo-article-share__link,.seo-article-share__copy{padding:8px}.seo-article-sidebar__toc{display:none}.seo-article-product-card{grid-template-columns:80px 1fr}.seo-article-product-card__media{width:80px;height:80px}.seo-article-author,.seo-article-nav{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/section-seo-article-template.css.map */