.home-news-route .home-news-storefront { display: block; }
.home-news-route .news-page { min-width: 0; padding-top: 26px; padding-bottom: 64px; }
.home-news-route .news-page > h1 { margin: 0 0 26px; color: #f3f5f7; font-size: clamp(28px, 3vw, 38px); line-height: 1.25; }
.home-news-route .news-empty { display: flex; flex-direction: column; align-items: center; gap: 14px; min-width: 0; padding: 56px 24px; border: 1px solid #30383e; border-radius: 14px; background: #11161a; text-align: center; }
.home-news-route .news-empty > svg { width: 44px; height: 44px; margin-bottom: 4px; fill: none; stroke: #a9b4bd; stroke-width: 1.4; }
.home-news-route .news-empty h2 { margin: 0; color: #edf1f4; font-size: clamp(21px, 2.5vw, 27px); line-height: 1.4; overflow-wrap: anywhere; }
.home-news-route .news-empty p { margin: 0; color: #acb6bf; font-size: 16px; line-height: 1.6; }
.home-news-route .news-empty-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.home-news-route .news-empty-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 12px 18px; border: 1px solid #4b5963; border-radius: 8px; color: #e9eef2; font-size: 15px; line-height: 1.4; }
.home-news-route .news-empty-actions .news-store-link { border-color: #ee655b; background: #d53b33; color: #fff; }
.home-news-route .news-empty-actions a:hover { border-color: #f38e85; }
.home-news-route .news-page a:focus-visible, .home-news-route .home-pc-toolbar :is(a, input):focus-visible { outline: 2px solid #ffa69c; outline-offset: 4px; }
@media (min-width: 1024px) {
  .home-news-route .news-page { width: min(var(--home-pc-width, 1600px), calc(100% - var(--home-pc-gutter, 80px))); }
}
@media (max-width: 1023px) {
  .home-news-route .home-pc-toolbar { display: flex; flex-direction: column; align-items: stretch; gap: 20px; margin-top: 24px; margin-bottom: 24px; }
  .home-news-route .home-pc-search { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 48px; padding: 0 16px; border: 1px solid #343e46; border-radius: 24px; background: #1b2228; }
  .home-news-route .home-pc-search svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: #b5c0ca; stroke-width: 1.6; }
  .home-news-route .home-pc-search input { width: 100%; min-width: 0; min-height: 46px; padding: 0; border: 0; background: transparent; color: #f1f4f6; font: inherit; font-size: 16px; outline: none; }
  .home-news-route .home-pc-search input::placeholder { color: #a2adb6; opacity: 1; }
  .home-news-route .home-pc-tabs { display: flex; align-items: center; gap: clamp(18px, 5vw, 32px); min-width: 0; flex-wrap: wrap; }
  .home-news-route .home-pc-tabs a { display: inline-flex; align-items: center; min-height: 44px; color: #b6c0c8; font-size: 16px; text-decoration: none; }
  .home-news-route .home-pc-tabs a[aria-current="page"] { color: #fff; }
  .home-news-route .news-page { padding-top: 8px; padding-bottom: 36px; }
  .home-news-route .news-empty { padding: 36px 18px; }
}
@media (max-width: 399px) {
  .home-news-route .news-empty-actions { width: 100%; flex-direction: column; align-items: stretch; }
}