/* NEWS — PC 1605:2155 / SP 2303:13721. No page-specific motion. */
html:has(body.news-page){scrollbar-width:none}
html:has(body.news-page)::-webkit-scrollbar{display:none}
.news-page{background:#fff;overflow-x:clip}
.news-page .np-container{width:83.333333%;max-width:1600px;margin-inline:auto}
.news-page .np-head{padding:190px 0 100px;background:linear-gradient(#f4f6fc 7.833%,#fff 40.692%)}
.news-page .np-head-inner{display:flex;align-items:flex-end;justify-content:space-between}
.news-page .np-title h1{font:500 80px/1 Zalando,sans-serif;letter-spacing:0}
.news-page .np-title p{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:24px;line-height:1.2;color:#464c53}
.news-page .np-title p:before{content:'';width:16px;height:2px;background:#27c1f8;flex:none}
.news-page .np-breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}
.news-page .np-breadcrumb>span:not([aria-current]){width:2px;height:2px;background:#b1b8be;border-radius:50%}
.news-page .np-breadcrumb [aria-current]{color:#b1b8be}
.news-page .np-body{display:flex;flex-direction:column;align-items:center;gap:100px}
.news-page .np-list{list-style:none;padding:0;margin-block:0;border-top:1px solid #e6e8ea}
.news-page .np-list>li{border-bottom:1px solid #e6e8ea}
.news-page .np-row{display:flex;align-items:center;gap:40px;padding:40px 40px 40px 24px}
.news-page .np-meta{display:flex;align-items:center;gap:40px;flex:none;font-size:14px;line-height:1.4;white-space:nowrap}
.news-page .np-category{border:1.5px solid #e6e8ea;border-radius:32px;padding:4px 24px;display:flex;align-items:center;height:30.6px}
.news-page .np-row h2{font:400 18px/1.4 LINE,sans-serif;min-width:0}
.news-page .np-pagination{display:flex;align-items:center;gap:8px;color:#39506c;font-size:16px;line-height:1.4}
.news-page #contact .section-heading h2{letter-spacing:0}
@media(max-width:1100px){
 .news-page .np-head{padding:183px 0 0}
 .news-page .np-head-inner{width:88%;display:block}
 .news-page .np-title h1{font-size:40px;line-height:1.2}
 .news-page .np-title p{font-size:16px;line-height:1.4;margin-top:4px}
 .news-page .np-breadcrumb{display:none} /* Not present in the SP Figma. */
 .news-page .np-body{padding:80px 0 160px;gap:80px}
 .news-page .np-list{width:calc(100% - 48px)}
 .news-page .np-row{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 16px}
 .news-page .np-meta{font-size:12px;gap:8px}
 .news-page .np-category{height:27.8px}
 .news-page .np-row h2{font-size:18px;line-height:1.6}
}
@media(max-width:374px){
 .news-page #contact .section-heading h2{font-size:clamp(32px,10.667vw,40px)}
 .news-page #contact .contact-button{font-size:14px;gap:8px}
}

/* CONTACT fit is independent of the page body breakpoint. */
@media(max-width:760px){
 .news-page #contact{display:flex;flex-direction:column;padding:40px 24px;gap:40px}
 .news-page #contact .contact-image{order:0;width:100%;height:auto;aspect-ratio:327/245}
 .news-page #contact .contact-copy{order:1;width:100%}
 .news-page #contact .section-heading h2{font-size:40px;line-height:1.2}
 .news-page #contact .section-heading>p{font-size:16px;line-height:1.4}
 .news-page #contact .contact-copy>p{font-size:16px;line-height:1.8;margin-top:8px}
 .news-page #contact .contact-button{height:67px;padding:16px;font-size:16px}
}
@media(min-width:761px) and (max-width:1100px){
 .news-page #contact[data-contact-layout="tablet"]{display:flex;flex-direction:column;padding:40px 24px;gap:40px}
 .news-page #contact[data-contact-layout="tablet"] .contact-image{order:0;width:100%;height:auto;aspect-ratio:327/245}
 .news-page #contact[data-contact-layout="tablet"] .contact-copy{order:1;width:100%}
 .news-page #contact[data-contact-layout="tablet"] .section-heading h2{font-size:40px;line-height:1.2}
 .news-page #contact[data-contact-layout="tablet"] .section-heading>p{font-size:16px;line-height:1.4}
 .news-page #contact[data-contact-layout="tablet"] .contact-copy>p{font-size:16px;line-height:1.8;margin-top:8px}
 .news-page #contact[data-contact-layout="tablet"] .contact-button{height:67px;padding:16px;font-size:16px}
}
