.blog-page{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(48px,6vw,96px)}.blog-page__header{margin-bottom:32px;text-align:center}.blog-page__title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--color-text, #111827);margin:0 0 12px;line-height:1.15}.blog-page__desc{font-size:1rem;color:var(--color-text-muted, #64748B);max-width:640px;margin:0 auto;line-height:1.6}.blog-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px}.blog-tag{font-size:.82rem;font-weight:600;color:var(--color-text-muted, #64748B);background:var(--color-surface, #F6F8FB);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-pill, 999px);padding:7px 16px;text-decoration:none;transition:var(--transition, .2s ease)}.blog-tag:hover{border-color:var(--color-primary, #6C3294);color:var(--color-primary, #6C3294)}.blog-tag--active{background:var(--color-primary, #6C3294);border-color:var(--color-primary, #6C3294);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:0;padding:0}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card-wrap{list-style:none}.blog-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border-radius:var(--radius-lg, 24px);overflow:hidden;background:var(--color-white, #fff);border:1px solid var(--color-border, #E5E7EB);transition:var(--transition, .2s ease)}.blog-card:hover{box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.12));transform:translateY(-3px)}.blog-card__media{position:relative;aspect-ratio:3 / 2;background:var(--color-surface, #F6F8FB)}.blog-card__img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blog-card__placeholder svg{width:40%;height:40%}.blog-card__tag{position:absolute;top:12px;left:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary, #6C3294);background:#fff;border-radius:var(--radius-pill, 999px);padding:4px 11px}.blog-card__body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card__meta{font-size:.76rem;color:var(--color-text-light, #9AA7B8);margin:0 0 6px;text-transform:capitalize}.blog-card__title{font-size:1.08rem;font-weight:700;color:var(--color-text, #111827);margin:0 0 8px;line-height:1.3}.blog-card__excerpt{font-size:.88rem;color:var(--color-text-muted, #64748B);line-height:1.55;margin:0 0 14px;flex:1}.blog-card__cta{font-size:.85rem;font-weight:700;color:var(--color-primary, #6C3294)}.blog-empty{text-align:center;padding:64px 0;color:var(--color-text-muted, #64748B)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px;flex-wrap:wrap}.blog-pagination__btn,.blog-pagination__page{font-size:.88rem;font-weight:600;color:var(--color-text-muted, #64748B);text-decoration:none;padding:8px 12px;border-radius:var(--radius-sm, 8px)}.blog-pagination__btn:hover,.blog-pagination__page:hover{background:var(--color-surface, #F6F8FB);color:var(--color-primary, #6C3294)}.blog-pagination__pages{display:flex;gap:4px}.blog-pagination__page--current{background:var(--color-primary, #6C3294);color:#fff}.blog-pagination__ellipsis{padding:8px 4px;color:var(--color-text-light, #9AA7B8)}.article-page{padding-top:clamp(24px,4vw,40px);padding-bottom:clamp(48px,6vw,96px);max-width:800px}.article-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-muted, #64748B);flex-wrap:wrap;margin-bottom:20px}.article-breadcrumb a{color:var(--color-text-muted, #64748B);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--color-primary, #6C3294)}.article-breadcrumb [aria-current=page]{color:var(--color-text, #111827);font-weight:600}.article-header{margin-bottom:28px}.article-header__tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary, #6C3294);background:var(--color-primary-light, #EEE6F6);border-radius:var(--radius-pill, 999px);padding:5px 13px;text-decoration:none;margin-bottom:14px}.article-header__title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--color-text, #111827);line-height:1.2;margin:0 0 14px}.article-header__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--color-text-muted, #64748B)}.article-hero-image{border-radius:var(--radius-lg, 24px);overflow:hidden;margin-bottom:32px;aspect-ratio:16 / 9;background:var(--color-surface, #F6F8FB)}.article-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.article-toc{background:var(--color-surface, #F6F8FB);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 16px);padding:20px 24px;margin-bottom:32px}.article-toc__title{font-weight:700;color:var(--color-text, #111827);margin:0 0 10px;font-size:.95rem}.article-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.article-toc a{color:var(--color-primary, #6C3294);text-decoration:none;font-size:.92rem}.article-toc a:hover{text-decoration:underline}.article-body{font-size:1.05rem;line-height:1.75;color:var(--color-text, #111827)}.article-body :is(h2,h3,h4){scroll-margin-top:96px;margin:2em 0 .6em}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.2rem}.article-body p{margin:0 0 1.1em}.article-body ul,.article-body ol{margin:0 0 1.1em;padding-left:1.4em}.article-body li{margin-bottom:.4em}.article-body a{color:var(--color-primary, #6C3294);text-decoration:underline}.article-body img{border-radius:var(--radius-md, 16px);margin:1.5em 0}.article-faq,.article-cta{scroll-margin-top:96px}.article-faq{margin-top:40px;padding-top:32px;border-top:1px solid var(--color-border, #E5E7EB)}.article-faq__title{font-size:1.4rem;font-weight:800;color:var(--color-text, #111827);margin:0 0 16px}.article-faq__item{border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 16px);padding:4px 20px;margin-bottom:10px}.article-faq__question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-weight:700;color:var(--color-text, #111827);cursor:pointer;list-style:none}.article-faq__question::-webkit-details-marker{display:none}.article-faq__item[open] .article-faq__question svg{transform:rotate(180deg)}.article-faq__answer{padding-bottom:16px;color:var(--color-text-muted, #64748B);font-size:.95rem;line-height:1.6}.article-cta{margin-top:40px;padding-top:32px;border-top:1px solid var(--color-border, #E5E7EB)}.article-cta__title{font-size:1.4rem;font-weight:800;color:var(--color-text, #111827);margin:0 0 16px}.article-cta__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0}@media(max-width:700px){.article-cta__grid{grid-template-columns:repeat(2,1fr)}}.article-author{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding:20px;background:var(--color-surface, #F6F8FB);border-radius:var(--radius-md, 16px)}.article-author__photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.article-author__name{font-weight:700;color:var(--color-text, #111827);margin:0}.article-author__role{font-size:.82rem;color:var(--color-primary, #6C3294);font-weight:600;margin:2px 0 8px}.article-author__bio{font-size:.88rem;color:var(--color-text-muted, #64748B);line-height:1.55;margin:0}.article-related{margin-top:56px;padding-top:32px;border-top:1px solid var(--color-border, #E5E7EB)}.article-related__title{font-size:1.4rem;font-weight:800;color:var(--color-text, #111827);margin:0 0 20px}.article-related .blog-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.article-related .blog-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-blog.css.map */