.article-header{margin:50px 0}.article-layout-row{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.article-layout-column{display:flex;flex-direction:column;gap:1.5rem}.article-layout-column.article-image-right .article-media,.article-layout-column.article-image-right .article-info,.article-wrapper.article-layout-overlay.article-image-right .article-media{max-width:100%}.article-layout-overlay{position:relative;display:flex;align-items:center;justify-content:center}.article-overlay-content{position:absolute;z-index:2;padding:20px;border-radius:8px;text-align:center}.article-image-left .article-media{order:1;flex:1;max-width:50%}.article-image-left .article-info,.article-image-right .article-media{order:2;flex:1;max-width:50%}.article-image-right .article-info{order:1;flex:1;max-width:50%}.article-main-container{display:flex;gap:30px}.article-main-content{flex:1}.article-sidebar{max-width:300px;height:fit-content;width:100%}.recent-posts{margin-bottom:2rem}.recent-posts-title{margin:0;font-size:20px;line-height:30px;padding-bottom:0}.recent-post-item{border:1px solid rgba(var(--color-foreground),.2);padding:15px;border-radius:8px}.recent-post-image-content{display:block;overflow:hidden;border-radius:8px}.recent-post-image{width:100%;height:auto;object-fit:cover;border-radius:8px;transform:scale(1.1);transition:transform 1s cubic-bezier(.18,.71,.11,1);overflow:hidden}.recent-post-item:hover .recent-post-image{transform:scale(1)}.recent-post-title{text-decoration:none;font-size:15px;line-height:22px;padding:10px 0;display:block;font-weight:700}.recent-post-title:hover{text-decoration:underline}.recent-post-date{margin:0;font-size:13px;line-height:20px}.recent-posts,.product-recommendations{margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.product-item{border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;padding:15px}.product-item a{text-decoration:none;overflow:hidden;display:block;border-radius:8px}.product-image{width:100%;height:auto;object-fit:cover;border-radius:8px;transform:scale(1.1);transition:transform 1s cubic-bezier(.18,.71,.11,1);overflow:hidden}.product-item:hover .product-image{transform:scale(1)}.product-item .main-product-title{font-size:15px;line-height:22px;margin:0;padding:10px 0}.product-item .price__container{display:flex;gap:5px;font-size:13px;line-height:20px}.product-item .price__container .price-compare{font-size:13px;line-height:20px}.product-recommendations-title{margin:0;font-size:20px;line-height:30px;padding-bottom:0}.newsletter-signup{padding:15px;border-radius:8px;border:1px solid rgba(var(--color-foreground),.2)}.newsletter-signup-title{margin:0;font-size:20px;line-height:30px;padding-bottom:10px;font-weight:600}.newsletter-signup-text{margin:0;font-size:15px;line-height:20px;padding-bottom:10px}.newsletter-signup .newsletter-input-group{flex-direction:column;justify-content:center}.newsletter-signup .newsletter-input-group .newsletter-button{justify-content:center}.article-image{width:100%;height:auto;border-radius:8px}.article-tag{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.article-tag-link{background-color:rgba(var(--color-foreground),1);color:rgba(var(--color-background));text-decoration:none;text-transform:capitalize;padding:10px;font-size:14px;line-height:14px;border-radius:4px}.article-title{font-size:30px;line-height:40px;margin:0;padding:10px 0}.article-author,.article-publish-date{margin:0;font-size:15px;line-height:25px;text-transform:capitalize}.article-excerpt{padding:10px 0;font-size:16px;line-height:26px}.article-content-section{display:flex;flex-wrap:wrap;gap:30px;margin:30px auto}.article-info-content{width:100%;max-width:900px;margin:0 auto}.article-info-content.article-info-content-with-sidebar{max-width:calc(100% - 330px)}.article-info{line-height:26px;font-size:16px}.article-publish-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.main-blog-comment-form-container{margin:50px 0}.main-blog-comment-form-container-title{margin:30px 0}.main-article-comments{margin:20px 0}.main-article-comments-fields{margin-bottom:30px}.main-article-comments-fields-title{margin:0;padding:30px 0}.main-article-comments-inner{padding:15px;margin-bottom:1rem;border-radius:8px;background:#f8f8f8}.article-comment-author-name{font-weight:700;display:block;font-size:14px;line-height:24px;text-transform:capitalize}.article-comment-date{display:block;font-size:14px;line-height:24px;text-transform:capitalize}.main-article-comment-content{text-transform:capitalize}.main-article-comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.comment-field{position:relative}.article-field-label{display:block}.comment-field-input{width:100%;padding:.75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:50px;transition:border-color .3s ease}.comment-text-area{min-height:120px;resize:vertical;border-radius:20px}.submit-article-comment-btn{margin-top:10px;min-width:200px;justify-content:space-between}.button-wrap{text-align:center;margin:3rem 0}.back-to-blog-button{margin:0 auto}.note-success{background-color:#ecfef0;color:#56ad6a;padding:10px;border-radius:8px;border:1px solid rgba(var(--color-foreground),.2)}@media only screen and (max-width:991px){.article-info-content.article-info-content-with-sidebar{max-width:100%}.article-content-section{width:100%}.article-sidebar{max-width:100%}.product-recommendations-title,.recent-posts-title{width:100%}.product-item,.recent-post-item{max-width:calc(33% - 12px);width:100%;margin-bottom:0}.product-recommendations,.recent-posts{margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}}@media only screen and (max-width:767px){.article-layout-row{flex-direction:column}.article-image-left .article-media,.article-image-left .article-info,.article-image-right .article-media,.article-image-right .article-info{max-width:100%}.article-main-container,.article-content-section{flex-direction:column}.article-sidebar{max-width:100%}.product-recommendations-title,.recent-posts-title{width:100%}.product-item,.recent-post-item{max-width:calc(50% - 12px);width:100%;margin-bottom:0}.product-recommendations,.recent-posts{margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.main-article-comment-fields{grid-template-columns:1fr}.article-overlay-content{padding:10px}}@media only screen and (max-width:450px){.product-item,.recent-post-item{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/article.css.map */