.article-header{text-align:center;margin-bottom:40px;margin-left:auto;margin-right:auto}.article-header__meta{display:inline-block;padding:6px 16px;background:#f5f5f5;font-size:14px;border-radius:20px;text-transform:uppercase;margin-bottom:20px;letter-spacing:1px;color:rgba(var(--color-foreground),.7)}.article-header__title{margin:0 0 15px;line-height:1.2;font-size:35px}.article-header__meta-text{color:#000;font-size:14px}.article-image{margin-bottom:20px;border-radius:12px;overflow:hidden;width:100%}.article-image img{width:100%;height:auto;display:block}.article-content{line-height:1.8;color:#000;font-size:16px;text-align:justify}.article-content p{font-size:16px}.article-content h2,.article-content h3{margin-top:40px;color:#000}.article-content blockquote{font-style:italic;text-align:center;padding:40px;margin:40px 0;background:#f9f9f9;border-radius:8px;color:#000;position:relative}.article-content img{height:auto;border-radius:8px;margin:30px 0}.article-footer{margin:30px auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.article-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-tags__label,.article-share__label{font-weight:600;margin-right:5px;font-size:14px}.article-tag{text-transform:capitalize;padding:6px 16px;border:1px solid black;border-radius:20px;text-decoration:none;color:#000;transition:all .2s;font-size:14px}.article-tag:hover{border-color:#000}.article-share{display:flex;align-items:center;gap:0px}.share-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid black;border-radius:50%;color:#000;text-decoration:none;transition:all .2s}.share-button:hover{background:#000;border-color:#000;color:#fff}.share-button svg{width:16px;height:16px;fill:currentColor}.article-navigation{margin:0 auto 30px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid black;padding-top:25px}.nav-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:20px}.nav-link--next{text-align:right}.nav-label{text-transform:uppercase;color:#000;letter-spacing:1px}.nav-label svg{width:20px;height:25px;fill:currentColor}.nav-text{display:flex;flex-direction:column;gap:5px}.nav-text span{color:#000}.nav-title{font-weight:600;transition:color .2s}.nav-link:hover .nav-title{color:#000}.related-posts{padding:20px}.related-posts .article-card__tags{display:flex;gap:10px}.related-posts .article-card__tag{padding:10px;background:#f2f2f2;border-radius:4px;line-height:1;font-size:14px}.related-posts__heading{font-family:var(--font-heading--family);text-align:center;margin-bottom:10px;font-weight:700;font-size:35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;box-sizing:border-box}@media screen and (max-width:750px){.related-posts__heading{font-size:25px}.related-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;box-sizing:border-box;scroll-padding:0 20px}.related-grid .related-article-item{flex:0 0 80%;scroll-snap-align:start}}@media screen and (max-width:990px){.related-grid{grid-template-columns:repeat(2,1fr)}.article-header{flex-direction:column;align-items:center}}@media screen and (max-width:750px){.article-footer{flex-direction:column;align-items:flex-start}.nav-title{display:none}}.article-card{display:flex;flex-direction:column;gap:15px}.article-card__image-wrapper{border-radius:8px;overflow:hidden}.article-card__image{position:relative;width:100%;padding-bottom:66.66%;background:#f5f5f5;overflow:hidden}.article-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card__image-link:hover img{transform:scale(1.05)}.article-card__content{display:flex;flex-direction:column}.article-card__info{font-size:14px;color:#000;text-transform:uppercase;letter-spacing:.5px;display:flex;gap:10px;margin-bottom:10px}.article-card__title{font-size:16px;font-weight:600;margin:0 0 10px;line-height:1.3}.article-card__date{color:#000}.article-card__title a{text-decoration:none;color:#000;transition:color .2s}.article-card__title a:hover{color:#000}.article-card__excerpt{color:#000;line-height:1.6}.article-card__read-more{font-size:14px;font-weight:600;color:#000;text-decoration:underline;text-underline-offset:4px;margin-top:5px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article.css.map */