.blog-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:transparent}.blog-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#53a43f,#7bc96a);transition:width .1s linear;border-radius:0 2px 2px 0;box-shadow:0 0 8px #53a43f66}.blog-detail-banner{position:relative;display:grid;height:auto;min-height:var(--media-height);padding:40px 20px 0}.blog-detail-banner-image{height:var(--media-height);width:100%;object-fit:cover;grid-row-start:1;grid-column-start:1}.blog-detail-banner-content{grid-row-start:1;grid-column-start:1;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible}.blog-detail-banner-content:not(.content-overlay){background:transparent}.blog-detail-banner-content.content-overlay{color:var(--media-overlay-text)}.blog-detail-banner-content>div[class*=container]{max-width:860px;background:var(--body-background, #fff);border-radius:24px;padding:50px 56px;box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000a,0 12px 24px #0000000f,0 24px 48px #0000000f;border:1px solid rgba(0,0,0,.06);position:relative;overflow:visible}.main-blog-detail .blog-meta{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:16px}.main-blog-detail .blog-meta span{margin-right:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-weight:600}.content-overlay .main-blog-detail .blog-meta span{color:var(--media-overlay-text)}.blog-read-time{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.blog-read-time:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}.blog-message-count{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 18px;background:#53a43f14;border:1px solid rgba(83,164,63,.15);border-radius:50px;font-size:.8rem;font-weight:600;color:#53a43f;justify-content:center}.blog-message-count svg{flex-shrink:0}.blog-content-heading{margin-bottom:10px;letter-spacing:-.03em;line-height:1.15}.content-overlay .blog-content-heading{color:var(--media-overlay-heading)}.blog-detail-content{padding-top:50px}.blog-content-desc.rte{max-width:960px;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.85;color:var(--body-text)}.blog-content-desc.rte p{margin-bottom:.9rem}.blog-content-desc.rte>p:empty{display:none}.article-card{background:var(--body-background, #fff);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:44px 48px;margin-bottom:28px;box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000a,0 8px 20px #0000000d,0 20px 40px #0000000a;transition:box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(40px) scale(.98)}.article-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000f,0 16px 32px #00000014,0 32px 64px #0000000f}.article-card.visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.article-card.visible:hover{transform:translateY(-4px) scale(1.005)}.article-card:nth-child(2).visible{transition-delay:.05s}.article-card:nth-child(3).visible{transition-delay:.1s}.article-card[data-section="0"]{border:none;background:linear-gradient(135deg,#53a43f0f,#53a43f05);border-left:4px solid #53a43f;font-size:1.1rem;box-shadow:0 1px 2px #53a43f0f,0 4px 8px #53a43f0a,0 12px 24px #53a43f0f,0 24px 48px #53a43f0a}.section-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#53a43f,#6dbf56);color:#fff;font-size:.75rem;font-weight:800;border-radius:10px;margin-right:14px;flex-shrink:0;vertical-align:middle;letter-spacing:0;box-shadow:0 2px 8px #53a43f40}.has-section-number{display:flex;align-items:center;font-size:1.45rem;font-weight:700;line-height:1.3;letter-spacing:-.015em;margin-top:0;margin-bottom:1.25rem;color:var(--heading-color, var(--body-text))}.message-card{position:relative;margin:1.5rem 0;border-radius:14px;background:var(--body-alternate-background, #f8faf7);border:1px solid rgba(83,164,63,.12);overflow:hidden;box-shadow:0 2px 4px #53a43f0a,0 4px 12px #53a43f0f;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(20px)}.message-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #53a43f0f,0 8px 20px #53a43f1a}.message-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .3s ease,box-shadow .3s ease}.message-card-label{display:block;padding:10px 20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#53a43f;background:#53a43f12;border-bottom:1px solid rgba(83,164,63,.1)}.message-card blockquote{margin:0;padding:20px 24px;border:none;border-left:none;border-radius:0;background:transparent;font-style:italic;font-size:1.05rem;line-height:1.75;color:var(--body-text)}.message-card blockquote p{margin-bottom:0}.message-card blockquote p+p{margin-top:.6rem}.copy-btn{display:inline-flex;align-items:center;gap:6px;margin:0 20px 14px;padding:7px 16px;font-size:.78rem;font-weight:600;color:#53a43f;background:#53a43f14;border:1px solid rgba(83,164,63,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.copy-btn:hover{background:#53a43f26;border-color:#53a43f59}.copy-btn.copied{color:#fff;background:#53a43f;border-color:#53a43f}.copy-btn svg{flex-shrink:0}.blog-content-desc.rte h1,.blog-content-desc.rte h2,.blog-content-desc.rte h3,.blog-content-desc.rte h4,.blog-content-desc.rte h5,.blog-content-desc.rte h6{font-family:var(--heading-font-family, inherit);font-weight:700;line-height:1.3;margin-top:2rem;margin-bottom:1rem;color:var(--heading-color, var(--body-text))}.blog-content-desc.rte h5{font-size:1.45rem}.blog-content-desc.rte strong{font-weight:700;color:var(--heading-color, var(--body-text))}.blog-content-desc.rte p>strong:only-child{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#53a43f;margin-top:.5rem;padding:4px 0;border-bottom:2px solid rgba(83,164,63,.2)}.blog-content-desc.rte blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;background:var(--body-alternate-background, #f8f9fa);border-left:4px solid #53a43f;border-radius:0 10px 10px 0;font-style:italic;font-size:1.05rem;line-height:1.75}.blog-content-desc.rte blockquote p{margin-bottom:0}.blog-content-desc.rte hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--border-color, #ddd) 20%,var(--border-color, #ddd) 80%,transparent);margin:2.5rem 0}.blog-engagement-cta{display:none}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,#53a43f,#6dbf56);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99;opacity:0;transform:translateY(20px) scale(.8);transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #53a43f40,0 8px 24px #53a43f26;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.back-to-top:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px #53a43f4d,0 12px 32px #53a43f33}.blog-detail-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.blog-tag-link{display:inline-flex;padding:6px 16px;background:transparent;border:1px solid var(--border-color);border-radius:50px;font-size:var(--text-xs);transition:all .3s ease}.blog-tag-link:hover{background:var(--border-color);color:var(--body-alternate-background)}.blog-detail-content .social-icon-box{margin:30px 0 0;padding:40px 0;border:solid var(--border-color);border-width:1px 0;display:flex;gap:15px}.blog-detail-content .social-icon-box .product-social-icons{margin:0}.social-icon-box.social-with-author{align-items:center;justify-content:space-between}.social-icon-box.social-with-author .product-social-icons{margin:0}.blog-post-author{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;padding-top:40px}.social-icon-box.social-with-author .blog-post-author{padding:0}.blog-post-author-image{width:50px;border-radius:100%;overflow:hidden}.blog-post-author-content{display:flex;flex-direction:column}.blog-detail-comment-box{padding-top:70px}.blog-detail-comment-form-box{background:var(--body-alternate-background);border-radius:var(--card-radius)}.blog-detail-comment-form .button-element{margin-top:10px}.blog-detail-comment-form{padding:0 46px 36px}.blog-detail-comments .article-template__comments-comment{padding:20px;margin-top:20px;background:var(--body-alternate-background);border-radius:var(--card-radius)}.blog-detail-comments .article-template__comments-comment p{font-size:var(--text-xs);margin:0}.blog-detail-comments{margin-bottom:50px}.comment-published-date{display:flex;flex-direction:column;row-gap:2px;margin-top:15px}.blog-detail-comment-heading-section{display:flex;align-items:flex-start;justify-content:space-between;padding:34px 46px}.blog-detail-comment-btn{--svg-wrapper-size: 14px;aspect-ratio:1;width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--button-border);border:1px solid var(--button-border);transition:transform .4s ease-in-out;transform:rotate(-90deg)}.blog-detail-comment-form-box[aria-expanded=true] .blog-detail-comment-btn{transform:rotate(0)}@media(max-width:767px){.blog-detail-banner{padding:20px 12px 0}.blog-detail-banner-content>div[class*=container]{padding:32px 24px;border-radius:18px}.blog-message-count{font-size:.72rem;padding:6px 14px}.article-card{padding:28px 22px;border-radius:16px;margin-bottom:18px}.article-card[data-section="0"]{padding:24px 22px}.has-section-number{font-size:1.2rem}.section-number{width:30px;height:30px;font-size:.65rem;border-radius:8px;margin-right:12px}.message-card blockquote{padding:16px 18px}.copy-btn{margin:0 16px 12px}.blog-detail-content .social-icon-box{padding:20px 0;flex-direction:column;align-items:flex-start}.social-icon-box.social-with-author .product-social-icons{width:100%}.blog-detail-comment-heading-section{padding:20px}.blog-detail-comment-form{padding:0 20px}.blog-detail-content{padding-top:24px}.blog-cta-card{padding:36px 24px;border-radius:16px}.blog-cta-heading{font-size:1.4rem}.blog-cta-text{font-size:.95rem}.blog-content-desc.rte{font-size:1rem;line-height:1.75}.blog-content-desc.rte h5{font-size:1.25rem}}@media(min-width:1025px){.blog-tag-link:hover{background:var(--link-color);border-color:var(--link-color);color:var(--body-background)}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-blog-post.css.map */