/* -------------- CALANDA -------------- */
/* -------------- OPEN SANS -------------- */
.m-related h2 {
  margin-bottom: 40px; }

.m-related .title-product {
  margin-bottom: 56px; }
  .m-related .title-product h2 {
    margin: 0; }

.m-related .dyProductRel {
  border: solid 1px var(--gray-100);
  padding: 26px;
  margin-bottom: 24px; }
  .m-related .dyProductRel.pClassChemical:hover {
    border: solid 2px var(--red); }
  .m-related .dyProductRel.pClassChemical .dyProductRel-type {
    color: var(--red); }
  .m-related .dyProductRel.pClassSolution:hover {
    border: solid 2px var(--secondary-blue); }
  .m-related .dyProductRel.pClassSolution .dyProductRel-type {
    color: var(--secondary-blue); }
  .m-related .dyProductRel.pClassEmulsion:hover {
    border: solid 2px var(--light-green); }
  .m-related .dyProductRel.pClassEmulsion .dyProductRel-type {
    color: var(--light-green); }
  .m-related .dyProductRel .dyProductRel-title {
    font-family: var(--calanda-bold);
    font-size: 1.875rem;
    line-height: 2.375rem;
    padding-bottom: 6px; }
  .m-related .dyProductRel .dyProductRel-subtitle,
  .m-related .dyProductRel .dyProductRel-type {
    font-family: var(--calanda-regular);
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--gray-500);
    padding-bottom: 11px; }
  .m-related .dyProductRel .dyProductRel-type {
    padding-bottom: 40px; }
  .m-related .dyProductRel a {
    font-family: var(--open-sans-bold); }

@media (min-width: 992px) {
  .m-related #productRelBlock .dyProductRel {
    padding: 54px;
    height: 100%;
    position: relative;
    word-break: break-word; }
    .m-related #productRelBlock .dyProductRel a {
      position: absolute;
      left: 57px;
      bottom: 57px; } }