.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}.article-template{position:relative}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}}.article-template__hero-large{height:66rem}.article-template__related-products{margin:4rem 0;padding:2rem 0}.article-template__related-title{text-align:center;margin-bottom:3rem;font-size:2.4rem;font-weight:600}@media screen and (min-width: 750px){.article-template__related-title{font-size:3.2rem}}.article-navigation{position:fixed;right:2rem;top:40%;transform:translateY(-50%);z-index:1000;max-width:280px;transition:all .3s ease;display:block}.article-navigation__container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:80vh;overflow-y:auto;transition:all .3s ease;position:relative}.article-navigation__container.collapsed{transform:translate(calc(100% - 50px));width:50px;height:50px;max-height:50px;overflow:hidden;border-radius:50%}.article-navigation__container.collapsed .article-navigation__content,.article-navigation__container.collapsed .article-navigation__related-posts{display:none}.article-navigation__container.collapsed .article-navigation__close-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;background:#fff;box-shadow:0 2px 8px #0000001a;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.article-navigation__close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#666;padding:.5rem;border-radius:4px;transition:all .2s ease;z-index:10}.article-navigation__close-btn:hover{background:#f5f5f5;color:#333}.article-navigation__toggle{display:none}.article-navigation__toggle-btn{position:fixed;right:1rem;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .3s ease}.article-navigation__toggle-btn:hover{transform:translateY(-50%) scale(1.05)}.nav-icon{width:20px;height:2px;background:#333;transition:all .3s ease}.article-navigation__toggle-btn.active .nav-icon:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.article-navigation__toggle-btn.active .nav-icon:nth-child(2){opacity:0}.article-navigation__toggle-btn.active .nav-icon:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.article-navigation__content{padding:1.5rem;max-height:70vh;overflow-y:auto}.article-navigation__title{margin:0 0 1rem;font-size:14px;line-height:16px;font-weight:600;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.article-navigation__list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:.5rem}.nav-item--h1{margin-left:0}.nav-item--h2{margin-left:1rem}.nav-item--h3{margin-left:2rem}.nav-item--h4{margin-left:3rem}.nav-link{display:block;padding:.5rem .75rem;color:#666;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:12px;line-height:1}.nav-link:hover{background:#f8f9fa;color:#333}.nav-link.active{background:#ffe398;color:#2d2d27;font-weight:500}.article-navigation__related-posts{margin-top:1rem;padding:1.5rem;border-top:1px solid #e9ecef}.article-navigation__related-title{margin:0 0 1rem;font-size:14px;font-weight:600;color:#2d2d27}.article-navigation__posts-list{list-style:none;margin:0;padding:0}.article-navigation__post-item{margin-bottom:1rem}.article-navigation__post-item:last-child{margin-bottom:0}.article-navigation__post-link{display:block;border-radius:8px;text-decoration:none;color:#2d2d27;transition:all .5s ease;border:1px solid transparent}.article-navigation__post-link:hover div{background:#f8f9fa}.article-navigation__post-title{font-size:10px;font-weight:500;line-height:1.4;margin-bottom:.25rem;color:#2d2d27}.article-navigation__post-excerpt{font-size:.8rem;color:#666;line-height:1.3;margin-bottom:.25rem}.article-navigation__post-date{font-size:.75rem;color:#999;font-weight:400}@media screen and (max-width: 768px){.article-navigation{position:fixed;right:-100%;top:0;transform:none;width:280px;height:100vh;transition:right .3s ease}.article-navigation.active{right:0}.article-navigation__container{width:100%;height:100vh;background:#fff;border-radius:0;box-shadow:-2px 0 20px #0000001a;max-height:100vh;overflow-y:auto}.article-navigation__toggle{display:block}.article-navigation__content{padding:2rem 1.5rem;max-height:calc(100vh - 4rem)}.article-navigation__toggle-btn{display:flex;right:28px;width:40px;height:40px}.article-navigation__container.collapsed{transform:none;right:-100%;width:50px;height:50px;border-radius:50%;max-height:50px}.article-navigation__related-posts{border-top:none;margin-top:0}}@media screen and (min-width: 769px) and (max-width: 1024px){.article-navigation{right:1rem;max-width:240px}.article-navigation__container{max-width:240px}}@media screen and (min-width: 1025px){.article-navigation{right:2rem;max-width:280px}.article-navigation__container{max-width:280px}}.article-navigation__container::-webkit-scrollbar{width:4px}.article-navigation__container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.article-navigation__container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.article-navigation__container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media screen and (min-width: 990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{line-height:calc(.8 / var(--font-body-scale))}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.article-template{background-color:#f8f8f8;min-height:100vh;padding-bottom:100px}.article-template__back-wrapper{background-color:#f8f8f8;padding:80px 0 20px;margin-top:0!important}.article-template__back-wrapper .page-width.page-width--narrow{padding:0}.page-width--narrow{max-width:1000px;margin:0 auto;padding:24px 48px 36px}.article-template__back{margin-bottom:0;display:flex;gap:10px}.article-template__link{display:inline-flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-size:16px;line-height:22px}.article-template__link:hover{color:#000}.article-template__content-wrapper{background-color:#fff;border-radius:32px;padding:10px 0;margin:auto;max-width:1000px}.article-template__header{margin-bottom:2rem;text-align:center}.article-template__title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#212529}.article-template__meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;justify-content:center}.article-template__meta-item{display:flex;align-items:center;gap:.5rem;font-size:12px;color:#6c757d}.article-template__meta-icon{width:16px;height:16px;flex-shrink:0}.article-template__hero-container{margin-bottom:3rem}.article-template__hero-image{width:100%;border-radius:8px;overflow:hidden}.article-template__hero-image img{width:100%;height:auto;display:block}.article-template__content{margin-bottom:3rem;line-height:1.7;color:#495057}.article-template__content h2{font-size:1.75rem;font-weight:600;margin:2rem 0 1rem;color:#212529}.article-template__content h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem;color:#212529}.article-template__content p{margin-bottom:1.5rem}.article-template__social-sharing{margin-bottom:3rem;padding:2rem 0;border-top:1px solid #e9ecef}.article-template__comment-wrapper{margin-top:4rem;padding:24px;border:1px solid #d9d9d9;border-radius:24px}.article-template__comment-wrapper .page-width--narrow{padding:0}.article-template__comment-wrapper h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#212529}.article-template__comments-comment{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e9ecef}.article-template__comments-comment footer{margin-top:1rem;font-size:.875rem;color:#6c757d}.article-template__comment-wrapper .button{font-size:16px}.article-template__comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.field{margin-bottom:1rem}.field__input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:12px;font-size:1rem}.field__input:focus{outline:none;border-color:#ffe398;box-shadow:0 0 0 .2rem #007bff40}.text-area{min-height:120px;resize:vertical}.button{background:#ffe398;color:#000;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease-in-out}.button:hover{transform:translateY(-2px)}@media screen and (max-width: 768px){.page-width--narrow{padding:0 24px}.article-template__content-wrapper{margin:0 12px;padding:2rem 0}.article-template__title{font-size:2rem}.article-template__meta{flex-direction:column;gap:.75rem}.article-template__comment-fields{grid-template-columns:1fr}.article-template__back:last-child{margin-bottom:0;padding:0 12px;flex-direction:column;align-items:start}.article-template__link{font-size:12px}.article-template__back-wrapper{padding:40px 0 20px}.article-template{padding:0 0 60px}}.article-template__comment-fields>.field:after,.article-template__comments-fields .field:after{box-shadow:none;border-radius:12px}.article-template__comments-fields .field:hover.field:after,.article-template__comments-fields .field:focus{border-radius:12px}.field__input:focus{border:none;border-color:initial;box-shadow:none}.article-template__comment-wrapper .button{border-radius:12px;font-weight:700}.article-template__breadcrumb{display:flex;gap:10px;margin-bottom:15px}.breadcrumb{display:flex}.breadcrumb .link{font-size:16px;text-decoration:none}.breadcrumb .link:after{content:"";display:block;width:0;height:1px;background-color:#000;transition:all .3s}.breadcrumb .link:hover:after{width:100%}.breadcrumb{white-space:normal}.breadcrumb a,.breadcrumb span{display:inline}@media (max-width: 768px){.article-template__comments-fields .field:hover.field:after,.article-template__comments-fields .field:focus{border-radius:6px}.article-template__comment-wrapper{border-radius:12px;padding:24px;margin:-12px}.article-template__comment-wrapper .button{border-radius:6px}.article-template__content-wrapper{border-radius:18px}.article-template__comment-wrapper h2{margin-bottom:10px}.article-template__comment-wrapper .field{margin-bottom:0}.article-template__comments-fields{margin-bottom:10px}.article-template__breadcrumb-sep{display:none}.breadcrumb{font-size:12px;display:block;align-items:center}.breadcrumb .link{font-size:12px}.breadcrumb .link:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog-post.css.map */