.blog-post-page__container{width:100%;max-width:var(--page-width, 1200px);margin:0 auto;padding-inline:var(--page-margin);padding-block-start:40px;padding-block-end:80px;display:flex;flex-direction:column;gap:var(--gap-xl, 24px)}.blog-post-page__title{margin:0}.blog-post-page__container>.breadcrumbs{margin-inline:0;max-width:none;padding:0}.blog-post-page__cover{margin:0;border:1px solid var(--border-soft)}.blog-post-page__cover-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.blog-post-page__meta{display:flex;flex-direction:column;gap:2px;margin:0;color:var(--text-muted);font-size:.9375rem}.blog-post-page__meta strong{color:var(--color-foreground)}.blog-post-page__layout{display:grid;gap:var(--gap-2xl, 48px);align-items:start}.blog-post-page__content{min-width:0;font-size:1.0625rem;line-height:1.75}.blog-post-page__end{display:grid;gap:32px;max-width:880px}.blog-post-page__cta{display:grid;gap:24px;border:1px solid var(--border-soft);background:#fff;padding:24px}.blog-post-page__cta-head{display:grid;gap:16px}.blog-post-page__cta p{margin:6px 0 0;color:var(--text-muted)}.blog-post-page__cta-actions{display:grid;gap:12px}.blog-post-page__cta-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:24px 0 0;border-top:1px solid var(--border-soft)}@media screen and (min-width:750px){.blog-post-page__title{max-width:24ch}.blog-post-page__meta{flex-direction:row;flex-wrap:wrap;gap:4px 20px}.blog-post-page__meta span+span:before{content:"\b7";margin-inline-end:20px}.blog-post-page__cover-image{aspect-ratio:21 / 9;max-height:440px}.blog-post-page__cta{padding:32px}.blog-post-page__cta-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 32px}.blog-post-page__cta-products{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-post-page__cta-actions{grid-template-columns:auto auto}}@media screen and (min-width:901px){.blog-post-page__layout{grid-template-columns:minmax(0,720px) 340px;justify-content:space-between}.blog-post-page__sidebar{position:sticky;top:calc(var(--header-height, 118px) + 24px)}}.blog-post-page__content table{display:block;max-width:100%;overflow-x:auto}.blog-post-page__sidebar{display:grid;gap:16px}.blog-post-page__card{display:grid;gap:12px;border:1px solid var(--border-soft);padding:var(--gap-lg, 20px)}.blog-post-page__card p{margin:0;color:var(--text-muted)}.blog-post-page__card-heading{margin:0;font-size:1.1875rem}@media screen and (max-width:749px){.blog-post-page__title{text-align:center}.blog-post-page__meta{align-items:center}}.blog-post-page__related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.blog-post-page__related-item{padding-block:var(--gap-md, 16px);border-bottom:1px solid var(--border-soft)}.blog-post-page__related-item:first-child{padding-block-start:0}.blog-post-page__related-item:last-child{padding-block-end:0;border-bottom:none}.blog-post-page__related-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.blog-post-page__related-image{width:56px;height:56px;aspect-ratio:1 / 1;flex-shrink:0;object-fit:cover}.blog-post-page__related-image--fallback{background:var(--palette-lightest, #f6f6f7)}.blog-post-page__related-title{font-size:.9375rem;font-weight:600}.blog-post-page__related-link:hover .blog-post-page__related-title{color:var(--accent-dark, #f57e00);text-decoration:underline}.blog-post-comments-container{width:100%;max-width:var(--normal-content-width);margin:0 auto}.blog-post-comments{display:flex;flex-direction:column;gap:var(--gap-3xl)}.blog-post-comment__author{display:flex;align-items:center;gap:var(--gap-2xs);margin-top:var(--margin-md);font-size:var(--font-size--body-sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.blog-post-comments-pagination{display:flex;justify-content:center;gap:var(--gap-2xs)}.blog-post-comments-pagination,.blog-post-comments-pagination a{color:var(--color-foreground)}.blog-post-comments-pagination .current,.blog-post-comments-pagination a{display:block;padding:var(--padding-2xs) var(--padding-xs)}.blog-post-comments-pagination .current,.blog-post-comments-pagination a:hover{border-bottom:1px solid var(--color-foreground)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-blog-post.css.map */