#section-news-list{background:#0d0d0d}#section-news-list .container{max-width:1100px;margin:0 auto;padding:60px 55px}#section-news-list .news-list-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.8rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(200,168,75,.35)}#section-news-list .news-list-heading h2{margin:0;font-size:1.9rem;letter-spacing:.14em;color:#fff;position:relative;padding-left:1.4rem}#section-news-list .news-list-heading h2:before{content:"";position:absolute;left:0;top:10%;height:80%;width:3px;background:#c8a84b}#section-news-list .news-list-viewall{font-size:1.1rem;color:#c8a84b;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid rgba(200,168,75,.4);padding-bottom:2px;transition:border-color .2s ease,color .2s ease}#section-news-list .news-list-viewall:hover{color:#e0c66a;border-bottom-color:#c8a84b}#section-news-list .news-list{list-style:none;margin:0;padding:0}#section-news-list .news-list-item{border-bottom:1px solid rgba(200,168,75,.15)}#section-news-list .news-list-item:first-child{border-top:none}#section-news-list .news-list-item>a{display:flex;align-items:center;padding:1.8rem .6rem 1.8rem 1.2rem;text-decoration:none;border-left:2px solid transparent;transition:border-color .25s ease,background .25s ease,padding-left .2s ease;gap:2rem}#section-news-list .news-list-item>a:hover{border-left-color:#c8a84b;background:#c8a84b0a;padding-left:1.8rem}#section-news-list .news-list-info{display:flex;align-items:center;gap:1rem;flex-shrink:0}#section-news-list .news-list-date{font-size:1.15rem;color:#c8a84b;letter-spacing:.04em;white-space:nowrap}#section-news-list .news-list-category{font-size:1rem;color:#c8a84b;border:1px solid rgba(200,168,75,.5);padding:2px 8px;letter-spacing:.06em;white-space:nowrap;background:transparent}#section-news-list .news-list-title{font-size:1.35rem;color:#e8e8e8;margin-bottom:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:.03em;transition:color .2s ease}#section-news-list .news-list-item>a:hover .news-list-title{color:#fff}@media screen and (max-width:768px){#section-news-list .container{padding:40px 20px}#section-news-list .news-list-item>a{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.4rem .6rem 1.4rem 1.2rem}#section-news-list .news-list-title{white-space:normal;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map?subset=AAAAAAAAAAE */