.news-item{padding:6px;display:flex;flex-direction:column;border-radius:36px;background-color:#fff}.news-item__img-box{border-radius:36px;width:100%;height:352px;overflow:hidden}.news-item__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-item__info{padding:24px 18px;flex:auto;display:flex;flex-direction:column;align-items:flex-start}.news-item__title{max-width:340px}.news-item__footer{margin-top:auto}.news-item__more{margin-top:20px;transition:color .35s}.news-item__more .text__icon svg{transition:fill .35s;fill:var(--color-gray)}.news-item__more:hover{color:#000}.news-item__more:hover .text__icon svg{fill:#000}.news-item__more:active{opacity:.7}@media (max-width: 1480px){.news-item__title{max-width:280px}.news-item__more{font-size:14px}}@media (max-width: 1200px){.news-item__img-box{height:310px}}@media (max-width: 991px){.news-item__img-box{height:352px}}@media (max-width: 767px){.news-item__info{padding-left:16px;padding-right:16px}}.article-detail{padding:40px 0 120px;background-color:var(--color-primary-100)}.article-detail__card{padding:0;background-color:#fff;border-radius:36px;overflow:hidden}.article-detail__header{position:relative;overflow:hidden;border-top-left-radius:36px;border-top-right-radius:36px}.article-detail__img{display:block;width:100%;height:auto}.article-detail__expired-banner{padding:40px;margin:40px 60px 0;background-color:#f5f0eb;border-radius:16px;text-align:center}.article-detail__expired-banner h2{font-family:var(--font-primary);font-size:24px;font-weight:500;margin-bottom:12px}.article-detail__expired-banner p{font-size:16px;color:var(--color-gray);margin-bottom:24px}.article-detail__expired-links{display:flex;justify-content:center;gap:16px}.article-detail__expired-links a{display:inline-block;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;transition:all .35s}.article-detail__expired-links a:first-child{background-color:var(--color-primary);color:#fff}.article-detail__expired-links a:first-child:hover{opacity:.85}.article-detail__expired-links a:last-child{background-color:#fff;border:1px solid var(--color-primary-300);color:var(--color-black)}.article-detail__expired-links a:last-child:hover{border-color:var(--color-primary)}.article-detail__body{padding:60px;max-width:916px;margin:0 auto}.article-detail__title{margin-bottom:40px}.article-detail__meta{margin-bottom:40px;display:flex;align-items:center;gap:24px}.article-detail__date{display:flex;align-items:center;gap:8px;color:var(--color-gray)}.article-detail__date svg{width:16px;height:16px}.article-detail__content{font-size:18px;line-height:1.67;color:var(--color-black)}.article-detail__content h2,.article-detail__content h3,.article-detail__content h4{font-family:var(--font-primary);font-weight:500;letter-spacing:0;line-height:1.22}.article-detail__content h2:not(:first-child),.article-detail__content h3:not(:first-child),.article-detail__content h4:not(:first-child){margin-top:60px}.article-detail__content h2:not(:last-child),.article-detail__content h3:not(:last-child),.article-detail__content h4:not(:last-child){margin-bottom:20px}.article-detail__content h2{font-size:24px}.article-detail__content h3{font-size:22px}.article-detail__content h4{font-size:20px}.article-detail__content p{margin:0}.article-detail__content p:not(:first-child){margin-top:20px}.article-detail__content b{font-weight:500}.article-detail__content ol,.article-detail__content ul{padding-left:40px}.article-detail__content ol li,.article-detail__content ul li{margin:18px 0}.article-detail__content ol{list-style-type:decimal}.article-detail__content ul{list-style-type:disc}.article-detail__content img{display:block;max-width:100%;height:auto;margin:1.5rem auto}.article-detail__content img:not(:first-child){margin-top:60px}.article-detail__content img:not(:last-child){margin-bottom:60px}.article-detail__content blockquote{padding:36px 48px 35px 37px;background-color:#ecf0f040;border-left:8px solid #ecf0f0;font-style:italic;font-size:14px;line-height:1.71}.article-detail__content blockquote:not(:first-child){margin-top:40px}.article-detail__content a{color:var(--color-primary);text-decoration:underline;transition:opacity .35s}.article-detail__content a:hover{opacity:.7}.article-detail__content .price-old{text-decoration:line-through;color:var(--color-gray)}.article-detail__content .price-new{color:var(--color-primary);font-weight:500}.article-detail__nav{margin-top:60px;display:flex;justify-content:space-between;gap:24px}.article-detail__nav-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background-color:#fff;border:1px solid var(--color-primary-300);border-radius:12px;font-size:14px;font-weight:500;color:var(--color-black);transition:all .35s}.article-detail__nav-btn:hover{background-color:var(--color-primary-100);border-color:var(--color-primary)}.article-detail__nav-icon--prev{transform:rotate(90deg)}.article-detail__nav-icon--next{transform:rotate(-90deg)}.article-detail__related{margin-top:120px}.article-detail__related-title{margin-bottom:40px;text-align:center}.article-detail__related-list{margin-top:-24px;margin-left:-24px;display:flex;flex-wrap:wrap}.article-detail__related-item{margin-top:24px;margin-left:24px;width:calc(33.33% - 24px)}@media (max-width: 1480px){.article-detail__body{padding:48px}.article-detail__title{margin-bottom:32px}.article-detail__related{margin-top:80px}}@media (max-width: 991px){.article-detail{padding:40px 0 80px}.article-detail__expired-banner{margin:32px 32px 0}.article-detail__body{padding:40px 32px}.article-detail__content{font-size:16px}.article-detail__content h2:not(:first-child),.article-detail__content h3:not(:first-child),.article-detail__content h4:not(:first-child){margin-top:40px}.article-detail__content img:not(:first-child){margin-top:40px}.article-detail__content img:not(:last-child){margin-bottom:40px}.article-detail__nav{margin-top:48px}.article-detail__related{margin-top:60px}.article-detail__related-item{width:calc(50% - 24px)}}@media (max-width: 767px){.article-detail{padding:40px 0 60px}.article-detail__expired-banner{margin:20px 20px 0;padding:24px 16px}.article-detail__expired-banner h2{font-size:20px}.article-detail__expired-banner p{font-size:14px}.article-detail__expired-links{flex-direction:column;gap:12px}.article-detail__expired-links a{width:100%;text-align:center}.article-detail__body{padding:30px 20px}.article-detail__title,.article-detail__meta{margin-bottom:24px}.article-detail__content{font-size:14px;line-height:1.5}.article-detail__content h2{font-size:18px}.article-detail__content h3,.article-detail__content h4{font-size:16px}.article-detail__content h2:not(:first-child),.article-detail__content h3:not(:first-child),.article-detail__content h4:not(:first-child){margin-top:30px}.article-detail__content h2:not(:last-child),.article-detail__content h3:not(:last-child),.article-detail__content h4:not(:last-child){margin-bottom:10px}.article-detail__content p:not(:first-child){margin-top:10px}.article-detail__content ol li,.article-detail__content ul li{margin:16px 0}.article-detail__content img{margin:0 -20px;max-width:calc(100% + 40px)}.article-detail__content img:not(:first-child){margin-top:30px}.article-detail__content img:not(:last-child){margin-bottom:30px}.article-detail__content blockquote{padding:14px 16px;line-height:1.5}.article-detail__content blockquote:not(:first-child){margin-top:20px}.article-detail__nav{margin-top:36px;flex-direction:column}.article-detail__nav-btn{justify-content:center}.article-detail__related{margin-top:48px}.article-detail__related-title{margin-bottom:24px}.article-detail__related-list{margin-top:-12px}.article-detail__related-item{margin-top:12px;width:calc(100% - 24px)}}