.blog-page,.article-page{padding-block:12px 48px}.blog-crumb{margin-bottom:16px;color:var(--c-text-2);font-size:12px;line-height:16px}.blog-crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.blog-crumb li{display:inline-flex;align-items:center;gap:4px;min-width:0}.blog-crumb li span{overflow:hidden;max-width:60vw;text-overflow:ellipsis;white-space:nowrap}.blog-crumb .icon{width:12px;height:12px;color:var(--c-text-3)}.blog-crumb a:hover{color:var(--c-accent)}.blog-crumb [aria-current]{color:var(--c-text);font-weight:600}.blog-head{margin-bottom:16px}.blog-head__title{font-size:24px;font-weight:600;line-height:32px}.blog-head__tag{color:var(--c-text-2);font-weight:400}.blog-head__intro{max-width:760px;margin-top:8px;color:var(--c-text-2);font-size:14px;line-height:21px}.blog-tags{margin-bottom:24px}.blog-tags__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.blog-tags__list::-webkit-scrollbar{display:none}.blog-tags__list .chip{font-size:13px}.blog-tags__list .chip:hover{border-color:var(--c-accent-border);color:var(--c-accent)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-bg);transition:box-shadow .2s}.blog-card:hover{box-shadow:var(--shadow-card)}.blog-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--c-bg-2)}.blog-card__media img,.blog-card__media svg{width:100%;height:100%;object-fit:cover}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px}.blog-card__meta,.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--c-text-2);font-size:12px;line-height:16px}.blog-card__title{font-size:18px;font-weight:600;line-height:24px}.blog-card__title a:hover{color:var(--c-accent)}.blog-card__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--c-text-2);font-size:14px;line-height:20px}.blog-card__more{display:inline-flex;align-items:center;gap:2px;margin-top:auto;color:var(--c-accent);font-size:14px;font-weight:600}.blog-card__more .icon{width:14px;height:14px}.blog-empty{padding:48px 16px;text-align:center}.blog-pagination{margin-top:32px}.blog-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blog-pagination a,.blog-pagination span{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--c-border);border-radius:var(--radius-small);font-size:14px}.blog-pagination a:hover{border-color:var(--c-accent);color:var(--c-accent)}.blog-pagination .is-current{border-color:var(--c-accent);background:var(--c-accent);color:#fff;font-weight:600}.blog-pagination .blog-pagination__gap{border-color:transparent}.blog-pagination .icon{width:16px;height:16px}.article{max-width:832px;margin-inline:auto}.article__head{margin-bottom:16px}.article__title{margin-bottom:12px;font-size:28px;font-weight:700;line-height:36px}.article__meta{font-size:13px}.article__meta>span{display:inline-flex;align-items:center;gap:4px}.article__meta>span+span:before{content:"\b7";margin-right:6px;color:var(--c-text-3)}.article__meta .icon{width:14px;height:14px}.article__image{overflow:hidden;margin-bottom:20px;border-radius:var(--radius-card);background:var(--c-bg-2)}.article__image img{width:100%}.article-summary{margin-bottom:20px;padding:16px 20px;border:1px solid var(--c-accent-border);border-left:4px solid var(--c-accent);border-radius:var(--radius-card);background:var(--c-accent-soft)}.article-summary__label{margin-bottom:6px;color:var(--c-accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.article-summary__text{font-size:15px;line-height:23px}.article-toc{margin-bottom:24px;border:1px solid var(--c-border);border-radius:var(--radius-card);background:var(--c-bg-3)}.article-toc summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary .icon{width:16px;height:16px;transition:transform .2s}.article-toc details[open] summary .icon{transform:rotate(180deg)}.article-toc__list{padding:0 16px 14px 36px;list-style:decimal;font-size:14px;line-height:20px}.article-toc__list li+li{margin-top:6px}.article-toc__list a{color:var(--c-text)}.article-toc__list a:hover{color:var(--c-accent);text-decoration:underline}.article__content{font-size:16px;line-height:1.7}.article__content h2{margin-top:32px;font-size:22px;line-height:30px;scroll-margin-top:calc(var(--header-height) + 16px)}.article__content h3{margin-top:24px;font-size:18px;line-height:24px}.article__content img{border-radius:var(--radius-card)}.article__tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px;padding-top:16px;border-top:1px solid var(--c-border)}.article__tags-label{color:var(--c-text-2);font-size:13px;font-weight:600}.article__tags ul{display:flex;flex-wrap:wrap;gap:8px}.article__tags .chip{min-height:28px;font-size:13px}.article__tags .chip:hover{border-color:var(--c-accent-border);color:var(--c-accent)}.article-products{margin-top:40px}.article-products__title,.article-comments__title{margin-bottom:16px;font-size:18px;font-weight:600;line-height:24px}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:832px;margin:40px auto 0}.article-nav__link{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--c-border);border-radius:var(--radius-card)}.article-nav__link:hover{border-color:var(--c-accent-border)}.article-nav__link--next{grid-column:2;text-align:right}.article-nav__dir{display:inline-flex;align-items:center;gap:4px;color:var(--c-text-2);font-size:12px}.article-nav__link--next .article-nav__dir{justify-content:flex-end}.article-nav__dir .icon{width:14px;height:14px}.article-nav__title{font-size:14px;font-weight:600;line-height:20px}.article-comments{max-width:832px;margin:40px auto 0}.article-comments__list{margin-bottom:24px}.article-comment{padding:14px 0;border-bottom:1px solid var(--c-border)}.article-comment__meta{margin-bottom:6px;color:var(--c-text-2);font-size:13px}.article-comment__meta strong{color:var(--c-text)}.article-comment__body{font-size:14px}.article-comments__form{display:grid;gap:12px;padding:20px;border:1px solid var(--c-border);border-radius:var(--radius-card)}.article-comments__form-title{font-size:16px;font-weight:600}.article-comments__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-comments__form label{display:block;margin-bottom:4px;font-size:14px;font-weight:600}.article-comments__form input,.article-comments__form textarea{width:100%;padding:10px 12px;border:1px solid var(--c-border);border-radius:var(--radius-small);font-size:14px}.article-comments__form input:focus,.article-comments__form textarea:focus{outline:var(--focus-ring);outline-offset:0}.article-comments__note{color:var(--c-text-2);font-size:12px}.article-comments__form .btn-primary{justify-self:start}@media(max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:767px){.blog-page,.article-page{padding-block:8px 32px}.blog-head__title{font-size:20px;line-height:26px}.blog-grid{grid-template-columns:1fr}.article__title{font-size:22px;line-height:30px}.article__content h2{font-size:19px;line-height:26px}.article-nav,.article-comments__row{grid-template-columns:1fr}.article-nav__link--next{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/266/assets/blog.css.map */