/* === Rational: карточки категорий (главные разделы) === */
.bx_catalog_tile .bx_catalog_tile_ul{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:40px!important;
  margin:40px auto 60px!important;
  padding:0!important;
  list-style:none!important;
  max-width:1100px!important;
  background:none!important;
}
.bx_catalog_tile .bx_catalog_tile_ul li{
  float:none!important;
  width:240px!important;
  margin:0!important;
  padding:25px 20px!important;
  box-sizing:border-box!important;
  text-align:center!important;

  background:#fff;
  border:1px solid #ebebeb;
  border-radius:16px;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  transition:all .25s ease-in-out;
}
.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(n){ clear:none!important; }
.bx_catalog_tile .bx_catalog_tile_ul li:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 20px rgba(0,0,0,.08);
  border-color:#d2d2d2;
}
.bx_catalog_tile .bx_catalog_tile_img{
  display:block!important;
  width:100%!important;
  height:160px!important;
  margin:0 0 20px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff center/contain no-repeat!important;
}
.bx_catalog_tile .bx_catalog_tile_title{ margin:0!important; line-height:1.4!important; }
.bx_catalog_tile .bx_catalog_tile_title a{
  display:inline-block;
  max-width:100%;
  font-size:16px!important;
  font-weight:600;
  color:#2a2a2a;
  text-decoration:none;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:normal;
  transition:color .2s ease;
}
.bx_catalog_tile .bx_catalog_tile_title a:hover{ color:#d80019; }

@media (max-width:768px){
  .bx_catalog_tile .bx_catalog_tile_ul{ gap:20px!important; }
  .bx_catalog_tile .bx_catalog_tile_ul li{ width:46%!important; padding:20px 10px!important; }
  .bx_catalog_tile .bx_catalog_tile_img{ height:120px!important; }
}