.shopify-section.sidebar-article{
  .fp-title, .rp-title, .sv-title, .cs-title {
    line-height: 1;
    font-size: 24px;
    font-weight: 700;
  }

  .post-title, .rp-link{
    color:var(--color-accent);
    line-height: 1;
  }

  .block-fp{
    margin-bottom: 48px;
    .title-link {
      line-height: 1;
    }
  }

  .block-rp{
    margin-bottom: 48px;
    .posts-list li {
      list-style: none;
      display: grid;
      grid-template-columns: 19px auto;
      gap: 3px;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 10px;
    }

    .posts-list {
      margin: 0;
    }

    .icon {
      line-height: 0;
    }

    .icon svg {
      fill: #3d4246;
    }

    .rp-link {
      font-size: 16px;
      font-weight: 400;
      align-self: start;
      line-height: 1.4;
    }
  } 

  .shop-vetericyn{
    margin-bottom: 48px;
    .shop {
      width: 180px;
      display: block;
      margin: 30px auto;
    }
    .shop img {
      width: 100%;
    }
  }

  .btn-locator{
    .btn {
      background: #199ad6;
      border: none;
      color: #fff;
      padding: 15px 27px;
      font-size: 1.25rem;
      font-weight: 700;
      max-width: 100%;
      transition:background-color 0.3s, border-color 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s;

      &:hover{
        background:#1a3668; 
      }
    }
  }

  .general-search{
    margin-bottom: 48px;
    button {
      display: block;
      width: 20px;
      height: auto;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
    form {
      position: relative;
    }
    input[type="search"] {
      width: 100%;
      margin: 0;
      padding-right:35px;
      border-color: #9ea1a3;
      font-size: 16px;
      font-weight: 600;
    }
  }

  .category-search{
    margin-bottom: 48px;
      select {
        margin: 0;
        width: 100%;
        border-color: #9ea1a3;
        font-size: 16px;
        font-weight: 600;
        padding-right:35px;
      }
      #tagFilter{
        position: relative;
        &:after {
          content: "\2304";
          font-size: 30px;
          height: 15px;
          font-weight: bolder;
          line-height: 0;
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);
        }
      }
  }
}