.digi-dashboard__content:has(.digi-ranking-page) { padding: 0; }
.digi-ranking-page { min-height: 820px; padding: 44px 28px 100px; background: #f6f6f6; }
.digi-ranking-page__inner { width: min(100%, 790px); margin-inline: auto; }
.digi-ranking-hero {
  position: relative; display: flex; align-items: center; justify-content: flex-start;
  min-height: 143px; padding: 32px 42px; overflow: hidden; border-radius: 18px;
  background: #34343b url("../images/ranking-hero.png") center 49% / cover no-repeat;
}
.digi-ranking-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 35%, rgba(36,36,42,.1) 57%, rgba(36,36,42,.88) 100%); }
.digi-ranking-hero h1 { position: relative; z-index: 1; margin: 0; color: #fff; font-size: clamp(28px,4vw,42px); font-weight: 900; }
.digi-ranking-filters { display: grid; grid-template-columns: 146px 146px minmax(240px,1fr); gap: 14px; margin: 44px 0 20px; }
.digi-ranking-filter, .digi-ranking-search { position: relative; display: block; }
.digi-ranking-filter select, .digi-ranking-search input {
  width: 100%; height: 42px; border: 1px solid #ececec; border-radius: 10px; background: #fff;
  color: #3d3d3d; font-size: 14px; outline: none;
}
.digi-ranking-filter select { padding: 0 14px; cursor: pointer; }
.digi-ranking-search { grid-column: 3; grid-row: 1; }
.digi-ranking-search input { padding: 0 42px 0 14px; }
.digi-ranking-search input::placeholder { color: #c7c7c7; }
.digi-ranking-search__icon { position: absolute; z-index: 1; right: 15px; top: 50%; width: 14px; height: 14px; border: 2px solid #333; border-radius: 50%; transform: translateY(-55%); }
.digi-ranking-search__icon::after { content: ""; position: absolute; left: -4px; bottom: -3px; width: 6px; height: 2px; border-radius: 2px; background: #333; transform: rotate(45deg); }
.digi-ranking-table-wrap { position: relative; min-height: 280px; border: 1px solid #dedede; border-radius: 10px; background: #fff; overflow: hidden; }
.digi-ranking-scroll { overflow-x: auto; scrollbar-color: #f5a13f #d7d7d7; scrollbar-width: thin; }
.digi-ranking-table { width: 100%; min-width: 690px; border-collapse: collapse; table-layout: fixed; font-size: 14px; text-align: center; }
.digi-ranking-table th { height: 40px; background: #fff; color: #353535; font-weight: 600; border-bottom: 1px solid #ddd; }
.digi-ranking-table th:nth-child(1) { width: 76px; }
.digi-ranking-table th:nth-child(2) { width: 190px; }
.digi-ranking-table th:nth-child(3) { width: 150px; }
.digi-ranking-table td { height: 51px; padding: 8px 10px; color: #4a4a4a; border-left: 1px solid #e4e4e4; }
.digi-ranking-table th:not(:last-child) { border-left: 1px solid #e4e4e4; }
.digi-ranking-table td:last-child { border-left: 0; }
.digi-ranking-table tbody tr:nth-child(odd) { background: #f8f8f8; }
.digi-ranking-name { font-weight: 500; }
.digi-ranking-points { font-weight: 700; }
.digi-ranking-country { display: inline-flex; align-items: center; justify-content: flex-start; gap: 9px; min-width: 110px; white-space: nowrap; }
.digi-ranking-flag { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 21px; overflow: hidden; border-radius: 3px; font-size: 23px; line-height: 1; }
.digi-ranking-flag--empty { background: #eee; color: #bbb; font-size: 16px; }
.digi-ranking-loading { position: absolute; z-index: 3; inset: 0; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 12px; background: rgba(255,255,255,.84); color: #777; font-size: 13px; }
.is-loading .digi-ranking-loading { display: flex; }
.digi-ranking-spinner { width: 32px; height: 32px; border: 3px solid #eee; border-top-color: #f6902f; border-radius: 50%; animation: digi-ranking-spin .7s linear infinite; }
.digi-ranking-empty, .digi-ranking-error { margin: 0; padding: 38px 16px; text-align: center; color: #777; font-size: 14px; }
.digi-ranking-error { color: #b42318; }
@keyframes digi-ranking-spin { to { transform: rotate(1turn); } }

@media (max-width: 767px) {
  .digi-ranking-page { min-height: 780px; padding: 8px 13px 92px; }
  .digi-ranking-hero { min-height: 125px; padding: 18px; justify-content: center; border-radius: 18px; background-position: 31% center; }
  .digi-ranking-hero::after { background: linear-gradient(0deg,rgba(20,20,20,.68),transparent 62%); }
  .digi-ranking-hero h1 { align-self: flex-end; font-size: 28px; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
  .digi-ranking-filters { grid-template-columns: 1fr 1fr; gap: 10px 16px; margin: 24px 0 12px; }
  .digi-ranking-filter select, .digi-ranking-search input { height: 43px; }
  .digi-ranking-search { grid-column: 1/-1; grid-row: 2; }
  .digi-ranking-table-wrap { overflow: visible; border-radius: 9px; }
  .digi-ranking-scroll { padding-bottom: 20px; overflow-x: scroll; direction: rtl; }
  .digi-ranking-table { width: 690px; }
  .digi-ranking-table th, .digi-ranking-table td { font-size: 14px; }
  .digi-ranking-table th:nth-child(1) { width: 74px; }
  .digi-ranking-loading { bottom: 20px; }
}