/* Блок допменю */

.uc-menudop {
  border-top: 2px solid #e3e3e3;  /* серая полоса сверху, 2 px */
  margin-top: 10px;
  margin-bottom: -15px;
}

/* Ссылки в допменю по умолчанию */
.uc-menudop a,
.uc-menudop a span {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}

/* Наведение: красный цвет и подчёркивание */
.uc-menudop a:hover,
.uc-menudop a:hover span {
  color: #ff0000 !important;
  text-decoration: underline;
}

/* Делаем символ # полупрозрачным в каждом пункте меню */
.uc-menudop a::first-letter {
  opacity: 0.16; /* 16% видимости */
}



/* ПЛАНШЕТЫ: от 640 до 959 px */
@media screen and (min-width: 640px) and (max-width: 1200px) {

  .uc-listing .t404__imgbox {
    width: 200px !important;
    height: 200px !important;
    margin-left: 0px !important;   /* отступы как сейчас на мобилке */
    margin-right: auto !important;
    margin-bottom: 20px !important;
    overflow: hidden;
  }

  .uc-listing .t404__bgimg {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 0 !important;
  }

  .uc-listing .t404__title {
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-bottom: 8px;
  }

  .uc-listing .t404__descr,
  .uc-listing .t404__txt,
  .uc-listing .t404__text {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #000000;
    margin-bottom: 12px;
  }

  .uc-listing .t404__date {
    font-size: 14px !important;
    font-weight: 400 !important;
    opacity: 0.8;
    margin-bottom: 6px;
  }
}





/* ПЛАНШЕТЫ: от 640 до 959 px */
@media screen and (min-width: 640px) and (max-width: 959px) {

  .uc-listing .t404__imgbox {
    width: 250px !important;
    height: 250px !important;
    margin-left: 0px !important;   /* как на меньшем разрешении */
    margin-right: 50px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
  }

  .uc-listing .t404__bgimg {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 0 !important;
  }

  .uc-listing .t404__title {
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-bottom: 8px;
  }

  .uc-listing .t404__descr,
  .uc-listing .t404__txt,
  .uc-listing .t404__text {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #000000;
    margin-bottom: 12px;
  }

  .uc-listing .t404__date {
    font-size: 14px !important;
    font-weight: 400 !important;
    opacity: 0.8;
    margin-bottom: 6px;
  }
}




/* МОБИЛКИ: до 640 px */
@media screen and (max-width: 639px) {
    
    

  .uc-listing .t404__imgbox {
    width: 200px !important;
    height: 200px !important;
    margin-left: 20px !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    overflow: hidden;
  }

  .uc-listing .t404__bgimg {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;

    /* главное — здесь уменьшаем сам рисунок внутри квадрата */
    background-size: 90% 90% !important;      /* картинка чуть меньше квадрата */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 0 !important;              /* если нужен ровный квадрат */
  }
  

  /* КАРТИНКА: квадрат 200×200, прижат слева на 20px */
  .uc-listing .t404__imgbox {
    width: 200px !important;
    height: 200px !important;
    margin-left: 0px !important;   /* отступ от левого края */
    margin-right: auto !important;
    margin-bottom: 20px !important;
    overflow: hidden;
  }

  .uc-listing .t404__bgimg {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;   /* отключаем «растяжку» по пропорциям */
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 0 !important;    /* если нужен именно квадрат */
  }

  /* ЗАГОЛОВОК */
  .uc-listing .t404__title {
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-bottom: 8px;             /* можно крутить под себя */
  }

  /* ОСНОВНОЙ ТЕКСТ / ОПИСАНИЕ */
  .uc-listing .t404__descr,
  .uc-listing .t404__txt,
  .uc-listing .t404__text {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;    /* нормальная насыщенность */
    color: #000000;
    margin-bottom: 12px;            /* отступ до следующего элемента */
  }

  /* ДАТА */
  .uc-listing .t404__date {
    font-size: 14px !important;
    font-weight: 400 !important;
    opacity: 0.8;
    margin-bottom: 6px;
  }
}