/* SUNDUQ v405 — серверные ссылки каталогов */

.su405CrawlLink,
.su405CrawlLink:visited{
  display:block;
  color:inherit;
  text-decoration:none;
}

.su405CrawlLink h3,
.su405CrawlLink p,
.su405CrawlLink b,
.su405CrawlLink strong,
.su405CrawlLink span{
  text-decoration:none;
}

.su405NoPhoto{
  font-size:14px;
  font-weight:800;
  color:inherit;
}

.su405TextLogo{
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  text-align:center;
  line-height:1.05;
}

.su405RealtyFallback{
  font-size:15px;
  font-weight:900;
  opacity:.82;
}

.su405Details{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.08);
  font-weight:900;
  color:#8bcaff;
}

.su405AutoDetails{
  border:1px solid rgba(112,185,255,.3);
  background:rgba(37,143,255,.1);
  color:#8bcaff;
  border-radius:12px;
  padding:9px 11px;
  font-weight:850;
  text-decoration:none;
}

.su405AutoDetails:visited{
  color:#8bcaff;
}

@media(max-width:560px){
  .su405AutoDetails{
    text-align:center;
  }
}

/* SUNDUQ v416 — SEO pagination for jobs */
.jobsSeoPagination{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 8px;
}

.jobsSeoPage{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid currentColor;
  border-radius:10px;
  text-decoration:none;
}

.jobsSeoPage.is-current{
  font-weight:700;
  cursor:default;
}

.jobsSeoPrev,
.jobsSeoNext{
  min-width:auto;
}

.jobsSeoDots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
}

/* SUNDUQ v418 — city jobs internal linking */
.jobsCitySeoNav{
  margin:18px 0 24px;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
}

.jobsCitySeoHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.jobsCitySeoHead h2{
  margin:4px 0 0;
  font-size:1.15rem;
}

.jobsCitySeoAll{
  white-space:nowrap;
  text-decoration:none;
}

.jobsCitySeoLinks{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
}

.jobsCitySeoLink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  text-decoration:none;
}

.jobsCitySeoLink b{
  font-size:.82rem;
  opacity:.72;
}

.jobsCitySeoLink.is-current{
  font-weight:700;
  cursor:default;
}

@media (max-width:680px){
  .jobsCitySeoHead{
    align-items:flex-start;
    flex-direction:column;
  }

  .jobsCitySeoLinks{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .jobsCitySeoLink{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}

/* SUNDUQ v419 — factual city jobs content */
.jobsCityFacts{
  margin:18px 0 26px;
  padding:20px;
  border:1px solid rgba(127,127,127,.22);
  border-radius:16px;
  background:rgba(127,127,127,.04);
}

.jobsCityFactsIntro h2{
  margin:5px 0 8px;
  font-size:1.25rem;
}

.jobsCityFactsIntro p{
  margin:0;
  line-height:1.55;
}

.jobsCityFactsGrid{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}

.jobsCityFactCard{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-height:88px;
  padding:14px;
  border:1px solid rgba(127,127,127,.18);
  border-radius:12px;
}

.jobsCityFactCard b{
  font-size:1.35rem;
}

.jobsCityFactCard span{
  font-size:.88rem;
  line-height:1.35;
  opacity:.78;
}

.jobsCityFactsColumns{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.jobsCityFactsBox{
  padding:15px;
  border:1px solid rgba(127,127,127,.18);
  border-radius:12px;
}

.jobsCityFactsBox h3{
  margin:0 0 10px;
  font-size:1rem;
}

.jobsCityFactsBox ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.jobsCityFactsBox li{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.jobsCityFactsBox li span{
  line-height:1.35;
}

.jobsCityFactsBox li b{
  flex:0 0 auto;
  opacity:.7;
}

.jobsCityFactsNote{
  margin:14px 0 0;
  font-size:.78rem;
  line-height:1.45;
  opacity:.65;
}

@media (max-width:820px){
  .jobsCityFactsGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px){
  .jobsCityFacts{
    padding:15px;
  }

  .jobsCityFactsColumns{
    grid-template-columns:1fr;
  }
}