.seo-blog{--seo-blog-accent: rgb(var(--color-foreground, var(--color-base-text)));--seo-blog-accent-soft: color-mix(in srgb, var(--seo-blog-accent) 8%, transparent);--seo-blog-interaction: rgb(var(--color-accent, var(--color-foreground, var(--color-base-text))));--seo-blog-interaction-soft: color-mix(in srgb, var(--seo-blog-interaction) 8%, transparent);--seo-blog-surface: rgb(var(--color-background, var(--color-base-background)));--seo-blog-border: color-mix(in srgb, var(--seo-blog-accent) 16%, var(--seo-blog-surface));--seo-blog-muted: color-mix(in srgb, var(--seo-blog-accent) 70%, var(--seo-blog-surface));--seo-blog-sale: rgb(var(--color-pr-sale-price, var(--color-error-text, var(--color-foreground, var(--color-base-text)))));min-width:0;max-width:100%;padding-block:var(--seo-blog-padding-top, 24px) var(--seo-blog-padding-bottom, 48px);color:var(--seo-blog-accent);font-family:var(--font-body-family)}.seo-blog.section-container-lg{max-width:var(--container-max-width);margin-inline:auto;padding-inline:clamp(20px,3vw,48px)}.seo-blog *,.seo-blog *:before,.seo-blog *:after{box-sizing:border-box}.seo-blog :is(a,button,input){transition:color .18s,background-color .18s,border-color .18s,transform .18s}.seo-blog :is(a,button,input):focus-visible{outline:2px solid var(--seo-blog-interaction);outline-offset:4px}.seo-blog a:is(:hover,:focus-visible){color:var(--seo-blog-interaction)}.seo-blog-hero{margin-bottom:28px}.seo-blog-breadcrumb{margin-bottom:24px;font-size:14px;line-height:1.5}.seo-blog-breadcrumb ol{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;list-style:none}.seo-blog-breadcrumb li{display:flex;gap:12px}.seo-blog-title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(28px,3vw,44px);line-height:1.2;overflow-wrap:anywhere}.seo-blog-description{max-width:80ch;margin-top:20px;font-size:18px;line-height:1.75;overflow-wrap:anywhere}.seo-blog-description p{margin:0}.seo-blog-description p+p{margin-top:12px}.seo-blog-tags{max-width:100%;overflow-x:auto;padding-bottom:10px;margin-bottom:28px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--seo-blog-border) var(--seo-blog-surface)}.seo-blog-tags::-webkit-scrollbar{height:6px}.seo-blog-tags::-webkit-scrollbar-track{background:var(--seo-blog-surface)}.seo-blog-tags::-webkit-scrollbar-thumb{background:var(--seo-blog-border);border-radius:4px}.seo-blog-tags ul{display:flex;flex-wrap:nowrap;width:max-content;gap:8px;margin:0;padding:0;list-style:none}.seo-blog-tags li{flex:0 0 auto}.seo-blog-tags__link{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid var(--seo-blog-border);border-radius:6px;font-size:14px;white-space:nowrap}.seo-blog-tags__link:is(.is-active,:hover,:focus-visible){border-color:var(--seo-blog-interaction);background:var(--seo-blog-interaction-soft)}.seo-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:clamp(24px,3vw,40px);align-items:start;min-width:0;max-width:100%}.seo-blog-layout--single{grid-template-columns:minmax(0,1fr)}.seo-blog-main{min-width:0;max-width:100%}.seo-blog-featured{min-height:360px;border:1px solid var(--seo-blog-border);border-radius:12px;overflow:hidden;background:var(--seo-blog-surface)}.seo-blog-featured>.seo-blog-card__link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:360px}.seo-blog-featured__body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px;gap:16px}.seo-blog-featured__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(26px,2.3vw,34px);line-height:1.25;overflow-wrap:anywhere}.seo-blog-featured__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0;font-size:16px;line-height:1.65;overflow-wrap:anywhere}.seo-blog-featured__meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--seo-blog-muted);font-size:12px;line-height:1.6}.seo-blog-card__media{position:relative;isolation:isolate;min-width:0;overflow:hidden;aspect-ratio:3 / 2;background:var(--seo-blog-accent-soft)}.seo-blog-featured .seo-blog-card__media{aspect-ratio:auto;min-height:360px}.seo-blog-card__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(18px);transform:scale(1.12);opacity:.4;z-index:-1}.seo-blog-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .25s ease}.seo-blog-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--seo-blog-muted);opacity:.4}.seo-blog-card__tag{position:absolute;top:12px;inset-inline-start:12px;max-width:calc(100% - 24px);padding:5px 9px;border-radius:4px;background:var(--seo-blog-surface);color:var(--seo-blog-accent);font-size:12px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-blog-card__tag--inline{position:static;align-self:flex-start;max-width:100%;width:fit-content;margin-bottom:12px;background:var(--seo-blog-accent-soft)}.seo-blog-featured__body>.seo-blog-card__tag--inline{margin-bottom:0}.seo-blog-featured.seo-blog-featured--text-only{min-height:0}.seo-blog-featured.seo-blog-featured--text-only>.seo-blog-card__link{grid-template-columns:minmax(0,1fr);min-height:0}.seo-blog-featured:has(a:is(:hover,:focus-visible)){border-color:var(--seo-blog-interaction)}.seo-blog-featured>a:is(:hover,:focus-visible) .seo-blog-featured__title{color:var(--seo-blog-interaction)}.seo-blog-featured>a:is(:hover,:focus-visible) .seo-blog-card__image{transform:scale(1.02)}.seo-blog-latest{margin-top:32px}.seo-blog-latest>h2{font-size:26px;font-family:var(--font-heading-family);margin:0 0 24px;line-height:1.3}.seo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.seo-blog-card{display:flex;flex-direction:column;height:100%;min-width:0;border:1px solid var(--seo-blog-border);border-radius:8px;overflow:hidden;background:var(--seo-blog-surface);transition:border-color .18s,transform .18s}.seo-blog-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.seo-blog-card__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;padding:20px}.seo-blog-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-size:20px;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:1.35;overflow-wrap:anywhere}.seo-blog-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.65;margin:12px 0 0;color:var(--seo-blog-muted);overflow-wrap:anywhere}.seo-blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding-top:16px;font-size:12px;line-height:1.6;color:var(--seo-blog-muted)}.seo-blog-card:has(a:is(:hover,:focus-visible)){border-color:var(--seo-blog-interaction);transform:translateY(-3px)}.seo-blog-card__link:is(:hover,:focus-visible) .seo-blog-card__title{color:var(--seo-blog-interaction)}.seo-blog-card__link:is(:hover,:focus-visible) .seo-blog-card__image{transform:scale(1.03)}.seo-blog-sidebar{position:sticky;top:calc(var(--header-height, 0px) + 24px);align-self:start;min-width:0}.seo-blog-sidebar__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:20px;line-height:1.35;margin:0 0 20px;overflow-wrap:anywhere}.seo-blog-recommended__list{display:grid;gap:20px}.seo-blog-product{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding-block:4px;background:var(--seo-blog-surface)}.seo-blog-product__image-link{display:block;align-self:start;overflow:hidden;background:var(--seo-blog-surface)}.seo-blog-product__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;transition:transform .18s}.seo-blog-product__body{display:flex;flex-direction:column;gap:8px;min-width:0}.seo-blog-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:1.4;margin:0}.seo-blog-product__variant{margin:0;font-size:13px;line-height:1.5;color:var(--seo-blog-muted);overflow-wrap:anywhere}.seo-blog-product__price{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin:0;font-size:14px;line-height:1.5}.seo-blog-product__current{font-weight:600}.seo-blog-product__current--sale{color:var(--seo-blog-sale)}.seo-blog-product__price s{color:var(--seo-blog-muted);font-size:12px}.seo-blog-product:has(a:is(:hover,:focus-visible)) .seo-blog-product__image{transform:scale(1.03)}.seo-blog-product:has(a:is(:hover,:focus-visible)) .seo-blog-product__title{text-decoration:underline}.seo-blog .seo-blog-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--seo-blog-accent);border-radius:4px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;color:var(--seo-blog-surface);background:var(--seo-blog-accent);cursor:pointer}.seo-blog .seo-blog-button:is(:hover,:focus-visible){color:var(--seo-blog-accent);background:var(--seo-blog-interaction-soft);border-color:var(--seo-blog-interaction)}.seo-blog-button[aria-disabled]{opacity:.6;cursor:default}.seo-blog-newsletter{padding:24px;border:1px solid var(--seo-blog-border);border-radius:8px;background:var(--seo-blog-accent-soft)}.seo-blog-recommended+.seo-blog-newsletter{margin-top:28px}.seo-blog-newsletter__description{font-size:14px;line-height:1.65;margin-bottom:20px;overflow-wrap:anywhere}.seo-blog-newsletter__description p{margin:0}.seo-blog-newsletter__form{display:flex;flex-direction:column;gap:12px;margin:0}.seo-blog-newsletter label{font-size:14px;line-height:1.5}.seo-blog-newsletter input[type=email]{display:block;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--seo-blog-border);border-radius:4px;background:var(--seo-blog-surface);color:var(--seo-blog-accent);font-family:inherit;font-size:16px}.seo-blog-newsletter input::placeholder{color:var(--seo-blog-muted);opacity:1}.seo-blog-newsletter__status,.seo-blog-newsletter__error{font-size:14px;line-height:1.65;margin:0;overflow-wrap:anywhere}.seo-blog-newsletter__error{color:var(--seo-blog-sale)}.seo-blog-newsletter__error ul{padding-inline-start:20px;margin:0}.seo-blog-pagination{padding-top:32px;margin-top:32px;border-top:1px solid var(--seo-blog-border)}.seo-blog-pagination__status{font-size:14px;color:var(--seo-blog-muted);text-align:center;margin:0 0 16px}.seo-blog-pagination__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.seo-blog-pagination__links :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid var(--seo-blog-border);border-radius:4px;font-size:14px;line-height:1.5}.seo-blog-pagination__links a:is(:hover,:focus-visible),.seo-blog-pagination__links .is-current{border-color:var(--seo-blog-interaction);background:var(--seo-blog-interaction-soft)}.seo-blog-empty{padding:40px 24px;border:1px solid var(--seo-blog-border);border-radius:8px;font-size:16px;line-height:1.6;background:var(--seo-blog-accent-soft)}@media(max-width:989px){.seo-blog-layout{grid-template-columns:minmax(0,1fr)}.seo-blog-sidebar{position:static}.seo-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-blog-featured{min-height:320px}.seo-blog-featured>.seo-blog-card__link{min-height:320px}.seo-blog-featured .seo-blog-card__media{min-height:320px}.seo-blog-featured__body{padding:24px}.seo-blog-featured__title{font-size:30px}.seo-blog-featured__excerpt{-webkit-line-clamp:3}}@media(max-width:599px){.seo-blog-description{font-size:16px}.seo-blog-featured{min-height:0}.seo-blog-featured>.seo-blog-card__link{grid-template-columns:minmax(0,1fr);min-height:0}.seo-blog-featured .seo-blog-card__media{aspect-ratio:16 / 10;min-height:0}.seo-blog-featured__body{padding:22px;gap:14px}.seo-blog-featured__title{font-size:26px}.seo-blog-grid{grid-template-columns:minmax(0,1fr);gap:20px}.seo-blog-newsletter{padding:22px}}@media(prefers-reduced-motion:reduce){.seo-blog *,.seo-blog *:before{transition:none!important}.seo-blog-card:has(a:is(:hover,:focus-visible)){transform:none}.seo-blog-card__link:is(:hover,:focus-visible) .seo-blog-card__image,.seo-blog-featured>a:is(:hover,:focus-visible) .seo-blog-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-seo-blog-template.css.map */