.seo-blog{--seo-blog-text: #171717;--seo-blog-muted: #6f6f6f;--seo-blog-border: #e5e5e5;--seo-blog-soft: #f5f5f5;min-width:0;padding-top:var(--seo-blog-padding-top, 40px);padding-bottom:var(--seo-blog-padding-bottom, 96px);color:var(--seo-blog-text)}.seo-blog *,.seo-blog *:before,.seo-blog *:after{box-sizing:border-box}.seo-blog a{color:inherit;text-decoration:none}.seo-blog a:focus-visible,.seo-blog button:focus-visible,.seo-blog input:focus-visible{outline:2px solid var(--seo-blog-accent);outline-offset:3px}.seo-blog-hero{display:grid;gap:28px}.seo-blog-breadcrumb{color:#777;font-size:14px;line-height:1.5}.seo-blog-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.seo-blog-breadcrumb li+li:before{content:"/";margin-right:8px;color:#aaa}.seo-blog-breadcrumb a{transition:color .2s ease}.seo-blog-breadcrumb a:hover{color:var(--seo-blog-accent)}.seo-blog-hero__copy{max-width:820px}.seo-blog-hero h1{margin:0;color:#050505;font-size:clamp(40px,4vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.04}.seo-blog-hero__description{max-width:720px;margin-top:18px;color:var(--seo-blog-muted);font-size:17px;line-height:1.65}.seo-blog-hero__description>*{margin-block:0}.seo-blog-tags{margin-top:34px;padding-bottom:8px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#bdbdbd transparent;scrollbar-width:thin;overscroll-behavior-inline:contain}.seo-blog-tags::-webkit-scrollbar{height:4px}.seo-blog-tags::-webkit-scrollbar-track{background:transparent}.seo-blog-tags::-webkit-scrollbar-thumb{border-radius:999px;background:#bdbdbd}.seo-blog-tags__list{display:flex;width:max-content;min-width:100%;flex-wrap:nowrap;gap:4px;align-items:center}.seo-blog-tags__item{display:inline-flex;min-height:36px;flex:0 0 auto;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;color:#666;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}.seo-blog-tags__item:hover{color:#111;background:#f3f3f3}.seo-blog-tags__item.is-active{background:var(--seo-blog-accent);color:#fff}.seo-blog-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,320px);gap:38px;align-items:start;margin-top:38px}.seo-blog-feature-row--wide{grid-template-columns:minmax(0,1fr)}.seo-blog-feature-row--wide .seo-blog-featured__link{height:clamp(420px,42vw,560px);aspect-ratio:auto}.seo-blog-featured{min-width:0;margin:0}.seo-blog-featured__link{position:relative;display:grid;min-height:360px;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px;background:#202020;isolation:isolate}.seo-blog-featured__media{position:absolute;top:0;right:0;bottom:0;left:0}.seo-blog-media{overflow:hidden;background:#ededed;isolation:isolate}.seo-blog-media__blur,.seo-blog-media__image,.seo-blog-media__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.seo-blog-media__blur{z-index:-2;object-fit:cover;filter:blur(22px);transform:scale(1.12)}.seo-blog-media__image{z-index:-1;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.seo-blog-media--contain .seo-blog-media__image{object-fit:contain}.seo-blog-media__placeholder{z-index:-1;background:radial-gradient(circle at 72% 26%,rgba(255,91,0,.35),transparent 24%),linear-gradient(135deg,#161616,#3e3e3e 48%,#191919)}.seo-blog-featured__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#00000005 26%,#000000d1);transition:background-color .35s ease}.seo-blog-featured__tag,.seo-blog-card__tag{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;min-height:32px;align-items:center;padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff38;color:#fff;font-size:13px;font-weight:600;line-height:1.25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seo-blog-featured__content{position:relative;z-index:1;align-self:end;max-width:760px;padding:30px 32px;color:#fff}.seo-blog-featured__content h2{display:-webkit-box;margin:0;overflow:hidden;color:inherit;font-size:clamp(27px,2.5vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.16;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-blog-featured__content p{display:-webkit-box;max-width:650px;margin:14px 0 0;overflow:hidden;color:#ffffffd1;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-blog-featured__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;color:#ffffffd1;font-size:13px;line-height:1.4}.seo-blog-featured__meta time,.seo-blog-card__date time{font:inherit}.seo-blog-card__hover-arrow{position:absolute;top:var(--seo-blog-pointer-y, 50%);left:var(--seo-blog-pointer-x, 50%);z-index:3;display:flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;background:var(--seo-blog-accent);color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,-42%) scale(.86);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.seo-blog-card__hover-arrow svg{width:24px;height:24px}.seo-blog-featured__link:hover .seo-blog-media__image,.seo-blog-card__media:hover .seo-blog-media__image{transform:scale(1.035)}.seo-blog-featured__link:hover .seo-blog-card__hover-arrow,.seo-blog-card__media:hover .seo-blog-card__hover-arrow{opacity:1;transform:translate(-50%,-50%) scale(1)}.seo-blog-featured__link:hover .seo-blog-featured__overlay{background-color:#00000014}.seo-blog-latest{margin-top:66px}.seo-blog-section-heading{margin-bottom:28px}.seo-blog-section-heading p,.seo-blog-sidebar__eyebrow{margin:0 0 8px;color:var(--seo-blog-accent);font-size:12px;font-weight:700;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.seo-blog-section-heading h2{margin:0;font-size:clamp(30px,3vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.1}.seo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 24px}.seo-blog-card{display:flex;height:100%;min-width:0;flex-direction:column;transition:transform .3s ease}.seo-blog-card__media{position:relative;display:block;aspect-ratio:1;flex:0 0 auto;border-radius:18px}.seo-blog-card__media:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);content:"";opacity:0;transition:opacity .3s ease}.seo-blog-card__media:hover:after{opacity:1}@media(hover:hover)and (pointer:fine){.seo-blog-card:hover{transform:translateY(-10px)}}.seo-blog-card__body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding-top:18px}.seo-blog-card__date{display:inline-flex;min-height:32px;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--seo-blog-soft);color:#555;font-size:12px;line-height:1.3}.seo-blog-card__date svg{width:16px;height:16px}.seo-blog-card h3{display:-webkit-box;margin:14px 0 0;overflow:hidden;font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-blog-card h3 a{transition:color .2s ease}.seo-blog-card h3 a:hover{color:var(--seo-blog-accent)}.seo-blog-card__excerpt{display:-webkit-box;margin:12px 0 0;overflow:hidden;color:#999;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-blog-card__meta{margin-top:auto;padding-top:14px;color:#777;font-size:12px;line-height:1.4}.seo-blog-sidebar{position:sticky;top:calc(var(--header-height, 72px) + 24px);display:grid;gap:24px;align-self:start}.seo-blog-sidebar__panel{min-width:0;padding:26px;border:1px solid var(--seo-blog-border);border-radius:20px;background:#fff}.seo-blog-sidebar__panel h2{margin:0 0 20px;font-size:25px;font-weight:600;letter-spacing:-.03em;line-height:1.18}.seo-blog-products__list{display:grid;gap:18px}.seo-blog-product{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center}.seo-blog-product+.seo-blog-product{padding-top:18px;border-top:1px solid var(--seo-blog-border)}.seo-blog-product__media{display:block;aspect-ratio:1;overflow:hidden;border-radius:13px;background:var(--seo-blog-soft)}.seo-blog-product__media img,.seo-blog-product__media>span{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.22,1,.36,1)}.seo-blog-product__media>span{background:linear-gradient(135deg,#ededed,#fafafa)}.seo-blog-product:hover .seo-blog-product__media img{transform:scale(1.06) rotate(-1deg)}.seo-blog-product__body{min-width:0}.seo-blog-product h3{display:-webkit-box;margin:0;overflow:hidden;font-size:14px;font-weight:600;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-blog-product h3 a{transition:color .2s ease}.seo-blog-product h3 a:hover{color:var(--seo-blog-accent)}.seo-blog-product__price{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0;font-size:12px;line-height:1.4}.seo-blog-product__price s{color:#999}.seo-blog-product__price strong{color:var(--seo-blog-accent)}.seo-blog-product__button{display:inline-flex;gap:4px;align-items:center;margin-top:9px;color:#111;font-size:12px;font-weight:700;line-height:1.25}.seo-blog-product__button svg{width:14px;height:14px;transition:transform .2s ease}.seo-blog-product__button:hover{color:var(--seo-blog-accent)}.seo-blog-product__button:hover svg{transform:translate(2px,-2px)}.seo-blog-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;margin-top:58px;padding-top:28px;border-top:1px solid var(--seo-blog-border)}.seo-blog-pagination__direction{display:inline-flex;width:max-content;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid var(--seo-blog-border);border-radius:999px;background:#fff;font-size:13px;font-weight:700;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.seo-blog-pagination__direction:last-of-type{justify-self:end}.seo-blog-pagination__direction svg{width:18px;height:18px}.seo-blog-pagination__direction:hover{border-color:#111;background:#111;color:#fff}.seo-blog-pagination__direction.is-disabled{opacity:.3}.seo-blog-pagination__pages{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.seo-blog-pagination__pages>*{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:#666;font-size:13px;line-height:1}.seo-blog-pagination__pages a:hover,.seo-blog-pagination__pages .is-current{background:var(--seo-blog-accent);color:#fff}.seo-blog-pagination>p{grid-column:1 / -1;margin:-3px 0 0;color:#888;font-size:12px;line-height:1.4;text-align:center}.seo-blog-empty{margin-top:40px;padding:70px 28px;border:1px dashed #d6d6d6;border-radius:20px;background:var(--seo-blog-soft);color:var(--seo-blog-muted);text-align:center}.seo-blog-empty span{display:block;width:42px;height:4px;margin:0 auto 18px;border-radius:999px;background:var(--seo-blog-accent)}.seo-blog-empty p{margin:0}@media(max-width:1120px){.seo-blog-feature-row{grid-template-columns:minmax(0,1fr) minmax(270px,292px);gap:24px}.seo-blog-feature-row--wide{grid-template-columns:minmax(0,1fr)}.seo-blog-grid{gap:38px 18px}.seo-blog-card h3{font-size:18px}.seo-blog-sidebar__panel{padding:22px}}@media(max-width:989px){.seo-blog-feature-row{grid-template-columns:minmax(0,1fr)}.seo-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.seo-blog-card h3{font-size:22px}.seo-blog-sidebar{position:static;grid-template-columns:minmax(0,1fr);margin-top:0}.seo-blog-sidebar__panel:only-child{max-width:520px}}@media(max-width:749px){.seo-blog{padding-top:min(var(--seo-blog-padding-top, 40px),28px);padding-bottom:min(var(--seo-blog-padding-bottom, 96px),64px)}.seo-blog-hero{gap:20px}.seo-blog-breadcrumb{font-size:12px}.seo-blog-hero h1{font-size:34px;line-height:1.08}.seo-blog-hero__description{margin-top:14px;font-size:14px;line-height:1.55}.seo-blog-tags{margin-top:25px}.seo-blog-tags__item{min-height:34px;padding:7px 14px;font-size:13px}.seo-blog-feature-row{gap:30px;margin-top:28px}.seo-blog-featured__link,.seo-blog-feature-row--wide .seo-blog-featured__link{height:auto;min-height:0;aspect-ratio:16 / 10;border-radius:16px}.seo-blog-featured__tag,.seo-blog-card__tag{top:12px;left:12px;min-height:29px;padding:5px 10px;font-size:12px}.seo-blog-featured__content{padding:20px}.seo-blog-featured__content h2{font-size:23px;line-height:1.18}.seo-blog-featured__content p{margin-top:9px;font-size:12px;line-height:1.45;-webkit-line-clamp:2}.seo-blog-featured__meta{margin-top:10px;font-size:12px}.seo-blog-card__hover-arrow{display:none}.seo-blog-latest{margin-top:50px}.seo-blog-section-heading{margin-bottom:22px}.seo-blog-section-heading h2{font-size:30px}.seo-blog-grid{grid-template-columns:minmax(0,1fr);gap:40px}.seo-blog-card__media{border-radius:16px}.seo-blog-card__body{padding-top:16px}.seo-blog-card h3{font-size:22px}.seo-blog-card__excerpt{font-size:14px}.seo-blog-sidebar{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:0}.seo-blog-sidebar__panel,.seo-blog-sidebar__panel:only-child{width:100%;max-width:none;padding:24px;border-radius:18px}.seo-blog-sidebar__panel h2{font-size:24px}.seo-blog-product{grid-template-columns:82px minmax(0,1fr)}.seo-blog-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:46px}.seo-blog-pagination__direction{width:100%}.seo-blog-pagination__direction:last-of-type{justify-self:stretch}.seo-blog-pagination__pages{grid-column:1 / -1;grid-row:2}.seo-blog-pagination>p{grid-row:3}}@media(max-width:420px){.seo-blog-featured__content p{display:none}.seo-blog-featured__content h2{font-size:20px}.seo-blog-featured__meta{gap:6px}.seo-blog-pagination__direction{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.seo-blog *,.seo-blog *:before,.seo-blog *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-seo-blog-template.css.map */