.article-banner-section{color:#fff;overflow:hidden}.article-banner__wrapper{display:flex;flex-direction:column;gap:3rem;align-items:center}@media screen and (min-width:990px){.article-banner__wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:4rem}}.article-banner__content{flex:1;display:flex;flex-direction:column;gap:1.5rem;width:100%}@media screen and (min-width:990px){.article-banner__content{max-width:50%}.article-banner__content--full-width{max-width:100%}}.article-banner__tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-banner__tag{border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:.2rem .6rem;font-size:1.2rem;line-height:1;white-space:nowrap}.article-banner__title{color:#fff;margin:0;font-size:3.2rem;line-height:1.2;font-weight:700}@media screen and (min-width:750px){.article-banner__title{font-size:4.5rem}}.article-banner__meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:1.4rem;color:#fff}.article-banner__author{display:flex;align-items:center;gap:1rem}.article-banner__author-image{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#f4f4f4}.article-banner__author-placeholder{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.article-banner__author-placeholder svg{width:20px;height:20px;fill:#888}.article-banner__author-name{font-weight:600;color:#fff}.article-banner__actions{display:flex;gap:1rem;margin-top:5rem}.article-banner__btn{display:flex;align-items:center;gap:.5rem;background:#ffffff26;border:none;border-radius:20px;padding:.8rem 1.6rem;color:#fff;font-size:1.4rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.article-banner__btn:hover{background:#ffffff40}.article-banner__btn svg{width:14px;height:14px;fill:none;stroke:currentColor;margin-right:3px}.article-banner__btn .like-count,.article-banner__btn .share-count{color:#ffffffb3;font-size:1.3rem;margin-left:.2rem}.article-banner__image-wrapper{flex:1;width:100%}@media screen and (min-width:990px){.article-banner__image-wrapper{max-width:50%;display:flex;justify-content:flex-end}}.article-banner__image{width:100%;height:auto;border-radius:16px;object-fit:cover;aspect-ratio:16/9;box-shadow:0 10px 30px #00000026}@media screen and (min-width:990px){.article-banner__image{max-width:100%}}@media screen and (max-width:989px){.article-banner__actions{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-main-article-banner.css.map */