/* The tools in the catalog panel of the pryalka theme (event tools.header): an item after the categories, apart
   from them as the manufacturers, with round icons as its tiles. On every page, so kept small. */

.ph-cat-tools {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--ph-line, #ececec);
}

/* The manufacturers come next with their own line above: one line between the two is enough */
.ph-cat-tools + .ph-cat-brands {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.ptl-menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--ph-tint, #fdece4);
  color: var(--ph-accent, #d94a12);
  font-size: 22px;
}

/* The drawer of a phone: the row picture of the item */
.ptl-menu-img {
  background: var(--ph-tint, #fdece4) !important;
  color: var(--ph-accent, #d94a12) !important;
}

/* Not the small grey of the chevron (.ph-cat-link i of the theme) */
.ph-cat-link .ptl-menu-img i {
  font-size: 22px;
  color: var(--ph-accent, #d94a12);
}